@charset 'UTF-8';
/*
改行
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
@media only screen and (max-width: 1000px)
{
    .oo_spnone
    {
        display: none;
    }
}

@media only screen and (min-width: 1001px)
{
    .oo_pcnone
    {
        display: none;
    }
}

body
{
    padding-top: 59px;
}

@media only screen and (max-width: 1000px)
{
    body
    {
        padding-top: 100px;
        padding-top: 13.33333vw;
    }
}

.title_inner
{
    position: relative;
    z-index: 5;

    height: 120px;
    padding-top: 19px;

    border-bottom: 1px solid #dcb42e;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    box-shadow: 1px 0 0 #6b0206;
}

@media only screen and (max-width: 1000px)
{
    .title_inner
    {
        height: 120px;
        height: 16vw;
    }
}

@media only screen and (max-width: 1000px)
{
    .title_inner
    {
        padding-top: 19px;
        padding-top: 2.53333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    .title_inner
    {
        background-size: cover;
    }
}

.title_inner h2
{
    width: 650px;
    margin: 0 auto;
}

@media only screen and (max-width: 1000px)
{
    .title_inner h2
    {
        width: 94.7%;
    }
}

.title_inner h2 img
{
    width: auto;
    height: 122px;
}

@media only screen and (max-width: 1000px)
{
    .title_inner h2 img
    {
        height: 122px;
        height: 16.26667vw;
    }
}

main
{
    padding-top: 62px;

    background: url(../images/inner/common/bg_contents.jpg) no-repeat center top/100% #6b0206;
    background-color: #6b0206;
}

@media only screen and (max-width: 1000px)
{
    main
    {
        padding-top: 83px;
        padding-top: 11.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    main
    {
        background: url(../images/inner/common/bg_contents_sp.jpg) no-repeat center top/100% #6b0206;
    }
}

.under_development
{
    padding: 23px 0 22px ;

    color: #fff;
    background-color: #6b0206;
}

@media only screen and (max-width: 1000px)
{
    .under_development
    {
        padding: 3.73333vw 0 4.26667vw ;
    }
}

.under_development p
{
    font-size: 18px;

    text-align: center;
}

@media only screen and (max-width: 1000px)
{
    .under_development p
    {
        font-size: 2.66667vw;
    }
}

/*

battle.html

*/
body#battle .title_inner
{
    background-image: url(../images/inner/battle/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    body#battle .title_inner
    {
        background-image: url(../images/inner/battle/bg_title_sp.jpg);
    }
}

body#battle .battle .modal-btns .inner
{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

@media only screen and (max-width: 1000px)
{
    body#battle .battle .modal-btns .inner
    {
        justify-content: center;
    }
}

body#battle .battle .modal-btns
{
    margin-top: 10px;
    padding-bottom: 0;

    background-image: none;
}

@media only screen and (max-width: 1000px)
{
    body#battle .battle .modal-btns
    {
        margin-top: 8px;
        margin-top: 1.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle .battle .modal-btns
    {
        padding-bottom: 21px;
        padding-bottom: 2.8vw;
    }
}

body#battle .image_movie
{
    position: relative;

    width: 480px;
    margin: 25px auto 0 ;
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie
    {
        width: 63.9%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie
    {
        margin: 5.06667vw auto 0 ;
    }
}

body#battle .image_movie .play
{
    position: relative;
    z-index: 5;

    display: block;

    cursor: pointer;

    border: 1px solid #ffdc77;
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .play
    {
        box-shadow: .53333vw .53333vw ;
    }
}

body#battle .image_movie .play:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: auto;
    width: 60px;
    height: auto;
    height: 60px;
    margin-top: -31px;
    margin-left: -29px;

    content: '';
    transition: transform .2s , opacity .2s;

    opacity: 1;
    background-image: url(../images/common/mov_play.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .play:after
    {
        width: 60px;
        width: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .play:after
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .play:after
    {
        margin-top: -31px;
        margin-top: -4.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .play:after
    {
        margin-left: -31px;
        margin-left: -4.13333vw;
    }
}

body#battle .image_movie .play img
{
    width: 100%;
}

body#battle .image_movie .play:hover:after
{
    transform: scale(1.1);

    opacity: .5;
}

body#battle .image_movie .mov-inner
{
    position: relative;
}

body#battle .image_movie .mov-inner p
{
    position: absolute;
    z-index: 6;
    top: 1px;
    left: 1px;
}

body#battle .image_movie .mov-inner p img
{
    width: auto;
    height: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#battle .image_movie .mov-inner p img
    {
        height: 28px;
        height: 3.73333vw;
    }
}

body#battle .lead
{
    margin-top: 3px;

    text-align: center;
}

@media only screen and (max-width: 1000px)
{
    body#battle .lead
    {
        margin-top: -20px;
        margin-top: -2.66667vw;
    }
}

body#battle .lead img
{
    width: auto;
}

@media only screen and (max-width: 1000px)
{
    body#battle .lead img
    {
        width: 94.7%;
    }
}

body#battle p.lead
{
    font-size: 18px;
    line-height: 1.75;

    margin-top: 17px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#battle p.lead
    {
        margin-top: 28px;
        margin-top: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle p.lead
    {
        line-height: 1.457;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle p.lead
    {
        font-size: 2.93333vw;
    }
}

/*

battle_detail.html

*/
body#battle.detail .battle-page
{
    width: 960px;
    margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page
    {
        width: 94.7%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page
    {
        margin: 0 auto 4.66667vw ;
    }
}

body#battle.detail .battle-page h3 img
{
    width: auto;
    height: 48px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page h3 img
    {
        height: 48px;
        height: 6.4vw;
    }
}

body#battle.detail .battle-page h3 img.double
{
    height: 99px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page h3 img.double
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#battle.detail .battle-page .ss
{
    position: relative;

    cursor: pointer;

    border: 1px solid #e50b18;
    border-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page .ss
    {
        border-width: 2px;
        border-width: .26667vw;
    }
}

@media print, screen and (min-width: 1001px)
{
    body#battle.detail .battle-page .ss
    {
        transition: opacity .35s ease;
    }
    body#battle.detail .battle-page .ss:hover
    {
        opacity: .7;
    }
}

body#battle.detail .battle-page .ss img
{
    max-width: 100%;
}

body#battle.detail .battle-page .ss:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: auto;
    width: 36px;
    height: auto;
    height: 36px;

    content: '';

    background-image: url(../images/common/icon_zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page .ss:after
    {
        width: 36px;
        width: 4.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page .ss:after
    {
        height: 36px;
        height: 4.8vw;
    }
}

body#battle.detail .battle-detail-box
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-detail-box
    {
        margin-top: 25px;
        margin-top: 3.33333vw;
    }
}

body#battle.detail .battle-detail-box .battle-detail-txt
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 19px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-detail-box .battle-detail-txt
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-detail-box .battle-detail-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-detail-box .battle-detail-txt
    {
        font-size: 2.93333vw;
    }
}

body#battle.detail .battle-detail-box .battle-detail-txt span
{
    background-color: #000;
}

body#battle.detail .battle-detail-box .battle-detail-txt ~ .battle-detail-txt
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-detail-box .battle-detail-txt ~ .battle-detail-txt
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#battle.detail .battle-page + .lead
{
    position: relative;
    top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page + .lead
    {
        top: 40px;
        top: 5.33333vw;
    }
}

body#battle.detail .modal-btns
{
    padding: 50px 0 0 ;

    background-color: #3e0204;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .modal-btns
    {
        padding: 5.33333vw 0 2.8vw ;
    }
}

body#battle.detail .under_development
{
    background-color: #3e0204;
}

body#battle.detail img
{
    max-width: 100%;
}

body#battle.detail .ss-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 43px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column
    {
        display: block;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column
    {
        margin-top: 52px;
        margin-top: 6.93333vw;
    }
}

body#battle.detail .ss-column .ss-column-inner
{
    width: 47.5%;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner
    {
        width: 100%;
    }
}

body#battle.detail .ss-column .ss-column-inner .battle-detail-txt:first-of-type
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner .battle-detail-txt:first-of-type
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#battle.detail .ss-column .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .ss-column .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner:nth-of-type(2)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .ss-column .ss-column-inner .name
{
    margin-top: 13px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner .name
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .ss-column .ss-column-inner .name img
{
    width: auto;
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#battle.detail .ss-column .ss-column-inner .name + .battle-detail-txt
{
    margin-top: 9px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .ss-column .ss-column-inner .name + .battle-detail-txt
    {
        margin-top: 9px;
        margin-top: 1.2vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .copy_battle
{
    margin-top: 80px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .copy_battle
    {
        margin-top: 80px;
        margin-top: 10.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .copy_battle img
{
    width: auto;
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .copy_battle img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point
{
    position: relative;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column
{
    margin-top: 23px;
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column
    {
        margin-top: 32px;
        margin-top: 4.26667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn
{
    width: 430px;
    margin: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn
    {
        width: 430px;
        width: 57.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn
    {
        margin: 0 auto;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn .more-btn-inner .red-line-frame
{
    padding-right: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn .more-btn-inner .red-line-frame
    {
        padding-right: 28px;
        padding-right: 3.73333vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:first-of-type .more-btn
{
    margin-left: auto;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .name
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name img
{
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double
{
    margin-top: 0;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double img
{
    height: 132px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double img
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img
{
    position: relative;

    margin-top: 8px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img:before
{
    position: absolute;
    bottom: 0;

    display: inline-block;

    width: auto;
    height: auto;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 73px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(2)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .battle-detail-txt
{
    letter-spacing: -.2px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-01 .point .ss-column .battle-detail-txt
    {
        letter-spacing: -.2px;
        letter-spacing: -.02667vw;
    }
}

body#battle.detail .battle-page-03 .copy_battle
{
    margin-top: 100px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .copy_battle
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner
{
    display: block;
    flex-direction: column;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner
    {
        display: flex;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner .modal-img
{
    order: unset;

    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner .modal-img
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner .modal-img:nth-of-type(2)
{
    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner .modal-img:nth-of-type(2)
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner .name
{
    order: -1;
}

body#battle.detail .battle-page-03 .ss-column-inner .battle-detail-txt
{
    order: unset;
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_1
{
    order: unset;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_1
    {
        order: 1;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_2
{
    order: unset;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_2
    {
        order: 2;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_3
{
    order: unset;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_3
    {
        order: 3;
    }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_4
{
    order: unset;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_4
    {
        order: 4;
    }
}

body#battle.detail .battle-page-03 .ss-column
{
    margin-top: 43px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#battle.detail .battle-page-03 .black_box,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map
{
    position: relative;

    width: 100%;
    margin-top: 28px;
    margin-bottom: 35px;
    padding: 15px 0 15px 0;

    background: #000;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map
    {
        padding: 15px 0 15px 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#battle.detail .battle-page-03 .black_box:before,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map:before,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before
{
    position: absolute;
    top: 5px;
    left: 5px;

    box-sizing: border-box;
    width: calc(100% - 10px);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    height: calc(100% - 10px);

    content: '';

    border: solid 1px #f10c19;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box:before,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map:before,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before
    {
        width: calc(100% - 	6px);
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box:before,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map:before,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before
    {
        height: calc(100% - 6px);
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box:before,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map:before,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before
    {
        left: 3px;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box:before,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map:before,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before
    {
        top: 3px;
    }
}

body#battle.detail .battle-page-03 .black_box .inner_pd,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .inner_pd,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .inner_pd
{
    box-sizing: border-box;
    padding: 0 28px ;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box .inner_pd,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .inner_pd,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .inner_pd
    {
        padding: 0 4vw ;
    }
}

body#battle.detail .battle-page-03 .black_box .red_copy,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy
{
    height: 42px;
    margin-top: 15px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box .red_copy,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box .red_copy,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy
    {
        margin-bottom: 5px;
        margin-bottom: .66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box .red_copy,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy
    {
        height: 42px;
        height: 5.6vw;
    }
}

body#battle.detail .battle-page-03 .black_box .red_copy img,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .red_copy img,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy img
{
    height: 100%;
}

body#battle.detail .battle-page-03 .black_box .ss-column,
body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .ss-column,
body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .ss-column
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .black_box .ss-column,
    body#battle.detail .battle-page-03 body#adventure.detail .adventure-page-08 .area_map .ss-column,
    body#adventure.detail .adventure-page-08 body#battle.detail .battle-page-03 .area_map .ss-column
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-03 .ss-column.legend
{
    margin-top: 25px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .ss-column.legend
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#battle.detail .battle-page-03 .tag_box .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .tag_box .ss-column-inner:nth-of-type(2)
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-03 .style_box
{
    padding: 15px 0 25px 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box
    {
        padding: 15px 0 25px 0;
    }
}

body#battle.detail .battle-page-03 .style_box .ss-column
{
    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .ss-column
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-03 .style_box .ss-column.style-column
{
    height: 64px;
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .ss-column.style-column
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .ss-column.style-column
    {
        height: 100%;
    }
}

body#battle.detail .battle-page-03 .style_box .style-detail-txt
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.62;

    display: table-cell;

    height: 64px;

    vertical-align: middle;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .style-detail-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .style-detail-txt
    {
        font-size: 2.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .style-detail-txt
    {
        height: 100%;
    }
}

body#battle.detail .battle-page-03 .style_box .ss-column-inner
{
    display: block;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .ss-column-inner
    {
        display: block;
    }
}

body#battle.detail .battle-page-03 .style_box .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .ss-column-inner:nth-of-type(2)
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-03 .style_box .battle_style_img
{
    width: 200px;
    margin-top: 8px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .battle_style_img
    {
        margin-top: 8px;
        margin-top: 1.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .battle_style_img
    {
        width: auto;
    }
}

body#battle.detail .battle-page-03 .style_box .battle_style_img img
{
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .battle_style_img img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#battle.detail .battle-page-03 .style_box .battle_style_txt
{
    width: calc(100% - 200px);
    padding-left: 18px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .battle_style_txt
    {
        padding-left: 0;
        padding-left: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .style_box .battle_style_txt
    {
        width: 100%;
    }
}

body#battle.detail .battle-page-03 .kiryu .name img
{
    width: auto;
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .kiryu .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#battle.detail .battle-page-03 .kiryu .modal-img
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .kiryu .modal-img
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-03 .kiryu .kiryu_txt .name
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .kiryu .kiryu_txt .name
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page-03 .kiryu .kiryu_txt .battle-detail-txt
{
    margin-top: 9px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-03 .kiryu .kiryu_txt .battle-detail-txt
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-05 .ss-column
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-05 .ss-column
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner
{
    margin-top: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-05 .ss-column .ss-column-inner
    {
        margin-top: 45px;
        margin-top: 6vw;
    }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name img
{
    height: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name img
    {
        height: 61px;
        height: 8.13333vw;
    }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner:nth-of-type(even)
{
    margin-top: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-05 .ss-column .ss-column-inner:nth-of-type(even)
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .copy_battle
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .copy_battle
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .copy_battle img
{
    width: auto;
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .copy_battle img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point
{
    position: relative;
}

body#battle.detail .battle-page.battle-page-06 .point .ss-column
{
    margin-top: 0;
}

body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p
{
    line-height: 1.6;

    margin-top: 10px;

    letter-spacing: -.5px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p
    {
        line-height: 1.47;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p
    {
        letter-spacing: -.5px;
        letter-spacing: -.06667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column
{
    margin-top: 23px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column
    {
        margin-top: 32px;
        margin-top: 4.26667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn
{
    width: 430px;
    margin: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn
    {
        width: 430px;
        width: 57.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn
    {
        margin: 0 auto;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn .more-btn-inner .red-line-frame
{
    padding-right: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn .more-btn-inner .red-line-frame
    {
        padding-right: 28px;
        padding-right: 3.73333vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .ss-column-inner:first-of-type .more-btn
{
    margin-left: auto;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column
{
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name
{
    margin-top: 33px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name img
{
    height: 99px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name img
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double
{
    margin-top: 0;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double img
{
    height: 132px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double img
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img
{
    position: relative;

    margin-top: 8px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img:before
{
    position: absolute;
    bottom: 0;

    display: inline-block;

    width: auto;
    height: auto;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before
{
    right: 0;

    width: 300px;
    height: 495px;

    background-image: url(../images/inner/battle/obj_dancer.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before
    {
        width: 405px;
        width: 54vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before
    {
        height: 668px;
        height: 89.06667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before
{
    right: 0;

    width: 288px;
    height: 475px;

    background-image: url(../images/inner/battle/obj_augur.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before
    {
        width: 388px;
        width: 51.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before
    {
        height: 641px;
        height: 85.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before
{
    right: 2px;

    width: 283px;
    height: 498px;

    background-image: url(../images/inner/battle/obj_riotpoliceman.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before
    {
        right: 2px;
        right: .26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before
    {
        width: 382px;
        width: 50.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before
    {
        height: 672px;
        height: 89.6vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before
{
    right: 0;

    width: 199px;
    height: 487px;

    background-image: url(../images/inner/battle/obj_idol.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before
    {
        width: 268px;
        width: 35.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before
    {
        height: 657px;
        height: 87.6vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before
{
    right: 0;

    width: 300px;
    height: 495px;

    background-image: url(../images/inner/battle/obj_05.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before
    {
        width: 400px;
        width: 53.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before
    {
        height: 657px;
        height: 87.6vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before
{
    right: 0;

    width: 300px;
    height: 495px;

    background-image: url(../images/inner/battle/obj_06.png);
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before
    {
        width: 400px;
        width: 53.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before
    {
        height: 657px;
        height: 87.6vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .name img
{
    height: 132px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .name img
    {
        height: 128px;
        height: 17.06667vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 73px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 73px;
        margin-top: 9.73333vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(2)
    {
        margin-top: 112px;
        margin-top: 14.93333vw;
    }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .battle-detail-txt
{
    letter-spacing: -.2px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .battle-detail-txt
    {
        letter-spacing: -.2px;
        letter-spacing: -.02667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .copy_battle
{
    margin-top: 55px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .copy_battle
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .copy_battle img
{
    width: auto;
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .copy_battle img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .battle-detail-txt ~ .battle-detail-txt
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .battle-detail-txt ~ .battle-detail-txt
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point
{
    position: relative;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column
{
    margin-top: 23px;
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column
    {
        margin-top: 32px;
        margin-top: 4.26667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn
{
    width: 430px;
    margin: 0;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn
    {
        width: 430px;
        width: 57.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn
    {
        margin: 0 auto;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn .more-btn-inner .red-line-frame
{
    padding-right: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn .more-btn-inner .red-line-frame
    {
        padding-right: 28px;
        padding-right: 3.73333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:first-of-type .more-btn
{
    margin-left: auto;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name
{
    margin-top: 22px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .name
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name img
{
    height: 87px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .name img
    {
        height: 87px;
        height: 11.6vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double
{
    margin-top: 0;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double img
{
    height: 132px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double img
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img
{
    position: relative;

    margin-top: 8px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img:before
{
    position: absolute;
    bottom: 0;

    display: inline-block;

    width: auto;
    height: auto;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 34px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt
{
    margin-top: 12px;

    letter-spacing: -.2px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt
    {
        letter-spacing: -.2px;
        letter-spacing: -.02667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .merit
{
    font-size: 20px;

    position: relative;

    width: 960px;
    min-height: 310px;
    margin-top: 14px;
    padding: 31px 27px 40px 27px ;

    color: #fff;
    background-color: #000;
    background-image: url(../images/inner/battle/copy_battle07_03_bg.jpg);
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        width: 710px;
        width: 94.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        min-height: 340px;
        min-height: 45.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        padding: 4vw 4.13333vw 4vw 4.13333vw ;
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        background-image: url(../images/inner/battle/copy_battle07_03_bg_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit
    {
        font-size: 2.13333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .merit h5 img
{
    width: auto;
    height: 31px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit h5 img
    {
        height: 31px;
        height: 4.13333vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .merit:before
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: inline-block;

    width: auto;
    width: calc(100% - 10px);
    height: auto;
    height: calc(100% - 10px);

    content: '';

    border: 1px solid #f10c19;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#battle.detail .battle-page.battle-page-07 .merit:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: auto;
    width: calc(100%);
    height: auto;
    height: calc(100%);

    content: '';

    border: 5px solid #000;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#battle.detail .battle-page.battle-page-07 .merit p
{
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit p
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#battle.detail .battle-page.battle-page-07 .merit h4 img
{
    height: 42px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page.battle-page-07 .merit h4 img
    {
        height: 42px;
        height: 5.6vw;
    }
}

body#battle.detail .battle-page-08 h4
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-08 h4
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#battle.detail .battle-page-08 h4 img
{
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-08 h4 img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#battle.detail .battle-page-09 .ss
{
    margin-top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#battle.detail .battle-page-09 .ss
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

.static-img
{
    text-align: center;
}

/*

cast.html

*/
body#cast .title_inner
{
    background-image: url(../images/inner/cast/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    body#cast .title_inner
    {
        background-image: url(../images/inner/cast/bg_title_sp.jpg);
    }
}

body#cast .navi a.box .box-img .bg .ov
{
    width: 100%;
}

body#cast .navi a.box .box-img .title
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

body#cast .list_cast
{
    flex-wrap: wrap;

    margin: 0;
    padding: 0;

    list-style: none;

    background-color: transparent;
}

body#cast .list_cast li
{
    width: 50%;

    border-bottom: 1px solid transparent;
    border-bottom-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li
    {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li
    {
        border-bottom-width: 2px;
        border-bottom-width: .26667vw;
    }
}

body#cast .list_cast li .title
{
    position: relative;
}

body#cast .list_cast li .title img
{
    width: auto;
    height: 68.1%;
    margin: 12.5% 0 0 19.7%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title img
    {
        margin: 10.63% 0 0 8.47%;
    }
}

body#cast .list_cast li .title.single_line img
{
    height: 58%;
    margin-top: 16.7%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.single_line img
    {
        margin-top: 14.63%;
    }
}

body#cast .list_cast li .title.new:after
{
    position: absolute;
    top: 18.5%;
    left: 19.7%;

    display: inline-block;

    width: auto;
    width: 8%;
    height: auto;
    height: 37px;

    content: '';

    background-image: url(../images/inner/cast/new.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.new:after
    {
        top: 13.4%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.new:after
    {
        left: 8.47%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.new:after
    {
        width: 7.5%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.new:after
    {
        height: 75px;
        height: 10vw;
    }
}

body#cast .list_cast li .title.single_line.new:after
{
    top: 28%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li .title.single_line.new:after
    {
        top: 23.6%;
    }
}

body#cast .list_cast li a.box .box-img .arrow
{
    width: 8.7%;
    height: 20%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li a.box .box-img .arrow
    {
        width: 8%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li a.box .box-img .arrow
    {
        height: 21%;
    }
}

body#cast .list_cast li:nth-child(even)
{
    border-left: 1px solid transparent;
    border-left-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li:nth-child(even)
    {
        border-left-width: 0;
        border-left-width: 0vw;
    }
}

body#cast .list_cast li:nth-child(even) .title img
{
    margin-left: 1%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li:nth-child(even) .title img
    {
        margin-left: 8.47%;
    }
}

body#cast .list_cast li:nth-child(even) .title.new:after
{
    left: 1%;
}

@media only screen and (max-width: 1000px)
{
    body#cast .list_cast li:nth-child(even) .title.new:after
    {
        left: 8.47%;
    }
}

/*

cast_detail.html

*/
body#cast.detail .character
{
    overflow: visible;

    margin-top: 0;
    padding-bottom: 0;

    border-bottom: none;
}

body#cast.detail .character .character-box
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box
    {
        padding-bottom: 140px;
        padding-bottom: 18.66667vw;
    }
}

body#cast.detail .character .character-box .bg
{
    top: 50px;

    border-top: none;
    background-image: none !important;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .bg
    {
        top: 13px;
        top: 1.73333vw;
    }
}

body#cast.detail .character .character-box .detail
{
    width: 1000px;
    min-height: 910px;
    margin: 0 auto;
    padding: 0 0 30px 16px ;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail
    {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail
    {
        min-height: 500px;
        min-height: 66.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail
    {
        margin: 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail
    {
        padding: 0 2vw 4vw ;
    }
}

body#cast.detail .character .character-box .detail p.p-01
{
    line-height: 1.76em;
}

body#cast.detail .character .character-box .detail .ss
{
    display: flex;
    justify-content: space-between;

    width: 720px;
    margin: 16px 0 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss
    {
        width: 100%;
    }
}

body#cast.detail .character .character-box .detail .ss:before
{
    display: none;
}

body#cast.detail .character .character-box .detail .ss .ss-cell
{
    width: 48.97%;
}

body#cast.detail .character .character-box .detail .ss .ss-cell .ss-inner
{
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .ss-inner
    {
        box-shadow: .53333vw .53333vw ;
    }
}

body#cast.detail .character .character-box .detail .ss .ss-cell .play:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: auto;
    width: 60px;
    height: auto;
    height: 60px;
    margin-top: -31px;
    margin-left: -29px;

    content: '';
    transition: transform .2s , opacity .2s;

    opacity: 1;
    background-image: url(../images/common/mov_play.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .play:after
    {
        width: 60px;
        width: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .play:after
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .play:after
    {
        margin-top: -31px;
        margin-top: -4.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .play:after
    {
        margin-left: -31px;
        margin-left: -4.13333vw;
    }
}

body#cast.detail .character .character-box .detail .ss .ss-cell .play:hover:after
{
    transform: scale(1.1);

    opacity: .5;
}

body#cast.detail .character .character-box .detail .ss .ss-cell .exp
{
    font-size: 20px;

    margin-top: 7px;

    text-align: center;
    letter-spacing: -.5px;

    color: #ffd555;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .exp
    {
        margin-top: 7px;
        margin-top: .93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .exp
    {
        letter-spacing: -.5px;
        letter-spacing: -.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .ss .ss-cell .exp
    {
        font-size: 2.66667vw;
    }
}

body#cast.detail .character .character-box .detail .audition
{
    width: 359px;
    margin-top: 15px;

    transition: opacity .35s ease;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .audition
    {
        width: 359px;
        width: 47.86667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .detail .audition
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

body#cast.detail .character .character-box .detail .audition img
{
    width: 100%;
}

body#cast.detail .character .character-box .detail .audition:hover
{
    opacity: .7;
}

body#cast.detail .character .character-box .name-roma
{
    background-position: calc(50% - 233px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box .name-box
{
    height: 340px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .name-box
    {
        height: 300px;
        height: 40vw;
    }
}

body#cast.detail .character .character-box .name-box .name
{
    position: relative;
    top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box .name-box .name
    {
        top: -36px;
        top: -4.8vw;
    }
}

body#cast.detail .character .character-box.kasuga .chara.y-2019 img
{
    top: -31px;
    left: 573px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kasuga .chara.y-2019 img
    {
        top: -81px;
        top: -10.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kasuga .chara.y-2019 img
    {
        left: 460px;
        left: 61.33333vw;
    }
}

body#cast.detail .character .character-box.kasuga .chara.y-2000 img
{
    top: -13px;
    left: 598px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kasuga .chara.y-2000 img
    {
        top: -55px;
        top: -7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kasuga .chara.y-2000 img
    {
        left: 490px;
        left: 65.33333vw;
    }
}

body#cast.detail .character .character-box.sawasiro .chara.y-2019 img
{
    top: -22px;
    left: 555px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro .chara.y-2019 img
    {
        top: -63px;
        top: -8.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro .chara.y-2019 img
    {
        left: 433px;
        left: 57.73333vw;
    }
}

body#cast.detail .character .character-box.sawasiro .chara.y-2000 img
{
    top: -25px;
    left: 606px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro .chara.y-2000 img
    {
        top: -65px;
        top: -8.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro .chara.y-2000 img
    {
        left: 500px;
        left: 66.66667vw;
    }
}

body#cast.detail .character .character-box.sawasiro .name-roma
{
    background-position: calc(50% - 147px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.sawasiro p.name img.y-2019
{
    left: 16px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro p.name img.y-2019
    {
        left: 16px;
        left: 2.13333vw;
    }
}

body#cast.detail .character .character-box.sawasiro p.name img.y-2000
{
    left: 16px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawasiro p.name img.y-2000
    {
        left: 16px;
        left: 2.13333vw;
    }
}

body#cast.detail .character .character-box.nanba .name-roma
{
    background-position: calc(50% - 247px) 86px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.nanba .name-roma
    {
        background-position: 2.7vw 11.6vw;
    }
}

body#cast.detail .character .character-box.nanba .chara img
{
    top: 11px;
    left: 543px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.nanba .chara img
    {
        top: -14px;
        top: -1.86667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.nanba .chara img
    {
        left: 420px;
        left: 56vw;
    }
}

body#cast.detail .character .character-box.arakawa .name-roma
{
    background-position: calc(50% - 197px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.arakawa .chara.y-2019 img
{
    top: -17px;
    left: 633px;

    width: 356px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2019 img
    {
        top: -57px;
        top: -7.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2019 img
    {
        left: 507px;
        left: 67.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2019 img
    {
        width: 356px;
        width: 47.46667vw;
    }
}

body#cast.detail .character .character-box.arakawa .chara.y-2000 img
{
    top: -26px;
    left: 591px;

    width: 324px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2000 img
    {
        top: -67px;
        top: -8.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2000 img
    {
        left: 465px;
        left: 62vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa .chara.y-2000 img
    {
        width: 324px;
        width: 43.2vw;
    }
}

body#cast.detail .character .character-box.arakawa p.name img.y-2019,
body#cast.detail .character .character-box.arakawa p.name img.y-2000
{
    left: 16px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa p.name img.y-2019,
    body#cast.detail .character .character-box.arakawa p.name img.y-2000
    {
        left: 16px;
        left: 2.13333vw;
    }
}

body#cast.detail .character .character-box.arakawa p.name img.y-2000
{
    top: 91px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawa p.name img.y-2000
    {
        top: 91px;
        top: 12.13333vw;
    }
}

body#cast.detail .character .character-box.mukouda .name-roma
{
    background-position: calc(50% - 191px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.mukouda .chara img
{
    top: -19px;
    left: 639px;

    width: 211px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda .chara img
    {
        top: -60px;
        top: -8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda .chara img
    {
        left: 532px;
        left: 70.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda .chara img
    {
        width: 211px;
        width: 28.13333vw;
    }
}

body#cast.detail .character .character-box.mukouda p.name img
{
    margin: 66px 0 0 12px ;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda p.name img
    {
        margin: 8.8vw 0 0 1.6vw ;
    }
}

body#cast.detail .character .character-box.mukouda .detail .ss .ss-cell .exp
{
    font-size: 17px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mukouda .detail .ss .ss-cell .exp
    {
        font-size: 2.26667vw;
    }
}

body#cast.detail .character .character-box.adachi .name-roma
{
    background-position: calc(50% - 247px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.adachi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.adachi .chara img
{
    top: -31px;
    left: 603px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.adachi .chara img
    {
        top: -80px;
        top: -10.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.adachi .chara img
    {
        left: 476px;
        left: 63.46667vw;
    }
}

body#cast.detail .character .character-box.adachi p.name img
{
    top: 76px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.adachi p.name img
    {
        top: 75px;
        top: 10vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.adachi p.name img
    {
        left: 20px;
        left: 2.66667vw;
    }
}

body#cast.detail .character .character-box.arakawam .name-roma
{
    background-position: calc(50% - 177px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawam .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.arakawam .chara img
{
    top: -20px;
    left: 589px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawam .chara img
    {
        top: -70px;
        top: -9.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawam .chara img
    {
        left: 506px;
        left: 67.46667vw;
    }
}

body#cast.detail .character .character-box.arakawam p.name img
{
    top: 76px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawam p.name img
    {
        top: 75px;
        top: 10vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.arakawam p.name img
    {
        left: 20px;
        left: 2.66667vw;
    }
}

body#cast.detail .character .character-box.yasumura .name-roma
{
    background-position: calc(50% - 158px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yasumura .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.yasumura .chara img
{
    top: -20px;
    left: 600px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yasumura .chara img
    {
        top: -70px;
        top: -9.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yasumura .chara img
    {
        left: 490px;
        left: 65.33333vw;
    }
}

body#cast.detail .character .character-box.yasumura p.name img
{
    top: 76px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yasumura p.name img
    {
        top: 75px;
        top: 10vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yasumura p.name img
    {
        left: 20px;
        left: 2.66667vw;
    }
}

body#cast.detail .character .character-box.tendo .name-box
{
    height: 340px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo .name-box
    {
        height: 312px;
        height: 41.6vw;
    }
}

body#cast.detail .character .character-box.tendo .name-roma
{
    background-position: calc(50% - 251px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.tendo .chara img
{
    top: -20px;
    left: 600px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo .chara img
    {
        top: -70px;
        top: -9.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo .chara img
    {
        left: 530px;
        left: 70.66667vw;
    }
}

body#cast.detail .character .character-box.tendo p.name img
{
    top: 54px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo p.name img
    {
        top: 55px;
        top: 7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.tendo p.name img
    {
        left: 20px;
        left: 2.66667vw;
    }
}

body#cast.detail .character .character-box.ishioda .name-box
{
    height: 340px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda .name-box
    {
        height: 312px;
        height: 41.6vw;
    }
}

body#cast.detail .character .character-box.ishioda .name-roma
{
    background-position: calc(50% - 244px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.ishioda .chara img
{
    top: -20px;
    left: 619px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda .chara img
    {
        top: -70px;
        top: -9.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda .chara img
    {
        left: 530px;
        left: 70.66667vw;
    }
}

body#cast.detail .character .character-box.ishioda p.name img
{
    top: 54px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda p.name img
    {
        top: 55px;
        top: 7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ishioda p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.hoshino .name-roma
{
    background-position: calc(50% - 218px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hoshino .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.hoshino .chara img
{
    top: 45px;
    left: 619px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hoshino .chara img
    {
        top: 20px;
        top: 2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hoshino .chara img
    {
        left: 530px;
        left: 70.66667vw;
    }
}

body#cast.detail .character .character-box.hoshino p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hoshino p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hoshino p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.takabe .name-roma
{
    background-position: calc(50% - 213px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.takabe .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.takabe .chara img
{
    top: -20px;
    left: 619px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.takabe .chara img
    {
        top: -60px;
        top: -8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.takabe .chara img
    {
        left: 515px;
        left: 68.66667vw;
    }
}

body#cast.detail .character .character-box.takabe p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.takabe p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.takabe p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.sonhi .name-roma
{
    background-position: calc(50% - 163px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sonhi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.sonhi .chara img
{
    top: 15px;
    left: 619px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sonhi .chara img
    {
        top: -15px;
        top: -2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sonhi .chara img
    {
        left: 490px;
        left: 65.33333vw;
    }
}

body#cast.detail .character .character-box.sonhi p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sonhi p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sonhi p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.jungi .name-roma
{
    background-position: calc(50% - 244px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.jungi .chara img
{
    top: -20px;
    left: 650px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi .chara img
    {
        top: -55px;
        top: -7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi .chara img
    {
        left: 542px;
        left: 72.26667vw;
    }
}

body#cast.detail .character .character-box.jungi p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.jungi .detail .ss .ss-cell .exp
{
    font-size: 17px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.jungi .detail .ss .ss-cell .exp
    {
        font-size: 2.26667vw;
    }
}

body#cast.detail .character .character-box.chow .name-roma
{
    background-position: calc(50% - 228px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.chow .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.chow .chara img
{
    top: -25px;
    left: 590px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.chow .chara img
    {
        top: -55px;
        top: -7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.chow .chara img
    {
        left: 482px;
        left: 64.26667vw;
    }
}

body#cast.detail .character .character-box.chow p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.chow p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.chow p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.mabuchi .name-roma
{
    background-position: calc(50% - 210px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mabuchi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.mabuchi .chara img
{
    top: -25px;
    left: 610px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mabuchi .chara img
    {
        top: -55px;
        top: -7.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mabuchi .chara img
    {
        left: 517px;
        left: 68.93333vw;
    }
}

body#cast.detail .character .character-box.mabuchi p.name img
{
    top: 73px;
    left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mabuchi p.name img
    {
        top: 72px;
        top: 9.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.mabuchi p.name img
    {
        left: 15px;
        left: 2vw;
    }
}

body#cast.detail .character .character-box.hamako .name-roma
{
    background-position: calc(50% - 217px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.hamako .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.nonomiya .name-roma
{
    background-position: calc(50% - 180px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.nonomiya .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.kamataki
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kamataki
    {
        padding-bottom: 30px;
        padding-bottom: 4vw;
    }
}

body#cast.detail .character .character-box.yanagi
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yanagi
    {
        padding-bottom: 30px;
        padding-bottom: 4vw;
    }
}

body#cast.detail .character .character-box.yanagi .name-roma
{
    background-position: calc(50% - 300px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.yanagi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.sawa
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawa
    {
        padding-bottom: 30px;
        padding-bottom: 4vw;
    }
}

body#cast.detail .character .character-box.sawa .name-roma
{
    background-position: calc(50% - 286px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.sawa .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.miyakoshi
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.miyakoshi
    {
        padding-bottom: 30px;
        padding-bottom: 4vw;
    }
}

body#cast.detail .character .character-box.miyakoshi .name-roma
{
    background-position: calc(50% - 220px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.miyakoshi .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.ririka
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ririka
    {
        padding-bottom: 30px;
        padding-bottom: 4vw;
    }
}

body#cast.detail .character .character-box.ririka .name-roma
{
    background-position: calc(50% - 315px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ririka .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.aoki
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.aoki
    {
        padding-bottom: 50px;
        padding-bottom: 6.66667vw;
    }
}

body#cast.detail .character .character-box.aoki .name-roma
{
    background-position: calc(50% - 347px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.aoki .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.ogasawara
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ogasawara
    {
        padding-bottom: 160px;
        padding-bottom: 21.33333vw;
    }
}

body#cast.detail .character .character-box.ogasawara .name-roma
{
    background-position: calc(50% - 187px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.ogasawara .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.kume
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kume
    {
        padding-bottom: 127px;
        padding-bottom: 16.93333vw;
    }
}

body#cast.detail .character .character-box.kume .name-roma
{
    background-position: calc(50% - 300px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kume .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.kiryu
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kiryu
    {
        padding-bottom: 178px;
        padding-bottom: 23.73333vw;
    }
}

body#cast.detail .character .character-box.kiryu .name-roma
{
    background-position: calc(50% - 220px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.kiryu .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.majima
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.majima
    {
        padding-bottom: 126px;
        padding-bottom: 16.8vw;
    }
}

body#cast.detail .character .character-box.majima .name-roma
{
    background-position: calc(50% - 235px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.majima .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.saejima
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.saejima
    {
        padding-bottom: 116px;
        padding-bottom: 15.46667vw;
    }
}

body#cast.detail .character .character-box.saejima .name-roma
{
    background-position: calc(50% - 216px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.saejima .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.dojima
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.dojima
    {
        padding-bottom: 183px;
        padding-bottom: 24.4vw;
    }
}

body#cast.detail .character .character-box.dojima .name-roma
{
    background-position: calc(50% - 207px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.dojima .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .character-box.watase
{
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.watase
    {
        padding-bottom: 180px;
        padding-bottom: 24vw;
    }
}

body#cast.detail .character .character-box.watase .name-roma
{
    background-position: calc(50% - 227px) 0;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .character-box.watase .name-roma
    {
        background-position: 2.7vw 0;
    }
}

body#cast.detail .character .change-btn
{
    top: auto;
    right: auto;
    bottom: 167px;
    left: 48.47%;

    transform: translateX(360px) !important;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .change-btn
    {
        bottom: 3.3vw !important;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .change-btn
    {
        right: 22.1vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .change-btn
    {
        left: auto;
    }
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .change-btn
    {
        transform: translateX(0) !important;
    }
}

body#cast.detail .character .full-btn
{
    right: 2.6vw !important;
    bottom: 0;
    left: auto !important;
}

@media only screen and (max-width: 1000px)
{
    body#cast.detail .character .full-btn
    {
        bottom: 3.3vw;
    }
}

body#cast.detail main
{
    overflow: hidden;
}

/*

adventure.html

*/
body#adventure .title_inner
{
    background-image: url(../images/inner/adventure/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    body#adventure .title_inner
    {
        background-image: url(../images/inner/adventure/bg_title_sp.jpg);
    }
}

body#adventure .adventure .modal-btns .inner
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body#adventure .adventure .modal-btns
{
    margin-top: 10px;
    padding-bottom: 0;

    background-image: none;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .adventure .modal-btns
    {
        margin-top: 8px;
        margin-top: 1.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure .adventure .modal-btns
    {
        padding-bottom: 21px;
        padding-bottom: 2.8vw;
    }
}

body#adventure .image_movie
{
    position: relative;

    width: 480px;
    margin: 25px auto 0 ;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie
    {
        width: 63.9%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie
    {
        margin: 5.06667vw auto 0 ;
    }
}

body#adventure .image_movie .play
{
    position: relative;
    z-index: 5;

    display: block;

    cursor: pointer;

    border: 1px solid #ffdc77;
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .play
    {
        box-shadow: .53333vw .53333vw ;
    }
}

body#adventure .image_movie .play:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: auto;
    width: 60px;
    height: auto;
    height: 60px;
    margin-top: -31px;
    margin-left: -29px;

    content: '';
    transition: transform .2s , opacity .2s;

    opacity: 1;
    background-image: url(../images/common/mov_play.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .play:after
    {
        width: 60px;
        width: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .play:after
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .play:after
    {
        margin-top: -31px;
        margin-top: -4.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .play:after
    {
        margin-left: -31px;
        margin-left: -4.13333vw;
    }
}

body#adventure .image_movie .play img
{
    width: 100%;
}

body#adventure .image_movie .play:hover:after
{
    transform: scale(1.1);

    opacity: .5;
}

body#adventure .image_movie .mov-inner
{
    position: relative;
}

body#adventure .image_movie .mov-inner p
{
    position: absolute;
    z-index: 6;
    top: 1px;
    left: 1px;
}

body#adventure .image_movie .mov-inner p img
{
    width: auto;
    height: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .image_movie .mov-inner p img
    {
        height: 28px;
        height: 3.73333vw;
    }
}

body#adventure .lead
{
    margin-top: 3px;

    text-align: center;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .lead
    {
        margin-top: -20px;
        margin-top: -2.66667vw;
    }
}

body#adventure .lead img
{
    width: auto;
}

@media only screen and (max-width: 1000px)
{
    body#adventure .lead img
    {
        width: 94.7%;
    }
}

body#adventure p.lead
{
    font-size: 18px;
    line-height: 1.75;

    margin-top: 17px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#adventure p.lead
    {
        margin-top: 28px;
        margin-top: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure p.lead
    {
        line-height: 1.457;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure p.lead
    {
        font-size: 2.93333vw;
    }
}

/*

adventure_detail.html

*/
body#adventure.detail .adventure-page
{
    width: 960px;
    margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page
    {
        width: 94.7%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page
    {
        margin: 0 auto 4.66667vw ;
    }
}

body#adventure.detail .adventure-page h3 img
{
    width: auto;
    height: 80px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page h3 img
    {
        height: 80px;
        height: 10.66667vw;
    }
}

body#adventure.detail .adventure-page .ss
{
    position: relative;

    cursor: pointer;

    border: 1px solid #e50b18;
    border-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .ss
    {
        border-width: 2px;
        border-width: .26667vw;
    }
}

@media print, screen and (min-width: 1001px)
{
    body#adventure.detail .adventure-page .ss
    {
        transition: opacity .35s ease;
    }
    body#adventure.detail .adventure-page .ss:hover
    {
        opacity: .7;
    }
}

body#adventure.detail .adventure-page .ss img
{
    width: 100%;
    max-width: 100%;
}

body#adventure.detail .adventure-page .ss:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: auto;
    width: 36px;
    height: auto;
    height: 36px;

    content: '';

    background-image: url(../images/common/icon_zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .ss:after
    {
        width: 36px;
        width: 4.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .ss:after
    {
        height: 36px;
        height: 4.8vw;
    }
}

body#adventure.detail .adventure-detail-box
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-detail-box
    {
        margin-top: 25px;
        margin-top: 3.33333vw;
    }
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt,
body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc,
body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 19px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-detail-box .adventure-detail-txt,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-detail-box .adventure-detail-txt,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-detail-box .adventure-detail-txt,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc
    {
        font-size: 2.93333vw;
    }
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt span,
body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc span,
body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc span
{
    background-color: #000;
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt ~ .adventure-detail-txt,
body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .adventure-detail-txt,
body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .adventure-detail-txt,
body#adventure.detail .adventure-detail-box .adventure-page-08 .adventure-detail-txt ~ .area_desc,
body#adventure.detail .adventure-page-08 .adventure-detail-box .adventure-detail-txt ~ .area_desc,
body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .area_desc,
body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .area_desc
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-detail-box .adventure-detail-txt ~ .adventure-detail-txt,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .adventure-detail-txt,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .adventure-detail-txt,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .adventure-detail-txt ~ .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .adventure-detail-txt ~ .area_desc,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .area_desc
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#adventure.detail .adventure-page + .lead
{
    position: relative;
    top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page + .lead
    {
        top: 40px;
        top: 5.33333vw;
    }
}

body#adventure.detail .modal-btns
{
    padding: 50px 0 0 ;

    background-color: #3e0204;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .modal-btns
    {
        padding: 5.33333vw 0 2.8vw ;
    }
}

body#adventure.detail .under_development
{
    background-color: #3e0204;
}

body#adventure.detail img
{
    max-width: 100%;
}

body#adventure.detail .ss-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 43px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column
    {
        display: block;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column
    {
        margin-top: 52px;
        margin-top: 6.93333vw;
    }
}

body#adventure.detail .ss-column.inline
{
    justify-content: center;

    margin-top: 12px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.inline
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.inline
    {
        margin-bottom: 28px;
        margin-bottom: 3.73333vw;
    }
}

body#adventure.detail .ss-column.inline .ss-column-inner:nth-child(even)
{
    margin-left: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.inline .ss-column-inner:nth-child(even)
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner
{
    width: 47.5%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner
    {
        width: 100%;
    }
}

body#adventure.detail .ss-column .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner:nth-of-type(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner:nth-of-type(2)
    {
        margin-top: 40px;
        margin-top: 5.33333vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner .name
{
    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner .name
    {
        margin-top: 13px;
        margin-top: 1.73333vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner .name img
{
    width: auto;
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner .name img.double
{
    height: 92px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner .name img.double
    {
        height: 92px;
        height: 12.26667vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner .name + .adventure-detail-txt,
body#adventure.detail .ss-column .ss-column-inner .adventure-page-08 .name + .area_desc,
body#adventure.detail .adventure-page-08 .ss-column .ss-column-inner .name + .area_desc
{
    margin-top: 9px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner .name + .adventure-detail-txt,
    body#adventure.detail .ss-column .ss-column-inner .adventure-page-08 .name + .area_desc,
    body#adventure.detail .adventure-page-08 .ss-column .ss-column-inner .name + .area_desc
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#adventure.detail .ss-column .ss-column-inner .copyright
{
    font-size: 14px;

    margin-top: 5px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column .ss-column-inner .copyright
    {
        font-size: 2.4vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure
{
    margin-top: 55px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img
{
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub
{
    height: 62px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub
    {
        height: 62px;
        height: 8.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub
    {
        margin-bottom: 22px;
        margin-bottom: 2.93333vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-detail-txt:first-of-type,
body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-page-08 .area_desc:first-of-type,
body#adventure.detail .adventure-page-08 .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .area_desc:first-of-type
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-detail-txt:first-of-type,
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-page-08 .area_desc:first-of-type,
    body#adventure.detail .adventure-page-08 .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .area_desc:first-of-type
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner:nth-of-type(2)
{
    width: 50%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner:nth-of-type(2)
    {
        width: 100%;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center
{
    justify-content: center;

    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner:nth-of-type(2)
{
    margin-left: 5%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner:nth-of-type(2)
    {
        margin-left: 0;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner.double
{
    padding-top: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner.double
    {
        padding-top: 0;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 img
{
    width: auto;
    height: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 h4 img
    {
        height: 61px;
        height: 8.13333vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 img.double
{
    height: 123px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 h4 img.double
    {
        height: 123px;
        height: 16.4vw;
    }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 + .modal-img
{
    margin-top: 8px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page.adventure-page-05 h4 + .modal-img
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#adventure.detail .ss-column.parameter .ss-column-inner
{
    width: 470px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.parameter .ss-column-inner
    {
        width: 100%;
    }
}

body#adventure.detail .ss-column.parameter .ss-column-inner img
{
    width: 100%;
}

body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#adventure.detail .merit
{
    font-size: 20px;

    position: relative;

    margin-top: 14px;
    padding: 31px 275px 40px 27px ;

    color: #fff;
    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit
    {
        padding: 4vw 29.33333vw 4vw 4.13333vw ;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit
    {
        font-size: 2.93333vw;
    }
}

body#adventure.detail .merit h5 img
{
    width: auto;
    height: 31px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit h5 img
    {
        height: 31px;
        height: 4.13333vw;
    }
}

body#adventure.detail .merit:before
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: inline-block;

    width: auto;
    width: calc(100% - 10px);
    height: auto;
    height: calc(100% - 10px);

    content: '';

    border: 1px solid #f10c19;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

body#adventure.detail .merit .ss-column
{
    margin-top: 0;
}

body#adventure.detail .merit .ss-column .ss-column-inner p
{
    line-height: 1.6;

    margin-top: 10px;

    letter-spacing: -.5px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit .ss-column .ss-column-inner p
    {
        line-height: 1.47;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit .ss-column .ss-column-inner p
    {
        letter-spacing: -.5px;
        letter-spacing: -.06667vw;
    }
}

body#adventure.detail .merit:after
{
    position: absolute;
    top: -20px;
    right: -70px;

    display: inline-block;

    width: auto;
    width: 395px;
    height: auto;
    height: 930px;

    content: '';

    background-image: url(../images/inner/adventure/obj_merit.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit:after
    {
        top: -20px;
        top: -2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit:after
    {
        right: -140px;
        right: -18.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit:after
    {
        width: 417px;
        width: 55.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit:after
    {
        height: 960px;
        height: 128vw;
    }
}

body#adventure.detail .merit h4 + p
{
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit h4 + p
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

body#adventure.detail .merit h4 ~ h4
{
    margin-top: 33px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit h4 ~ h4
    {
        margin-top: 18px;
        margin-top: 2.4vw;
    }
}

body#adventure.detail .merit h4 img
{
    width: auto;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .merit h4 img
    {
        width: 100%;
    }
}

body#adventure.detail .adventure-page .black_box,
body#adventure.detail .adventure-page .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 .adventure-page .area_map
{
    padding: 27px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map
    {
        padding: 0;
        padding: 0vw;
    }
}

body#adventure.detail .adventure-page .black_box .inner_pd,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .inner_pd,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .inner_pd
{
    padding: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .inner_pd,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .inner_pd,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .inner_pd
    {
        padding: 35px;
        padding: 4.66667vw;
    }
}

body#adventure.detail .adventure-page .black_box .red_copy,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .red_copy
{
    height: auto;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .red_copy,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .red_copy
    {
        height: 4vw;
    }
}

body#adventure.detail .adventure-page .black_box .ss-column,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .ss-column,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column
    {
        display: flex;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .ss-column,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column
    {
        margin-top: 5px;
        margin-top: .66667vw;
    }
}

body#adventure.detail .adventure-page .black_box .ss-column .adventure-detail-txt,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .adventure-detail-txt,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .adventure-detail-txt,
body#adventure.detail .adventure-page .black_box .ss-column .adventure-page-08 .area_desc,
body#adventure.detail .adventure-page-08 .adventure-page .black_box .ss-column .area_desc,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .area_desc,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .area_desc
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .ss-column .adventure-detail-txt,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .adventure-detail-txt,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .adventure-detail-txt,
    body#adventure.detail .adventure-page .black_box .ss-column .adventure-page-08 .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-page .black_box .ss-column .area_desc,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .area_desc
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

body#adventure.detail .adventure-page .black_box .ss-column .ss-column-inner,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner
{
    width: 48.5%;
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .ss-column .ss-column-inner,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner
    {
        margin-top: 25px;
        margin-top: 3.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .ss-column .ss-column-inner,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner
    {
        width: 100%;
    }
}

body#adventure.detail .adventure-page .black_box .red_copy.double,
body#adventure.detail .adventure-page .adventure-page-08 .area_map .red_copy.double,
body#adventure.detail .adventure-page-08 .adventure-page .area_map .red_copy.double
{
    height: auto;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page .black_box .red_copy.double,
    body#adventure.detail .adventure-page .adventure-page-08 .area_map .red_copy.double,
    body#adventure.detail .adventure-page-08 .adventure-page .area_map .red_copy.double
    {
        height: 8.93333vw;
    }
}

body#adventure.detail .adventure-page-01 .copy_adventure
{
    margin-top: 55px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-01 .copy_adventure
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

body#adventure.detail .adventure-page-01 .copy_adventure img
{
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-01 .copy_adventure img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#adventure.detail .adventure-page-01 .copy_adventure img.sub
{
    height: 62px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-01 .copy_adventure img.sub
    {
        height: 62px;
        height: 8.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-01 .copy_adventure img.sub
    {
        margin-bottom: 22px;
        margin-bottom: 2.93333vw;
    }
}

body#adventure.detail .adventure-page-04 .copy_adventure
{
    margin-top: 55px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .copy_adventure
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

body#adventure.detail .adventure-page-04 .copy_adventure img
{
    height: 41px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .copy_adventure img
    {
        height: 41px;
        height: 5.46667vw;
    }
}

body#adventure.detail .adventure-page-04 .copy_adventure img.sub
{
    height: 62px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .copy_adventure img.sub
    {
        height: 62px;
        height: 8.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .copy_adventure img.sub
    {
        margin-bottom: 22px;
        margin-bottom: 2.93333vw;
    }
}

body#adventure.detail .adventure-page-04 .copy_adventure.sub
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .copy_adventure.sub
    {
        margin-top: 12px;
        margin-top: 1.6vw;
    }
}

body#adventure.detail .adventure-page-04 .more-btn
{
    width: 500px;
    margin: 12px 0 30px ;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .more-btn
    {
        width: 500px;
        width: 66.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .more-btn
    {
        margin: 4.66667vw 0 4vw ;
    }
}

body#adventure.detail .adventure-page-04 .more-btn .red-line-frame
{
    padding-right: 28px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .more-btn .red-line-frame
    {
        padding-right: 28px;
        padding-right: 3.73333vw;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center
{
    justify-content: center;

    margin-top: 18px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even)
{
    margin-left: 5%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even)
    {
        margin-left: 0;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3)
{
    padding-top: 21px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3)
    {
        padding-top: 0;
        padding-top: 0vw;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center .modal-img
{
    margin-top: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center .modal-img
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center h4 img
{
    width: auto;
    height: 99px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center h4 img
    {
        height: 99px;
        height: 13.2vw;
    }
}

body#adventure.detail .adventure-page-04 .ss-column.center h4 img.double
{
    height: 120px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .ss-column.center h4 img.double
    {
        height: 120px;
        height: 16vw;
    }
}

body#adventure.detail .adventure-page-04 .status-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column
    {
        display: flex;
    }
}

body#adventure.detail .adventure-page-04 .status-column.inline
{
    justify-content: center;

    margin-top: 12px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column.inline
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column.inline
    {
        margin-bottom: 28px;
        margin-bottom: 3.73333vw;
    }
}

body#adventure.detail .adventure-page-04 .status-column.inline .ss-column-inner:nth-child(even)
{
    margin-left: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column.inline .ss-column-inner:nth-child(even)
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#adventure.detail .adventure-page-04 .status-column .status-column-inner
{
    width: 260px;
    margin-top: 43px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column .status-column-inner
    {
        width: 40vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column .status-column-inner
    {
        margin-top: 52px;
        margin-top: 6.93333vw;
    }
}

body#adventure.detail .adventure-page-04 .status-column .status-column-inner .adventure-detail-txt,
body#adventure.detail .adventure-page-04 .status-column .status-column-inner .adventure-page-08 .area_desc,
body#adventure.detail .adventure-page-08 .adventure-page-04 .status-column .status-column-inner .area_desc
{
    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .status-column .status-column-inner .adventure-detail-txt,
    body#adventure.detail .adventure-page-04 .status-column .status-column-inner .adventure-page-08 .area_desc,
    body#adventure.detail .adventure-page-08 .adventure-page-04 .status-column .status-column-inner .area_desc
    {
        margin-top: 5px;
        margin-top: .66667vw;
    }
}

body#adventure.detail main
{
    overflow: hidden;
}

body#adventure.detail .black_box,
body#adventure.detail .adventure-page-08 .area_map
{
    position: relative;

    width: 100%;
    margin-top: 28px;
    margin-bottom: 35px;
    padding: 27px 0 51px 0;

    background: #000;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box,
    body#adventure.detail .adventure-page-08 .area_map
    {
        padding: 18px 0 17px 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box,
    body#adventure.detail .adventure-page-08 .area_map
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box,
    body#adventure.detail .adventure-page-08 .area_map
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#adventure.detail .black_box:before,
body#adventure.detail .adventure-page-08 .area_map:before
{
    position: absolute;
    top: 5px;
    left: 5px;

    box-sizing: border-box;
    width: calc(100% - 10px);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    height: calc(100% - 10px);

    content: '';

    border: solid 1px #f10c19;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box:before,
    body#adventure.detail .adventure-page-08 .area_map:before
    {
        width: calc(100% - 	6px);
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box:before,
    body#adventure.detail .adventure-page-08 .area_map:before
    {
        height: calc(100% - 6px);
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box:before,
    body#adventure.detail .adventure-page-08 .area_map:before
    {
        left: 3px;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box:before,
    body#adventure.detail .adventure-page-08 .area_map:before
    {
        top: 3px;
    }
}

body#adventure.detail .black_box .inner_pd,
body#adventure.detail .adventure-page-08 .area_map .inner_pd
{
    box-sizing: border-box;
    padding: 0 28px ;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box .inner_pd,
    body#adventure.detail .adventure-page-08 .area_map .inner_pd
    {
        padding: 0 4vw ;
    }
}

body#adventure.detail .black_box .red_copy,
body#adventure.detail .adventure-page-08 .area_map .red_copy
{
    height: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_box .red_copy,
    body#adventure.detail .adventure-page-08 .area_map .red_copy
    {
        height: 33px;
        height: 4.4vw;
    }
}

body#adventure.detail .black_box .red_copy img,
body#adventure.detail .adventure-page-08 .area_map .red_copy img
{
    height: 100%;
}

body#adventure.detail .red_label,
body#adventure.detail .adventure-page-08 .area_name
{
    height: 60px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .red_label,
    body#adventure.detail .adventure-page-08 .area_name
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .red_label,
    body#adventure.detail .adventure-page-08 .area_name
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#adventure.detail .red_label img,
body#adventure.detail .adventure-page-08 .area_name img
{
    height: 100%;
}

body#adventure.detail .black_label
{
    height: 47px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_label
    {
        height: 47px;
        height: 6.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .black_label
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#adventure.detail .black_label img
{
    height: 100%;
}

body#adventure.detail .mt0
{
    margin-top: 0 !important;
}

body#adventure.detail .mt12,
body#adventure.detail .adventure-detail-box .adventure-detail-txt.mt12,
body#adventure.detail .adventure-detail-box .adventure-page-08 .mt12.area_desc,
body#adventure.detail .adventure-page-08 .adventure-detail-box .mt12.area_desc
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .mt12,
    body#adventure.detail .adventure-detail-box .adventure-detail-txt.mt12,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .mt12.area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .mt12.area_desc
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#adventure.detail .mt24,
body#adventure.detail .adventure-detail-box .adventure-detail-txt.mt24,
body#adventure.detail .adventure-detail-box .adventure-page-08 .mt24.area_desc,
body#adventure.detail .adventure-page-08 .adventure-detail-box .mt24.area_desc
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .mt24,
    body#adventure.detail .adventure-detail-box .adventure-detail-txt.mt24,
    body#adventure.detail .adventure-detail-box .adventure-page-08 .mt24.area_desc,
    body#adventure.detail .adventure-page-08 .adventure-detail-box .mt24.area_desc
    {
        margin-top: 36px;
        margin-top: 4.8vw;
    }
}

body#adventure.detail .mb0
{
    margin-bottom: 0 !important;
}

body#adventure.detail .sec-end-mg
{
    margin-bottom: 75px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .sec-end-mg
    {
        margin-bottom: 85px;
        margin-bottom: 11.33333vw;
    }
}

body#adventure.detail .ss-column-inner.wide
{
    width: 50%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .ss-column-inner.wide
    {
        width: 100%;
    }
}

body#adventure.detail .sp-reverse
{
    display: flex;
    flex-direction: row;

    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .sp-reverse
    {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .sp-reverse
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#adventure.detail .sp-reverse .sp-reverse-2
{
    margin-top: 0 !important;
    margin-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .sp-reverse .sp-reverse-2
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#adventure.detail .adventure-page-07 .deliveryhelp
{
    margin-top: 80px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-07 .deliveryhelp
    {
        margin-top: 105px;
        margin-top: 14vw;
    }
}

body#adventure.detail .adventure-page-07 .black_box,
body#adventure.detail .adventure-page-07 .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 .adventure-page-07 .area_map
{
    margin-bottom: 53px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-07 .black_box,
    body#adventure.detail .adventure-page-07 .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 .adventure-page-07 .area_map
    {
        margin-bottom: 70px;
        margin-bottom: 9.33333vw;
    }
}

body#adventure.detail .adventure-page-07 .ss-column.center
{
    justify-content: center;
}

body#adventure.detail .adventure-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
{
    margin-left: 5%;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
    {
        margin-left: 0;
    }
}

body#adventure.detail .adventure-page-07 .ss-column.center .ss-column-inner.double
{
    padding-top: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-07 .ss-column.center .ss-column-inner.double
    {
        padding-top: 0;
    }
}

body#adventure.detail .adventure-page-07 .btn_todeliveryhelp
{
    display: block;

    width: 363px;

    transition: opacity .35s ease;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-07 .btn_todeliveryhelp
    {
        width: 363px;
        width: 48.4vw;
    }
}

body#adventure.detail .adventure-page-07 .btn_todeliveryhelp img
{
    width: 100%;
}

body#adventure.detail .adventure-page-07 .btn_todeliveryhelp:hover
{
    opacity: .7;
}

body#adventure.detail .adventure-page-08 .black_box,
body#adventure.detail .adventure-page-08 .area_map
{
    margin-bottom: 53px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-08 .black_box,
    body#adventure.detail .adventure-page-08 .area_map
    {
        margin-bottom: 70px;
        margin-bottom: 9.33333vw;
    }
}

body#adventure.detail .adventure-page-08 .area_map .area_map_img
{
    margin-top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-08 .area_map .area_map_img
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#adventure.detail .adventure-page-08 .area_desc
{
    margin-top: 0 !important;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-08 .area_desc
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#adventure.detail .adventure-page-13 h3 img
{
    width: auto;
    height: 48px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-13 h3 img
    {
        height: 48px;
        height: 6.4vw;
    }
}

body#adventure.detail .adventure-page-13 .black_box .red_copy,
body#adventure.detail .adventure-page-13 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-13 .area_map .red_copy
{
    height: 35px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-13 .black_box .red_copy,
    body#adventure.detail .adventure-page-13 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-13 .area_map .red_copy
    {
        height: 35px;
        height: 4.66667vw;
    }
}

body#adventure.detail .adventure-page-12 .black_box .red_copy,
body#adventure.detail .adventure-page-12 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-12 .area_map .red_copy
{
    height: 35px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-12 .black_box .red_copy,
    body#adventure.detail .adventure-page-12 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-12 .area_map .red_copy
    {
        height: 35px;
        height: 4.66667vw;
    }
}

body#adventure.detail .adventure-page-11 .black_box .red_copy,
body#adventure.detail .adventure-page-11 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-11 .area_map .red_copy
{
    height: 35px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-11 .black_box .red_copy,
    body#adventure.detail .adventure-page-11 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-11 .area_map .red_copy
    {
        height: 35px;
        height: 4.66667vw;
    }
}

body#adventure.detail .adventure-page-10 .black_box .red_copy,
body#adventure.detail .adventure-page-10 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-10 .area_map .red_copy
{
    height: 35px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-10 .black_box .red_copy,
    body#adventure.detail .adventure-page-10 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-10 .area_map .red_copy
    {
        height: 35px;
        height: 4.66667vw;
    }
}

body#adventure.detail .adventure-page-09 .black_box .red_copy,
body#adventure.detail .adventure-page-09 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-09 .area_map .red_copy
{
    height: 70px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-09 .black_box .red_copy,
    body#adventure.detail .adventure-page-09 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-09 .area_map .red_copy
    {
        height: 70px;
        height: 9.33333vw;
    }
}

body#adventure.detail .adventure-page-04 .black_box .red_copy,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy
{
    height: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .black_box .red_copy,
    body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy
    {
        height: 30px;
        height: 4vw;
    }
}

body#adventure.detail .adventure-page-04 .black_box .red_copy img,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy img,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy img
{
    height: 100%;
}

body#adventure.detail .adventure-page-04 .black_box .red_copy2l,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy2l,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy2l
{
    height: 67px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .black_box .red_copy2l,
    body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy2l,
    body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy2l
    {
        height: 67px;
        height: 8.93333vw;
    }
}

body#adventure.detail .adventure-page-04 .black_box .red_copy2l img,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy2l img,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy2l img
{
    height: 100%;
}

body#adventure.detail .adventure-page-04 .black_box .red_copy_sp2l,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy_sp2l,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy_sp2l
{
    height: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#adventure.detail .adventure-page-04 .black_box .red_copy_sp2l,
    body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy_sp2l,
    body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy_sp2l
    {
        height: 67px;
        height: 8.93333vw;
    }
}

body#adventure.detail .adventure-page-04 .black_box .red_copy_sp2l img,
body#adventure.detail .adventure-page-04 .adventure-page-08 .area_map .red_copy_sp2l img,
body#adventure.detail .adventure-page-08 .adventure-page-04 .area_map .red_copy_sp2l img
{
    height: 100%;
}

/*

movie.html

*/
#movie section
{
    width: 1028px;
    margin: 0 auto;
}

@media only screen and (max-width: 1000px)
{
    #movie section
    {
        width: 100%;
    }
}

#movie .category_list
{
    position: relative;

    width: 454px;
    min-height: 60px;
    margin: 0;
}

@media only screen and (max-width: 1000px)
{
    #movie .category_list
    {
        min-height: 30px;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .category_list
    {
        width: 65%;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .category_list
    {
        margin: 0 auto;
    }
}

#movie .category_list img
{
    width: 100%;
}

#movie .category_list .inner
{
    position: absolute;
    z-index: 30;

    width: 100%;
}

#movie .category_list .cnavi_btn .btn_open
{
    display: block;
}

#movie .category_list .cnavi_btn .btn_close
{
    display: none;
}

#movie .category_list .cnavi_btn.open .btn_open
{
    display: none;
}

#movie .category_list .cnavi_btn.open .btn_close
{
    display: block;
}

#movie .category_list ul
{
    overflow: hidden;

    max-height: 0;

    transition: all .5s 0s ease;
}

#movie .category_list ul.open
{
    height: auto;
    max-height: 1000px;

    transition: all .5s 0s ease;
}

#movie .category_title
{
    margin-top: 75px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1000px)
{
    #movie .category_title
    {
        margin-top: 74px;
        margin-top: 9.86667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .category_title
    {
        margin-bottom: 40px;
        margin-bottom: 5.33333vw;
    }
}

#movie .category_title h3
{
    text-align: center;
}

#movie .category_title h3 img
{
    height: 61px;
}

@media only screen and (max-width: 1000px)
{
    #movie .category_title h3 img
    {
        height: 61px;
        height: 8.13333vw;
    }
}

#movie .title_inner
{
    background-image: url(../images/inner/movie/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    #movie .title_inner
    {
        background-image: url(../images/inner/movie/bg_title_sp.jpg);
    }
}

#movie .image_movie
{
    position: relative;

    width: 100%;
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie
    {
        width: 100%;
    }
}

#movie .image_movie .play
{
    position: relative;
    z-index: 5;

    display: block;

    cursor: pointer;

    border: 1px solid #ffdc77;
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie .play
    {
        box-shadow: .53333vw .53333vw ;
    }
}

#movie .image_movie .play:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: auto;
    width: 60px;
    height: auto;
    height: 60px;
    margin-top: -31px;
    margin-left: -29px;

    content: '';
    transition: transform .2s , opacity .2s;

    opacity: 1;
    background-image: url(../images/common/mov_play.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie .play:after
    {
        width: 60px;
        width: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie .play:after
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie .play:after
    {
        margin-top: -31px;
        margin-top: -4.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .image_movie .play:after
    {
        margin-left: -31px;
        margin-left: -4.13333vw;
    }
}

#movie .image_movie .play img
{
    width: 100%;
}

#movie .image_movie .play:hover:after
{
    transform: scale(1.1);

    opacity: .5;
}

#movie .detail_movie
{
    position: relative;
    z-index: 7;

    margin-top: -16px;
    padding-left: 16px;

    text-align: left;
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie
    {
        margin-top: -18px;
        margin-top: -2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie
    {
        padding-left: 16px;
        padding-left: 2.13333vw;
    }
}

#movie .detail_movie h3
{
    font-size: 24px;
    font-weight: normal;

    display: inline-block;

    margin-top: 2px;
    padding: 1px 8px ;

    letter-spacing: -1px;

    color: #fff;
    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie h3
    {
        margin-top: 2px;
        margin-top: .26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie h3
    {
        padding: .13333vw 1.06667vw ;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie h3
    {
        letter-spacing: -1px;
        letter-spacing: -.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie h3
    {
        font-size: 3.2vw;
    }
}

#movie .detail_movie .date
{
    font-size: 18px;

    position: relative;

    display: block;

    letter-spacing: .5px;
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie .date
    {
        letter-spacing: .5px;
        letter-spacing: .06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie .date
    {
        font-size: 2.4vw;
    }
}

#movie .detail_movie .date b
{
    display: inline-block;

    padding: 1px 8px ;

    color: #ff050e;
    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    #movie .detail_movie .date b
    {
        padding: .13333vw 1.06667vw ;
    }
}

#movie .list_movie
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 1028px;
    margin: 0;
    margin: 0 auto;
    padding: 0;
    padding: 2px 5px 0 ;

    list-style: none;
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie
    {
        display: block;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie
    {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie
    {
        padding: .26667vw .66667vw 0 ;
    }
}

#movie .list_movie li
{
    width: 47.2%;
    margin: 0;
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie li
    {
        width: 65%;
    }
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie li
    {
        margin: 0 auto;
    }
}

#movie .list_movie li ~ li
{
    margin-top: 38px;
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie li ~ li
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

#movie .list_movie li:nth-child(2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    #movie .list_movie li:nth-child(2)
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

/*

shoppingguide

*/
#shoppingguide .title_inner
{
    padding-top: 15px;
    padding-bottom: 15px;

    background-image: url(../images/inner/movie/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .title_inner
    {
        background-image: url(../images/inner/movie/bg_title_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .title_inner
    {
        padding-top: 19px;
        padding-top: 2.53333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .title_inner
    {
        padding-bottom: 19px;
        padding-bottom: 2.53333vw;
    }
}

#shoppingguide .title_inner h2
{
    width: 600px;
    height: 100%;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .title_inner h2
    {
        width: 94.7%;
    }
}

#shoppingguide .title_inner h2 img
{
    height: 89px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .title_inner h2 img
    {
        height: 100%;
    }
}

#shoppingguide .list_shop
{
    position: relative;

    width: 1018px;
    margin-right: auto;
    margin-left: auto;

    list-style: none;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop
    {
        width: 700px;
        width: 93.33333vw;
    }
}

#shoppingguide .list_shop.flex
{
    position: relative;

    display: flex;
    flex-wrap: wrap;
}

#shoppingguide .list_shop.flex li:nth-of-type(odd)
{
    margin-right: auto;
}

#shoppingguide .list_shop ~ .list_shop
{
    margin-top: -17px;
    padding-top: 29px;

    border-top: solid 4px #90070f;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop ~ .list_shop
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop ~ .list_shop
    {
        padding-top: 34px;
        padding-top: 4.53333vw;
    }
}

#shoppingguide .list_shop ~ .list_shop:before
{
    position: absolute;
    top: 0;
    left: 2px;

    width: 100%;
    height: 4px;

    content: '';

    background: #000;
}

#shoppingguide .list_shop li
{
    box-sizing: border-box;
    width: 500px;
    margin-right: 0;
    margin-bottom: 50px;
    padding: 1px;

    background: linear-gradient(to right, #feeb94 0%, #ceae8c 25%, #cea037 52%, #ffdc77 100%);
    box-shadow: 3px 3px 0 0 black;

    page-break-inside: avoid;
    break-inside: avoid;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li
    {
        width: 700px;
        width: 93.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li
    {
        margin-bottom: 55px;
        margin-bottom: 7.33333vw;
    }
}

#shoppingguide .list_shop li:nth-of-type(odd)
{
    margin-right: 0;
}

#shoppingguide .list_shop li.shop02 .btn
{
    margin-top: 4.4em;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li.shop02 .btn
    {
        margin-top: 0;
    }
}

#shoppingguide .list_shop li .inner
{
    width: 100%;
    height: 100%;

    color: #fff;
    background: #000;
}

#shoppingguide .list_shop li .inner .shop_name
{
    font-size: 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.118;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 40px;

    text-align: center;

    color: #ffea05;
    background: #90070f;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .shop_name
    {
        font-size: 28px;
        font-size: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .shop_name
    {
        height: 56px;
        height: 7.46667vw;
    }
}

#shoppingguide .list_shop li .inner .shop_logo
{
    display: flex;
    align-items: center;
    justify-content: center;

    height: 90px;

    background: #5b0509;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .shop_logo
    {
        height: 126px;
        height: 16.8vw;
    }
}

#shoppingguide .list_shop li .inner .shop_logo img
{
    width: 240px;
    height: auto;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .shop_logo img
    {
        width: 336px;
        width: 44.8vw;
    }
}

#shoppingguide .list_shop li .inner .detail
{
    box-sizing: border-box;
    padding: 25px 22px 20px ;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .detail
    {
        padding: 4.66667vw 4.4vw ;
    }
}

#shoppingguide .list_shop li .inner .gift_head
{
    font-size: 18px;
    font-weight: bold;

    display: inline-block;

    box-sizing: border-box;
    margin-bottom: 12px;
    padding: .15em 1.08em;

    color: #ff0d1b;
    border: solid 2px #ff0d1b;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_head
    {
        font-size: 25px;
        font-size: 3.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_head
    {
        margin-bottom: 22px;
        margin-bottom: 2.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_head
    {
        padding: .18em 1.08em;
    }
}

#shoppingguide .list_shop li .inner .gift_name
{
    font-size: 24px;
    font-weight: bold;

    margin-bottom: 15px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_name
    {
        margin-bottom: 18px;
        margin-bottom: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_name
    {
        font-size: 33px;
        font-size: 4.4vw;
    }
}

#shoppingguide .list_shop li .inner .gift_image
{
    width: 450px;
    margin-bottom: 33px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_image
    {
        width: 630px;
        width: 84vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_image
    {
        margin-bottom: 47px;
        margin-bottom: 6.26667vw;
    }
}

#shoppingguide .list_shop li .inner .gift_image img
{
    width: 450px;
    height: 300px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_image img
    {
        width: 630px;
        width: 84vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_image img
    {
        height: 420px;
        height: 56vw;
    }
}

#shoppingguide .list_shop li .inner .gift_image img.nallow
{
    height: 220px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .gift_image img.nallow
    {
        height: 308px;
        height: 41.06667vw;
    }
}

#shoppingguide .list_shop li .inner .btn
{
    position: relative;

    display: block;

    height: 54px;
    margin-right: 5px;
    margin-bottom: 7px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn
    {
        height: 77px;
        height: 10.26667vw;
    }
}

#shoppingguide .list_shop li .inner .btn:nth-of-type(2)
{
    margin-top: 21px;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn:nth-of-type(2)
    {
        margin-top: 22px;
        margin-top: 2.93333vw;
    }
}

#shoppingguide .list_shop li .inner .btn:hover .txt
{
    color: rgba(255, 13, 27, .65);
}

#shoppingguide .list_shop li .inner .btn .txt
{
    font-size: 23px;
    font-weight: bold;

    position: relative;
    z-index: 5;

    display: flex;
    align-items: center;
    justify-content: center;

    width: calc(100% - 3px);
    height: 54px;

    transition: .2s;

    color: #ff0d1b;
    border: solid 1px #ff0d1b;
    background: #000;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .txt
    {
        font-size: 32px;
        font-size: 4.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .txt
    {
        height: 77px;
        height: 10.26667vw;
    }
}

#shoppingguide .list_shop li .inner .btn .sankaku
{
    position: absolute;
    z-index: 6;
    right: 3px;
    bottom: 0;

    width: 0;
    height: 0;

    border-width: 0 0 33px 33px;
    border-width: 0 0 33px 33px ;
    border-style: solid;
    border-color: transparent transparent #ff070f transparent;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .sankaku
    {
        border-width: 0 0 6.13333vw 6.13333vw ;
    }
}

#shoppingguide .list_shop li .inner .btn .sankaku:after
{
    position: absolute;
    right: 5px;
    right: 5px;
    bottom: -27px;
    bottom: -27px;

    width: 15px;
    width: 9px;
    height: 15px;
    height: 9px;

    content: '';

    background-image: url(../images/common/arrow.svg);
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .sankaku:after
    {
        width: 13px;
        width: 1.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .sankaku:after
    {
        height: 13px;
        height: 1.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .sankaku:after
    {
        right: 7px;
        right: .93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    #shoppingguide .list_shop li .inner .btn .sankaku:after
    {
        bottom: -37px;
        bottom: -4.93333vw;
    }
}

#shoppingguide .list_shop li .inner .btn .black,
#shoppingguide .list_shop li .inner .btn .yellow
{
    position: absolute;

    width: calc(100% + 2px);
    height: calc(100% + 6px);
}

#shoppingguide .list_shop li .inner .btn .black
{
    z-index: 2;
    bottom: -3px;
    left: -2px;

    background: #000;
}

#shoppingguide .list_shop li .inner .btn .yellow
{
    z-index: 1;
    bottom: -4px;
    left: -1px;

    background: linear-gradient(to right, #feeb94 0%, #ceae8c 25%, #cea037 52%, #ffdc77);
}

#shoppingguide .list_shop.feature_no li .inner .gift_head,
#shoppingguide .list_shop.feature_no li .inner .gift_name,
#shoppingguide .list_shop.feature_no li .inner .gift_image
{
    display: none;
}

.gift_attention
{
    font-size: 12px;

    display: block;

    margin: -6px 0 22px ;

    letter-spacing: -.8px;
}

@media only screen and (max-width: 1000px)
{
    .gift_attention
    {
        margin: -.8vw 0 2.93333vw ;
    }
}

@media only screen and (max-width: 1000px)
{
    .gift_attention
    {
        letter-spacing: 0;
        letter-spacing: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    .gift_attention
    {
        font-size: 1.73333vw;
    }
}

.list_attention
{
    font-size: 14px;

    width: 1010px;
    margin: 10px auto 0 ;
    padding: 0 0 80px ;

    text-align: center;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    .list_attention
    {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px)
{
    .list_attention
    {
        margin: 1.33333vw auto 0 ;
    }
}

@media only screen and (max-width: 1000px)
{
    .list_attention
    {
        padding: 0 0 10.66667vw ;
    }
}

@media only screen and (max-width: 1000px)
{
    .list_attention
    {
        font-size: 2vw;
    }
}

.list_attention li
{
    list-style: none;
}

/*

dlc.html

*/
body#dlc .free_off
{
    display: none;
}

body#dlc .title_inner
{
    background-image: url(../images/inner/dlc/bg_title.jpg);
}

@media only screen and (max-width: 1000px)
{
    body#dlc .title_inner
    {
        background-image: url(../images/inner/dlc/bg_title_sp.jpg);
    }
}

body#dlc .title_inner h2 img
{
    height: 122px;
    margin-top: 3px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .title_inner h2 img
    {
        margin-top: 2px;
        margin-top: .26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .title_inner h2 img
    {
        height: 74px;
        height: 9.86667vw;
    }
}

body#dlc .dlc-page-07 .ss-column.dlc_btn.center
{
    justify-content: center;

    margin-top: 33px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .ss-column.dlc_btn.center
    {
        margin-top: 33px;
        margin-top: 4.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .ss-column.dlc_btn.center
    {
        justify-content: space-between;
    }
}

body#dlc .dlc .modal-btns .inner
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body#dlc .dlc .modal-btns
{
    margin-top: 10px;
    padding-bottom: 0;

    background-image: none;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc .modal-btns
    {
        margin-top: 8px;
        margin-top: 1.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc .modal-btns
    {
        padding-bottom: 21px;
        padding-bottom: 2.8vw;
    }
}

body#dlc .lead
{
    margin-top: 3px;

    text-align: center;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .lead
    {
        margin-top: -20px;
        margin-top: -2.66667vw;
    }
}

body#dlc .lead img
{
    width: auto;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .lead img
    {
        width: 94.7%;
    }
}

body#dlc .lead.left
{
    text-align: left;
}

body#dlc p.lead
{
    font-size: 18px;
    line-height: 1.75;

    margin-top: 17px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#dlc p.lead
    {
        margin-top: 28px;
        margin-top: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc p.lead
    {
        line-height: 1.457;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc p.lead
    {
        font-size: 2.93333vw;
    }
}

body#dlc .dlc-page
{
    width: 800px;
    margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page
    {
        width: 94.7%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page
    {
        margin: 0 auto 4.66667vw ;
    }
}

body#dlc .dlc-page h3 img
{
    width: auto;
    height: 74px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page h3 img
    {
        height: 74px;
        height: 9.86667vw;
    }
}

body#dlc .dlc-page .ss
{
    position: relative;

    cursor: pointer;

    border: 1px solid #e50b18;
    border-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page .ss
    {
        border-width: 2px;
        border-width: .26667vw;
    }
}

@media print, screen and (min-width: 1001px)
{
    body#dlc .dlc-page .ss
    {
        transition: opacity .35s ease;
    }
    body#dlc .dlc-page .ss:hover
    {
        opacity: .7;
    }
}

body#dlc .dlc-page .ss img
{
    width: 100%;
    max-width: 100%;
}

body#dlc .dlc-page .ss:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: auto;
    width: 36px;
    height: auto;
    height: 36px;

    content: '';

    background-image: url(../images/common/icon_zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page .ss:after
    {
        width: 36px;
        width: 4.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page .ss:after
    {
        height: 36px;
        height: 4.8vw;
    }
}

body#dlc .dlc-detail-box
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box
    {
        margin-top: 25px;
        margin-top: 3.33333vw;
    }
}

body#dlc .dlc-detail-box .dlc-detail-txt
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 19px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-detail-txt
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-detail-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-detail-txt
    {
        font-size: 2.4vw;
    }
}

body#dlc .dlc-detail-box .dlc-detail-txt span
{
    background-color: #000;
}

body#dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#dlc .dlc-detail-box .dlc-red-line-txt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;

    color: #fff;
    border-top: 2px solid #f00;
    border-bottom: 2px solid #f00;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-red-line-txt
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-red-line-txt
    {
        padding-top: 10px;
        padding-top: 1.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-red-line-txt
    {
        padding-bottom: 10px;
        padding-bottom: 1.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-red-line-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-detail-box .dlc-red-line-txt
    {
        font-size: 2.4vw;
    }
}

body#dlc .dlc-detail-box .dlc-red-line-txt span
{
    background-color: #000;
}

body#dlc .dlc-page + .lead
{
    position: relative;
    top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page + .lead
    {
        top: 40px;
        top: 5.33333vw;
    }
}

body#dlc .modal-btns
{
    padding: 50px 0 0 ;

    background-color: #3e0204;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .modal-btns
    {
        padding: 5.33333vw 0 2.8vw ;
    }
}

body#dlc .under_development
{
    background-color: #3e0204;
}

body#dlc img
{
    max-width: 100%;
}

body#dlc .ss-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column
    {
        display: flex;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column
    {
        margin-top: 5px;
        margin-top: .66667vw;
    }
}

body#dlc .ss-column.inline
{
    justify-content: center;

    margin-top: 12px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.inline
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.inline
    {
        margin-bottom: 28px;
        margin-bottom: 3.73333vw;
    }
}

body#dlc .ss-column.inline .ss-column-inner:nth-child(even)
{
    margin-left: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.inline .ss-column-inner:nth-child(even)
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#dlc .ss-column.modal
{
    justify-content: center;
}

body#dlc .ss-column .ss-column-inner
{
    width: 49%;
    margin-top: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner
    {
        width: 49%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#dlc .ss-column .ss-column-inner .name
{
    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner .name
    {
        margin-top: 13px;
        margin-top: 1.73333vw;
    }
}

body#dlc .ss-column .ss-column-inner .name img
{
    width: auto;
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#dlc .ss-column .ss-column-inner .name img.double
{
    height: 92px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner .name img.double
    {
        height: 92px;
        height: 12.26667vw;
    }
}

body#dlc .ss-column .ss-column-inner .name + .dlc-detail-txt
{
    margin-top: 9px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner .name + .dlc-detail-txt
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#dlc .ss-column .ss-column-inner .copyright
{
    font-size: 14px;

    margin-top: 5px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ss-column-inner .copyright
    {
        font-size: 2.4vw;
    }
}

body#dlc .ss-column .ss-column-inner.full
{
    width: 100%;
}

body#dlc .ss-column .ml15
{
    margin-left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column .ml15
    {
        margin-left: 10px;
        margin-left: 1.33333vw;
    }
}

body#dlc .black_box.free_on .ss-column-inner,
body#dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner,
body#adventure.detail .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner
{
    width: 49.7%;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box.free_on .ss-column-inner,
    body#dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner,
    body#adventure.detail .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner
    {
        width: 49.7%;
    }
}

body#dlc .black_box.free_on .ss-column-inner:nth-of-type(n + 3),
body#dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner:nth-of-type(n + 3),
body#adventure.detail .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: .6%;
}

body#dlc .ss-column.parameter .ss-column-inner
{
    width: 470px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.parameter .ss-column-inner
    {
        width: 100%;
    }
}

body#dlc .ss-column.parameter .ss-column-inner img
{
    width: 100%;
}

body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#dlc main
{
    overflow: hidden;

    padding-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc main
    {
        padding-top: 90px;
        padding-top: 12vw;
    }
}

body#dlc .black_box,
body#dlc body#adventure.detail .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 body#dlc .area_map
{
    position: relative;
    z-index: 5;

    width: 100%;
    margin-top: 28px;
    margin-bottom: 35px;
    padding: 13px 0 12px 0;

    border: 1px solid #ffdc77;
    background: #000;
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box,
    body#dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#dlc .area_map
    {
        padding: 10px 0 10px 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box,
    body#dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#dlc .area_map
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box,
    body#dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#dlc .area_map
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box,
    body#dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#dlc .area_map
    {
        box-shadow: .53333vw .53333vw ;
    }
}

body#dlc .black_box .inner_pd,
body#dlc body#adventure.detail .adventure-page-08 .area_map .inner_pd,
body#adventure.detail .adventure-page-08 body#dlc .area_map .inner_pd
{
    box-sizing: border-box;
    padding: 0 15px ;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box .inner_pd,
    body#dlc body#adventure.detail .adventure-page-08 .area_map .inner_pd,
    body#adventure.detail .adventure-page-08 body#dlc .area_map .inner_pd
    {
        padding: 0 2vw ;
    }
}

body#dlc .black_box .red_copy,
body#dlc body#adventure.detail .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 body#dlc .area_map .red_copy
{
    height: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box .red_copy,
    body#dlc body#adventure.detail .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 body#dlc .area_map .red_copy
    {
        height: 33px;
        height: 4.4vw;
    }
}

body#dlc .black_box .red_copy img,
body#dlc body#adventure.detail .adventure-page-08 .area_map .red_copy img,
body#adventure.detail .adventure-page-08 body#dlc .area_map .red_copy img
{
    height: 100%;
}

body#dlc .black_box .box-txt,
body#dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
body#adventure.detail .adventure-page-08 body#dlc .area_map .box-txt
{
    font-size: 18px;
    font-weight: 500;

    position: relative;

    width: 100%;
    padding-bottom: 4px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box .box-txt,
    body#dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
    body#adventure.detail .adventure-page-08 body#dlc .area_map .box-txt
    {
        padding-bottom: 4px;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box .box-txt,
    body#dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
    body#adventure.detail .adventure-page-08 body#dlc .area_map .box-txt
    {
        font-size: 2.93333vw;
    }
}

body#dlc .black_box .box-txt ~ .box-txt,
body#dlc body#adventure.detail .adventure-page-08 .area_map .box-txt ~ .box-txt,
body#adventure.detail .adventure-page-08 body#dlc .area_map .box-txt ~ .box-txt
{
    margin-top: 3px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box .box-txt ~ .box-txt,
    body#dlc body#adventure.detail .adventure-page-08 .area_map .box-txt ~ .box-txt,
    body#adventure.detail .adventure-page-08 body#dlc .area_map .box-txt ~ .box-txt
    {
        margin-top: 3px;
        margin-top: .4vw;
    }
}

body#dlc .black_box dl.date,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date,
body#dlc .black_box dl.price,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price
{
    font-size: 18px;

    display: inline-flex;

    margin: 5px 0 0 ;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box dl.date,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date,
    body#dlc .black_box dl.price,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price
    {
        margin: .66667vw 0 0 ;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box dl.date,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date,
    body#dlc .black_box dl.price,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price
    {
        font-size: 2.93333vw;
    }
}

body#dlc .black_box dl.date dd,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date dd,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date dd,
body#dlc .black_box dl.price dd,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price dd,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price dd
{
    margin-left: 0;
}

body#dlc .black_box dl.date ~ dl.price,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date ~ dl.price,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date ~ dl.price,
body#dlc .black_box dl.price ~ dl.price,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price ~ dl.price,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price ~ dl.price
{
    margin-left: 2em;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_box dl.date ~ dl.price,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.date ~ dl.price,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.date ~ dl.price,
    body#dlc .black_box dl.price ~ dl.price,
    body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price ~ dl.price,
    body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price ~ dl.price
    {
        margin-left: 1em;
    }
}

body#dlc .black_box dl.price strong,
body#dlc body#adventure.detail .adventure-page-08 .area_map dl.price strong,
body#adventure.detail .adventure-page-08 body#dlc .area_map dl.price strong
{
    color: #ee0;
}

body#dlc .red_label,
body#dlc body#adventure.detail .adventure-page-08 .area_name,
body#adventure.detail .adventure-page-08 body#dlc .area_name
{
    height: 60px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .red_label,
    body#dlc body#adventure.detail .adventure-page-08 .area_name,
    body#adventure.detail .adventure-page-08 body#dlc .area_name
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .red_label,
    body#dlc body#adventure.detail .adventure-page-08 .area_name,
    body#adventure.detail .adventure-page-08 body#dlc .area_name
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#dlc .red_label img,
body#dlc body#adventure.detail .adventure-page-08 .area_name img,
body#adventure.detail .adventure-page-08 body#dlc .area_name img
{
    height: 100%;
}

body#dlc .black_label
{
    height: 47px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_label
    {
        height: 47px;
        height: 6.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .black_label
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#dlc .black_label img
{
    height: 100%;
}

body#dlc .mt0
{
    margin-top: 0 !important;
}

body#dlc .mt12,
body#dlc .dlc-detail-box .dlc-detail-txt.mt12
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .mt12,
    body#dlc .dlc-detail-box .dlc-detail-txt.mt12
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#dlc .mt24,
body#dlc .dlc-detail-box .dlc-detail-txt.mt24
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .mt24,
    body#dlc .dlc-detail-box .dlc-detail-txt.mt24
    {
        margin-top: 36px;
        margin-top: 4.8vw;
    }
}

body#dlc .mb0
{
    margin-bottom: 0 !important;
}

body#dlc .sec-end-mg
{
    margin-bottom: 75px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .sec-end-mg
    {
        margin-bottom: 85px;
        margin-bottom: 11.33333vw;
    }
}

body#dlc .ss-column-inner.wide
{
    width: 50%;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .ss-column-inner.wide
    {
        width: 100%;
    }
}

body#dlc .sp-reverse
{
    display: flex;
    flex-direction: row;

    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .sp-reverse
    {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 1000px)
{
    body#dlc .sp-reverse
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#dlc .sp-reverse .sp-reverse-2
{
    margin-top: 0 !important;
    margin-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .sp-reverse .sp-reverse-2
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#dlc .dlc-page-07 .black_box,
body#dlc .dlc-page-07 body#adventure.detail .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 body#dlc .dlc-page-07 .area_map
{
    margin-bottom: 37px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .black_box,
    body#dlc .dlc-page-07 body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#dlc .dlc-page-07 .area_map
    {
        margin-bottom: 37px;
        margin-bottom: 4.93333vw;
    }
}

body#dlc .dlc-page-07 .ss-column.center
{
    justify-content: center;
}

body#dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
{
    margin-left: 5%;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
    {
        margin-left: 0;
    }
}

body#dlc .dlc-page-07 .ss-column.center .ss-column-inner.double
{
    padding-top: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .ss-column.center .ss-column-inner.double
    {
        padding-top: 0;
    }
}

body#dlc .dlc-page-07 .btn_todeliveryhelp
{
    display: block;

    width: 363px;

    transition: opacity .35s ease;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .btn_todeliveryhelp
    {
        width: 340px;
        width: 45.33333vw;
    }
}

body#dlc .dlc-page-07 .btn_todeliveryhelp img
{
    width: 100%;
}

body#dlc .dlc-page-07 .btn_todeliveryhelp:hover
{
    opacity: .7;
}

body#dlc .dlc-page-07 .btn_todeliveryhelp.free
{
    margin-right: 14px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .btn_todeliveryhelp.free
    {
        margin-right: 30px;
        margin-right: 4vw;
    }
}

body#dlc .dlc-page-07 .red-txt
{
    color: #f00;
}

body#dlc .dlc-page-07 .red-under-line
{
    font-size: 22px;

    border-bottom: 1px solid #f00;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .red-under-line
    {
        font-size: 2.93333vw;
    }
}

body#dlc .dlc-page-07 .red-under-line img
{
    height: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#dlc .dlc-page-07 .red-under-line img
    {
        height: 30px;
        height: 4vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner.row_4
{
    width: 24.7%;
    margin-top: 3px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner.row_4
    {
        width: 24.7%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner.row_4
    {
        margin-top: 3px;
        margin-top: .4vw;
    }
}

/*

dlc.html

*/
body#lp
{
    font-family: 'Noto Sans Jp', sans-serif;

    position: relative;

    margin: 0;
    padding-top: 0;
}

body#lp.modal_open
{
    position: fixed;
}

body#lp #gnavi
{
    display: none;
}

body#lp main
{
    padding-top: 0;
}

body#lp img
{
    width: 100%;
}

body#lp a.hover
{
    display: block;

    transition: opacity .3s;
}

body#lp a.hover:hover
{
    opacity: .7;
}

body#lp .sp_none
{
    display: block;
}

@media only screen and (max-width: 1000px)
{
    body#lp .sp_none
    {
        display: none;
    }
}

body#lp .pc_none
{
    display: none;
}

@media only screen and (max-width: 1000px)
{
    body#lp .pc_none
    {
        display: block;
    }
}

body#lp header
{
    width: 100%;
    height: 46px;

    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#lp header
    {
        height: 46px;
        height: 6.13333vw;
    }
}

body#lp header .header_wrapper
{
    display: flex;
    justify-content: flex-start;

    width: 1024px;
    margin: 0 auto;
    padding-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper
    {
        padding-top: 1.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper
    {
        width: 94%;
    }
}

body#lp header .header_wrapper .ps5
{
    width: 119px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .ps5
    {
        width: 119px;
        width: 15.86667vw;
    }
}

body#lp header .header_wrapper .xbox_xs
{
    width: 194px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .xbox_xs
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .xbox_xs
    {
        width: 194px;
        width: 25.86667vw;
    }
}

body#lp header .header_wrapper .xbox_one
{
    width: 123px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .xbox_one
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .xbox_one
    {
        width: 123px;
        width: 16.4vw;
    }
}

body#lp header .header_wrapper .windows10
{
    width: 114px;
    margin-top: 4px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .windows10
    {
        margin-top: 4px;
        margin-top: .53333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .windows10
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .windows10
    {
        width: 114px;
        width: 15.2vw;
    }
}

body#lp section.top
{
    height: auto;
    padding-top: 0;

    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top
    {
        height: 151vw;
    }
}

body#lp section.top .kv
{
    position: relative;

    height: 47.4vw;

    background-image: url(../images/inner/lp/kv.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .kv
    {
        background-image: url(../images/inner/lp/kv_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .kv
    {
        height: 155vw;
    }
}

body#lp section.top .logo_ps5
{
    position: absolute;
    top: 17px;
    left: 17px;

    width: 14.2vw;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .logo_ps5
    {
        top: 15px;
        top: 2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .logo_ps5
    {
        left: 20px;
        left: 2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .logo_ps5
    {
        width: 24vw;
    }
}

body#lp section.top .copy
{
    position: absolute;
    top: 24px;
    right: 17px;

    width: 4vw;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .copy
    {
        top: 15px;
        top: 2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .copy
    {
        right: 28px;
        right: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .copy
    {
        width: 8.1vw;
    }
}

body#lp section.top .top_box
{
    position: relative;

    width: 60%;
    height: 46.3vw;
    padding-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box
    {
        height: 66.3vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box
    {
        padding-top: 440px;
        padding-top: 58.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box
    {
        width: 100%;
    }
}

body#lp section.top .top_box .logo_ryu7
{
    width: 35vw;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .logo_ryu7
    {
        width: 68.1vw;
    }
}

body#lp section.top .top_box .sale
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 33vw;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .sale
    {
        bottom: -61.2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .sale
    {
        width: 80.1vw;
    }
}

body#lp section.top .banner_area
{
    position: absolute;
    top: auto;
    bottom: -10px;
    left: 50%;

    margin-left: 120px;
    padding: 0 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area
    {
        top: 128.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area
    {
        bottom: 0;
        bottom: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area
    {
        left: 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area
    {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area
    {
        padding: 0 3%;
    }
}

body#lp section.top .banner_area .special
{
    width: 360px;

    cursor: pointer;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area .special
    {
        width: 100%;
    }
}

body#lp section.top .banner_area .dlc
{
    width: 360px;
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area .dlc
    {
        margin-top: 23px;
        margin-top: 3.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .banner_area .dlc
    {
        width: 100%;
    }
}

body#lp section.top .inner
{
    position: relative;

    width: 100%;
    margin: 0 auto;
}

body#lp section.caution
{
    width: 100%;
    padding: 35px 0 ;

    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.caution
    {
        padding: 3.33333vw 0 ;
    }
}

body#lp section.caution .inner
{
    position: relative;

    width: 1024px;
    margin: 0 auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.caution .inner
    {
        width: 94%;
    }
}

body#lp section.caution .txt
{
    font-size: 16px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.caution .txt
    {
        font-size: 2.13333vw;
    }
}

body#lp section.lead
{
    width: 100%;
    height: 450px;

    background-image: url(../images/inner/lp/bg_lead.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead
    {
        background-image: url(../images/inner/lp/bg_lead_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead
    {
        height: 580px;
        height: 77.33333vw;
    }
}

body#lp section.lead .inner
{
    position: relative;

    width: 1024px;
    margin: 0 auto;
    padding: '0 0 ';
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead .inner
    {
        width: 94%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead .inner
    {
        padding: 0 2.66667vw ;
    }
}

body#lp section.lead .lead_caption
{
    width: 740px;
    margin: auto;
    padding-top: 60px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead .lead_caption
    {
        padding-top: 60px;
        padding-top: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead .lead_caption
    {
        width: 100%;
    }
}

body#lp section.lead .txt
{
    font-size: 18px;
    line-height: 1.8;

    margin: 0;

    text-align: center;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.lead .txt
    {
        font-size: 3.2vw;
    }
}

body#lp section.point
{
    width: 100%;
    height: 1300px;
    padding-top: 40px;

    background-image: url(../images/inner/lp/bg_point.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point
    {
        background-image: url(../images/inner/lp/bg_point_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point
    {
        height: 1260px;
        height: 168vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point
    {
        padding-top: 40px;
        padding-top: 5.33333vw;
    }
}

body#lp section.point .inner
{
    position: relative;

    width: 1024px;
    margin: 0 auto;
    padding: '0 0 ';
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .inner
    {
        width: 94%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .inner
    {
        padding: 0 2.66667vw ;
    }
}

body#lp section.point .point_caption
{
    width: 784px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_caption
    {
        width: 100%;
    }
}

body#lp section.point .point_box .point
{
    height: 61px;
    margin-top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_box .point
    {
        height: 46px;
        height: 6.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_box .point
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#lp section.point .point_box .point img
{
    display: block;

    width: auto;
    height: 100%;
}

body#lp section.point .point_box .point5_contents
{
    height: 85px;
    margin-top: 5px;
    padding-left: 85px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_box .point5_contents
    {
        height: 67px;
        height: 8.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_box .point5_contents
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .point_box .point5_contents
    {
        padding-left: 65px;
        padding-left: 8.66667vw;
    }
}

body#lp section.point .point_box .point5_contents img
{
    display: block;

    width: auto;
    height: 100%;
}

body#lp section.point .caution
{
    margin-top: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .caution
    {
        margin-top: 35px;
        margin-top: 4.66667vw;
    }
}

body#lp section.point .caution .txt
{
    font-size: 18px;

    margin-top: 25px;
    margin-bottom: 0;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .caution .txt
    {
        font-size: 2.13333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.point .caution .txt
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#lp section.link
{
    width: 100%;
    height: 340px;
    padding-top: 40px;

    background-image: url(../images/inner/lp/bg_link.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link
    {
        background-image: url(../images/inner/lp/bg_link_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link
    {
        height: 340px;
        height: 45.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link
    {
        padding-top: 40px;
        padding-top: 5.33333vw;
    }
}

body#lp section.link .inner
{
    position: relative;

    width: 1024px;
    margin: 0 auto;
    padding: '0 0 ';
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link .inner
    {
        width: 94%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link .inner
    {
        padding: 0 2.66667vw ;
    }
}

body#lp section.link .link_banner
{
    width: 709px;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.link .link_banner
    {
        width: 100%;
    }
}

body#lp section.spec
{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 100px;

    background-color: #000;
    background-image: url(../images/inner/lp/bg_spec.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec
    {
        background-image: url(../images/inner/lp/bg_spec_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec
    {
        padding-top: 40px;
        padding-top: 5.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec
    {
        padding-bottom: 20px;
        padding-bottom: 2.66667vw;
    }
}

body#lp section.spec .inner
{
    position: relative;

    width: 1024px;
    margin: 0 auto;
    padding: '0 0 ';
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .inner
    {
        width: 94%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .inner
    {
        padding: 0 2.66667vw ;
    }
}

body#lp section.spec .spec_area
{
    /* display: flex;
  justify-content: center;
  flex-wrap: nowrap;*/
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area
    {
        flex-wrap: wrap;
    }
}

body#lp section.spec .spec_area .banner_box
{
    width: 100%;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .banner_box
    {
        width: 100%;
    }
}

body#lp section.spec .spec_area .banner_box .banner
{
    width: 387px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .banner_box .banner
    {
        margin-left: auto;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .banner_box .banner
    {
        margin-right: auto;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .banner_box .banner
    {
        width: 387px;
        width: 51.6vw;
    }
}

body#lp section.spec .spec_area .spec_box
{
    /*width: 50%;*/
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box
    {
        margin-top: 50px;
        margin-top: 6.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box
    {
        width: 100%;
    }
}

body#lp section.spec .spec_area .spec_box .spec_caption
{
    width: 330px;
    margin-left: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .spec_caption
    {
        margin-left: 10vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .spec_caption
    {
        width: 330px;
        width: 44vw;
    }
}

body#lp section.spec .spec_area .spec_box .detail_box
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail_box
    {
        display: block;
    }
}


body#lp section.spec .spec_area .spec_box .detail
{
    width: 48%;
    padding-left: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail
    {
        width: 100%;
        padding-left: 0;
    }
}
@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail
    {
        padding-left: 10vw;
    }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box
{
    line-height: 2;

    display: flex;
    justify-content: flex-start;
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt
{
    font-size: 18px;

    width: 96px;

    color: #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt
    {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt
    {
        width: 92px;
        width: 12.26667vw;
    }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd
{
    font-size: 18px;
    font-size: 18px;

    width: 400px;
    margin-left: 20px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd
    {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd
    {
        width: 440px;
        width: 58.66667vw;
    }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero
{
    width: 50px;
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero
    {
        margin-top: 17px;
        margin-top: 2.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero
    {
        width: 50px;
        width: 6.66667vw;
    }
}

body#lp section.spec .caution
{
    font-size: 18px;

    margin-top: 12px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .caution
    {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .caution
    {
        margin-top: 0;
    }
}

body#lp section.spec .digital_v_area
{
    width: 100%;
    margin-top: 60px;
    padding: 0 0 30px 30px ;

    border: solid 2px #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area
    {
        margin-top: 35px;
        margin-top: 4.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area
    {
        padding: 0 4vw 4vw 4vw ;
    }
}

body#lp section.spec .digital_v_area .caption
{
    width: 256px;
    margin-top: -22px;
    margin-left: 17px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .caption
    {
        margin-top: -22px;
        margin-top: -2.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .caption
    {
        margin-left: 17px;
        margin-left: 2.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .caption
    {
        width: 256px;
        width: 34.13333vw;
    }
}

body#lp section.spec .digital_v_area .desc
{
    font-size: 18px;

    margin-top: 15px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .desc
    {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .desc
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;

    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area
    {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box p
{
    line-height: 1.8;
}

body#lp section.spec .digital_v_area .dlc_area .edition_box .set_caption
{
    font-size: 22px;

    color: #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box .set_caption
    {
        font-size: 3.2vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box .txt
{
    font-size: 22px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box .txt
    {
        font-size: 3.2vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption
{
    width: 293px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption
    {
        width: 293px;
        width: 39.06667vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2
{
    margin-top: 0;
    margin-left: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption
{
    width: 481px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption
    {
        width: 481px;
        width: 64.13333vw;
    }
}

body#lp section.modal
{
    position: fixed;
    z-index: 1000;
    top: 0;

    display: none;
    overflow: scroll;

    width: 100%;
    height: 100vh;
    padding-top: 78px;
    padding-bottom: 80px;

    background-color: rgba(0, 0, 0, .8);
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal
    {
        padding-top: 100px;
        padding-top: 13.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal
    {
        padding-bottom: 100px;
        padding-bottom: 13.33333vw;
    }
}

body#lp section.modal .inner
{
    width: 640px;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .inner
    {
        width: 640px;
        width: 85.33333vw;
    }
}

body#lp section.modal .btn_close
{
    width: 48px;
    margin-left: auto;

    cursor: pointer;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .btn_close
    {
        width: 48px;
        width: 6.4vw;
    }
}

body#lp section.modal .contents
{
    width: 100%;
    margin-top: 10px;
    padding: 20px 10px 15px ;

    border: solid 2px #f6da4a;
    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents
    {
        margin-top: 10px;
        margin-top: 1.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents
    {
        padding: 2.66667vw 1.33333vw 2vw ;
    }
}

body#lp section.modal .contents .title
{
    width: 184px;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .title
    {
        width: 184px;
        width: 24.53333vw;
    }
}

body#lp section.modal .contents .caption
{
    width: 100%;
    margin-top: 20px;
    padding: 15px 0 ;

    border-top: solid 1px #f6da4a;
    border-bottom: solid 1px #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .caption
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .caption
    {
        padding: 2vw 0 ;
    }
}

body#lp section.modal .contents .caution
{
    margin-top: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .caution
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp section.modal .contents .caution .txt
{
    font-size: 16px;
    line-height: 1.6;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .caution .txt
    {
        font-size: 2.13333vw;
    }
}

body#lp section.modal .contents .img_area
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    width: 100%;
    margin-top: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .img_area
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp section.modal .contents .img_area .img
{
    width: 150px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .img_area .img
    {
        width: 150px;
        width: 20vw;
    }
}

body#lp section.modal .contents .desc_area
{
    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .desc_area
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp section.modal .contents .desc_area .txt
{
    font-size: 18px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .desc_area .txt
    {
        font-size: 2.4vw;
    }
}

body#lp section.modal .contents .recording
{
    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .recording
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp section.modal .contents .recording .reco_caption
{
    font-size: 18px;

    color: #ff0d1b;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .recording .reco_caption
    {
        font-size: 2.4vw;
    }
}

body#lp section.modal .contents .recording .txt
{
    font-size: 18px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.modal .contents .recording .txt
    {
        font-size: 2.4vw;
    }
}

body#lp .follow-box
{
    width: 235px;
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box
    {
        width: 330px;
        width: 44vw;
    }
}

body#lp .follow-box .link_area .link_close
{
    width: 30px;
    margin-left: auto;

    cursor: pointer;
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box .link_area .link_close
    {
        width: 30px;
        width: 4vw;
    }
}

body#lp .follow-box .link_area .to_xbox
{
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box .link_area .to_xbox
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp .follow-box .follow-box-inner
{
    width: 50px;
    margin-left: auto;
    padding-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box .follow-box-inner
    {
        padding-top: 5px;
        padding-top: .66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box .follow-box-inner
    {
        width: 50px;
        width: 6.66667vw;
    }
}

body#lp .follow-box .to-top img
{
    width: 26px;
}

@media only screen and (max-width: 1000px)
{
    body#lp .follow-box .to-top img
    {
        width: 26px;
        width: 3.46667vw;
    }
}

body#lp_dlc
{
    font-family: 'Noto Sans Jp', sans-serif;

    margin: 0;
    padding-top: 0;
}

body#lp_dlc .free_off
{
    display: none;
}

body#lp_dlc #gnavi
{
    display: none;
}

body#lp_dlc main
{
    padding-top: 0;
    padding-bottom: 10px;

    background-color: #231b0d;
    background-image: url(../images/inner/lp/dlc/bg.jpg);
    background-position-y: 18vw;
    background-size: 100%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc main
    {
        background-image: url(../images/inner/lp/dlc/bg_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc main
    {
        background-position-y: 20vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc main
    {
        padding-bottom: 20px;
        padding-bottom: 2.66667vw;
    }
}

body#lp_dlc img
{
    width: 100%;
}

body#lp_dlc a.hover
{
    display: block;

    transition: opacity .3s;
}

body#lp_dlc a.hover:hover
{
    opacity: .7;
}

body#lp_dlc .sp_none
{
    display: block;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .sp_none
    {
        display: none;
    }
}

body#lp_dlc .pc_none
{
    display: none;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .pc_none
    {
        display: block;
    }
}

body#lp_dlc header
{
    width: 100%;
    height: 46px;

    background-color: #000;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header
    {
        height: 46px;
        height: 6.13333vw;
    }
}

body#lp_dlc header .header_wrapper
{
    display: flex;
    justify-content: flex-start;

    width: 1024px;
    margin: 0 auto;
    padding-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper
    {
        padding-top: 1.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper
    {
        width: 94%;
    }
}

body#lp_dlc header .header_wrapper .ps5
{
    width: 119px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .ps5
    {
        width: 119px;
        width: 15.86667vw;
    }
}

body#lp_dlc header .header_wrapper .xbox_xs
{
    width: 194px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .xbox_xs
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .xbox_xs
    {
        width: 194px;
        width: 25.86667vw;
    }
}

body#lp_dlc header .header_wrapper .xbox_one
{
    width: 123px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .xbox_one
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .xbox_one
    {
        width: 123px;
        width: 16.4vw;
    }
}

body#lp_dlc header .header_wrapper .windows10
{
    width: 114px;
    margin-top: 4px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .windows10
    {
        margin-top: 4px;
        margin-top: .53333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .windows10
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .windows10
    {
        width: 114px;
        width: 15.2vw;
    }
}

body#lp_dlc section.top
{
    padding-top: 0;
}

body#lp_dlc section.top .kv
{
    position: relative;

    height: 17.8vw;

    background-image: url(../images/inner/lp/dlc/kv.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .kv
    {
        background-image: url(../images/inner/lp/dlc/kv_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .kv
    {
        height: 32vw;
    }
}

body#lp_dlc section.top .inner
{
    width: 100%;
}

body#lp_dlc section.top .top_box
{
    width: 71%;
    padding-top: 3vw;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .top_box
    {
        width: 51%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .top_box
    {
        padding-top: 5vw;
    }
}

body#lp_dlc section.top .top_box .logo_ryu7
{
    width: 15.6vw;
    margin: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .top_box .logo_ryu7
    {
        width: 31.7vw;
    }
}

body#lp_dlc section.top .top_box .to_top
{
    width: 10vw;
    margin: auto;
    margin-top: 4vw;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .top_box .to_top
    {
        width: 21.3vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.top .top_box .to_top
    {
        margin-top: 3.2vw;
    }
}

body#lp_dlc section.dlc
{
    padding-top: 35px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc
    {
        padding-top: 53px;
        padding-top: 7.06667vw;
    }
}

body#lp_dlc section.dlc .digital_v_area
{
    width: 100%;
    margin-top: 60px;
    padding: 0 0 30px 30px ;

    border: solid 2px #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area
    {
        margin-top: 35px;
        margin-top: 4.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area
    {
        padding: 0 4vw 4vw 4vw ;
    }
}

body#lp_dlc section.dlc .digital_v_area .caption
{
    width: 256px;
    margin-top: -22px;
    margin-left: 17px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .caption
    {
        margin-top: -22px;
        margin-top: -2.93333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .caption
    {
        margin-left: 17px;
        margin-left: 2.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .caption
    {
        width: 256px;
        width: 34.13333vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .desc
{
    font-size: 18px;

    margin-top: 15px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .desc
    {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .desc
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;

    margin-top: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area
    {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box p
{
    line-height: 1.8;
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .set_caption
{
    font-size: 22px;

    color: #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .set_caption
    {
        font-size: 3.2vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .txt
{
    font-size: 19px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .txt
    {
        font-size: 3.2vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption
{
    width: 268px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption
    {
        width: 268px;
        width: 35.73333vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2
{
    margin-top: 0;
    margin-left: 20px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption
{
    width: 440px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption
    {
        width: 440px;
        width: 58.66667vw;
    }
}

body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center
{
    justify-content: center;

    margin-top: 33px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center
    {
        margin-top: 33px;
        margin-top: 4.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center
    {
        justify-content: space-between;
    }
}

body#lp_dlc .dlc .modal-btns .inner
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body#lp_dlc .dlc .modal-btns
{
    margin-top: 10px;
    padding-bottom: 0;

    background-image: none;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc .modal-btns
    {
        margin-top: 8px;
        margin-top: 1.06667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc .modal-btns
    {
        padding-bottom: 21px;
        padding-bottom: 2.8vw;
    }
}

body#lp_dlc .lead
{
    margin-top: 3px;

    text-align: center;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .lead
    {
        margin-top: -20px;
        margin-top: -2.66667vw;
    }
}

body#lp_dlc .lead img
{
    width: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .lead img
    {
        width: 94.7%;
    }
}

body#lp_dlc .lead.left
{
    text-align: left;
}

body#lp_dlc p.lead
{
    font-size: 18px;
    line-height: 1.75;

    margin-top: 17px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc p.lead
    {
        margin-top: 28px;
        margin-top: 3.73333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc p.lead
    {
        line-height: 1.457;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc p.lead
    {
        font-size: 2.93333vw;
    }
}

body#lp_dlc .dlc-page
{
    width: 800px;
    margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page
    {
        width: 94.7%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page
    {
        margin: 0 auto 4.66667vw ;
    }
}

body#lp_dlc .dlc-page h3 img
{
    width: auto;
    height: 74px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page h3 img
    {
        height: 74px;
        height: 9.86667vw;
    }
}

body#lp_dlc .dlc-page .ss
{
    position: relative;

    cursor: pointer;

    border: 1px solid #e50b18;
    border-width: 1px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page .ss
    {
        border-width: 2px;
        border-width: .26667vw;
    }
}

@media print, screen and (min-width: 1001px)
{
    body#lp_dlc .dlc-page .ss
    {
        transition: opacity .35s ease;
    }
    body#lp_dlc .dlc-page .ss:hover
    {
        opacity: .7;
    }
}

body#lp_dlc .dlc-page .ss img
{
    width: 100%;
    max-width: 100%;
}

body#lp_dlc .dlc-page .ss:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: auto;
    width: 36px;
    height: auto;
    height: 36px;

    content: '';

    background-image: url(../images/common/icon_zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page .ss:after
    {
        width: 36px;
        width: 4.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page .ss:after
    {
        height: 36px;
        height: 4.8vw;
    }
}

body#lp_dlc .dlc-detail-box
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box
    {
        margin-top: 25px;
        margin-top: 3.33333vw;
    }
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 19px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-detail-txt
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-detail-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-detail-txt
    {
        font-size: 2.4vw;
    }
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt span
{
    background-color: #000;
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt
{
    margin-top: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt
    {
        margin-top: 30px;
        margin-top: 4vw;
    }
}

body#lp_dlc .dlc-detail-box .dlc-red-line-txt
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.62;

    position: relative;

    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;

    color: #fff;
    border-top: 2px solid #f6da4a;
    border-bottom: 2px solid #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-red-line-txt
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-red-line-txt
    {
        padding-top: 10px;
        padding-top: 1.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-red-line-txt
    {
        padding-bottom: 10px;
        padding-bottom: 1.33333vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-red-line-txt
    {
        line-height: 1.73;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-detail-box .dlc-red-line-txt
    {
        font-size: 2.4vw;
    }
}

body#lp_dlc .dlc-detail-box .dlc-red-line-txt span
{
    background-color: #000;
}

body#lp_dlc .dlc-page + .lead
{
    position: relative;
    top: 40px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page + .lead
    {
        top: 40px;
        top: 5.33333vw;
    }
}

body#lp_dlc .modal-btns
{
    padding: 50px 0 0 ;

    background-color: #3e0204;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .modal-btns
    {
        padding: 5.33333vw 0 2.8vw ;
    }
}

body#lp_dlc .under_development
{
    background-color: #3e0204;
}

body#lp_dlc img
{
    max-width: 100%;
}

body#lp_dlc .ss-column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column
    {
        display: flex;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column
    {
        margin-top: 5px;
        margin-top: .66667vw;
    }
}

body#lp_dlc .ss-column.inline
{
    justify-content: center;

    margin-top: 12px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.inline
    {
        margin-top: 0;
        margin-top: 0vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.inline
    {
        margin-bottom: 28px;
        margin-bottom: 3.73333vw;
    }
}

body#lp_dlc .ss-column.inline .ss-column-inner:nth-child(even)
{
    margin-left: 47px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.inline .ss-column-inner:nth-child(even)
    {
        margin-left: 0;
        margin-left: 0vw;
    }
}

body#lp_dlc .ss-column.modal
{
    justify-content: center;
}

body#lp_dlc .ss-column .ss-column-inner
{
    width: 49%;
    margin-top: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner
    {
        width: 49%;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner.img_def
{
    width: 28%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner.img_def
    {
        width: 28%;
    }
}

body#lp_dlc .ss-column .ss-column-inner .name
{
    margin-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner .name
    {
        margin-top: 13px;
        margin-top: 1.73333vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner .name img
{
    width: auto;
    height: 50px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner .name img
    {
        height: 50px;
        height: 6.66667vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner .name img.double
{
    height: 92px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner .name img.double
    {
        height: 92px;
        height: 12.26667vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner .name + .dlc-detail-txt
{
    margin-top: 9px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner .name + .dlc-detail-txt
    {
        margin-top: 20px;
        margin-top: 2.66667vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner .copyright
{
    font-size: 14px;

    margin-top: 5px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ss-column-inner .copyright
    {
        font-size: 2.4vw;
    }
}

body#lp_dlc .ss-column .ss-column-inner.full
{
    width: 100%;
}

body#lp_dlc .ss-column .ml15
{
    margin-left: 15px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column .ml15
    {
        margin-left: 10px;
        margin-left: 1.33333vw;
    }
}

body#lp_dlc .black_box.free_on .ss-column-inner,
body#lp_dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner,
body#adventure.detail .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner
{
    width: 49.7%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box.free_on .ss-column-inner,
    body#lp_dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner,
    body#adventure.detail .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner
    {
        width: 49.7%;
    }
}

body#lp_dlc .black_box.free_on .ss-column-inner:nth-of-type(n + 3),
body#lp_dlc body#adventure.detail .adventure-page-08 .free_on.area_map .ss-column-inner:nth-of-type(n + 3),
body#adventure.detail .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: .6%;
}

body#lp_dlc .ss-column.parameter .ss-column-inner
{
    width: 470px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.parameter .ss-column-inner
    {
        width: 100%;
    }
}

body#lp_dlc .ss-column.parameter .ss-column-inner img
{
    width: 100%;
}

body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
{
    margin-top: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3)
    {
        margin-top: 21px;
        margin-top: 2.8vw;
    }
}

body#lp_dlc .black_box,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map
{
    position: relative;
    z-index: 5;

    width: 100%;
    margin-top: 28px;
    margin-bottom: 35px;
    padding: 13px 0 12px 0;

    border: 1px solid #ffdc77;
    background: #000;
    box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map
    {
        padding: 10px 0 10px 0;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map
    {
        margin-top: 26px;
        margin-top: 3.46667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map
    {
        box-shadow: .53333vw .53333vw ;
    }
}

body#lp_dlc .black_box .inner_pd,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .inner_pd,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .inner_pd
{
    box-sizing: border-box;
    padding: 0 15px ;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .inner_pd,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .inner_pd,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .inner_pd
    {
        padding: 0 2vw ;
    }
}

body#lp_dlc .black_box .red_copy,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .red_copy,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .red_copy
{
    height: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .red_copy,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .red_copy,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .red_copy
    {
        height: 33px;
        height: 4.4vw;
    }
}

body#lp_dlc .black_box .red_copy img,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .red_copy img,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .red_copy img
{
    height: 100%;
}

body#lp_dlc .black_box .box-txt,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt
{
    font-size: 18px;
    font-weight: 500;

    position: relative;

    width: 100%;
    padding-bottom: 4px;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .box-txt,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt
    {
        padding-bottom: 4px;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .box-txt,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt
    {
        font-size: 2.93333vw;
    }
}

body#lp_dlc .black_box .box-txt ~ .box-txt,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt ~ .box-txt,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt ~ .box-txt
{
    margin-top: 3px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .box-txt ~ .box-txt,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt ~ .box-txt,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt ~ .box-txt
    {
        margin-top: 3px;
        margin-top: .4vw;
    }
}

body#lp_dlc .black_box .box-txt .caution,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt .caution,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt .caution
{
    font-size: 16px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box .box-txt .caution,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box-txt .caution,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box-txt .caution
    {
        font-size: 2.13333vw;
    }
}

body#lp_dlc .black_box .box_txt_wrapper,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box_txt_wrapper,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box_txt_wrapper
{
    display: flex;
    justify-content: flex-start;

    width: 100%;
}

body#lp_dlc .black_box .box_txt_wrapper .box-txt,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map .box_txt_wrapper .box-txt,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map .box_txt_wrapper .box-txt
{
    width: 50%;
}

body#lp_dlc .black_box dl.date,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date,
body#lp_dlc .black_box dl.price,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price
{
    font-size: 18px;

    display: inline-flex;

    margin: 5px 0 0 ;

    color: #fff;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box dl.date,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date,
    body#lp_dlc .black_box dl.price,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price
    {
        margin: .66667vw 0 0 ;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box dl.date,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date,
    body#lp_dlc .black_box dl.price,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price
    {
        font-size: 2.93333vw;
    }
}

body#lp_dlc .black_box dl.date dd,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date dd,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date dd,
body#lp_dlc .black_box dl.price dd,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price dd,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price dd
{
    margin-left: 0;
}

body#lp_dlc .black_box dl.date ~ dl.price,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date ~ dl.price,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date ~ dl.price,
body#lp_dlc .black_box dl.price ~ dl.price,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price ~ dl.price,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price ~ dl.price
{
    margin-left: 2em;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_box dl.date ~ dl.price,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.date ~ dl.price,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.date ~ dl.price,
    body#lp_dlc .black_box dl.price ~ dl.price,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price ~ dl.price,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price ~ dl.price
    {
        margin-left: 1em;
    }
}

body#lp_dlc .black_box dl.price strong,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_map dl.price strong,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_map dl.price strong
{
    color: #ee0;
}

body#lp_dlc .red_label,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_name,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_name
{
    height: 60px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .red_label,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_name,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_name
    {
        height: 60px;
        height: 8vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .red_label,
    body#lp_dlc body#adventure.detail .adventure-page-08 .area_name,
    body#adventure.detail .adventure-page-08 body#lp_dlc .area_name
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#lp_dlc .red_label img,
body#lp_dlc body#adventure.detail .adventure-page-08 .area_name img,
body#adventure.detail .adventure-page-08 body#lp_dlc .area_name img
{
    height: 100%;
}

body#lp_dlc .black_label
{
    height: 47px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_label
    {
        height: 47px;
        height: 6.26667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .black_label
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#lp_dlc .black_label img
{
    height: 100%;
}

body#lp_dlc .mt0
{
    margin-top: 0 !important;
}

body#lp_dlc .mt12,
body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt12
{
    margin-top: 12px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .mt12,
    body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt12
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#lp_dlc .mt24,
body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt24
{
    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .mt24,
    body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt24
    {
        margin-top: 36px;
        margin-top: 4.8vw;
    }
}

body#lp_dlc .mb0
{
    margin-bottom: 0 !important;
}

body#lp_dlc .sec-end-mg
{
    margin-bottom: 75px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .sec-end-mg
    {
        margin-bottom: 85px;
        margin-bottom: 11.33333vw;
    }
}

body#lp_dlc .ss-column-inner.wide
{
    width: 50%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .ss-column-inner.wide
    {
        width: 100%;
    }
}

body#lp_dlc .sp-reverse
{
    display: flex;
    flex-direction: row;

    margin-top: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .sp-reverse
    {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .sp-reverse
    {
        margin-top: 24px;
        margin-top: 3.2vw;
    }
}

body#lp_dlc .sp-reverse .sp-reverse-2
{
    margin-top: 0 !important;
    margin-bottom: 0;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .sp-reverse .sp-reverse-2
    {
        margin-bottom: 24px;
        margin-bottom: 3.2vw;
    }
}

body#lp_dlc .dlc-page-07 .black_box,
body#lp_dlc .dlc-page-07 body#adventure.detail .adventure-page-08 .area_map,
body#adventure.detail .adventure-page-08 body#lp_dlc .dlc-page-07 .area_map
{
    margin-bottom: 37px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .black_box,
    body#lp_dlc .dlc-page-07 body#adventure.detail .adventure-page-08 .area_map,
    body#adventure.detail .adventure-page-08 body#lp_dlc .dlc-page-07 .area_map
    {
        margin-bottom: 37px;
        margin-bottom: 4.93333vw;
    }
}

body#lp_dlc .dlc-page-07 .ss-column.center
{
    justify-content: center;
}

body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
{
    margin-left: 5%;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even)
    {
        margin-left: 0;
    }
}

body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner.double
{
    padding-top: 61px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner.double
    {
        padding-top: 0;
    }
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp
{
    display: block;

    width: 363px;

    transition: opacity .35s ease;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .btn_todeliveryhelp
    {
        width: 340px;
        width: 45.33333vw;
    }
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp img
{
    width: 100%;
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp:hover
{
    opacity: .7;
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp.free
{
    margin-right: 14px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .btn_todeliveryhelp.free
    {
        margin-right: 30px;
        margin-right: 4vw;
    }
}

body#lp_dlc .dlc-page-07 .red-txt
{
    color: #f00;
}

body#lp_dlc .dlc-page-07 .red-under-line
{
    font-size: 22px;

    border-bottom: 1px solid #f6da4a;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .red-under-line
    {
        font-size: 2.93333vw;
    }
}

body#lp_dlc .dlc-page-07 .red-under-line img
{
    width: auto;
    height: 24px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .dlc-page-07 .red-under-line img
    {
        height: 30px;
        height: 4vw;
    }
}

body#lp_dlc .follow-box
{
    width: 235px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box
    {
        width: 330px;
        width: 44vw;
    }
}

body#lp_dlc .follow-box .link_area .link_close
{
    width: 30px;
    margin-left: auto;

    cursor: pointer;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box .link_area .link_close
    {
        width: 30px;
        width: 4vw;
    }
}

body#lp_dlc .follow-box .link_area .to_xbox
{
    margin-top: 10px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box .link_area .to_xbox
    {
        margin-top: 15px;
        margin-top: 2vw;
    }
}

body#lp_dlc .follow-box .follow-box-inner
{
    width: 50px;
    margin-left: auto;
    padding-top: 5px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box .follow-box-inner
    {
        padding-top: 5px;
        padding-top: .66667vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box .follow-box-inner
    {
        width: 50px;
        width: 6.66667vw;
    }
}

body#lp_dlc .follow-box .to-top img
{
    width: 26px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc .follow-box .to-top img
    {
        width: 26px;
        width: 3.46667vw;
    }
}

body#lp header .header_wrapper .steam
{
    width: 83px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .steam
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp header .header_wrapper .steam
    {
        width: 83px;
        width: 11.06667vw;
    }
}

body#lp_dlc header .header_wrapper .steam
{
    width: 83px;
    margin-left: 30px;
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .steam
    {
        margin-left: 30px;
        margin-left: 4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp_dlc header .header_wrapper .steam
    {
        width: 83px;
        width: 11.06667vw;
    }
}

body#lp section.top .kv
{
    height: 48.3vw;

    background-image: url(../images/inner/lp/kv.jpg?v2);
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .kv
    {
        background-image: url(../images/inner/lp/kv_sp.jpg);
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .kv
    {
        height: 128vw;
    }
}

body#lp section.top .top_box .logo_ryu7
{
    position: relative;
    top: .2vw;
    left: .5vw;

    width: 31.6vw;
    height: auto;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .logo_ryu7
    {
        width: 62.6vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .logo_ryu7
    {
        height: auto;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .logo_ryu7
    {
        top: -3vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .logo_ryu7
    {
        left: 1vw;
    }
}

body#lp section.top .top_box .sale
{
    bottom: -1.4vw;
    left: 1.7vw;

    width: 31.3vw;
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .sale
    {
        bottom: -61.2vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .sale
    {
        left: -.4vw;
    }
}

@media only screen and (max-width: 1000px)
{
    body#lp section.top .top_box .sale
    {
        width: 69.8vw;
    }
}

.underline
{
    border-bottom: 1px solid #fff;
}

.is-pc
{
    display: block;
}

@media only screen and (max-width: 1000px)
{
    .is-pc
    {
        display: none;
    }
}

.is-sp
{
    display: none;
}

@media only screen and (max-width: 1000px)
{
    .is-sp
    {
        display: block;
    }
}