@charset "utf-8";

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../common/font/NotoSansJP-Regular-after.woff2') format('woff2'),
         url('../../common/font/NotoSansJP-Regular-after.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../common/font/NotoSansJP-Bold-after.woff2') format('woff2'),
         url('../../common/font/NotoSansJP-Bold-after.woff') format('woff');
}

:root {
    --global-bg-color: 255 255 255;
    --global-font-color: 51 51 51;
    --global-font-color-W: 255 255 255;
    --global-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans JP", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", sans-serif;

    --global-ci-corporate-color: 230 0 0;
    --global-ci-basic-color-B: 0 104 176;
    --global-ci-basic-color-G: 0 175 184;
    --global-ci-basic-color-Y: 245 182 0;
    --global-ci-basic-color-R: 223 79 97;

    --global-base-color-W: 255 255 255;
    --global-base-color-K: 0 0 0;
    --global-base-color-R: 230 0 0;
    --global-base-color-Y: 255 204 0;
    --global-base-color-O: 255 136 0;

    --global-base-color-GY-f8: 248 248 248;
    --global-base-color-GY-f3: 243 243 243;
    --global-base-color-GY-ee: 238 238 238;
    --global-base-color-GY-e9: 233 233 233;
    --global-base-color-GY-dd: 221 221 221;
    --global-base-color-GY-cc: 204 204 204;
    --global-base-color-GY-99: 153 153 153;
    --global-base-color-GY-66: 102 102 102;
    --global-base-color-GY-33: 51 51 51;
    --global-base-color-GY-22: 34 34 34;
}



/* ======================================================================
Reset
====================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
  font-size: 62.5%;
  /*scroll-behavior: smooth;*/
}
  html body {
    /*background: #fcf;*/
    color: rgb(var(--global-font-color));
    font-size: 1.4rem;
  }

#container {

    font-family: var(--global-font-family);

    /* html body, */
    input[type='text'],
    input[type='input'],
    input[type='reset'],
    input[type='button'],
    textarea,
    select,
    button {
        font-family: var(--global-font-family);
    }
    main {
    }
    a,
    a:hover,
    a:active {
        color: rgb(var(--global-base-color-R));
        transition: opacity 0.4s;
    }
    a {
        text-decoration: underline;
    }
    a:hover,
    a:active {
        text-decoration: none;
    }
    img {
        width: auto;
    }
    sup {
        vertical-align: super !important;
    }
    strong {
        color: unset;
        font-weight: bold;
    }
    table {
        background-color: rgb(var(--global-bg-color));
    }
    figcaption {
        font-size: .857em;
    }
    .wm-border-background {
        color: unset;
        background-color: rgb(var(--global-base-color-R) / .1);
        border: 1px solid rgb(var(--global-base-color-R));
    }
    .wm-background {
        color: unset;
        background-color: transparent;
        border: 1px solid rgb(var(--global-base-color-R));
    }
    @media (min-width: 801px) {
        html body {
            min-width: 1240px;
        }
    }
    @media (max-width: 800px) {
        main {
            margin-top: 0;
        }
    }
    



/* ======================================================================
Header
====================================================================== */
#common_page_header {
    background-color: rgb(var(--global-bg-color));
}
#common_head_link {
    margin-top: 10px;
}
#common_page_header .p-groupHeader__groupLogo .company_topLink {
    display: none;
}
#common_page_header .header_nav_global {
    font-size: 1.4rem;
}
#common_page_header .header_nav {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.4rem;
    padding: 0;
}
#common_page_header .header_nav > * {
    width: auto;
}
#common_page_header .header_nav .header_search {
    order: 1;
}
#common_page_header .header_search dd {
    background-color: rgb(var(--global-base-color-GY-f3));
    padding: 0;
    width: 100%;
}
form#searchForm,
form#searchFormGlobal {
    margin-top: 0;
}
h1 + form#searchForm,
h1 + form#searchFormGlobal {
    margin-top: 20px;
}
form#searchForm #srcWindow,
form#searchFormGlobal #srcWindow {
    margin-top: 0;
}
form#searchForm #searchButton,
form#searchFormGlobal #searchButton {
    background-color: rgb(var(--global-base-color-R));
    background-image: url(../../images/before/icon-set/ico_search_w.svg);
}
#common_page_header .header_nav .header_nav_global {
    order: 2;
    margin: 0 auto 0 0;
    padding: 20px 0;
}
#common_page_header .header_nav .header_nav_utility {
    order: 3;
    right: 0 !important;
}
#common_page_header .header_nav #snsButton-clone {
    order: 4;
}
#common_page_header .header_nav .header_nav_utility li:nth-child(n + 2) {
    display: none;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    font-size: 1.6rem;
    width: 11.2rem;
}
.nice-select:after {
    height: 8px;
    width: 8px;
}
.nice-select span.current {
    margin-top: -1px;
    text-indent: 6.4rem;
    width: 6.4rem;
}
.nice-select span.current.spot:before,
.nice-select span.current.amgame:before,
.nice-select span.current.prize:before,
.nice-select span.current.game:before,
.nice-select span.current.event:before,
.nice-select span.current.news:before {
    left: 10px;
    width: 25px;
    height: 25px;
}
.nice-select span.current.spot:before,
.nice-select .list li[data-value="spot"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="spot"]:before {
    background-image: url(../../images/before/icon-set/ico_spot_r.svg);
}
.nice-select .list li:hover[data-value="spot"]:before,
.nice-select .list li.focus[data-value="spot"]:before,
.nice-select .list li.selected[data-value="spot"]:before {
    background-image: url(../../images/before/icon-set/ico_spot_w.svg);
}
.nice-select span.current.amgame:before,
.nice-select .list li[data-value="amgame"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="amgame"]:before {
    background-image: url(../../images/before/icon-set/ico_am_r.svg);
}
.nice-select .list li:hover[data-value="amgame"]:before,
.nice-select .list li.focus[data-value="amgame"]:before,
.nice-select .list li.selected[data-value="amgame"]:before {
    background-image: url(../../images/before/icon-set/ico_am_w.svg);
}
.nice-select span.current.prize:before,
.nice-select .list li[data-value="prize"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="prize"]:before {
    background-image: url(../../images/before/icon-set/ico_prize_r.svg);
}
.nice-select .list li:hover[data-value="prize"]:before,
.nice-select .list li.focus[data-value="prize"]:before,
.nice-select .list li.selected[data-value="prize"]:before {
    background-image: url(../../images/before/icon-set/ico_prize_w.svg);
}
.nice-select span.current.game:before,
.nice-select .list li[data-value="game"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="game"]:before {
    background-image: url(../../images/before/icon-set/ico_installation-store_r.svg);
}
.nice-select .list li:hover[data-value="game"]:before,
.nice-select .list li.focus[data-value="game"]:before,
.nice-select .list li.selected[data-value="game"]:before {
    background-image: url(../../images/before/icon-set/ico_installation-store_w.svg);
}
.nice-select span.current.event:before,
.nice-select .list li[data-value="event"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="event"]:before {
    background-image: url(../../images/before/icon-set/ico_event02_r.svg);
}
.nice-select .list li:hover[data-value="event"]:before,
.nice-select .list li.focus[data-value="event"]:before,
.nice-select .list li.selected[data-value="event"]:before {
    background-image: url(../../images/before/icon-set/ico_event02_w.svg);
}
.nice-select span.current.news:before,
.nice-select .list li[data-value="news"]:before,
.nice-select .list:hover .option:not(:hover)[data-value="news"]:before {
    background-image: url(../../images/before/icon-set/ico_news_r.svg);
}
.nice-select .list li:hover[data-value="news"]:before,
.nice-select .list li.focus[data-value="news"]:before,
.nice-select .list li.selected[data-value="news"]:before {
    background-image: url(../../images/before/icon-set/ico_news_w.svg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    width: 26rem;
}
form#searchForm #searchWord,
form#searchForm #searchWordGlobal,
form#searchFormGlobal #searchWord,
form#searchFormGlobal #searchWordGlobal {
    font-size: 1.6rem;
}
#searchWordAxwwer div.sgstLink,
#searchWordGlobalAxwwer div.sgstLink {
    font-size: 1.4rem;
    padding: 12px 20px 10px;
}
.selectNav {
    position: relative;
    padding: 0 20px 10px 0;
    border: 1px solid rgb(var(--global-base-color-GY-cc));
    z-index: 3;
}
.selectNav:after {
    content: '';
    display: block;
    clear: both;
}
.selectNav li {
    position: relative;
    float: left;
    margin: 10px 0 0 20px;
}
.selectNav a {
    position: relative;
    display: inline-block;
    color: rgb(var(--global-font-color));
    text-decoration: none;
    padding-left: 14px;
}
.selectNav a:hover,
.selectNav a:active {
    color: rgb(var(--global-base-color-R));
    text-decoration: none;
}
.selectNav a:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: calc(.8em - 4px);
    left: 0;
    margin-top: 0;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 4px 0 4px 6px;
    border-left-color: rgb(var(--global-base-color-GY-99));
}
.categoryTag li {
    font-size: 1rem;
    margin: -.1em 5px 5px 0 !important;
}
.categoryTag a {
    display: block;
    padding: .3em .5em .3em calc(.8em + 10px);
    background-color: rgb(var(--global-base-color-GY-ee));
    border-radius: 3px;
    position: relative;
}
.categoryTag a:before {
    display: inline-block;
    height: 10px;
    margin: 0;
    width: 10px;
    position: absolute;
    top: calc(50% - 5px);
    left: .5em;
}

@media (min-width: 801px) {
    #common_page_header .p-groupHeader__groupLogo .company_topLink {
        display: block;
        height: 2em;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #common_page_header .p-groupHeader__groupLogo .company_topLink a {
        display: block;
        margin: 0 0 0 1em;
        padding: 0 1em;
        border-left: 1px solid rgb(var(--global-base-color-GY-dd));
        color: rgb(var(--global-base-color-K));
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 2em;
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        z-index: 1;
    }
    #common_page_header .header_nav .header_nav_global {
        order: 1;
        margin: 0 auto 0 0;
        padding: 0;
    }
    #common_page_header .header_nav_global li:not(:last-child)::before {
        display: none
    }
    #common_page_header .header_nav_global li {
        overflow: hidden;
    }
    #common_page_header .header_nav_global a {
        border-bottom: none;
        margin: 0;
        padding: 20px 10px 20px calc(15px + .4em);
        font-weight: bold;
        line-height: 3rem;
        position: relative;
        z-index: 1;
    }
    #common_page_header .header_nav_global a::before {
        content: "";
        display: block !important;
        width: 0;
        height: 0;
        background-image: none;
        border: 4px solid transparent;
        border-width: 4px 0 4px 6px;
        border-left-color: rgb(var(--global-base-color-R));
        margin: 0;
        position: absolute;
        left: 10px;
        top: calc(50% - 4px);
    }
    #common_page_header .header_nav_global_home {
        display: block !important;
        width: auto;
        opacity: 1;
        padding: 15px 0;
        margin: 0;
    }
    #common_page_header .header_nav_global_home a {
        border-right: 1px solid rgb(var(--global-base-color-GY-dd));
        white-space: nowrap;
        width: 65px;
        margin-right: 5px;
        padding: 5px 20px;
        text-indent: 200%;
    }
    #common_page_header .header_nav_global_home a::before {
        width: 2.4rem;
        height: 2.4rem;
        background: url(../../images/before/icon-set/ico_home.svg) no-repeat center center / contain, transparent;
        border: none;
        border-radius: 0;
        left: 20px;
        top: calc(50% - 1.2rem);
        opacity: .5;
    }
    #common_page_header .header_nav_global_home a:hover::before {
        background-image: url(../../images/before/icon-set/ico_home_r.svg);
        opacity: 1;
    }
    #common_page_header .header_nav_current::after {
        border-bottom-color: rgb(var(--global-ci-basic-color-R));
        bottom: 0;
    }

    #common_page_header .header_nav .header_search {
        order: 2;
    }
    #common_page_header .header_search dt {
        background-color: rgb(var(--global-base-color-GY-f3));
        border-radius: 0;
        height: 70px;
        text-indent: 80px;
        width: 70px;
    }
    #common_page_header .header_search dt {
        background-color: rgb(var(--global-base-color-GY-f3));
        border-radius: 0;
        height: 70px;
        text-indent: 80px;
        width: 70px;
    }
    #common_page_header .header_search dt::before {
        background-image: url(../../images/before/icon-set/ico_search_r.svg);
        height: 25px;
        width: 25px;
    }
    #common_page_header .js_open .header_search dt::before {
        background-image: url(../../images/before/icon-set/ico_search.svg);
        opacity: .3;
    }
    #common_page_header .js_open .header_search dd {
        box-shadow: 0 5px 5px 0 rgb(var(--global-base-color-K) / 10%);
    }


    #common_page_header .header_nav .header_nav_utility {
        order: 3;
    }
    #common_page_header .header_nav_utility {
        /*background-color: rgb(var(--global-base-color-GY-e9));*/
        background-color: transparent;
        margin: 0;
        padding: 15px 20px 15px 0;
    }
    #common_page_header .header_nav_utility li:first-child::before,
    #common_page_header .header_nav_utility::after {
        display: none;
    }
    #common_page_header .header_nav_utility li {
        background-color: transparent;
        padding-left: 0;
    }
    #common_page_header .header_nav_utility li a {
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 4rem;
    }
    #common_page_header .header_nav_utility a::before,
    #common_page_header .header_nav_utility_amusement::after {
        display: none;
    }
    #common_page_header .header_nav_utility_amusement a {
        background: url(../../images/before/icon-set/ico_arrow_w.svg) no-repeat calc(100% - 1em) center / auto 20px, rgb(var(--global-base-color-R));
        border-radius: 3rem;
        color: rgb(var(--global-base-color-W));
        padding: 0 calc(1.5em + 20px) 0 1.5em;
    }
    #common_page_header .header_nav_utility_amusement a:hover {
        background-image: url(../../images/before/icon-set/ico_arrow_r.svg);
        background-color: rgb(var(--global-base-color-W));
        box-shadow: 0 0 0 1px rgb(var(--global-base-color-R)) inset;
        color: rgb(var(--global-base-color-R));
    }

    .categoryTag li {
        font-size: 1rem;
    }
    #searchList>li .categoryTag a {
        padding-left: 10px;
    }
}

@media (max-width: 800px) {
    .is-spNavOpen #common_page_header .header_nav {
        padding: 0 0 20px;
    }
    #common_page_header .header_nav_global li.header_nav_global_main a[href*='/spot/']::before {
        background-image: url(../../images/before/icon-set/ico_spot_r.svg);
    }
    #common_page_header .header_nav_global li.header_nav_global_main a[href*='/am/']::before {
        background-image: url(../../images/before/icon-set/ico_am_r.svg);
    }
    #common_page_header .header_nav_global a[href*='/event/']::before {
        background-image: url(../../images/before/icon-set/ico_event02_r.svg);
    }
    #common_page_header .header_nav_global a[href*='/app/']::before {
        background-image: url(../../images/before/icon-set/ico_app_r.svg);
        width: 25px;
        height: 25px;
    }
    #common_page_header .header_search dd {
        padding: 20px;
    }
    .nice-select {
        -webkit-tap-highlight-color: transparent;
        font-size: 1.4rem;
        width: 10rem;
    }
    .nice-select span.current {
        margin-top: -1px;
        text-indent: 5rem;
        width: 5rem;
    }
    .nice-select span.current.spot:before,
    .nice-select span.current.amgame:before,
    .nice-select span.current.prize:before,
    .nice-select span.current.game:before,
    .nice-select span.current.event:before,
    .nice-select span.current.news:before {
        width: 25px;
        height: 25px;
    }
    .nice-select.open .list {
        width: 24rem;
    }
    form#searchForm #searchWord,
    form#searchForm #searchWordGlobal,
    form#searchFormGlobal #searchWord,
    form#searchFormGlobal #searchWordGlobal {
        font-size: 1.4rem;
    }
    .matchCategory li {
        background-color: rgb(var(--global-base-color-GY-f3));
    }
    .selectNav a {
        padding: .5em 0 .5em 14px;
    }
    .selectNav a:before {
        top: calc(.5em + .8em - 4px);
        margin-top: 0;
    }
    #common_page_header .header_nav .header_nav_global {
        margin: 0;
        padding: 0;
    }
    #common_page_header .header_nav_global li,
    #common_page_header .header_nav_global li.header_nav_global_main {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 25px;
        margin: 0;
        padding: 15px 0;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgb(var(--global-base-color-GY-ee));
    }
    #common_page_header .header_nav_global li.header_nav_global_home {
        font-weight: normal;
    }
    #common_page_header .header_nav_global a {
        height: auto;
        color: rgb(var(--global-font-color));
        font-size: 100%;
        font-weight: bold;
        line-height: 25px;
        padding: 0 20px;
    }
    #common_page_header .header_nav_global li.header_nav_global_home a {
        display: inline-block;
        font-size: 1.3rem;
        font-weight: normal;
        line-height: 20px;
        width: auto;
        position: relative;
    }
    #common_page_header .header_nav_global a::before,
    #common_page_header .header_nav_global li.header_nav_global_main a::before {
        display: inline-block;
        background: none;
        border: rgb(var(--global-base-color-R));
        border-style: solid;
        border-width: 0 2px 2px 0;
        height: 10px;
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: middle;
        transform: rotate(-45deg);
    }
    #common_page_header .header_nav_global li.header_nav_global_home a::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 10px 0 0;
        background-image: url(../../images/before/icon-set/ico_home.svg);
        border: none;
        opacity: .5;
        transform: none;
        vertical-align: bottom;
    }
    #common_page_header .header_nav_global li.header_nav_global_home a::after {
        content: "";
        display: block;
        width: 0;
        height: 30px;
        position: absolute;
        border-right: 1px solid rgb(var(--global-base-color-GY-ee));
        right: 0;
        top: calc(50% - 15px);
    }
    #common_page_header .header_nav_global li a br {
        display: none;
    }
    #common_page_header .header_nav_global li.header_nav_global_main + .header_nav_global_main {
        border-left: none;
    }
    #common_page_header .header_nav_current {
        background-color: rgb(var(--global-base-color-GY-f3));
        box-shadow: 5px 0 0 0 rgb(var(--global-base-color-R)) inset;
    }
    #common_page_header .header_nav_current::after {
        display: none;
    }
    .p-groupHeader__spMenuBtn {
        display: block;
        width: 32px;
        height: 32px;
        position: relative;
        margin: 0 0 0 auto;
    }
    .p-groupHeader__companyLogo {
        margin: 0;
    }


    #common_page_header .header_nav .header_nav_utility {
        position: absolute;
        margin: 0;
        top: 13px;
        right: 0;
    }
    #common_page_header .header_nav_utility_inner {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }
    #common_page_header .header_nav_utility li {
        margin: 0;
        padding: 0;
    }
    #common_page_header .header_nav_utility li a {
        font-size: 1.3rem;
        line-height: 30px;
        padding: 0 20px;
        height: auto;
    }
    #common_page_header .header_nav_utility a::before,
    #common_page_header .header_nav_utility .header_nav_utility_amusement::after {
        display: none;
    }
    #common_page_header .header_nav_utility .header_nav_utility_amusement a {
        background: url(../../images/before/icon-set/ico_arrow_w.svg) no-repeat calc(100% - .6em) center / auto 20px, rgb(var(--global-base-color-R));
        border-radius: 3rem;
        color: rgb(var(--global-base-color-W));
        padding: 0 calc(1em + 20px) 0 1em;
    }
    #common_page_header .header_nav_utility_amusement a:hover {
        background-image: url(../../images/before/icon-set/ico_arrow_r.svg);
        background-color: rgb(var(--global-base-color-W));
        box-shadow: 0 0 0 1px rgb(var(--global-base-color-R)) inset;
        color: rgb(var(--global-base-color-R));
    }
}





/* ======================================================================
Topic Path
====================================================================== */
#tPath {
    margin: 0;
    padding: 10px 20px;
    background-color: rgb(var(--global-base-color-GY-f8));
}
#tPath ol {
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.3;
    max-width: 100%;
    min-width: auto;
}
#tPath li {
    line-height: 1.3;
    color: rgb(var(--global-base-color-GY-66));
}
#tPath li + li:before {
    margin: 0 .4em;
}
#tPath li a {
    color: rgb(var(--global-base-color-GY-66));
}

@media (max-width: 800px) {
    #tPath {
        display: none;
    }
}





/* ======================================================================
Left Navigation
====================================================================== */
#lNav {
    padding-right: 40px;
}
#lNav > * {
    margin-right: 0;
}
#lNav nav {
    padding-bottom: 30px;
}
#lNav nav > ul li a {
    font-size: 1.6rem;
}
#lNav nav > ul li ul li a {
    font-size: 1.4rem;
}
#lNav nav > ul > li > a {
    color: inherit;
    border: 1px solid rgb(var(--global-base-color-GY-dd));
    padding: 1.2em 20px;
    background-color: rgb(var(--global-base-color-W));
    position: relative;
}
#lNav nav > ul > li > a:before {
    content: "";
    position: absolute;
    width: 7px;
    background-color: rgb(var(--global-base-color-R));
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
}
#lNav nav > ul > li > ul {
    margin-top: 0;
}
#lNav nav > ul > li > ul > li {
    margin-top: -1px;
    background-color: rgb(var(--global-bg-color));
    border: 1px solid rgb(var(--global-base-color-GY-dd));
}
#lNav nav > ul > li > ul > li.root,
#lNav nav > ul > li > ul > li.cur {
	border-left: 1px solid rgb(var(--global-base-color-GY-dd)) !important;
}
#lNav nav > ul > li > ul > li.root,
#lNav nav > ul > li > ul > li.cur > a,
#lNav nav > ul > li > ul > li.root > a,
#lNav nav > ul > li > ul > li.root > ul {
    background-color: rgb(var(--global-base-color-GY-f8));
	border-left: none;
}
#lNav nav>ul>li>ul>li.root>a,
#lNav nav>ul>li>ul>li.cur>a {
	padding-left: calc(1em + 20px);
    margin-left: inherit;
}
#lNav nav>ul>li>ul>li>a {
    margin-top: 0;
}
#lNav nav>ul>li>ul>li>a:before {
    content: "";
	position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-width: 2px 2px 0 0;
    border-color: rgb(var(--global-base-color-K) / 30%) rgb(var(--global-base-color-K) / 30%) transparent transparent;
	top: calc(1.8em - 4px);
	left: 18px;
	margin: 0;
    transform: rotate(45deg);
}
#lNav nav>ul>li>ul>li.root>a:before,
#lNav nav>ul>li>ul>li.cur>a:before {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: calc(1.7em - 4px);
	left: 19px;
}
#lNav nav>ul>li>ul>li>a:after {
    display: none;
}
#lNav nav > ul > li > ul > li.cur > a,
#lNav nav > ul > li > ul > li li.cur > a {
    color: rgb(var(--global-base-color-R));
}
#lNav nav > ul > li a:hover,
#lNav nav > ul > li a:active,
#lNav nav > ul > li > ul > li a:hover,
#lNav nav > ul > li > ul > li a:active,
#lNav nav > ul > li > ul > li > a.cur {
    color: rgb(var(--global-base-color-R));
}
#lNav nav > ul > li > ul > li.cur > a:hover,
#lNav nav > ul > li > ul > li.cur > a:active {
    color: rgb(var(--global-base-color-R) / 70%);
}
#lNav nav > ul li ul li.root {
    overflow: hidden;
}
#lNav nav > ul li ul li.root > ul {
    padding-left: 22px;
}
#lNav nav > ul li ul li.root > ul > li {
    position: relative;
    padding-left: 1.2em;
}
#lNav nav > ul > li > ul > li.root > ul > li:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-width: 4px 6px;
    border-left-color: rgb(var(--global-base-color-R));
    position: absolute;
    top: calc(.9em - 4px);
    left: .3em;
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ,
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul {
    background: rgb(var(--global-base-color-W));
    border-radius: .4em;
    margin: -.3em 1em 1em calc(24px - .6em);
    padding: .5em;
    filter: drop-shadow(1px 0 0 rgb(var(--global-base-color-GY-ee))) drop-shadow(-1px 0 0 rgb(var(--global-base-color-GY-ee))) drop-shadow(0 1px 0 rgb(var(--global-base-color-GY-ee))) drop-shadow(0 -1px 0 rgb(var(--global-base-color-GY-ee)));
    position: relative;
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul:before ,
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul:before {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: rgb(var(--global-base-color-W));
    position: absolute;
    bottom: 100%;
    left: 1.5em;
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ul , 
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul ul {
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: .5em;
    filter: none;
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ul ul ,
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul ul ul {
    margin-left: .3em;
    padding: .5em 0 0 1.2em;
    border-left: 1px solid rgb(var(--global-base-color-GY-dd));
    filter: none;
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ul ul li + li ,
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul ul ul li + li {
    margin-top: .5em
}
#lNav > nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ul li ,
#lNav > nav > ul > li > ul > li.root a.archiveListY + ul ul li {
    padding-left: 0;
}
#lNav nav > ul > li > ul > li li li a:before {
    background-color: rgb(var(--global-base-color-GY-cc));
    border: transparent;
    border-radius: 100%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 6px;
    left: 2px;
    position: absolute;
    top: calc(.9em - 3px);
    width: 6px;
}
#lNav nav > ul > li > ul > li.root a[href*="/NEWS/"] + ul ul ul li a:before ,
#lNav nav > ul > li > ul > li.root a.archiveListY + ul ul ul li a:before {
    background-color: transparent;
    border: 1px solid rgb(var(--global-base-color-GY-cc));
}
#lNav nav > ul > li > ul > li.root .root > a:before {
    background-color: rgb(var(--global-base-color-R));
    border: none;
}
#lNav nav > ul > li > ul > li.root .root > a:first-child:last-child {
    color: rgb(var(--global-base-color-R));
}
#lNav nav > ul > li > ul > li.root .root > a:first-child:last-child:before {
    background-color: rgb(var(--global-base-color-R));
    border: none;
}
#lNav nav > ul > li > *:first-child:last-child:after {
    bottom: -1px;
}
#lNav #twitterWidget iframe {
    max-width: 260px;
}

@media (max-width: 800px) {
    #lNav {
        margin-top: 100px;
        padding-right: 0;
        padding-bottom: 0;
    }
    #lNav nav > ul {
        box-shadow: 0 50px 0 100px rgb(var(--global-base-color-GY-ee));
    }
}

/* game center news : Add shopmenu */
#lNav .shopmenu {
    margin-bottom: 30px;
    position: relative;
}
#lNav .shopmenu:after {
    content: "";
    display: block;
    width: 40%;
    height: 0;
    margin: 0 30%;
    padding: 0;
    border-bottom: 6px dotted #e8e8e8;
    position: absolute;
    left: 0;
    bottom: 0;
}
#lNav .special_site_lNav ul li ul li:nth-child(n + 3) {
    display: none;
}





/* ======================================================================
SNS ShareButton
====================================================================== */
#snsButton,
#snsButton-clone {
    display: block;
    bottom: 0;
    left: auto;
    margin: 40px auto 0;
    position: static;
    right: auto;
    width: 260px !important;
    max-width: 100% !important;
    text-align: center;
    box-sizing: border-box;
}
#snsButton:before,
#snsButton-clone:before {
    content: "";
    display: inline-block;
    position: static;
    width: 40px;
    height: 35px;
    margin: 0 30px 0 0;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 40" style="enable-background:new 0 0 43 40" xml:space="preserve"><path d="M12.2 17.7c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 1.3 0 2.5.6 3.2 1.5l9.4-4.7c-.1-.3-.1-.7-.1-1 0-2.3 1.9-4.2 4.2-4.2 2.2.1 4.1 2 4.1 4.3s-1.9 4.2-4.2 4.2c-1.3 0-2.5-.6-3.2-1.5l-9.4 4.7c.1.3.1.7.1 1s0 .7-.1 1l9.4 4.7c.8-.9 1.9-1.5 3.2-1.5 2.3 0 4.2 1.9 4.2 4.2 0 2.3-1.9 4.2-4.2 4.2-2.3 0-4.2-1.9-4.2-4.2 0-.4 0-.7.1-1l-9.4-4.7c-.7.8-1.8 1.4-3.1 1.4zM7.6 32.2c-.3-.1-.7-.3-1.1-.5-.5-.2-.9-.3-1-.4-.4-.2-.5-.5-.5-.8 0-.2.1-.4.2-.6.2-.2.5-.3.8-.3.7 0 1.1.4 1.2 1.1H9c-.1-.9-.4-1.5-1-2-.5-.5-1.2-.7-2-.7s-1.5.2-2.1.7c-.6.5-.9 1.1-.9 1.9 0 .7.2 1.3.7 1.8.4.3 1 .7 1.9 1 .5.2.9.3 1.1.5.3.1.4.3.4.6s-.1.5-.3.7c-.2.2-.5.3-.8.3-.3 0-.5-.1-.7-.2-.2-.1-.4-.3-.4-.4-.1-.1-.1-.3-.1-.5H3c0 .9.3 1.5.9 2 .5.4 1.2.6 2.1.6.8 0 1.4-.2 2-.5.7-.5 1-1.2 1-2.1 0-.7-.2-1.2-.7-1.7-.2-.2-.4-.4-.7-.5zm8-.4h-3.4v-3.7h-1.8v8.7h1.8v-3.6h3.4v3.6h1.8v-8.7h-1.8v3.7zm8.1-3.6 3 8.7h-2l-.5-1.5h-3.4l-.5 1.5h-1.9l3.1-8.7h2.2zm0 5.7-1.2-3.6-1.2 3.6h2.4zm7.9-.4 2.4 3.3h-2.2l-2.4-3.4v3.4h-1.8v-8.7h2.7c1.1 0 1.9.2 2.5.7.2.2.4.4.5.6.2.4.3.9.3 1.4 0 .7-.2 1.2-.5 1.7s-.8.8-1.5 1zm.3-2.5c0-.4-.1-.7-.4-1-.3-.3-.6-.4-1.1-.4h-1v2.7h.8c.5 0 .8-.1 1.1-.3.4-.2.6-.5.6-1zm8.1-1.4v-1.5h-4.9v8.7H40v-1.5h-3.1v-2.2H40v-1.5h-3.1v-2.1H40z" style="fill:rgb(51 51 51)"/></svg>') no-repeat center center / contain;
}
#snsButton li,
#snsButton-clone li {
    display: inline-block;
    width: 55px;
    float: none;
    padding: 0;
}
#snsButton li:first-child,
#snsButton-clone li:first-child {
    position: relative;
}
#snsButton li:first-child:before,
#snsButton-clone li:first-child:before {
    content: "";
    width: 0;
    height: calc(100% + 10px);
    position: absolute;
    left: -16px;
    top: -5px;
    border-left: 1px solid rgb(var(--global-base-color-GY-dd));
}
#snsButton a,
#snsButton-clone a {
    display: block;
    width: 43px;
    height: 40px;
    margin: 0 auto;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(/assets/images/icon_type_a.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
#snsButton a:hover,
#snsButton a:active,
#snsButton-clone a:hover,
#snsButton-clone a:active {
    opacity: .7;
}
#snsButton a[href*='facebook.com'],
#snsButton-clone a[href*='facebook.com'] {
    background-position: 0 -250px;
}
#snsButton a[href*='twitter.com'],
#snsButton-clone a[href*='twitter.com'] {
    background-position: -49px -250px;
}
#snsButton a[href*='google.com'],
#snsButton-clone a[href*='google.com'] {
    /*background-position: -100px -250px;*/
    background-position: -150px -250px;
}
#snsButton a[href*='line.me'],
#snsButton-clone a[href*='line.me'] {
    background-position: -150px -250px;
}
@media (min-width: 801px) {
    #snsButton,
    #snsButton-clone {
        margin-left: auto;
        margin-right: auto;
        position: static;
        text-align: center;
        height: 46px;
    }
    #snsButton-clone {
        display: none;
    }
    #snsButton:before,
    #snsButton-clone:before {
        width: 45px;
        height: 40px;
        margin-right: 20px;
    }
    #snsButton li,
    #snsButton-clone li {
        width: 60px;
    }
    #snsButton li:first-child:before,
    #snsButton-clone li:first-child:before {
        left: -11px;
    }
    #snsButton li:last-child,
    #snsButton-clone li:last-child {
        display: inline-block;
    }
    #snsButton a,
    #snsButton-clone a {
        width: 49px;
        height: 46px;
    }
    #snsButton a[href*='facebook.com'],
    #snsButton-clone a[href*='facebook.com'] {
        background-position: 0 -200px;
    }
    #snsButton a[href*='twitter.com'],
    #snsButton-clone a[href*='twitter.com'] {
        background-position: -60px -200px;
    }
    #snsButton a[href*='google.com'],
    #snsButton-clone a[href*='google.com'] {
        /*background-position: -120px -200px;*/
        background-position: -180px -200px;
    }
    #snsButton a[href*='line.me'],
    #snsButton-clone a[href*='line.me'] {
        background-position: -180px -200px;
    }
}

@media (max-width: 800px) {
    #snsButton,
    #snsButton-clone {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #searchInfo #snsButton {
        margin-top: 60px;
    }
}

/* ASOBITO */
.asobito_foot #asobitsnsButton li a {
    height: 50px;
    width: 50px;
}
.asobito_foot #asobitsnsButton li.fb a {
    background: url(/assets/images/icon_type_a.png) no-repeat center;
    background-position: 0 -200px;
    background-size: auto;
}
.asobito_foot #asobitsnsButton li.tw a {
    background: url(/assets/images/icon_type_a.png) no-repeat center;
    background-position: -60px -200px;
    background-size: auto;
}


/* ======================================================================
Footer
====================================================================== */
#onetrust-consent-sdk {
    margin-top: 0;
}
#toPageHeader p {
	max-width: 1240px;
}
#commonPageFooter {
    background-color: rgb(var(--global-base-color-GY-33));
    box-shadow: 0 200px 0 100px rgb(var(--global-base-color-GY-ee)), 0 800px 0 500px rgb(var(--global-base-color-GY-ee));
    font-family: var(--global-font-family);
    font-size: 13px;
    position: relative;
    overflow: hidden;
}
#commonPageFooter:before {
    content: "";
    display: block;
    height: 3px;
    background-color: rgb(var(--global-base-color-R));
    background-image: none;
    margin: 0 -20px;
}
#commonPageFooter a:hover {
	opacity: .6;
}
#commonPageFooter dl {
	font-size: inherit;
	max-width: 1200px;
    padding: 20px 0;
}
#commonPageFooter dt {
	font-weight: bold;
    padding: 20px 20px 10px;
    white-space: nowrap;
}
#commonPageFooter dd {
	margin-left: auto;
	padding: 5px 20px 20px;
}
#commonPageFooter ul {
	font-size: inherit;
}
#commonPageFooter li {
	display: inline-block;
	font-size: inherit;
	vertical-align: top;
}
#commonPageFooter dd li+li {
	border-left: none;
}
#commonPageFooter dl a {
	color: #fff;
	display: block;
	line-height: 100%;
	padding: 5px 1em;
}
#commonPageFooter dl dt a {
	padding: 0;
}
#commonPageFooter dd:nth-of-type(1) li a {
    display: block;
    position: relative;
    padding: 5px 1em 5px calc(1em + 25px);
}
#commonPageFooter dd:nth-of-type(1) li a::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 1em;
    background: url(../../images/before/icon-set/ico_home_w.svg) no-repeat center center / contain;
}
#commonPageFooter dd:nth-of-type(1) li a[href*="/spot/"]::before {
    background-image: url(../../images/before/icon-set/ico_spot_w.svg);
}
#commonPageFooter dd:nth-of-type(1) li a[href*="/am/"]::before {
    background-image: url(../../images/before/icon-set/ico_am_w.svg);
}
#commonPageFooter dd:nth-of-type(1) li a[href*="/event/"]::before {
    background-image: url(../../images/before/icon-set/ico_event02_w.svg);
}
#commonPageFooter dd:nth-of-type(1) li a[href*="/app/"]::before {
    background-image: url(../../images/before/icon-set/ico_app_w.svg);
}
#commonPageFooter .wrapper {
    background-color: rgb(var(--global-base-color-GY-ee));
}
#commonPageFooter .wrapper>* {
	margin: 0 auto;
	max-width: 1200px;
}
#commonPageFooter .wrapper a {
	color: rgb(var(--global-base-color-GY-33));
}
#commonPageFooter .wrapper .copyright {
    color: rgb(var(--global-base-color-GY-33));
}
#commonPageFooter .wrapper .copyright small {
	font-size: 1.2rem;
    float: none;
}

@media (min-width: 801px) {
    #commonPageFooter dt {
        clear: both;
        float: left;
        padding: 20px 20px 20px 0;
        width: auto !important;
    }
    #commonPageFooter dd {
        margin-left: auto;
        padding: 15px 0;
    }
    #commonPageFooter dd+dt:before {
        border-top: 1px solid rgb(var(--global-base-color-GY-66));
        content: '';
        display: block;
        left: 0;
        margin-top: -20px;
        position: absolute;
        right: 0;
        width: 100%;
    }
    #commonPageFooter dd ul {
        padding-left: 5px;
    }
    #commonPageFooter dd ul:before {
        border-left-color: rgb(var(--global-base-color-GY-66));
        top: 0;
        left: 0;
    }
    #commonPageFooter dd li {
        margin-top: 0;
        margin-left: -1px;
    }
    #commonPageFooter .wrapper li {
        margin-left: 1em;
        padding-left: 1em;
    }
    #commonPageFooter .wrapper li+li {
        border-left: 1px solid rgb(var(--global-base-color-GY-cc));
    }
}
@media (max-width: 800px) {
    #commonPageFooter dd ul {
        border-top: 1px solid rgb(var(--global-base-color-GY-66));
        margin: 0;
    }
    #commonPageFooter dd+dt {
        border-top: none;
    }
    #commonPageFooter dd:nth-of-type(1) li {
        display: block;
        margin: 0;
        padding: 10px 0 0;
    }
    #commonPageFooter dd:nth-of-type(1) li a {
        display: block;
        margin: 0;
        padding: 10px 0 10px calc(1em + 30px);
    }
    #commonPageFooter dd:nth-of-type(1) li a::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: calc(50% - 10px);
        left: 1em;
        background: url(../../images/before/icon-set/ico_home_w.svg) no-repeat center center / contain;
    }
    #commonPageFooter .wrapper ul {
        background-color: transparent;
    }
}



/* ======================================================================
Header・Footer
====================================================================== */
main.cssTypeB {
    margin-top: 20px;
}

.wm-h1,
article .wm-h1 {
    font-size: 1.71em;
    margin: 0;
    padding: .5em 1em .55em;
    line-height: 1.5;
    background:
        radial-gradient( rgb(var(--global-base-color-W) / 10%) 33%, transparent 33%) repeat center center / 3px 3px,
        linear-gradient(0deg, rgb(var(--global-base-color-GY-33)) 0%, rgb(var(--global-base-color-GY-33)) 100%) no-repeat 5px 5px / calc(100% - 10px) calc(100% - 10px),
        linear-gradient(0deg, rgb(var(--global-base-color-R)) 0%, rgb(var(--global-base-color-R)) 100%) no-repeat left top / 15px 15px,
        linear-gradient(0deg, rgb(var(--global-base-color-R)) 0%, rgb(var(--global-base-color-R)) 100%) no-repeat left bottom / 15px 15px,
        linear-gradient(0deg, rgb(var(--global-base-color-R)) 0%, rgb(var(--global-base-color-R)) 100%) no-repeat right top / 15px 15px,
        linear-gradient(0deg, rgb(var(--global-base-color-R)) 0%, rgb(var(--global-base-color-R)) 100%) no-repeat right bottom / 15px 15px,
        rgb(var(--global-base-color-GY-33));
    border: none;
    color: rgb(var(--global-base-color-W));
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.wm-h1:before,
article .wm-h1:before,
.wm-h1:after,
article .wm-h1:after {
	display: none;
}
article .wm-h2 {
    border-bottom: none !important;
    background-color: rgb(var(--global-base-color-GY-ee));
    color: rgb(var(--global-base-color-K));
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
    margin-left: 0;
    margin-right: 0;
    padding: .5em .7em calc(.5em + 3px);
    position: relative;
}
article .wm-h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: rgb(var(--global-base-color-GY-cc));
    background-image: linear-gradient(45deg,
    rgb(var(--global-base-color-R)) 30%,
    rgb(var(--global-base-color-GY-cc)) 30%);
    border-left: none;
    top: auto;
    bottom: 0 !important;
    left: 0;
    position: absolute;
}
article .wm-h3,
article .wm-h4,
article .wm-h5,
article .wm-h6 {
    padding: .2em .5em .2em 2.3em;
    line-height: 1.8;
    background-color: rgb(var(--global-base-color-GY-ee));
    border-bottom: 1px solid rgb(var(--global-base-color-GY-cc));
    color: rgb(var(--global-font-color));
}
article .wm-h3 {
    font-size: 1.28em;
}
article .wm-h4 {
    font-size: 1.125em;
}
article .wm-h5 {
    font-size: 1.07em;
}
article .wm-h6 {
    font-size: 1em;
}
article .wm-h3:before,
article .wm-h4:before,
article .wm-h5:before,
article .wm-h6:before {
    width: 1.4em;
    height: 1.4em;
    background-color: rgb(var(--global-base-color-GY-cc));
    border: none;
    border-radius: .3em;
    top: .4em;
    left: .4em;
}
article .wm-h3:before {
    background-color: rgb(var(--global-ci-basic-color-R));
}
article .wm-h4:before {
    background-color: rgb(var(--global-ci-basic-color-B));
}
article .wm-h5:before {
    background-color: rgb(var(--global-ci-basic-color-G));
}
article .wm-h6:before {
    background-color: rgb(var(--global-ci-basic-color-Y));
}
article .wm-h3:after,
article .wm-h4:after,
article .wm-h5:after,
article .wm-h6:after {
    content: "";
    width: .6em;
    height: .6em;
    border-width: 0 .2em .2em 0;
    border-style: solid;
    border-color: transparent rgb(var(--global-base-color-W)) rgb(var(--global-base-color-W)) transparent;
    position: absolute;
    top: .8em;
    left: .7em;
    transform: rotate(-45deg);
}
article .wm-h2 a,
article .wm-h3 a,
article .wm-h4 a,
article .wm-h5 a,
article .wm-h6 a {
    color: inherit;
}

@media (max-width: 800px) {
    .wm-h1,
    article .wm-h1 {
        font-size: 1.6em;
    }
    article .wm-h2 {
        font-size: 1.42em;
    }
    article .wm-h3 {
        font-size: 1.2em;
    }
    article .wm-h4 {
        font-size: 1.07em;
    }
    article .wm-h5 {
        font-size: 1em;
    }
}
@media (max-width: 480px) {
    .wm-h1,
    article .wm-h1 {
        font-size: 1.5em;
    }
    article .wm-h2 {
        font-size: 1.35em;
    }
    article .wm-h3 {
        font-size: 1.14em;
    }
    article .wm-h4 {
        font-size: 1em;
    }
}
@media (max-width: 360px) {
    .wm-h1,
    article .wm-h1 {
        font-size: 1.4em;
    }
}

[class^="linkBtn"] {
    text-align: center;
}
[class^="linkBtn"] a,
[class^="linkBtn"] input,
[class^="linkBtn"] button {
    background-color: rgb(var(--global-base-color-GY-33));
    border: 2px solid rgb(var(--global-base-color-R));
    color: rgb(var(--global-base-color-W));
    display: inline-block;
    font-weight: bold;
    margin: 0 auto;
    padding: .7em 1.5em;
    text-decoration: none;
    vertical-align: top;
    border-radius: 8px;
}
[class^="linkBtn"] a:hover,
[class^="linkBtn"] input:hover,
[class^="linkBtn"] button:hover {
    opacity: .8
}
.linkBtn a,
.linkBtn a:hover {
    color: rgb(var(--global-base-color-W));
    background: rgb(var(--global-base-color-GY-33));
    border: 2px solid rgb(var(--global-base-color-R))
}
.linkBtn.white a,
.linkBtn.white a:hover {
    color: rgb(var(--global-font-color));
    background: rgb(var(--global-base-color-W));
}
.linkBtn-column {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.linkBtn-column>li {
    flex: 1 0 auto;
    margin: 20px 0 0;
    padding: 0 5px;
}
.linkBtn-column>li.white a {
    color: rgb(var(--global-font-color));
    background: rgb(var(--global-base-color-W));
}

.infoHead .infoNav,
#releaseArea .infoNav {
	top: calc(50% - .8em);
    bottom: auto;
    left: auto;
    right: .5em;
	margin-top: 0px;
}
.infoHead .infoNav a,
#releaseArea .infoNav a {
    display: inline-block;
    margin: 0;
    padding: 0 1em 0 2.3em;
    background-color: rgb(var(--global-base-color-W));
    box-shadow: 0 0 0 1px rgb(var(--global-base-color-GY-cc));
    border-radius: 1em;
    color: rgb(var(--global-base-color-GY-66));
    position: relative;
    text-decoration: none;
}
.infoHead .infoNav a::before,
#releaseArea .infoNav a::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    margin: 0 5px 0 0;
    padding: 0;
    background: linear-gradient(to right, rgb(var(--global-base-color-GY-99)) 2px, transparent 2px, transparent 4px, rgb(var(--global-base-color-GY-99)) 4px);
    filter: drop-shadow(0 4px 0 rgb(var(--global-base-color-GY-99))) drop-shadow(0 -4px 0 rgb(var(--global-base-color-GY-99)));
    position: absolute;
    top: calc(50% - 1px);
    left: 1em;
}
.infoHead .infoNav  a:hover,
.infoHead .infoNav  a:active,
#releaseArea .infoNav a:hover,
#releaseArea .infoNav a:active {
    color: rgb(var(--global-base-color-R));
}
.infoHead .infoNav a:hover::before,
.infoHead .infoNav a:active::before,
#releaseArea .infoNav a:hover::before,
#releaseArea .infoNav a:active::before {
    --global-base-color-GY-99: var(--global-base-color-R);
}

ul.wm-list > li,
.wm-ul-circle > li,
.wm-ul-list > li,
.wm-ul-square > li {
    position: relative;
    padding-left: 2em;
    line-height: 1.8;
}
ul.wm-list > li:before,
.wm-ul-circle > li:before,
.wm-ul-list > li:before,
.wm-ul-square > li:before {
    content: "";
    height: 6px;
    left: .7em;
    top: .7em;
    width: 6px;
}
ul.wm-list > li:before {
    background-color: rgb(var(--global-base-color-GY-99));
    border-color: rgb(var(--global-base-color-GY-99));
    border-radius: 100%;
}
.wm-ul-circle > li:before {
    border-color: rgb(var(--global-base-color-GY-99));
}
.wm-ul-list > li:before {
    background-color: rgb(var(--global-base-color-GY-99));
}
.wm-ul-square > li:before {
    border-color: rgb(var(--global-base-color-GY-99));
}
ol.wm-list > li,
.wm-ol-list > li,
.wm-ol-lower-alpha > li,
.wm-ol-lower-roman > li,
.wm-ol-upper-alpha > li,
.wm-ol-upper-roman > li {
    padding-left: 2em;
}
ol.wm-list > li:before,
.wm-ol-list > li:before,
.wm-ol-lower-alpha > li:before,
.wm-ol-lower-roman > li:before,
.wm-ol-upper-alpha > li:before,
.wm-ol-upper-roman > li:before {
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    right: calc(100% - 1.5em);
}
ol.wm-list > li::before {
    content: counter(ol-def, decimal) ".";
}
.wm-ol-list > li::before {
    content: counter(ol-gk, lower-greek) ".";
}
.wm-ol-lower-alpha > li::before {
    content: counter(ol-la, lower-alpha) ".";
}
.wm-ol-lower-roman > li::before {
    content: counter(ol-lr, lower-roman) ".";
}
.wm-ol-upper-alpha > li::before {
    content: counter(ol-ua, upper-alpha) ".";
}
.wm-ol-upper-roman > li::before {
    content: counter(ol-ur, upper-roman) ".";
}
ul.icon > li > a,
.icon > a {
    padding-left: 2em;
}
ul.icon > li > a:before,
.icon > a:before {
    border-width: 4px 0 4px 6px;
    border-left-color: rgb(var(--global-base-color-GY-99));
    left: .7em;
    top: calc(.9em - 4px);
    margin-top: 0;
    width: 0;
}
ul.icon > li.root > a:before,
.icon.root > a:before {
    border-style: solid;
    border-left-color: transparent;
    border-top-color: rgb(var(--global-base-color-GY-99));
    border-width: 6px 4px 0 4px;
}
ul.icon > li > a:hover,
ul.icon > li > a:active,
.icon > a:hover,
.icon > a:active {
    color: rgb(var(--global-base-color-R));
}
ul.icon > li > a[target],
ul.icon > li > a.subWin,
ul.icon > li > a[href*='.pdf'],
ul.icon > li > a.pdf,
ul.icon > li > a[href*='.doc'],
ul.icon > li > a.doc,
ul.icon > li > a[href*='.xls'],
ul.icon > li > a.xls,
ul.icon > li > a[href*='.zip'],
ul.icon > li > a[href*='.lzh'],
ul.icon > li > a[href*='.exe'],
ul.icon > li > a.zip,
ul.icon > li > a[href*='.mp4'],
ul.icon > li > a[href*='.wmv'],
ul.icon > li > a.movie,
.icon > a[target],
.icon > a.subWin,
.icon > a[href*='.pdf'],
.icon > a.pdf,
.icon > a[href*='.doc'],
.icon > a.doc,
.icon > a[href*='.xls'],
.icon > a.xls,
.icon > a[href*='.zip'],
.icon > a[href*='.lzh'],
.icon > a[href*='.exe'],
.icon > a.zip,
.icon > a[href*='.mp4'],
.icon > a[href*='.wmv'],
.icon > a.movie {
    padding-left: calc(19px + .7em);
}
ul.icon > li > a[target]:before,
ul.icon > li > a.subWin:before,
ul.icon > li > a[href*='.pdf']:before,
ul.icon > li > a.pdf:before,
ul.icon > li > a[href*='.doc']:before,
ul.icon > li > a.doc:before,
ul.icon > li > a[href*='.xls']:before,
ul.icon > li > a.xls:before,
ul.icon > li > a[href*='.zip']:before,
ul.icon > li > a[href*='.lzh']:before,
ul.icon > li > a[href*='.exe']:before,
ul.icon > li > a.zip:before,
ul.icon > li > a[href*='.mp4']:before,
ul.icon > li > a[href*='.wmv']:before,
ul.icon > li > a.movie:before,
.icon > a[target]:before,
.icon > a.subWin:before,
.icon > a[href*='.pdf']:before,
.icon > a.pdf:before,
.icon > a[href*='.doc']:before,
.icon > a.doc:before,
.icon > a[href*='.xls']:before,
.icon > a.xls:before,
.icon > a[href*='.zip']:before,
.icon > a[href*='.lzh']:before,
.icon > a[href*='.exe']:before,
.icon > a.zip:before,
.icon > a[href*='.mp4']:before,
.icon > a[href*='.wmv']:before,
.icon > a.movie:before {
    left: .2em;
}








/*--------------------
company
--------------------*/
/*importantInfo*/
#importantInfo {
    margin: 0 auto 20px
}

/*imageMovie*/
#imageMovie {
	padding-top: 30%;
}
@media (max-width: 800px) {
    #imageMovie {
        padding-top: 40%;
    }
}

/*about*/
.cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:nth-child(5),
.cssTypeB #lNav ul.about li >a + ul li:nth-child(5) {
    margin-top: 0;
    padding-top: 20px;
    border: none;
    text-align: center;
}
.cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf"],
.cssTypeB #lNav ul.about li >a + ul li:last-child a[href$=".pdf"] {
    background: #333;
    /* background: #ef3665; */
    /* background: linear-gradient(135deg, #ef3665 0%, #ff7848 50%, #ffa734 100%); */
    border-radius: 10px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    padding: 1.5em .5em;
}
.cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf"]:before,
.cssTypeB #lNav ul.about li >a + ul li:last-child a[href$=".pdf"]:before {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../../images/common/before/assets/icon_link_pdf.png);    
    border: none;
    margin: -.15em .5em 0 0;
    position: static;
    transform: none;
    vertical-align: middle;
}
.cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf"]:after,
.cssTypeB #lNav ul.about li >a + ul li:last-child a[href$=".pdf"]:after {
    display: none;
}
.cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf"]:hover,
.cssTypeB #lNav ul.about li >a + ul li:last-child a[href$=".pdf"]:hover {
    opacity: .8;
}
@media (max-width: 800px) {
    .cssTypeB #lNav ul.about li a[href*="wmPageLinkResource?pageId=47"] + ul li:nth-child(5),
    .cssTypeB #lNav ul.about li >a + ul li:nth-child(5) {
        background-color: rgb(var(--global-base-color-GY-ee));
    }
}

/*profile*/
.wm-h1 .dated {
    font-size: 60%;
    font-style: normal;
    font-weight: normal;
    margin-left: .5em;
}
table.company_profile,
table.company_profile th,
table.company_profile td {
    border-left: none;
    border-right: none;
    line-height: 1.8;
}
table.company_profile {
    width: 100%;
}
table.company_profile th,
table.company_profile td {
    width: auto;
    background-color: transparent;
    color: rgb(var(--global-font-color));
    padding: 20px 10px;
    vertical-align: top;
}
table.company_profile th::before {
    content: "\00a0";
    background-color: rgb(var(--global-base-color-R));
    margin-right: .7em;
}
table.company_profile th {
    font-weight: bold;
    padding-right: 0;
    white-space: nowrap;
}
table.company_profile td {
    padding-left: 20px;
    padding-right: 0;
}
table.company_profile td table,
table.company_profile td table th,
table.company_profile td table td {
    width: auto;
    font-weight: normal;
    padding: 0;
    border: none;
}
table.company_profile td table td {
    padding-left: 1.3em;
}
table.company_profile td table tr+tr th,
table.company_profile td table tr+tr td {
    padding-top: .2em;
}
table.company_profile td table th::before {
    display: none
    
}
@media (min-width: 801px) {
    table.company_profile .sp {
        display: none;
    }
    table.company_profile th,
    table.company_profile td {
        padding: 20px;
    }
    table.company_profile td table td {
        padding-left: 2em;
    }
}
@media (max-width: 480px) {
    .sizeS.about_inner .image,
    .sizeS.about_inner .sentence {
        float: right;
        font-size: 3.2vw;
        width: 40vw;
    }
    .roundR.about_inner .image {
        margin: 0 0 1em 1em !important;
    }
}

/* News */
section li a,
section dd a,
.infoList li a,
.infoList dd a {
    color: rgb(var(--global-font-color));
    text-decoration: underline;
}
.infoList dd .categoryList a {
    text-decoration: none;
}
section li a:hover,
section li a:active,
section dd a:hover,
section dd a:active,
.infoList :not(.categoryList) li a:hover,
.infoList :not(.categoryList) li a:active,
.infoList dd :not(.categoryList) a:hover,
.infoList dd :not(.categoryList) a:active {
    color: rgb(var(--global-base-color-R));
    text-decoration: none;
}
.infoList dt {
    font-weight: bold;
}
.infoList .categoryList + p a[target="_blank"]:after,
.infoList dd p a[target="_blank"]:after,
.infoList dd p a[href*=".pdf"]:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 3px;
	background: url(../../images/common/before/shared/icon_common.png) 0 0 no-repeat;
	border-style: none;
	overflow: hidden;
	vertical-align: middle;
    filter: grayscale(1);
}
.infoList dd p a[href*=".pdf"]:after {
	background: url(../../images/common/before/shared/icon_common.png) 20% 0 no-repeat !important;
    filter: grayscale(0) !important;
}
.infoList dd p a[href*=".doc"]:after,
.infoList dd p a[href*=".docx"]:after {
	background: url(../../images/common/before/shared/icon_common.png) 40% 0 no-repeat !important;
    filter: grayscale(0) !important;
}
.infoList dd p a[href*=".xls"]:after,
.infoList dd p a[href*=".xlsx"]:after {
	background: url(../../images/common/before/shared/icon_common.png) 60% 0 no-repeat !important;
    filter: grayscale(0) !important;
}
.infoList dd p a[href*=".zip"]:after,
.infoList dd p a[href*=".lzh"]:after,
.infoList dd p a[href*=".lha"]:after {
	background: url(../../images/common/before/shared/icon_common.png) 80% 0 no-repeat !important;
    filter: grayscale(0) !important;
}
.infoList dd p a[href*=".mov"]:after,
.infoList dd p a[href*=".mp4"]:after,
.infoList dd p a[href*=".avi"]:after,
.infoList dd p a[href*=".flv"]:after,
.infoList dd p a[href*=".webm"]:after {
	background: url(../../images/common/before/shared/icon_common.png) 100% 0 no-repeat !important;
    filter: grayscale(0) !important;
}

.infoList .newsTag.none{
    display: none;

}








/*--------------------
original
--------------------*/
article .no-news-list {
    border: 1px solid rgb(0 0 0/10%);
    padding: 1.5em 0;
    text-align: center;
}

/*flexbox*/
.flex-layout {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    box-sizing: border-box;
}
.flex-layout.center {
    justify-content: center;
}
.flex-layout > * {
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*flexbox column*/
.flex-layout.col1 > * {
    width: 100%;
}
.flex-layout.col2 > *,
.flex-layout.col2to1 > * {
    width: calc(100% / 2);
}
.flex-layout.col3 > *,
.flex-layout.col3to1 > *,
.flex-layout.col3to2 > *,
.flex-layout.col3to2to1 > * {
    width: calc(100% / 3);
}
.flex-layout.col4 > *,
.flex-layout.col4to2 > *,
.flex-layout.col4to2to1 > *,
.flex-layout.col4to3to2 > * {
    width: calc(100% / 4);
}
.flex-layout.col5 > *,
.flex-layout.col5to2 > *,
.flex-layout.col5to3 > *,
.flex-layout.col5to3to1 > *,
.flex-layout.col5to3to2 > * {
    width: calc(100% / 5);
}
.flex-layout.col6 > *,
.flex-layout.col6to2 > *,
.flex-layout.col6to3 > *,
.flex-layout.col6to3to1 > *,
.flex-layout.col6to4 > *,
.flex-layout.col6to4to2 > *,
.flex-layout.col6to4to3 > * {
    width: calc(100% / 6);
}
.flex-layout.col7 > *,
.flex-layout.col7to3 > *,
.flex-layout.col7to3to1 > *,
.flex-layout.col7to3to2 > *,
.flex-layout.col7to4 > *,
.flex-layout.col7to4to2 > *,
.flex-layout.col7to4to3 > *,
.flex-layout.col7to5 > *,
.flex-layout.col7to5to2 > *,
.flex-layout.col7to5to3 > * {
    width: calc(100% / 7);
}
.flex-layout.col8 > *,
.flex-layout.col8to3 > *,
.flex-layout.col8to3to1 > *,
.flex-layout.col8to3to2 > *,
.flex-layout.col8to4 > *,
.flex-layout.col8to4to1 > *,
.flex-layout.col8to4to2 > *,
.flex-layout.col8to4to3 > *,
.flex-layout.col8to5 > *,
.flex-layout.col8to5to1 > *,
.flex-layout.col8to5to2 > *,
.flex-layout.col8to5to3 > *,
.flex-layout.col8to6 > *,
.flex-layout.col8to6to2 > *,
.flex-layout.col8to6to3 > *,
.flex-layout.col8to6to4 > * {
    width: calc(100% / 8);
}

/*base*/
#grayboxList .wm-border a {
    word-break: break-all;
}
.boxSolid1px,
.boxSolid2px,
.boxSolid3px,
.boxDouble3px,
.boxDouble6px {
    padding: 1em;
    border-style: solid;
    border-color: rgb(var(--global-base-color-GY-cc));
}
.boxSolid1px {
    border-width: 1px;
}
.boxSolid2px {
    border-width: 3px;
}
.boxSolid3px,
.boxDouble3px {
    border-width: 3px;
}
.boxDouble6px {
    border-width: 6px;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.textCenter {
    text-align: center;
}
.annotation {
    font-size: 85.7%;
}
.annotation li {
    text-indent: -1em;
    margin-top: 0.2em;
    padding-left: 1em;
}
.inlineBlock li {
    display: inline-block;
    padding-right: .25em;
}


/*shoplist (focused chara_shop & release)*/
.locations {
    padding: 1em;
    border: 1px solid #c8c8c8;
}
.locations dt,
.releaseLoc dt {
    padding: 6px 10px;
    font-weight: bold;
    border-bottom: 1px solid #c8c8c8;
    background: #ddd;
}
.locations dd,
.releaseLoc dd {
    margin-top: 5px;
}
.locations dd:first-of-type,
.releaseLoc dd:first-of-type {
    margin-top: 10px;
}
.locations dd b,
.releaseLoc dd b {
    display: inline-block;
    margin-right: 0.5em;
    padding: 0.2em 0.5em;
    background: #bbb;
    border-radius: 4px;
    font-size: 85.7%;
    font-weight: normal;
    color: #fff;
    text-align: center;
}
.locations.type2 {
    padding: 0;
    border: none;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.locations.type2 + .locations.type2 {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.locations.type2 dt {
    display: table-cell;
    word-break: keep-all;
    width: 40%;
    text-align: center;
    vertical-align: middle;
    border: none;
    position: relative;
}
.locations.type2 dt .nowrap {
    font-style: normal;
    white-space: nowrap;
}
.locations.type2 dt:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #ddd;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
}
.locations.type2 dd {
    margin: 0 0 0 20px;
    position: relative;
    padding-left: 5em;
}
.locations.type2 dd:first-of-type {
    margin-top: 0.5em;
}
.locations.type2 dd:last-of-type {
    margin-bottom: 0.5em;
}
.locations.type2 dd + dd {
    margin-top: 10px;
}
.locations.type2 dd b {
    position: absolute;
    top: -0.2em;
    left: 0;
}
.locations.type3 {
    padding: 0;
    border: none;
    display: table;
    width: 100%;
}
.locations.type3 * {
    box-sizing: border-box;
}
.locations.type3 + .locations.type3 {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.locations.type3 .event_loc_name {
    display: table-cell;
    margin: 0;
    padding: 1em;
    width: 40%;
    text-align: center;
    border: none;
    position: relative;
    background: #ddd;
    font-weight: bold;
    vertical-align: middle;
    word-break: keep-all;
}
.locations.type3 .event_loc_name .nowrap {
    font-style: normal;
    white-space: nowrap;
}
.locations.type3 .event_loc_name:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #ddd;
    position: absolute;
    top: calc(50% - 10px);
    left: 100%;
}
.locations.type3 .event_loc_info {
    display: table-cell;
    width: 60%;
    margin: 0;
    position: relative;
    padding-left: 20px;
    vertical-align: middle;
}
.locations.type3 .event_loc_info table,
.locations.type3 .event_loc_info table th,
.locations.type3 .event_loc_info table td {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-weight: normal;
}
.locations.type3 .event_loc_info table th,
.locations.type3 .event_loc_info table td {
    margin: 0;
    padding: 4px .5em;
    vertical-align: top;
    position: relative;
}
.locations.type3 .event_loc_info table th {
    color: #fff;
    font-size: 85.7%;
    line-height: calc(1.8 * 1.166);
    z-index: 1;
    word-break: keep-all;
}
.locations.type3 .event_loc_info table th:before {
    content: "\00a0";
    display: block;
    width: 100%;
    background: #bbb;
    border-radius: 5px;
    position: absolute;
    left: 0;
    z-index: -1;
}
.locations.type3 .event_loc_info table td {
    width: 100%;
}


/*copyright*/
.releaseCopy {
    font-size: 85.7%;
}
.releaseCopy span {
    display: inline-block;
    word-break: keep-all;
    margin: 0 .2em;
}

@media (max-width: 800px) {
    /*flexbox column*/
    .flex-layout.col2to1 > *,
    .flex-layout.col3to1 > * {
        width: 100%;
    }
    .flex-layout.col3to2 > *,
    .flex-layout.col3to2to1 > *,
    .flex-layout.col4to2 > *,
    .flex-layout.col4to2to1 > *,
    .flex-layout.col5to2 > *,
    .flex-layout.col6to2 > * {
        width: calc(100% / 2);
    }
    .flex-layout.col4to3to2 > *,
    .flex-layout.col5to3 > *,
    .flex-layout.col5to3to1 > *,
    .flex-layout.col5to3to2 > *,
    .flex-layout.col6to3 > *,
    .flex-layout.col6to3to1 > *,
    .flex-layout.col7to3 > *,
    .flex-layout.col7to3to1 > *,
    .flex-layout.col7to3to2 > *,
    .flex-layout.col8to3 > *,
    .flex-layout.col8to3to1 > *,
    .flex-layout.col8to3to2 > * {
        width: calc(100% / 3);
    }
    .flex-layout.col6to4 > *,
    .flex-layout.col6to4to2 > *,
    .flex-layout.col6to4to3 > *,
    .flex-layout.col7to4 > *,
    .flex-layout.col7to4to2 > *,
    .flex-layout.col7to4to3 > *,
    .flex-layout.col8to4 > *,
    .flex-layout.col8to4to1 > *,
    .flex-layout.col8to4to2 > *,
    .flex-layout.col8to4to3 > * {
        width: calc(100% / 4);
    }
    .flex-layout.col7to5 > *,
    .flex-layout.col7to5to2 > *,
    .flex-layout.col7to5to3 > *,
    .flex-layout.col8to5 > *,
    .flex-layout.col8to5to1 > *,
    .flex-layout.col8to5to2 > *,
    .flex-layout.col8to5to3 > * {
        width: calc(100% / 5);
    }
    .flex-layout.col8to6 > *,
    .flex-layout.col8to6to2 > *,
    .flex-layout.col8to6to3 > *,
    .flex-layout.col8to6to4 > * {
        width: calc(100% / 6);
    }

    /*shoplist (focused chara_shop & release)*/
    .locations.type2 {
        display: block;
    }
    .locations.type2 dt {
        display: block;
        width: 100%;
        text-align: left;
        padding: 1em;
        box-sizing: border-box;
    }
    .locations.type2 dt:after {
        border: 10px solid transparent !important;
        border-top-color: #ddd !important;
        top: 100%;
        left: 50%;
        margin-top: 0;
        margin-left: -10px;
    }
    .locations.type2 dd {
        margin: 0;
        position: relative;
    }
    .locations.type2 dd:first-of-type {
        margin-top: 20px;
    }
    .locations.type2 dd:last-of-type {
        margin-bottom: 0;
    }
    .locations.type3 {
        display: block;
    }
    .locations.type3 .event_loc_name {
        display: block;
        width: 100%;
        text-align: left;
    }
    .locations.type3 .event_loc_name:after {
        border-left-color: transparent !important;
        border-top-color: #ddd;
        top: 100%;
        left: calc(50% - 10px);
    }
    .locations.type3 .event_loc_info {
        display: block;
        width: 100%;
        margin-top: 15px;
        padding: 0;
    }
}
@media (max-width: 480px) {
    /*flexbox column*/
    .flex-layout.col3to2to1 > *,
    .flex-layout.col4to2to1 > *,
    .flex-layout.col5to3to1 > *,
    .flex-layout.col6to3to1 > *,
    .flex-layout.col7to3to1 > *,
    .flex-layout.col8to3to1 > *,
    .flex-layout.col8to4to1 > *,
    .flex-layout.col8to5to1 > * {
        width: 100%;
    }
    .flex-layout.col4to3to2 > *,
    .flex-layout.col5to3to2 > *,
    .flex-layout.col7to3to2 > *,
    .flex-layout.col8to3to2 > *,
    .flex-layout.col6to4to2 > *,
    .flex-layout.col7to4to2 > *,
    .flex-layout.col8to4to2 > *,
    .flex-layout.col7to5to2 > *,
    .flex-layout.col8to5to2 > *,
    .flex-layout.col8to6to2 > * {
        width: calc(100% / 2);
    }
    .flex-layout.col6to4to3 > *,
    .flex-layout.col7to4to3 > *,
    .flex-layout.col8to4to3 > *,
    .flex-layout.col7to5to3 > *,
    .flex-layout.col8to5to3 > *,
    .flex-layout.col8to6to3 > * {
        width: calc(100% / 3);
    }
    .flex-layout.col8to6to4 > * {
        width: calc(100% / 4);
    }

    /*shoplist (focused chara_shop & release)*/
    .locations dd {
        padding: 0 !important;
    }
    .locations.type2 dd {
        padding-left: 0 !important;
        padding-top: 2em !important;
    }
}



/*--------------------
WOVN
--------------------*/
.wovn-additional-buttons {
    right: 1% !important;
    bottom: 52px !important;
}
.wovn-embedded-widget-anchor {
    display: none;
    margin: 0;
    padding: 0;
    position: fixed !important;
    bottom: 10px;
    right: 1%;
    z-index: 2147483647;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-selector,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-selector {
    border: 1px solid #333;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .2);
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.hide-logo .wovn-lang-selector .wovn-lang-selector-links,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.hide-logo .wovn-lang-selector .wovn-lang-selector-links {
    padding: 9px 16px 9px 36px;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default #wovn-logo-planet,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default #wovn-logo-planet {
    left: 12px;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-container,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-container {
    border: 1px solid #333;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .2);
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating .wovn-lang-container,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating .wovn-lang-container {
    bottom: 0;
    right: 0;
}

}