@charset "utf-8";
/* ==================================================================
    Layout
================================================================== */

/*     TOP
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #bigslime {
        width: 30%;
        position: absolute;
        top: 62.5vw;
        right: 1.042vw;
        z-index: 98;
    }
    #bigslime.fixed {
        position: fixed;
        top: 2.083vh;
        bottom: auto;
    }
    #topmain {
        position: relative;
        padding-bottom: 40.375%;
        background: url(../images/top/main_bg_sp.png) center bottom no-repeat, url(../../assets_180906/images/top/bg_top_sp.png) center 143.3vw no-repeat;
        background-size: 100% auto;
    }
    #topmain .kv {
        display: flex;
        flex-direction: column;
    }
    #topmain .kv p {
        order: 2;
        width: 95.83333vw;
        margin: 17.8125vw auto 4.0625vw;
    }
    #topmain .kv h1 {
        order: 1;
    }
    #topmain .info {
        position: relative;
        width: 95.83333vw;
        margin: 17.8125vw auto 0;
    }
    #topmain .info span img {
        display: block;
    }
    #topmain .info span:nth-of-type(1) {
        width: calc(489/960*100vw);
        position: absolute;
        bottom: calc(51/960*100vw);
        left: 50%;
        transform:translateX(-50%);
    }
    #topmain .info span:nth-of-type(2) {
        position: absolute;
        bottom:0; left:0;
        width: calc(274/920*100vw);
    }
    #topmain .info span:nth-of-type(3) {
        position: absolute;
        bottom:0; right:0;
        width: calc(263/920*100vw);
    }
    #topmain #news {
        width: 95.83334vw;
        height: 34.4792vw;
        margin: 2.39583vw auto 6.25vw;
        color: #fff;
        background: url(../images/top/news_bg_sp.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #topmain #news dt {
        width: 16.95652%;
        margin-left: 3.15217%;
    }
    #topmain #news dd {
        margin: 0 3% 0 3.8%;
    }
    #topmain #news dd ul {
        width: 100%;
        height: 26vw;
        margin-top: 1.5%;
        font-size: 2.5vw;
        line-height: 1.7;
        overflow: auto;
    }
    #topmain #news dd li {
        padding-left: 6.8em;
        text-indent: -6.8em;
    }
    #topmain #news dd span {
        display: inline-block;
        width: 6.8em;
        text-indent: 0;
    }
    #topmain #news dd a {
        display: inline;
        color: #fff100;
        text-decoration: underline;
    }
    #topmain #panel {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 91.66667vw;
        margin: 0 auto;
    }
    #topmain #panel li {
        position: relative;
        width: 44.375vw;
        margin-bottom: 4.16667vw;
    }
    #topmain #panel li.panel2 {
        clear: both;
        width: 100%;
    }
    #topmain #panel li.new::after {
        content:"";
        display: block;
        width: 10.5208vw;
        height: 30%;
        background: url(../images/top/panel_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -1.25vw; left: 1.5625vw;
    }
    #topmain .monster, #tour .monster, #dqx .monster, #prize .monster, #oshougatsu .monster, #jumbodemo .monster, #steam .monster {
        position: absolute;
        bottom: 0; left: 0;
    }
    #topmain .specsign, #tour .specsign, #dqx .specsign, #prize .specsign, #oshougatsu .specsign, #jumbodemo .specsign, #steam .specsign {
        position: absolute;
        bottom: 0; left: 2.1875%;
        width: 48.8542%;
    }
    #topspec {
        position: relative;
        padding: 6.6666vw 0 40.3125vw;
        background: url(../images/top/spec_grass_sp.jpg) no-repeat center top / 100%, url(../../assets_201204/images/top/spec_bg_sp.png) no-repeat center 6.6666vw / 100%, url(../images/top/spec_bg_sp.jpg) repeat-y center 6.6666vw / 100%;
    }
    .tour #topspec, .dqx #topspec, .prize #topspec, .oshougatsu #topspec, .jumbodemo #topspec, .steam #topspec {
        background: url(../images/top/spec_grass_sp.jpg) no-repeat center top / 100%, url(../../assets_201204/images/top/spec_bg2_sp.png) no-repeat center 6.6666vw / 100%, url(../images/top/spec_bg_sp.jpg) repeat-y center 6.6666vw / 100%;
    }
    #topspec .spec {
        width: 83.333333vw;
        margin: calc(170/960*100vw) auto 0;
    }
    #topspec ul.btn {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 83.333333vw;
        margin: calc(132/960*100vw) auto 6.6666vw;
    }
    #topspec ul.btn li {
        width: 39.583333vw;
        margin-bottom: 2.083333vw;
    }
    #topspec ul.btn li:first-child {
        margin-right: 39vw;
    }
    #topspec ul.btn li:last-child {
        margin-left: 21.875vw;
    }
    #topspec p.bnr {
        margin: calc(261/960*100vw) 6.77083vw 0 6.5625vw;
        padding: 2.8125vw 1.66667vw;
        background: rgba(54,38,19,0.75);
    }
    #topspec ul.bnr {
        margin: 0 6.77083vw 0 6.5625vw;
        padding: 3.125vw 1.66667vw 4.16667vw;
        background: rgba(54,38,19,0.75);
    }
    #topspec ul.bnr li + li {
        margin-top: 4.16667vw;
    }
}
@media screen and (min-width: 641px) {
    #bigslime {
        width: 15%;
        position: absolute;
        top: 0;
        right: 1.042vw;
        padding-top: calc(98vh - 38px - 13.75vw);
        z-index: 98;
    }
    #bigslime.fixed {
        position: fixed;
        padding-top: 2.083vh;
    }
    #topmain {
        position: relative;
        padding: 0 6.25%;
        background: url(../images/top/main_bg_pc.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #topmain p.relay {
        float: right;
        width: calc(1000 / 1680 * 100%);
        margin-bottom: calc(20 / 1680 * 100%);
        position: relative;
        z-index: 98;
    }
    #topmain h1 {
        float: right;
        width: calc(1000 / 1680 * 100%);
        margin-bottom: calc(25 / 1680 * 100%);
    }
    #topmain .info {
        position: relative;
        width: calc(660 / 1680 * 100%);
    }
    #topmain .info span img {
        display: block;
    }
    #topmain .info span:nth-of-type(1) {
        width: calc(489/920*100%);
        position: absolute;
        bottom: calc(51/920*100%);
        left: 50%;
        transform:translateX(-50%);
    }
    #topmain .info span:nth-of-type(2) {
        position: absolute;
        bottom:0; left:0;
        width: calc(274/920*100%);
    }
    #topmain .info span:nth-of-type(3) {
        position: absolute;
        bottom:0; right:0;
        width: calc(263/920*100%);
    }
    #topmain #news {
        width: 39.2857%;
        height: 13.8vw;
        margin-top: 0.5vw;
        color: #fff;
        background: url(../../assets_180906/images/top/news_bg_pc.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #topmain #news dt {
        width: 23.636%;
        margin-left: 4.54545%;
    }
    #topmain #news dd {
        margin: 0 4% 0 5%;
    }
    #topmain #news dd ul {
        height: 9.3vw;
        margin-top: 2%;
        font-size: 0.9375vw;
        line-height: 1.71;
    }
    #topmain #news dd li {
        padding-left: 7em;
        text-indent: -7em;
    }
    #topmain #news dd span {
        display: inline-block;
        width: 7em;
        text-indent: 0;
    }
    #topmain #news dd a {
        color: #fff100;
        text-decoration: underline;
    }
    #topmain #news dd a:hover {
        text-decoration: none;
    }
    #topmain #panel {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }
    #topmain #panel > li {
        position: relative;
        width: 19.04762%;
        margin-bottom: 1.2788vw;
    }
    #topmain #panel > li.panel2 {
        width: 39.28571%;
    }
    /*#topmain #panel > li:first-child {
        position: absolute;
        top:-17.55vw; left:0;
    }*/
    #topmain #panel > li.new::after {
        content:"";
        display: block;
        width: 3.8021vw;
        height: 30%;
        background: url(../images/top/panel_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -0.3646vw; left: 0.3646vw;
    }
    #topmain .monster {
        margin: 0 0 0 auto;
        width: 62.0238%;
    }
    #tour .monster, #dqx .monster, #prize .monster, #oshougatsu .monster, #jumbodemo .monster, #steam .monster {
        margin: 0 6.25% 0 auto;
        width: 54.2708%;
    }
    #topmain .specsign, #tour .specsign, #dqx .specsign, #prize .specsign, #oshougatsu .specsign, #jumbodemo .specsign, #steam .specsign {
        position: absolute;
        bottom: 0; left: 17.13542%;
        width: 16.25%;
    }
    #topspec {
        position: relative;
        padding: calc(153/1920*100%) 0 6.6%;
        background: url(../../assets_201204/images/top/spec_bg_pc.jpg) no-repeat center top / 100%;
    }
    .tour #topspec, .dqx #topspec, .prize #topspec, .oshougatsu #topspec, .jumbodemo #topspec, .steam #topspec {
        padding: calc(163/1920*100%) 0 calc(115 / 1920 * 100%);
        background-image: url(../../assets_201204/images/top/spec_bg2_pc.jpg);
    }
    #topspec p {
        width: calc(924/1920*100%);
        margin-left: 14.4271%;
    }
    #topspec p.bnr {
        width: 50.3125%;
        margin: calc(140/1920*100%) 0 0 24.84375%;
    }
    #topspec ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    #topspec ul.btn {
        width: calc(808/1920*100%);
        margin: calc(24/1920*100%) 0 calc(100/1920*100%) 14.4271%;
    }
    #topspec ul.btn li {
        width: calc(190/808*100%);
        margin-bottom: calc(10/808*100%);
    }
    #topspec ul.bnr {
        width: 65%;
    }
    #topspec ul.bnr li {
        width: 43.75%;
    }
}


/* --------------------------------------------------------
     商品情報
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #pdmain {
        /*padding-top: 75vw;*/
        padding-top: 58.54167vw;
    }
    #pdmain .wood {
        padding: 3.020833% 0 4.583333%;
        background: url(../../assets_181206/images/products/info_frameT_sp.png) no-repeat center top / 100%, url(../../assets_181206/images/products/info_frameB_sp.png) no-repeat center bottom / 100%;
    }
    #pdmain .woodbg {
        background: url(../../assets_181206/images/products/info_frame_sp.png) repeat-y center top / 100%;
    }

    #pdmain #summary.wood {
        margin-bottom: 3.9583vw;
    }
    #pdmain #summary .woodbg {
        height: calc(5688/960*100vw);
        padding: 7.39583vw 5.9375vw 0;
    }
    #pdmain #summary h1 {
        width: 86.4583vw;
        margin: 0 auto;
    }
    #pdmain #summary figure {
        width: calc(825/960*100vw);
        margin: calc(15/960*100vw) auto;
    }
    #pdmain #summary dt {
        margin: 5.7vw 0 3.125vw;
    }
    #pdmain #summary dd:first-of-type {
        width: calc(890/960*100vw);
        margin: 0 calc(-22/960*100vw);
    }
    #pdmain #summary dd.dlcbtn {
        width: 75.65%;
        margin: 0 auto;
    }

    #pdmain #trial.wood {
        margin-bottom: 3.9583vw;
    }
    #pdmain #trial .woodbg {
        height: calc(1345/960*100vw);
        padding-top: 5.52083vw;
    }
    #pdmain #trial ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #pdmain #trial li {
        width: calc(400/960*100vw);
        margin: 0 calc(10/960*100vw);
    }
    #pdmain #trial li:last-child {
        margin-top: calc(40/960*100vw);
    }
    #pdmain #trial p.links {
        position: relative;
    }
    #pdmain #trial p.links a {
        display: block;
        width: calc(98/960*100vw);
        height: calc(45/960*100vw);
        position: absolute;
        top:0; left: calc(350/960*100vw);
    }

    #pdmain .frame {
        margin-bottom: 7.08333vw;
        padding-bottom: 8.95833vw;
        background: center bottom no-repeat;
        background-size: 100% auto;
    }
    #pdmain #free.frame {
        background-image: url(../../assets_190328/images/products/free_outer_sp.png);
    }
    #pdmain #takeover.frame {
        background-image: url(../images/products/data_outer_sp.png);
    }
    #pdmain #early.frame {
        background-image: url(../images/products/early_outer_sp.png);
    }
    #pdmain #store.frame {
        background-image: url(../images/products/shop_outer_sp.png);
    }
    #pdmain #items.frame {
        background-image: url(../images/products/items_outer_sp.png);
    }
    #pdmain .framebg {
        padding: 4.16667vw 0;
        background: #fffddf;
    }

    #pdmain #free dd {
        width: 83.375vw;
        margin: 0 auto 2vw;
        padding: 0 2vw;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }

    #pdmain #takeover dl {
        width: 79.375vw;
        margin: 0 auto 3.125vw;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }
    #pdmain #takeover dt, #pdmain #takeover dd {
        padding: 0 6.354vw;
    }
    #pdmain #takeover dd:last-of-type {
        padding: 4.1667vw 0 5.625vw;
        background: #fffbc3;
    }
    #pdmain #takeover .notes {
        margin: 4.1667vw 0;
    }
    #pdmain #takeover .btn {
        width: 66.6667vw;
        margin: 0 auto;
    }

    #pdmain #early p.sp {
        width: 79.375vw;
        margin: 0 auto 4.1667vw;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }

    #pdmain #store dl,
    #pdmain #items dl {
        width: 79.375vw;
        margin: 0 auto 3.125vw;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }
    #pdmain #store dd figure,
    #pdmain #items dd figure {
        display: none;
    }
    #pdmain #store dd.btn,
    #pdmain #items dd.btn {
        padding: 4.1667vw 6.25vw;
        background: #fffbc3;
    }

    #pdmain #store dl:not(:last-of-type) {
        margin-bottom: 1.5vw;
    }
    #pdmain #store dt {
        position: relative;
    }
    /*#pdmain #store dt::after {
        content:"";
        display: block;
        width: 2.5vw;
        height: 1.875vw;
        background: url(../images/products/sp_shop_arrow1.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        bottom: 1.04vw; left: 50%;
        transform: translateX(-50%);
    }
    #pdmain #store dt.open::after {
        background-image: url(../images/products/sp_shop_arrow2.png);
    }
    #pdmain #store dd {
        display: none;
    }*/
    #pdmain #store dd.btn ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #pdmain #store dd.btn ul + ul {
        margin-top: 4.1667vw;
    }
    #pdmain #store dd.btn li {
        width: 32.292vw;
    }
    /*#pdmain #store dl:last-of-type dd.btn li:first-child {
        width: 100%;
    }*/

    #pdmain #items dd.btn li + li {
        margin-top: 2.083vw;
    }
    #pdmain #items .other {
        position: relative;
        margin: 0 0 2.083vw;
    }
    #pdmain #items .other p:last-child {
        width: 66.6667vw;
        position: absolute;
        top:33.854vw; left:50%;
        transform: translateX(-50%);
    }
    #pdmain .monster {
        padding: 4.45vw 0 42.6vw;
    }
}
@media screen and (min-width: 641px) {
    .tabs.pglink { width:60%; margin-left:20%; }
    #pdmain {
        padding: 16.6667% 0 0;
    }
    #pdmain .wood {
        width: 76.979166%;
        margin: 0 auto;
        padding: 1.666666% 0 2.5%;
        background: url(../../assets_181206/images/products/info_frameT_pc.png) no-repeat center top / 100%, url(../../assets_181206/images/products/info_frameB_pc.png) no-repeat center bottom / 100%;
    }
    #pdmain .woodbg {
        background: url(../../assets_181206/images/products/info_frame_pc.png) repeat-y center top / 100%;
    }

    #pdmain #summary .woodbg {
        height: 154.3vw;
        padding-top: 3.585926%;
    }
    #pdmain #summary h1 {
        width: 58.998646%;
        margin: 0 auto;
    }
    #pdmain #summary figure {
        width: calc(551/1478*100%);
        margin: calc(20/1478*100%) auto calc(50/1478*100%);
    }
    #pdmain #summary dl {
        width: 85.385656%;
        margin: 0 auto;
    }
    #pdmain #summary dl dt {
        width: 59.0333%;
        margin: 3.4% auto 1.61%;
    }
    #pdmain #summary dl dt:first-of-type {
        margin-top: 2.5%;
    }
    #pdmain #summary dl dd { position:relative;}
    #pdmain #summary dl dd ul {
        display: flex;
        justify-content: space-between;
        width: 58%;
        position: absolute;
        top:29.15vw; left:37%;
    }
    #pdmain #summary dl dd li {
        width: 48.634%;
    }
    #pdmain #summary dl dd.dlcbtn {
        width: 33.123%;
        margin: 2% auto 0;
    }

    #pdmain #trial.wood {
        margin-top: 0.9%;
    }
    #pdmain #trial .woodbg {
        height: calc(823/1920*100vw);
        padding-top: 2.165088%;
    }
    #pdmain #trial h1 {
        width: 14.614343%;
        margin: 0 auto;
    }
    #pdmain #trial h1 + p {
        width: 56.292286%;
        margin: 2.3% auto 1.9621%;
    }
    #pdmain #trial h2 {
        width: calc(1187/1478*100%);
        margin: 0 auto;
    }
    #pdmain #trial h2 + p {
        width: calc(1187/1478*100%);
        margin: calc(57/1478*100%) auto 0;
    }
    #pdmain #trial ul {
        display: flex;
        justify-content: center;
        margin: calc(49/1478*100%) auto 0;
    }
    #pdmain #trial li {
        width: calc(420/1478*100%);
        margin: 0 calc(10/1478*100%);
    }
    #pdmain #trial p:nth-last-child(2) {
        width: calc(1187/1478*100%);
        margin: calc(25/1478*100%) auto calc(50/1478*100%);
    }
    #pdmain #trial p.links {
        position: relative;
        width: calc(438/1478*100%);
        margin: 0 auto;
    }
    #pdmain #trial p.links a {
        display: block;
        width: calc(96/438*100%);
        height: calc(38/1920*100vw);
        position: absolute;
        top:0; left: calc(90/438*100%);
    }

    #pdmain .frame {
        width: 67.1875%;
        margin: 4.0625% auto 0;
        padding-bottom: 2.91666%;
        background: center bottom no-repeat;
        background-size: 100% auto;
    }
    #pdmain #free.frame {
        margin-top: 2.2%;
        background-image: url(../../assets_190328/images/products/free_outer_pc.png);
    }
    #pdmain #takeover.frame {
        background-image: url(../images/products/data_outer_pc.png);
    }
    #pdmain #early.frame {
        background-image: url(../images/products/early_outer_pc.png);
    }
    #pdmain #store.frame {
        background-image: url(../images/products/shop_outer_pc.png);
    }
    #pdmain #items.frame {
        background-image: url(../images/products/items_outer_pc.png);
    }
    #pdmain .framebg {
        padding: 3.1008% 6.589147%;
        background: url(../images/products/frame_pc.png) center top repeat-y;
        background-size: 100% auto;
    }

    #pdmain #free dd {
        padding: calc(37 / 1920 * 100vw) 0;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }

    #pdmain #takeover .item {
        display: flex;
        justify-content: space-between;
    }
    #pdmain #takeover dl {
        width: 46.42857%;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }
    #pdmain #takeover dt, #pdmain #takeover dd {
        padding: 0 11.5385%;
    }
    #pdmain #takeover dd:last-of-type {
        padding: 4.23% 6.7308%;
        background: #fffbc3;
    }
    #pdmain #takeover .notes {
        margin: 3.3036% 0 2.6786%;
    }
    #pdmain #takeover .btn {
        width: 58.929%;
        margin: 0 auto;
    }

    #pdmain #early dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.7856%;
        padding: 2.6786% 4.4643%;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }
    #pdmain #early dt, #pdmain #early dd {
        width: 47.0589%;
    }

    #pdmain #store .framebg,
    #pdmain #items .framebg {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #pdmain #store .framebg {
        justify-content: center;
        padding-bottom: 3.5%;
    }
    #pdmain #store dl,
    #pdmain #items dl {
        width: 46.42857%;
        margin-bottom: 4.4643%;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
    }
    #pdmain #items dl.last {
        margin-right:50%;
    }
    #pdmain #store dd figure,
    #pdmain #items dd figure {
        width: 76.923%;
        margin: 0 auto;
    }
    /*#pdmain #store dl:first-of-type dd:first-of-type {
        margin-bottom: 27%;
    }*/
    #pdmain #store dd.btn,
    #pdmain #items dd.btn {
        padding: 3.8462% 11.5385%;
        background: #fffbc3;
    }
    #pdmain #store dd.btn ul {
        display: flex;
        justify-content: space-between;
    }
    #pdmain #store dd.btn li {
        width: 47.5%;
    }
    /*#pdmain #store dl:last-of-type {
        width: 100%;
        margin-bottom: 1.8%;
    }
    #pdmain #store dl:last-of-type dt {
        float: left;
        width: 40.893%;
        margin: 6.25% 0 0 4.4643%;
    }
    #pdmain #store dl:last-of-type figure {
        width: 42.8571%;
        margin: 2.6786% 4.4643% 1.9643% auto;
    }
    #pdmain #store dl:last-of-type dd.btn {
        display: flex;
        justify-content: space-between;
        padding: 1.5% 2.6786% 2%;
    }
    #pdmain #store dl:last-of-type dd.btn ul {
        flex-wrap: wrap;
        width: 31.132%;
    }
    #pdmain #store dl:last-of-type dd.btn li:first-child {
        width: 100%;
    }
    #pdmain #store dl:last-of-type dd.btn li {
        width: 48.485%;
    }*/
    #pdmain #items dd.btn li + li {
        margin-top: 2.3%;
    }
    #pdmain #items p.more {
        width: 49.07%;
        margin: -2% auto 2.4%;
        line-height: 0;
    }
    #pdmain #items .other {
        position: relative;
        width: 100%;
        padding-top: 33.215%;
    }
    #pdmain #items .other p:first-child {
        width: 105.7143%;
        position: absolute;
        top:0; left:50%;
        transform: translateX(-50%);
    }
    #pdmain #items .other p:last-child {
        width: 58.93%;
        position: absolute;
        top:51%; left:50%;
        transform: translateX(-50%);
    }
    #pdmain .monster {
        clear: left;
        padding: 4.323% 0 12.76%;
    }
}


/* --------------------------------------------------------
     DLC
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #dlcmain {
        padding: calc(404 / 960 * 100vw) 0 41.25vw;
    }
    #dlcmain .frame {
        margin-bottom: -5vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    #dlcmain .framebg {
        padding-bottom: 2vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }
    #dlcmain .thumb li {
        width: calc(880 / 960 * 100vw);
        margin: 0 auto 6.25vw;
    }
    #dlcmain .frame figure {
        margin: 3vw 0 3.4375vw;
    }
    #dlcmain .packlist {
        background: url(../../assets_190523/images/dlc/bg01_sp.png) no-repeat center top / 100%;
    }
    #dlcmain .packlist .sec1 {
        padding: calc(50 / 960 * 100vw) calc(66 / 960 * 100vw) 0;
    }
    #dlcmain .packlist .sec2 {
        padding: 0 calc(66 / 960 * 100vw);
        background: url(../../assets_190523/images/dlc/bg02_sp.png) repeat-y center top / 100%;
    }
    #dlcmain .packlist .sec3 {
        padding: calc(80 / 960 * 100vw) 0 calc(162 / 960 * 100vw);
        background: url(../../assets_190523/images/dlc/bg03_sp.png) no-repeat center bottom / 100%;
    }

    #dlcmain .packlist dt {
        position: relative;
        margin-top: calc(40 / 798 * 100%);
    }
    #dlcmain .packlist dt::after {
        content:"";
        display: block;
        width: 3.125vw;
        height: 2.3vw;
        background: url(../../assets_190227/images/dlc/arrow1.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 50%; right: 5.2vw;
        transform: translateY(-50%);
    }
    #dlcmain .packlist dt.open::after {
        background-image: url(../../assets_190227/images/dlc/arrow2.png);
    }

    #dlcmain .packlist dd {
        display: none;
    }
    #dlcmain .packlist div dd ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: calc(20 / 798 * 100%) calc(40 / 798 * 100%) 0;
    }
    #dlcmain .packlist div dd ul li {
        width: calc(346 / 718 * 100%);
        margin-bottom: calc(25 / 718 * 100%);
    }

    #dlcmain .sec3 p.spec {
        width: calc(856 / 960 * 100vw);
        margin: 0 auto calc(80 / 960 * 100vw);
    }
    #dlcmain .sec3 ul {
        display: flex;
        justify-content: space-between;
        width: calc(822 / 960 * 100vw);
        margin: 0 auto;
    }
    #dlcmain .sec3 ul li {
        width: calc(400 / 960 * 100vw);
    }

    /* 和風パック */
    #dlcmain.dlc1 .packlist p.copy {
        margin: calc(60 / 798 * 100%) 0 calc(80 / 798 * 100%);
    }
    #dlcmain.dlc1 .island {
        padding: calc(83 / 798 * 100%) 0;
        background: url(../../assets_190227/images/dlc/island_line_sp.png) no-repeat center top / 100%;
    }
    #dlcmain.dlc1 .island figure {
        width: calc(479 / 798 * 100%);
        margin: 0 auto;
    }

    /* 水族館パック */
    #dlcmain.dlc2 .packlist .sec2 h3 {
        padding-top: calc(50 / 960 * 100vw);
    }
    #dlcmain.dlc2 .packlist div:not(.sec3) > ul li {
        width: calc(718 / 960 * 100vw);
        margin: 0 auto calc(30 / 960 * 100vw);
    }
    #dlcmain.dlc2 .packlist .list h3 {
        margin-top: calc(70 / 960 * 100vw);
    }
    #dlcmain.dlc2 p.copy {
        margin-top: calc(60 / 960 * 100vw);
    }

    /* 近代建築パック */
    #dlcmain.dlc3 .packlist .sec2 figure {
        margin: calc(80 / 960 * 100vw) auto 0;
        font-size: 0;
    }
}
@media screen and (min-width: 641px) {
    #dlcmain {
        padding: 10% 0 11.875%;
    }
    #dlcmain .frame {
        width: 66.9792%;
        margin: 0 auto;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    #dlcmain .framebg {
        padding: 3.75% 0 0;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }
    #dlcmain .packlist .sec1 {
        padding: calc(64 / 1286 * 100%) calc(143 / 1286 * 100%) 0;
        background: url(../../assets_190227/images/dlc/bg01_pc.png) no-repeat center top;
        background-size: calc(1150 / 1286 * 100%) auto;
    }
    #dlcmain .packlist .sec2 {
        padding: 0 calc(143 / 1286 * 100%);
        background: url(../../assets_190227/images/dlc/bg02_pc.png) repeat-y center top;
        background-size: calc(1150 / 1286 * 100%) auto;
    }
    #dlcmain .packlist .sec3 {
        padding: calc(80 / 1286 * 100%) 0 calc(125 / 1286 * 100%);
        background: url(../../assets_190227/images/dlc/bg03_pc.png) no-repeat center bottom;
        background-size: calc(1150 / 1286 * 100%) auto;
    }
    #dlcmain .packlist .sec3 p.spec {
        width: calc(600 / 1920 * 100vw);
        margin: 0 auto calc(80 / 1920 * 100vw);
    }
    #dlcmain .packlist .sec3 p.dl {
        width: calc(416 / 1920 * 100vw);
        margin: 0 auto;
    }
    #dlcmain .packlist .sec3 ul {
        display: flex;
        justify-content: space-between;
        width: calc(880 / 1920 * 100vw);
        margin: 0 auto;
    }
    #dlcmain .packlist .sec3 ul li {
        width: calc(420 / 1920 * 100vw);
    }

    /* 和風パック */
    #dlcmain.dlc1 h1 {
        width: 62.395833%;
        margin: 0 auto;
    }
    #dlcmain.dlc1 .lead {
        width: 43.90625%;
        margin: 0.8854% auto 2.9166%;
    }
    #dlcmain.dlc1 .thumb {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 92.923794%;
        margin: 0 auto;
    }
    #dlcmain.dlc1 .thumb li {
        width: 31.882845%;
        margin-bottom: 2.5%;
    }
    #dlcmain.dlc1 .frame figure {
        width: 87.091757%;
        margin: 2.255% auto 3.888024%;
    }
    #dlcmain.dlc1 h2 {
        width: 52.877138%;
        margin: 0 auto 4.432348%;
    }

    #dlcmain.dlc1 .packlist dl {
        padding-bottom: calc(39 / 1000 * 100%);
    }
    #dlcmain.dlc1 .packlist dl.short {
        width: calc(498 / 1000 * 100%);
    }
    #dlcmain.dlc1 .packlist dl:nth-child(5) {
        float: left;
    }
    #dlcmain.dlc1 .packlist dl:nth-child(6) {
        float: right;
    }
    #dlcmain.dlc1 .packlist dd {
        margin-top: calc(16 / 1000 * 100%);
    }
    #dlcmain.dlc1 .packlist dl.short dd {
        margin-top: calc(16 / 498 * 100%);
    }
    #dlcmain.dlc1 .packlist div dd ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 calc(9 / 1000 * 100%);
    }
    #dlcmain.dlc1 .packlist div dd ul li {
        width: calc(235 / 982 * 100%);
        margin-bottom: calc(16 / 982 * 100%);
    }
    #dlcmain.dlc1 .packlist dl.short ul {
        margin: 0 calc(4 / 498 * 100%) 0 calc(9 / 498 * 100%);
    }
    #dlcmain.dlc1 .packlist dl.short ul li {
        width: calc(235 / 485 * 100%);
        margin-bottom: calc(16 / 485 * 100%);
    }
    #dlcmain.dlc1 .packlist p.copy {
        margin: calc(22 / 1000 * 100%) auto calc(70 / 1000 * 100%);
    }
    #dlcmain.dlc1 .island {
        padding: calc(86 / 1000 * 100%) 0 calc(98 / 1000 * 100%);
        background: url(../../assets_190227/images/dlc/island_line_pc.png) no-repeat center top / 100%;
    }
    #dlcmain.dlc1 .island figure {
        width: calc(466 / 1000 * 100%);
        margin: 0 auto;
    }
    #dlcmain.dlc1 .sec3 p.spec {
        width: calc(580 / 1920 * 100vw);
    }

    /* 水族館パック */
    #dlcmain.dlc2 h1 {
        width: calc(1225 / 1920 * 100vw);
        margin: 0 auto;
    }
    #dlcmain.dlc2 .lead {
        width: calc(842 / 1920 * 100vw);
        margin: 0.8854% auto 2.9166%;
    }
    #dlcmain.dlc2 .thumb {
        display: flex;
        justify-content: center;
    }
    #dlcmain.dlc2 .thumb li {
        width: calc(380 / 1920 * 100vw);
        margin: 0 calc(13 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .frame figure {
        width: calc(1000 / 1920 * 100vw);
        margin: calc(60 / 1920 * 100vw) auto calc(50 / 1920 * 100vw);
    }
    #dlcmain.dlc2 h2 {
        width: calc(700 / 1920 * 100vw);
        margin: 0 auto calc(24 / 1920 * 100vw);
    }

    #dlcmain.dlc2 .packlist > div > h3 {
        width: calc(705 / 1920 * 100vw);
        margin: 0 auto;
    }
    #dlcmain.dlc2 .packlist > div > h3 + p {
        width: calc(933 / 1920 * 100vw);
        margin: calc(40 / 1920 * 100vw) auto calc(30 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist .sec2 h3 {
        padding-top: calc(55 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist div:not(.sec3) > ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #dlcmain.dlc2 .packlist div:not(.sec3) > ul li {
        width: calc(475 / 1920 * 100vw);
        margin-bottom: calc(15 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist div:not(.sec3) > ul li:nth-child(2) {
        margin-left: calc(15 / 1920 * 100vw);
    }

    #dlcmain.dlc2 .packlist .list h3 {
        margin: calc(25 / 1920 * 100vw) 0 calc(40 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist .list dl {
        padding-bottom: calc(60 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist .list dd ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 calc(9 / 1920 * 100vw);
    }
    #dlcmain.dlc2 .packlist .list dd ul li {
        width: calc(235 / 1920 * 100vw);
        margin-top: calc(16 / 1920 * 100vw);
    }

    /* 近代建築パック */
    #dlcmain.dlc3 h1 {
        width: calc(1285 / 1920 * 100vw);
        margin: 0 auto;
    }
    #dlcmain.dlc3 .lead {
        width: calc(600 / 1920 * 100vw);
        margin: 0.8854% auto 2.9166%;
    }
    #dlcmain.dlc3 .thumb {
        display: flex;
        justify-content: space-between;
        width: calc(1195 / 1286 * 100%);
        margin: 0 auto;
    }
    #dlcmain.dlc3 .thumb li {
        width: calc(380 / 1195 * 100%);
    }
    #dlcmain.dlc3 .frame figure {
        width: calc(1120 / 1286 * 100%);
        margin: calc(50 / 1286 * 100%) auto;
    }
    #dlcmain.dlc3 h2 {
        width: calc(750 / 1286 * 100%);
        margin: 0 auto calc(50 / 1286 * 100%);
    }

    #dlcmain.dlc3 .packlist dl {
        padding-bottom: calc(39 / 1000 * 100%);
    }
    #dlcmain.dlc3 .packlist dl.short {
        width: calc(498 / 1000 * 100%);
    }
    #dlcmain.dlc3 .packlist .sec1 dl:nth-of-type(1) { float: left; }
    #dlcmain.dlc3 .packlist .sec1 dl:nth-of-type(2) { float: right; }
    #dlcmain.dlc3 .packlist .sec1 {
        overflow: hidden;
    }
    #dlcmain.dlc3 .packlist dd {
        margin-top: calc(16 / 1000 * 100%);
    }
    #dlcmain.dlc3 .packlist dl.short dd {
        margin-top: calc(16 / 498 * 100%);
    }
    #dlcmain.dlc3 .packlist div dd ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 calc(9 / 1000 * 100%);
    }
    #dlcmain.dlc3 .packlist div dd ul li {
        width: calc(235 / 982 * 100%);
        margin-bottom: calc(16 / 982 * 100%);
    }
    #dlcmain.dlc3 .packlist dl.short ul {
        margin: 0 calc(4 / 498 * 100%) 0 calc(9 / 498 * 100%);
    }
    #dlcmain.dlc3 .packlist dl.short ul li {
        width: calc(235 / 485 * 100%);
        margin-bottom: calc(16 / 485 * 100%);
    }

    #dlcmain.dlc3 .packlist .sec2 figure {
        width: 100%;
        margin: calc(25 / 1000 * 100%) auto 0;
    }
}


/* --------------------------------------------------------
     ストーリー
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .story {
        padding-bottom: 40.3125vw;
    }
    .story > .lead {
        margin: 8.2292vw auto 44.166vw;
    }
    .story .tabs.bg, .story .tabs { margin-top:102.6vw;}
    .story .tabs li { width:45.52vw; margin:0 1.5vw 0.9375vw 0.5vw;}
    .story .tabs li.new::after { top:0.83vw; left:1.5vw;}
    #stmain .tabs.bg, #stmain .tabs { top:auto; bottom:auto; position:relative; margin-top:10.42vw; z-index:2;}

    #stmain .frame {
        padding-bottom: 5.73vw;
        background: url(../images/story/story_bg_sp.jpg) center top repeat-y;
        background-size: 100%;
    }
    #stmain .framebg {
        padding-top: 5.41667vw;
        background: url(../images/story/story_bg2_sp.png) center bottom no-repeat;
        background-size: 100%;
    }
    #stmain .area {
        position: relative;
    }
    #stmain .area p {
        width: 66.6667vw;
        position: absolute;
        top:24.6875vw; left:50%; transform:translateX(-50%);
    }
    #stmain .frame section:not(.monsters) dl:first-of-type {
        margin-top: 5.625vw;
    }
    #stmain .frame dd {
        width: 91.6667vw;
        margin: 0 auto 5.625vw;
    }
    #stmain .sec2 {
        margin-top: 10.2084vw;
    }
    #stmain .resident h3 {
        margin: 9.2708vw 0 4.6875vw;
    }
    #stmain .resident p.new::after {
        content:"";
        display: block;
        width: 7.6042vw;
        height: 30%;
        background: url(../images/common/nav_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -3.4375vw; left: 40.8334vw;
    }
    /*#stmain .resident p.new::after {
        left: 29.4792vw;
    }*/
    #stmain .monsters {
        height: 213.5417vw;
        margin-top: 10.5208vw;
        padding-bottom: 2.3328vw 0 4.9767vw;
        background: url(../../assets_180918/images/story/column_bg_sp.png) center top no-repeat;
        background-size: 100%;
    }
    #stmain.story3 .monsters {
        height: 223.55vw;
        background-image: url(../../assets_181015/images/story/column_bg_sp.png);
    }
    #stmain.story4 .monsters {
        height: 163.125vw;
        background-image: url(../../assets_181126/images/story/column_bg_sp.png);
    }
    #stmain .monsters li + li {
        margin-top: 3.9583vw;
    }
    #stmain .monsters li dl {
        display: flex;
        flex-direction: column-reverse;
    }
    #stmain .monsters li dd {
        width: 78.125vw;
        margin: 0 auto;
    }

    /* からっぽ島 */
    #stmain.story1 .resident .captain p {
        margin-top: 8.646vw;
    }
    #stmain.story1 .resident li,
    #stmain.story1 .resident .captain figure {
        width: 91.6667vw;
        margin: 3.125vw auto 0;
    }
    #stmain.story1 .resident li:first-child {
        width: 40.9375vw;
        margin: -0.9375vw 0 0 29.583vw;
    }
    #stmain.story1 .column {
        position: relative;
        margin: 10.52vw auto 0;
    }
    #stmain.story1 .column p {
        width: 66.6667vw;
        position: absolute;
        top:74.792vw; left:50%; transform:translateX(-50%);
    }

    /* モンゾーラ島 */
    #stmain.story2 .resident .chara2 p {
        margin-top: 8.5417vw;
    }
    #stmain.story2 .resident .chara1 p,
    #stmain.story2 .resident .chara2 p {
        position: relative;
    }
    #stmain.story2 .resident li,
    #stmain.story2 .resident .chara2 figure {
        width: 91.6667vw;
        margin: 3.125vw auto 0;
    }
    #stmain.story2 .resident li:first-child {
        width: 32.3958vw;
        margin: -4.0625vw 0 0 35.1042vw;
    }

    /* オッカムル島 */
    #stmain.story3 .resident .chara2 p,
    #stmain.story3 .resident .chara3 p {
        margin-top: 7.8125vw;
    }
    #stmain.story3 .resident li,
    #stmain.story3 .resident .chara3 figure {
        width: 91.6667vw;
        margin: 3.125vw auto 0;
    }
    #stmain.story3 .resident .chara1 li:first-child {
        width: 34.375vw;
        margin: -2.7vw 0 0 38.229vw;
    }
    #stmain.story3 .resident .chara2 li:first-child {
        width: 80.729vw;
        margin: 2.5vw 0 0 9.167w;
    }

    /* 終わらない戦いの島 */
    #stmain.story4 .resident .chara2 p {
        margin-top: 7.6vw;
    }
    #stmain.story4 .resident li {
        width: 91.6667vw;
        margin: 3.125vw auto 0;
    }
    #stmain.story4 .resident .chara1 li:first-child {
        width: 36.25vw;
        margin: -2.6vw 0 0 34.8958vw;
    }
    #stmain.story4 .resident .chara2 li:first-child {
        width: 42.7083vw;
        margin: 2.4vw 0 0 32.3w;
    }
}
@media screen and (min-width: 641px) {
    .story {
        padding-bottom:11.875%;
    }
    .story > .lead {
        width: 64.2708%;
        margin: 1.4583% auto 0;
        position: relative;
        z-index: -1;
    }
    .story .tabs.bg, .story .tabs { width:100%; margin-left:0;}
    .story .tabs.bg { z-index:-1;}
    .story .tabs.bg, .story .tabs { margin-top: 34.4271%;}
    .story .tabs li { width: 17.03125%; margin: 0 0.54% 0 0.14%;}
    .story .tabs li.new::after { top:5.4%; left:4.28%;}
    #stmain .tabs.bg, #stmain .tabs { top:auto; bottom:0;}

    #stmain {
        position: relative;
        padding-bottom: 8.49%;
    }
    #stmain dd {
        height: 0%; /* IE */
    }
    #stmain .frame {
        position: relative;
        width: 66.9792%;
        margin: 0 auto;
        padding: 1.6667% 0 2.0834%;
        background: url(../../assets_180918/images/story/story_bg_pc.png) center top repeat-y;
        background-size: 100%;
    }
    #stmain .framebg {
        width: 66.9792%;
        margin: 0 auto;
        padding-top: 3.1%;
        background: url(../images/story/story_bg2_pc.png) center bottom no-repeat;
        background-size: 100%;
    }
    #stmain .area {
        width: 66.9792%;
        margin: 10.15625% auto 0;
    }
    #stmain .area p {
        width: 15.625%;
        position: absolute;
        top:0; left:50%;
        margin: 4.48% 0 0 12.552%;
    }
    #stmain .resident h3 {
        width: 78.3826%;
        margin: 2.9549% auto;
    }
    #stmain .resident p.new::after {
        content:"";
        display: block;
        width: 3.72vw;
        height: 2vw;
        background: url(../images/common/nav_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -1.7792vw; left:0;
    }
    /*#stmain .resident .chara2 p::after {
        left: 7.5vw;
    }*/
    #stmain .monsters {
        margin-top: 6.2208%;
        padding: 2.3328% 0 3.9%;
        background: url(../../assets_180918/images/story/column_bg_pc.png) center top no-repeat;
        background-size: 87.092% auto;
    }
    #stmain.story4 .monsters {
        background-image: url(../../assets_181126/images/story/column_bg_pc.png);
    }
    #stmain .monsters h3 {
        width: 79.16%;
        margin: 0 auto;
    }
    #stmain .monsters p {
        width: 79.16%;
        margin: 0.8554% auto 1.1664%;
    }
    #stmain.story2 .monsters p { width: 57.154%;}
    #stmain .monsters ul {
        display: flex;
        justify-content: center;
    }
    #stmain .monsters li {
        width: 25.8165%;
    }
    #stmain .monsters li dl {
        display: flex;
        flex-direction: column-reverse;
    }
    #stmain .monsters li dd {
        width: 96.3855%;
        margin: 0 auto;
    }

    /* からっぽ島 */
    #stmain.story1 .sec h2 {
        width: 67.1073%;
        margin: 0 auto;
    }
    #stmain.story1 .sec p {
        width: 43.157%;
        position: absolute;
        top:14.3271vw; right:4.2%;
    }
    #stmain.story1 .sec > dl {
        position: relative;
        width: 38.8802%;
    }
    #stmain.story1 .sec > dl:nth-of-type(1) { position:absolute; top:10.7854vw; left:6.4541%; z-index:2;}
    #stmain.story1 .sec > dl:nth-of-type(2) { margin:16.046vw 0 0 11.12%;}
    #stmain.story1 .sec > dl:nth-of-type(2) dt { position:absolute; bottom:-3.38vw; left:0;}
    #stmain.story1 .sec > dl:nth-of-type(3) { position:absolute; top:40.44vw; right:6.4541%;}

    #stmain.story1 .sec .mob {
        width: 39.658%;
        margin: 12.753% 0 0 7.7%;
    }

    #stmain.story1 .resident h3 {
        margin-top: 2%;
    }
    #stmain.story1 .resident div.lulu {
        position: relative;
        padding-bottom: 46.112%;
    }
    #stmain.story1 .resident .lulu p {
        position: relative;
        width: 82.504%;
        margin: 2.7994% 0 0 11.2753%;
    }
    #stmain.story1 .resident li {
        width: 38.8802%;
        position: absolute;
    }
    #stmain.story1 .resident .lulu li:nth-child(1) { bottom:0; right:9.876%; width: 23.717%; }
    #stmain.story1 .resident .lulu li:nth-child(2) { top:17.8306%; left:6.454%; z-index:2; }
    #stmain.story1 .resident .lulu li:nth-child(3) { bottom:4.903%; left:23.561%; }
        
    #stmain.story1 .resident .captain {
        display: flex;
        justify-content: space-between;
        margin-top: 2.0218%;
    }
    #stmain.story1 .resident .captain p {
        position: relative;
        width: 43.546%;
        margin: 4.12% 0 0 9.098%;
    }
    #stmain.story1 .resident .captain figure {
        width: 38.8802%;
        margin-right: 6.454%;
    }

    #stmain.story1 .column {
        position: relative;
        width: 87.0918%;
        margin: 5.443% auto 0;
    }
    #stmain.story1 .column p {
        width: 37.5%;
        position:absolute;
        top:17.7604vw; left:50%; transform:translateX(-50%);
    }

    /* モンゾーラ島 */
    #stmain.story2 .sec1, #stmain.story2 .sec2 {
        position: relative;
    }
    #stmain.story2 .sec1 h2 {
        width: 79.1602%;
        margin: 0 auto;
    }
    #stmain.story2 .sec2 h2 {
        width: 87.014%;
        margin: 2.0217% auto 0;
    }
    #stmain.story2 .sec1 p {
        width: 38.7247%;
        position:absolute;
        top:12.15vw; right:6.4541%;
    }
    #stmain.story2 .sec2 p:first-of-type {
        width: 38.8802%;
        margin: 11.9751% 0 0 6.3764%;
    }
    #stmain.story2 .sec2 p:last-of-type {
        width: 37.8693%;
        position:absolute;
        top:42vw; right:11.8196%;
    }
    #stmain.story2 .sec1 > dl, #stmain.story2 .sec2 > dl {
        position: relative;
        width: 38.8803%;
    }
    #stmain.story2 .sec1 > dl:nth-of-type(1) { position:absolute; top:9.21875vw; left:6.4541%; z-index:2;}
    #stmain.story2 .sec1 > dl:nth-of-type(2) { margin:16.046vw 0 0 11.12%;}
    #stmain.story2 .sec1 > dl:nth-of-type(2) dt { position:absolute; bottom:-3.489vw; left:0;}
    #stmain.story2 .sec1 > dl:nth-of-type(3) { position:absolute; top:33vw; right:6.4541%; z-index:2;}

    #stmain.story2 .sec2 > dl:nth-of-type(1) { position:absolute; top:9vw; right:11.1975%; z-index:2;}
    #stmain.story2 .sec2 > dl:nth-of-type(2) { position:absolute; top:24.2vw; right:6.4541%;}
    #stmain.story2 .sec2 > dl:nth-of-type(3) { margin:5.8vw 0 0 6.3764%;}

    #stmain.story2 .sec1 .mob {
        width: 33.8258%;
        margin: 4.2vw 0 0 11.975%;
    }
    #stmain.story2 .sec2 .mob {
        width: 17.0295%;
        position:absolute;
        top:46.7vw; right:7.0762%;
    }

    #stmain.story2 .resident .chara1,
    #stmain.story2 .resident .chara2 {
        position: relative;
        padding-bottom: 46.8119%;
    }
    #stmain.story2 .resident .chara2 {
        padding-bottom: 0;
    }
    #stmain.story2 .resident .chara1 p {
        position: relative;
        width: 82.2706%;
        margin: 2.7994% 0 0 11.2753%;
    }
    #stmain.story2 .resident .chara2 p {
        width: 43%;
        position:absolute;
        top:2.6vw; left:9.409%;
    }
    #stmain.story2 .resident .chara2 figure {
        width: 38.8802%;
        margin: 1.4% 6.454% 0 auto;
    }
    #stmain.story2 .resident .chara1 li {
        width: 38.8802%;
        position: absolute;
    }
    #stmain.story2 .resident .chara1 li:nth-child(1) { bottom:0; right:12.4416%; width:18.6625%; }
    #stmain.story2 .resident .chara1 li:nth-child(2) { top:17.716%; left:6.454%; z-index:2; }
    #stmain.story2 .resident .chara1 li:nth-child(3) { top:51.391%; left:23.5614%; }

    /* オッカムル島 */
    #stmain.story3 .sec1, #stmain.story3 .sec2 {
        position: relative;
    }
    #stmain.story3 h2 {
        width: 74.65%;
        margin: 0 auto;
    }
    #stmain.story3 .sec1 p:first-of-type {
        width: 39.3468%;
        position:absolute;
        top:13.08vw; right:6.143%;
    }
    #stmain.story3 .sec1 p:last-of-type {
        width: 38.7247%;
        position:absolute;
        top:42.3vw; left:6.3764%;
    }
    #stmain.story3 .sec2 p {
        width: 39.3468%;
        margin: 8.01% 0 0 6.143%;
    }
    #stmain.story3 .sec1 > dl, #stmain.story3 .sec2 > dl {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 38.8803%;
    }
    #stmain.story3 .sec1 > dl:nth-of-type(2n), #stmain.story3 .sec2 > dl:nth-of-type(2n) {
        flex-direction: column-reverse;
    }
    #stmain.story3 .sec1 > dl:nth-of-type(1) { position:absolute; top:9.21875vw; left:6.4541%; z-index:2;}
    #stmain.story3 .sec1 > dl:nth-of-type(2) { margin:24.6% 0 0 11.12%;}
    #stmain.story3 .sec1 > dl:nth-of-type(3) { position:absolute; top:30.1vw; right:6.4541%; z-index:2;}
    #stmain.story3 .sec1 > dl:nth-of-type(4) { margin:6.45% 11.12% 6.843% auto;}

    #stmain.story3 .sec2 > dl:nth-of-type(1) { position:absolute; top:9vw; right:11.1975%; z-index:2;}
    #stmain.story3 .sec2 > dl:nth-of-type(2) { position:absolute; top:24.2vw; right:6.4541%;}
    #stmain.story3 .sec2 > dl:nth-of-type(3) { margin:5.443% 0 0 6.454%;}

    #stmain.story3 .sec1 .mob {
        width: 29.16%;
        position:absolute;
        bottom:-0.4vw; left:13.22%;
    }
    #stmain.story3 .sec2 .mob {
        width: 18.2737%;
        position:absolute;
        bottom:-0.8vw; right:17.81%;
    }

    #stmain.story3 .resident .chara1 {
        float: left;
        width: 40.6687%;
        margin-left: 6.143%;
    }
    #stmain.story3 .resident .chara1 li:nth-of-type(1) { width:47.0363%; margin:4.2% 0 5.354% 30.975%;}
    #stmain.story3 .resident .chara1 li:nth-of-type(2) { width:86.042%; margin:0 0 0 0.76%; z-index:2; position:relative;}
    #stmain.story3 .resident .chara1 li:nth-of-type(3) { width:86.042%; margin:-8.03% 0 11.472% 10.325%;}

    #stmain.story3 .resident .chara2 {
        float: right;
        width: 43.0793%;
        margin-right: 6.065%;
    }
    #stmain.story3 .resident .chara2 p { width:94.4%; margin:0 0 0 auto;}
    #stmain.story3 .resident .chara2 li:nth-of-type(1) { width:98.736%; margin:2.166% auto 4.332% 0;}
    #stmain.story3 .resident .chara2 li:nth-of-type(2) { width:90.2527%; margin:0 0.9% 0 auto;}

    #stmain.story3 .resident .chara3 {
        display: flex;
        justify-content: space-between;
        width: 87.0917%;
        margin: 0 auto;
    }
    #stmain.story3 .resident .chara3 p { width:45.5357%; margin-left:5.357%;}
    #stmain.story3 .resident .chara3 figure { width:44.6428%;}

    /* 終わらない戦いの島 */
    #stmain.story4 .sec1, #stmain.story4 .sec2 {
        position: relative;
    }
    #stmain.story4 h2 {
        width: 73.5614%;
        margin: 0 auto;
    }
    #stmain.story4 .sec1 p {
        width: 39.1135%;
        position:absolute;
        top:10vw; right:6.143%;
    }
    #stmain.story4 .sec2 p:first-of-type {
        width: 28.5381%;
        margin: 7.3872% 0 0 11.5086%;
    }
    #stmain.story4 .sec2 p:last-of-type {
        width: 38.5692%;
        position:absolute;
        top:29.1vw; right:8.087%;
    }
    #stmain.story4 .sec1 > dl, #stmain.story4 .sec2 > dl {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 38.8803%;
    }
    #stmain.story4 .sec1 > dl:nth-of-type(2), #stmain.story4 .sec1 > dl:nth-of-type(3), #stmain.story4 .sec2 > dl:nth-of-type(3) {
        flex-direction: column-reverse;
    }
    #stmain.story4 .sec1 > dl:nth-of-type(1) { position:absolute; top:5.473vw; left:6.4541%; z-index:2;}
    #stmain.story4 .sec1 > dl:nth-of-type(2) { margin:26.594% 0 0 11.12%;}
    #stmain.story4 .sec1 > dl:nth-of-type(3) { position:absolute; top:33.6vw; right:6.4541%;}

    #stmain.story4 .sec2 > dl:nth-of-type(1) { position:absolute; top:9vw; right:11.1975%; z-index:2;}
    #stmain.story4 .sec2 > dl:nth-of-type(2) { position:relative; margin:3.6547% 0 0 6.4541%; z-index:2;}
    #stmain.story4 .sec2 > dl:nth-of-type(3) { margin:-4.6656% 0 0 11.2%;}

    #stmain.story4 .sec1 .mob {
        width: 24.5723%;
        margin: -0.7% 0 6.75% 15.8631%
    }
    #stmain.story4 .sec2 .mob {
        width: 22.7061%;
        position:absolute;
        bottom:0.3125vw; right:15.4%;
    }

    #stmain.story4 .resident .chara1 {
        float: left;
        width: 38.8803%;
        margin-left: 6.4541%;
    }
    #stmain.story4 .resident .chara1 li:nth-of-type(1) { width:51.8%; margin:3.4% 0 3.4% 28.2%;}
    #stmain.story4 .resident .chara1 li:nth-of-type(2) { width:90%; margin:0 0 0 0.76%; z-index:2; position:relative;}
    #stmain.story4 .resident .chara1 li:nth-of-type(3) { width:90%; margin:-8.4% 0 0 auto;}

    #stmain.story4 .resident .chara2 {
        float: right;
        width: 42.7682%;
        margin-right: 6.2986%;
    }
    #stmain.story4 .resident .chara2 li:nth-of-type(1) { width:55.6363%; margin:2.727% 0 2.9% 24.7273%;}
    #stmain.story4 .resident .chara2 li:nth-of-type(2) { width:90.9091%; margin:0 0 0 auto; z-index:2; position:relative;}
    #stmain.story4 .resident .chara2 li:nth-of-type(3) { width:90.9091%; margin:-7.2727% 0 14.5454%;}

    #stmain.story4 .monsters {
        clear: both;
    }
}


/* --------------------------------------------------------
     キャラクター
-------------------------------------------------------- */
#chmain h1 { position: relative; }

@media screen and (max-width: 640px) {
    #chmain {
        margin-top: 73.125vw;
    }
    #chmain h1.new::after {
        content:"";
        display: block;
        width: 7.6042vw;
        height: 20%;
        background: url(../images/common/nav_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -0.3125vw; left: 34.8958vw;
    }
    #chmain .fig {
        position: relative;
        padding-bottom: 6.25vw;
        background: url(../../assets_180918/images/character/chara_bg_sp.jpg) center top no-repeat #91e5ff;
        background-size: 100% auto;
    }
    #chmain.chara4 .fig {
        background-image: url(../../assets_180918/images/character/chara_bg2_sp.jpg);
    }
    #chmain.chara5 .fig, #chmain.chara6 .fig {
        background-image: url(../../assets_181015/images/character/chara_bg3_sp.jpg);
    }
    #chmain.chara7 .fig, #chmain.chara8 .fig {
        background-image: url(../../assets_181126/images/character/chara_bg4_sp.jpg);
    }
    #chmain .fig .modal {
        width: 91.66667vw;
        margin: 0 auto;
    }
    #chmain .fig .modal li + li {
        margin-top: 3.125vw;
    }
    #chmain .monster {
        padding-bottom: 39.6875vw;
    }

    #chmain.chara1 li.boy {
        width: 53.75vw;
        padding: 4.2708vw 0 3.2292vw;
    }
    #chmain.chara1 li.girl {
        width: 50.3125vw;
        position: absolute;
        top:4.2708vw; right:0;
    }

    #chmain.chara2 .fig figure {
        padding: 3.125vw 0;
    }
    #chmain.chara2 h2 {
        margin-top: 4.4792vw;
    }
    #chmain.chara2 .lead {
        padding-bottom: 5.7167vw;
    }
    #chmain.chara2 dt {
        margin-top: 4.7vw;
        margin-bottom: -1.1vw;
    }
    #chmain.chara2 dd {
        width: 91.66667vw;
        margin: 0 auto;
    }
    #chmain.chara2 dd > img {
        margin: 2.1875vw 0 3.125vw;
    }
    #chmain.chara2 .monster {
        padding-top: 6vw;
    }

    #chmain.chara3 .fig figure {
        width: 43.3334vw;
        margin-left: 26.5625vw;
        padding: 8.125vw 0 5.3125vw;
    }
    #chmain.chara4 .fig figure {
        width: 34.0625vw;
        margin-left: 32.3958vw;
        padding: 5.3125vw 0;
    }
    #chmain.chara5 .fig figure {
        width: 36.042vw;
        margin-left: 35.2083vw;
        padding: 7.396vw 0 4.0625vw;
    }
    #chmain.chara6 .fig figure {
        width: 80.7292vw;
        margin-left: 9.1667vw;
        padding: 3.4375vw 0 4.5834vw;
    }
    #chmain.chara7 .fig figure {
        width: 37.9167vw;
        margin-left: 32.1875vw;
        padding: 6.0417vw 0 2.8125vw;
    }
    #chmain.chara8 .fig figure {
        width: 41.4583vw;
        margin-left: 32.0834vw;
        padding: 0 0 1.1458vw;
    }
    #chmain.chara8 .fig figure img {
        margin-top: -2.4vw;
    }
}
@media screen and (min-width: 641px) {
    .chara #pagetitle {
        position: relative;
        margin-top: -0.98958%;
        z-index: 2;
    }
    .chara .tabs.bg, .chara .tabs {
        width: 80%;
        margin-left: 10%;
        margin-top: 10.41668%;
    }
    #chmain {
        padding-top: 16.3542%;
    }
    #chmain .titlewrap {
        background: url(../../assets_180918/images/character/chara_bgt_pc.png) center bottom no-repeat;
        background-size: 100%;
    }
    #chmain h1 {
        position: relative;
        height: 7.2675vw;
        margin-left: 14.375%;
        z-index: 10;
    }
    #chmain h1 img {
        width: auto;
        height: 100%;
    }
    #chmain h1.new::after {
        content:"";
        display: block;
        width: 3.803vw;
        height: 30%;
        background: url(../images/common/nav_new.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -0.57vw; left: -1.25vw;
    }
    #chmain .fig {
        position: relative;
        padding-top: 31.77084%;
        background: url(../../assets_180918/images/character/chara_bg_pc.jpg) center top no-repeat;
        background-size: cover;
    }
    #chmain.chara4 .fig {
        background-image: url(../../assets_180918/images/character/chara_bg2_pc.jpg);
    }
    #chmain.chara5 .fig, #chmain.chara6 .fig {
        background-image: url(../../assets_181015/images/character/chara_bg3_pc.jpg);
    }
    #chmain.chara7 .fig, #chmain.chara8 .fig {
        background-image: url(../../assets_181126/images/character/chara_bg4_pc.jpg);
    }
    #chmain .fig .modal li {
        position: absolute;
        width: 22.518vw;
    }
    #chmain .monster {
        padding-bottom: 11.875%;
    }

    #chmain.chara1 .boycopy {
        width: 24.4792%;
        position: absolute;
        top: 70.3278%; left: 11.7708%;
    }
    #chmain.chara1 .girlcopy {
        width: 24.4792%;
        position: absolute;
        top: 17.8688%; right: 11.9792%;
    }
    #chmain.chara1 .boy {
        width: 22.96875%;
        position: absolute;
        top: 2.295%; left: 30.2604%;
        z-index: 10;
    }
    #chmain.chara1 .girl {
        width: 19.375%;
        position: absolute;
        top: 10.6557%; left: 47.03125%;
        z-index: 10;
    }
    #chmain.chara1 .modal li:nth-of-type(1) {
        width: 23.28125%;
        position: absolute;
        top: 14.7541%; left: 11.4583%;
    }
    #chmain.chara1 .modal li:nth-of-type(2) {
        width: 23.28125%;
        position: absolute;
        top: 40.9836%; right: 11.4583%;
    }

    #chmain.chara2 .fig figure {
        width: 36.8%;
        position: absolute;
        top: 0.8197%; left: 52.1%;
    }
    #chmain.chara2 .modal li:nth-of-type(1) {
        top: 4.918%; left: 14.5834%;
    }
    #chmain.chara2 .modal li:nth-of-type(2) {
        top: 29.0164%; left: 34.375%;
        z-index: 2;
    }
    #chmain.chara2 .modal li:nth-of-type(3) {
        top: 53.1147%; left: 18.2291%;
    }
    #chmain.chara2 .column {
        text-align: center;
    }
    #chmain.chara2 h2 {
        width: 60.83334%;
        margin: 2.5% auto 0;
    }
    #chmain.chara2 .lead {
        width: 42.8646%;
        margin: 1.3542% auto 7.5521%;
    }
    #chmain.chara2 dl {
        position: relative;
        display: inline-block;
        width: 31.25%;
        margin: 0 4.5%;
    }
    #chmain.chara2 dt {
        width: 100%;
        position: absolute;
        top: -4.32292vw; left: -14.5%;
        z-index: 2;
    }
    #chmain.chara2 dd > img {
        margin-top: 1.8334%;
    }
    #chmain.chara2 dd:nth-child(n+3) {
        margin-top: 8.3334%;
    }
    #chmain.chara2 .monster {
        padding-top: 1.9792%;
    }

    #chmain.chara3 .monster {
        margin-top: -1.25%;
    }
    #chmain.chara3 .fig figure {
        width: 15.4167%;
        position: absolute;
        bottom: 3.443%; right: 18.9583%;
    }
    #chmain.chara4 .fig figure {
        width: 12.4479%;
        position: absolute;
        top: 1.8033%; right: 20.15625%;
    }
    #chmain.chara5 .fig figure {
        width: 13.0729%;
        position: absolute;
        top: 3.61%; right: 19.74%;
    }
    #chmain.chara6 .fig figure {
        width: 28.49%;
        position: absolute;
        top: -11.475%; right: 15.365%;
    }
    #chmain.chara6 .fig .modal li {
        width: 36.458%;
    }
    #chmain.chara7 .monster, #chmain.chara8 .monster {
        margin-top: -0.47%;
    }
    #chmain.chara7 .fig figure {
        width: 13.4896%;
        position: absolute;
        bottom: 1.4754%; right: 19.6875%;
    }
    #chmain.chara8 .fig figure {
        width: 15.9375%;
        position: absolute;
        bottom: -3.77%; right: 17.65625%;
    }
    #chmain.chara3 .modal li:nth-of-type(1),
    #chmain.chara4 .modal li:nth-of-type(1),
    #chmain.chara5 .modal li:nth-of-type(1),
    #chmain.chara6 .modal li:nth-of-type(1),
    #chmain.chara7 .modal li:nth-of-type(1),
    #chmain.chara8 .modal li:nth-of-type(1) {
        top: 17.0492%; left: 14.5834%;
    }
    #chmain.chara3 .modal li:nth-of-type(2),
    #chmain.chara4 .modal li:nth-of-type(2),
    #chmain.chara5 .modal li:nth-of-type(2),
    #chmain.chara7 .modal li:nth-of-type(2),
    #chmain.chara8 .modal li:nth-of-type(2) {
        top: 41.1475%; left: 39.5834%;
    }
}


/* --------------------------------------------------------
     世界観
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #wdmain {
        padding-top: calc(1848 / 960 * 100vw);
        background: url(../images/common/bg1_sp.png) no-repeat;
        background-position: center bottom 307.292vw;
        background-size: 100%;
    }
    #wdmain.world2 { background-position: center 176.98vw; }
    #wdmain.world3 { background: none; }
    #wdmain.world4 { background-position: center 101.77vw; }

    #wdmain > figure:last-child { padding: 10.42vw 0 41.25vw; }
    #wdmain.world4 figure { padding:0 0 39.6875vw; margin-top:-3.8vw; }
    #wdmain.world8 figure { padding-top: 27.6vw; }
    #wdmain.world10 figure, #wdmain.world11 figure, #wdmain.world12 figure, #wdmain.world13 figure, #wdmain.world14 figure, #wdmain.world15 figure, #wdmain.world16 figure {
        padding-top:0; margin-top:-13.8vw;
    }

    #wdmain dl + h2 {
        padding-top: 3.75vw;
    }
    #wdmain p + dl {
        margin-top: 7.3vw;
    }
    #wdmain dd {
        width: 91.6667vw;
        margin: -2vw auto 7.3vw;
        z-index: 10;
    }
    #wdmain.world2 dd, #wdmain.world4 dd { margin: -2.5vw auto 0; }
    #wdmain.world2 dd + dd, #wdmain.world4 dd + dd, #wdmain.world17 dd li + li { margin-top: 3.41vw; }
    #wdmain.world2 dd:last-of-type, #wdmain.world4 dd:last-of-type { margin-bottom: 7.3vw; }

    #wdmain.world3 .lead { margin: 1.3vw 0 7.1875vw; }
    #wdmain.world3 dl { margin-top: 3.9584vw; }
    #wdmain.world3 dd { width: 62.5vw; margin:0 auto 85.9375vw; }

    #wdmain.world7 p + dl {
        margin-top: 6.98vw;
    }
    #wdmain.world7 dl:last-of-type {
        margin-top: -4vw;
    }
    #wdmain.world7 dt span {
        display: block;
        width: 45.3125vw;
        margin: 0 auto;
    }
    #wdmain.world7 .column, #wdmain.world12 .column {
        height: 113.4375vw;
        margin: 10.4167vw 0 0;
        padding: 3.125vw 7.7vw 0;
        background: url(../../assets_180926/images/world/column_bg_sp.png) center top no-repeat;
        background-size: 91.6667% auto;
    }
    #wdmain.world7 .column figure,#wdmain.world12 .column figure { width:78.125vw; margin:0 auto;}

    #wdmain.world8 dl:nth-of-type(5) dd { margin-bottom:8.25vw;}
    #wdmain.world8 dl:nth-of-type(6) { position:relative;}
    #wdmain.world8 dl:nth-of-type(6) dt { position:absolute; top:51.4583vw;}
    #wdmain.world8 dl:nth-of-type(6) dd:last-of-type { position:absolute; top:-11.56vw; left:50%; transform:translateX(-50%); width:9.375vw; margin:0;}

    #wdmain.world15 h2:first-of-type {
        margin-top: 8.4375vw;
    }
    #wdmain.world15 dt span, #wdmain.world16 dt span {
        display: block;
        width: 45.3125vw;
        margin: 0 auto 1.5vw;
    }
    #wdmain.world16 dt span { margin-top:10vw;}

    #wdmain.world18 ul {
        width: 91.6667vw;
        margin: 7.3vw auto 11vw;
    }
    #wdmain.world18 li + li { margin-top:5.3vw;}
    #wdmain.world18 p.other { margin:-5.5vw 0 9.375vw;}

    #wdmain.world19 h2 { margin-bottom:5.625vw;}
    #wdmain.world19 .column { margin:10.25vw 0 2.5vw;}

    #wdmain.world20 .column { margin:10.25vw 0 2.5vw;}
    #wdmain.world20 figure:not(:last-of-type) {
        width: calc(880 / 960 * 100%);
        margin: calc(60 / 960 * 100%) auto calc(80 / 960 * 100%);
    }
    #wdmain.world20 p.notes { margin: calc(-80 / 960 * 100%) auto calc(80 / 960 * 100%); }

    #wdmain.world21 h2:not(:nth-of-type(2)) { margin-bottom:5.625vw;}
    #wdmain.world21 h2:nth-of-type(2) { margin-top:10.25vw;}
    #wdmain.world21 p.notes { margin: calc(-80 / 960 * 100%) auto calc(80 / 960 * 100%); }

    #wdmain.world22 p.lead { margin-top: calc(45 / 960 * 100vw); }
    #wdmain.world22 p.cond { margin: calc(-15 / 960 * 100vw) 0 calc(120 / 960 * 100vw); }
    #wdmain.world22 div:nth-of-type(1) dd { margin-top: calc(40 / 960 * 100vw); }
    #wdmain.world22 div:nth-of-type(1) div.faq { margin-bottom: calc(80 / 960 * 100vw); }
    #wdmain.world22 div:nth-of-type(6) dl { margin-top: calc(60 / 960 * 100vw); }
}
@media screen and (min-width: 641px) {
    /*.world .tabs.bg, .world .tabs {
        width: 80%;
        margin-left: 10%;
    }*/
    .world .tabs.bg:nth-child(16), .world .tabs li:nth-child(16) {
        margin-left: 10%;
    }
    .world .tabs.bg:nth-child(19), .world .tabs li:nth-child(19) {
        margin-right: 10%;
    }
    #wdmain {
        padding: 35.78125% 0 12.5%;
    }
    #wdmain.world10,#wdmain.world11,#wdmain.world12,#wdmain.world13,#wdmain.world14,#wdmain.world15,#wdmain.world16 {
        padding-bottom: 11.875%;
    }
    #wdmain h1 {
        margin: 0 auto 2.34375%;
    }
    #wdmain .lead {
        width: 55.792%;
        margin: 0 auto;
    }
    #wdmain dl { position:relative; width:31.25%;}
    #wdmain dl:nth-of-type(odd) { clear:left; float:left;}
    #wdmain dl:nth-of-type(even) { float:right;}
    #wdmain dt { position:absolute; z-index:10;}
    #wdmain dd { z-index:1; }


    #wdmain.world1 h1 {
        width: 74.375%;
        margin-bottom: 1.15%;
    }
    #wdmain.world1 dl:nth-of-type(1) { margin: 11.875% 0 0 12.6042%;}
    #wdmain.world1 dl:nth-of-type(2) { margin: 8.23% 18.49% 0 0;}
    #wdmain.world1 dl:nth-of-type(3) { margin: 13.5% 0 13.02% 18.49%;}
    #wdmain.world1 dl:nth-of-type(4) { margin: 8.90625% 12.6042% 0 0;}

    #wdmain.world1 dt { width:106.67%;}
    #wdmain.world1 dl:nth-of-type(1) dt { top:-8.8vw; left:-8%;}
    #wdmain.world1 dl:nth-of-type(2) dt { top:15.7vw; right:-8.83%;}
    #wdmain.world1 dl:nth-of-type(3) dt { top:-8.6vw; left:-8.34%;}
    #wdmain.world1 dl:nth-of-type(4) dt { top:15.3vw; right:-9.5%;}


    #wdmain.world2 h1 {
        width: 68.125%;
        margin-bottom: 1.35%;
    }
    #wdmain.world2 dl {
        float: none;
        width: 74.7917%;
    }
    #wdmain.world2 dd {
        position: absolute;
        width: 41.5042%;
    }
    #wdmain.world2 dl:nth-of-type(1) { height:32.583vw; margin:3.3334% auto 2.0834%;}
    #wdmain.world2 dl:nth-of-type(1) dt { width:28.691%; top:0; left:-3.203%;}
    #wdmain.world2 dl:nth-of-type(1) dd:nth-of-type(1) { top:4.082%; right:0;}
    #wdmain.world2 dl:nth-of-type(1) dd:nth-of-type(2) { top:18.21%; left:0;}
    #wdmain.world2 dl:nth-of-type(1) dd:nth-of-type(3) { bottom:0; left:34.819%; z-index:2;}

    #wdmain.world2 dl:nth-of-type(2) { height:24.194vw; margin: 0 auto 6.4583%;}
    #wdmain.world2 dl:nth-of-type(2) dt { width:34.3315%; top:0; right:-5.223%;}
    #wdmain.world2 dl:nth-of-type(2) dd:nth-of-type(1) { top:4.65%; left:0;}
    #wdmain.world2 dl:nth-of-type(2) dd:nth-of-type(2) { bottom:0; left:34.819%; z-index:2;}


    #wdmain.world3 .lead {
        margin-top: 0.78%;
    }
    #wdmain.world3 .boss {
        width: 67.6042%;
        margin: 1.31% auto 0;
    }
    #wdmain.world3 h2 {
        width: 68.125%;
        margin: 0 auto 0.9375%;
    }
    #wdmain.world3 .dq2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 67.2917%;
        margin: 0 auto 15%;
    }
    #wdmain.world3 .dq2 p {
        width: 49.9226%;
    }
    #wdmain.world3 .dq2 dl {
        width: 45.8204%;
        margin-right: 0.6%;
    }
    #wdmain.world3 dt { margin-top:68.5%; }
    #wdmain.world3 .dq2 dd img {
        width: 73.48%;
        margin: 2.5% 0 2.2% 11.5%;
    }

    #wdmain.world4 {
        padding-bottom: 11.875%;
    }
    #wdmain.world4 h1 {
        width: 78.5417%;
        margin-bottom: 2.2917%;
    }
    #wdmain.world4 .lead {
        width: 59.21875%;
    }
    #wdmain.world4 dl { float:none; width:100%;}
    #wdmain.world4 dd { width:31.25%;}

    #wdmain.world4 dl:nth-of-type(1) { margin:8.021% auto 3.6458%;}
    #wdmain.world4 dl:nth-of-type(1) dt { width:23.125%; top:-5.73vw; left:20%;}
    #wdmain.world4 dl:nth-of-type(1) dd { margin:0 auto;}

    #wdmain.world4 dl:nth-of-type(2) dt { width:27.1875%; top:-0.57vw; right:8.7%;}
    #wdmain.world4 dl:nth-of-type(2) dd:nth-of-type(1) { position:relative; margin-left:12.6%; z-index:2;}
    #wdmain.world4 dl:nth-of-type(2) dd:nth-of-type(2) { position:absolute; top:4.06vw; left:38.646%;}

    #wdmain.world4 dl:nth-of-type(3) { margin:12.03125% auto 3.6458%;}
    #wdmain.world4 dl:nth-of-type(3) dt { width:28.28125%; top:-4.11vw; left:11.77%;}
    #wdmain.world4 dl:nth-of-type(3) dd:nth-of-type(1) { margin-left:29.95%;}
    #wdmain.world4 dl:nth-of-type(3) dd:nth-of-type(2) { position:absolute; top:-4.11vw; right:12.6%;}

    #wdmain.world4 dl:nth-of-type(4) dt { width:22.65625%; top:-4.63vw; right:15.1%;}
    #wdmain.world4 dl:nth-of-type(4) dd { margin:0 auto;}


    #wdmain.world5 h1 {
        width: 69.1667%;
        margin-bottom: 1.14583%;
    }
    #wdmain.world5 .lead {
        width: 54.21875%;
    }
    #wdmain.world5 dl:nth-of-type(1) { margin:10.3125% 0 8.8542% 12.6042%;}
    #wdmain.world5 dl:nth-of-type(2) { margin:16.7708% 16.7708% 11.25% 0;}
    #wdmain.world5 dl:nth-of-type(3) { margin:0 0 8.8542% 16.7708%;}
    #wdmain.world5 dl:nth-of-type(4) { margin:0 12.6042% 11.25% 0;}
    #wdmain.world5 dl:nth-of-type(5) { margin:0 0 8.8542% 12.6042%;}
    #wdmain.world5 dl:nth-of-type(6) { margin:0 16.7708% 11.25% 0;}
    #wdmain.world5 dl:nth-of-type(7) { margin:0 0 6.7708% 16.7708%;}

    #wdmain.world5 dl:nth-of-type(1) dt { width:105.334%; top:-6.875vw; left:-8.1667%;}
    #wdmain.world5 dl:nth-of-type(2) dt { width:100%; bottom:-8.6979vw; right:-4%;}
    #wdmain.world5 dl:nth-of-type(3) dt { width:65.6667%; top:-3.8021vw; left:-5.8334%;}
    #wdmain.world5 dl:nth-of-type(4) dt { width:103%; bottom:-5.625vw; right:-3.8334%;}
    #wdmain.world5 dl:nth-of-type(5) dt { width:76.8334%; top:-4.0625vw; left:-8%;}
    #wdmain.world5 dl:nth-of-type(6) dt { width:102.8334%; bottom:-8.4375vw; right:-3.3334%;}
    #wdmain.world5 dl:nth-of-type(7) dt { width:69%; top:-6.4583vw; left:-7.8334%;}


    #wdmain.world6 h1 {
        width: 76.4584%;
    }
    #wdmain.world6 h2 {
        width: 80.1042%;
        margin: 0 auto 2.2917%;
    }
    #wdmain.world6 .lead {
        width: 63.2292%;
    }
    #wdmain.world6 .lead2 {
        width: 48.9583%;
        margin: 0 auto;
    }
    #wdmain.world6 dt {
        width: 107%;
        top: -4.9479vw; left: -8.1667%;
    }
    #wdmain.world6 dl:nth-of-type(1) { margin: 9.6354% 0 8.90625% 12.6042%;}
    #wdmain.world6 dl:nth-of-type(2) { margin: 16.0417% 16.7708% 8.802% 0;}
    #wdmain.world6 dl:nth-of-type(3), #wdmain.world6 dl:nth-of-type(9) { margin: 0 0 6.5104% 16.7708%;}
    #wdmain.world6 dl:nth-of-type(4) { margin: 0 12.6042% 8.9063% 0;}
    #wdmain.world6 dl:nth-of-type(5) { margin: 0 0 8.8542% 12.6042%;}
    #wdmain.world6 dl:nth-of-type(6) { margin: 0 16.7708% 4.4792% 0;}
    #wdmain.world6 dl:nth-of-type(7) { margin: 10.5208% 0 8.90625% 12.6042%;}
    #wdmain.world6 dl:nth-of-type(8) { margin: 16.875% 16.7708% 8.802% 0;}
    #wdmain.world6 dl:nth-of-type(10) { margin: 0 12.6042% 6.77% 0;}

    #wdmain.world6 dl:nth-of-type(1) dt, #wdmain.world6 dl:nth-of-type(2) dt, #wdmain.world6 dl:nth-of-type(9) dt { top:-6.875vw;}
    #wdmain.world6 dl:nth-of-type(3) dt { top:-7.7vw; width:114.5%;}
    #wdmain.world6 dl:nth-of-type(7) dt { width:120.03%; top:-7.34vw;}
    #wdmain.world6 dl:nth-of-type(8) dt { top:-8.9vw;}
    #wdmain.world6 dl:nth-of-type(10) dt { top:-7.92vw;}


    #wdmain.world7 h1 {
        width: 70.2083%;
    }
    #wdmain.world7 .lead {
        width: 53.7%;
    }
    #wdmain.world7 dt {
        width: 108.33%;
        top: -7.1vw; left: -8.1667%;
    }
    #wdmain.world7 dt span {
        position: absolute;
        top:-5.3vw; left:9.5vw;
        display: block;
        width: 16.7vw;
    }
    #wdmain.world7 dl:nth-of-type(1) { margin:15.729% 0 21.615% 12.6042%;}
    #wdmain.world7 dl:nth-of-type(2) { margin:24.74% 16.7708% 12.6042% 0;}
    #wdmain.world7 dl:nth-of-type(3) { margin:0 0 5.3125% 15.625%;}
    #wdmain.world7 dl:nth-of-type(4) { margin:0 15.625% 5.3125% 0;}

    #wdmain.world7 dl:nth-of-type(1) dt { top:-7.6vw; width:121.67%;}
    #wdmain.world7 dl:nth-of-type(2) dt { top:-9.48vw; width:113.67%;}
    #wdmain.world7 dl:nth-of-type(1) span { top:-4.92vw;}
    #wdmain.world7 dl:nth-of-type(2) span { top:-5.63vw;}

    #wdmain.world7 .column {
        clear: both;
        width: 58.3334%;
        height: 35.88vw;
        margin: 0 auto 5.416%;
        padding-top: 1.5625%;
        background: url(../../assets_180926/images/world/column_bg_pc.png) center top no-repeat;
        background-size: 100%;
    }
    #wdmain.world7 .column h2 {
        width: 90.804%;
        margin: 0 auto;
    }
    #wdmain.world7 .column h2 + p {
        width: 87.3214%;
        margin: 1.7% auto 1.43%;
    }
    #wdmain.world7 .column figure {
        float: left;
        width: 58.2143%;
        margin-left: 5.98%;
    }
    #wdmain.world7 .column figure + p {
        float: right;
        width: 25.357%;
        margin-right: 7.5%;
    }


    #wdmain.world8 h1 {
        width: 78.5416%;
    }
    #wdmain.world8 .lead {
        width: 51.7708%;
    }
    #wdmain.world8 dt {
        width: 105%;
        top: -6.35vw; left: -8%;
    }
    #wdmain.world8 dl:nth-of-type(1) { margin: 10.7292% 0 0 12.6042%;}
    #wdmain.world8 dl:nth-of-type(2) { margin: 17.1354% 16.7708% 0 0;}
    #wdmain.world8 dl:nth-of-type(3) { margin: 8.8542% 0 0 16.7708%;}
    #wdmain.world8 dl:nth-of-type(4) { margin: 8.8542% 12.6042% 0 0;}
    #wdmain.world8 dl:nth-of-type(5) { margin: 11.6667% 0 0 21.9792%;}
    #wdmain.world8 dl:nth-of-type(6) { margin: -12.6563% 20.8854% 8.3854% 0;}

    #wdmain.world8 dl:nth-of-type(1) dt, #wdmain.world8 dl:nth-of-type(5) dt { top:-7.66vw; width:114%;}
    #wdmain.world8 dl:nth-of-type(3) dt, #wdmain.world8 dl:nth-of-type(4) dt{ top:-6.35vw; width:95%;}
    #wdmain.world8 dl:nth-of-type(5) dt { top:-8.49vw; left:-24.5%;}
    #wdmain.world8 dl:nth-of-type(6) dt { top:16.73vw; left:16.8334%;}


    #wdmain.world9 h1 {
        width: 78.5416%;
    }
    #wdmain.world9 .lead {
        width: 51.71875%;
    }
    #wdmain.world9 dt {
        width: 115.5%;
        top: -7.76vw; left: -9.1667%;
    }
    #wdmain.world9 dl:nth-of-type(1) { margin: 10.7292% 0 0 12.6042%;}
    #wdmain.world9 dl:nth-of-type(2) { margin: 17.1354% 16.7708% 0 0;}
    #wdmain.world9 dl:nth-of-type(3) { margin: 10.5% 0 0 16.7708%;}
    #wdmain.world9 dl:nth-of-type(4) { margin: 10.5% 12.6042% 6.5104% 0;}


    #wdmain.world10 h1 {
        width: 78.5416%;
    }
    #wdmain.world10 .lead {
        width: 61.875%;
    }
    #wdmain.world10 dt {
        width: 108.667%;
        top: -7.816vw; left: -8%;
    }
    #wdmain.world10 dl:nth-of-type(1) { margin: 9.6354% 0 0 12.552%;}
    #wdmain.world10 dl:nth-of-type(2) { margin: 15.833% 21.875% 0 0;}
    #wdmain.world10 dl:nth-of-type(3) { margin: 6.875% 0 0 21.77%;}
    #wdmain.world10 dl:nth-of-type(4) { margin: 13.125% 12.6042% 0 0;}
    #wdmain.world10 dl:nth-of-type(5) { margin: 9.323% 0 -0.5% 18.75%;}
    #wdmain.world10 dl:nth-of-type(5) dt { width:92.167%; top:1.41vw; right:-99%; left:auto;}


    #wdmain.world11 h1 {
        width: 66.0416%;
    }
    #wdmain.world11 .lead {
        width: 55.15625%;
    }
    #wdmain.world11 dt {
        width: 112.334%;
        top: -7.87vw; left: -8%;
    }
    #wdmain.world11 dl:nth-of-type(1) { margin: 10.5208% 0 0 12.6042%;}
    #wdmain.world11 dl:nth-of-type(2) { margin: 16.927% 16.8229% 0 0;}
    #wdmain.world11 dl:nth-of-type(3) { margin: 8.9063% 0 0 16.7708%;}
    #wdmain.world11 dl:nth-of-type(4) { margin: 8.9063% 12.6563% -0.5% 0;}


    #wdmain.world12 h1 {
        width: 70.7292%;
    }
    #wdmain.world12 .lead {
        width: 48.28125%;
    }
    #wdmain.world12 dt {
        width: 103.167%;
        top: -7.45vw; left: -8.334%;
    }
    #wdmain.world12 dl:nth-of-type(1) { margin: 9.6875% 0 0 12.6042%;}
    #wdmain.world12 dl:nth-of-type(2) { margin: 16.0416% 16.8229% 0 0;}
    #wdmain.world12 dl:nth-of-type(3) { margin: 8.9063% 0 0 16.7708%;}
    #wdmain.world12 dl:nth-of-type(4) { margin: 8.9063% 12.6563% 5.3125% 0;}
    #wdmain.world12 dl:nth-of-type(4) dt { width:108.334%;}

    #wdmain.world12 .column {
        clear: both;
        width: 58.3334%;
        height: 35.88vw;
        margin: 0 auto -8.5%;
        padding-top: 1.5625%;
        background: url(../../assets_180926/images/world/column_bg_pc.png) center top no-repeat;
        background-size: 100%;
    }
    #wdmain.world12 .column h2 {
        width: 90.804%;
        margin: 0 auto;
    }
    #wdmain.world12 .column h2 + p {
        width: 87.857%;
        margin: 1.6% auto;
    }
    #wdmain.world12 .column figure {
        float: left;
        width: 58.2143%;
        margin-left: 5.98%;
    }
    #wdmain.world12 .column figure + p {
        float: right;
        width: 27.2321%;
        margin-right: 6.34%;
    }


    #wdmain.world13 h1 {
        width: 66.0416%;
    }
    #wdmain.world13 .lead {
        width: 52.448%;
    }
    #wdmain.world13 dt {
        width: 112.667%;
        top: -7.29vw; left: -8.334%;
    }
    #wdmain.world13 dl:nth-of-type(1) { margin: 11.2% 0 0 12.6042%;}
    #wdmain.world13 dl:nth-of-type(2) { margin: 17.6042% 16.8229% 0 0;}
    #wdmain.world13 dl:nth-of-type(3) { margin: 8.9063% 0 0 16.7708%;}
    #wdmain.world13 dl:nth-of-type(4) { margin: 8.9063% 12.6563% -0.5% 0;}
    #wdmain.world13 dl:nth-of-type(2) dt { width:91.5%;}


    #wdmain.world14 h1, #wdmain.world14 h2 {
        width: 75.9375%;
        margin: 0 auto 2.34375%;
    }
    #wdmain.world14 h2:last-of-type {
        clear: both;
        width: 58.2292%;
        padding-top: 4.5313%;
    }
    #wdmain.world14 .lead {
        width: 65.9375%;
    }
    #wdmain.world14 dl:nth-of-type(2n+4) { clear:left; float:left;}
    #wdmain.world14 dl:nth-of-type(2n+5) { clear:none; float:right;}
    #wdmain.world14 dt {
        width: 113%;
        top: -6.8vw; left: -8.83%;
    }
    #wdmain.world14 dl:nth-of-type(1) { margin: 10.1563% 0 0 12.6042%;}
    #wdmain.world14 dl:nth-of-type(2) { margin: 13.334% 16.8229% 0 0;}
    #wdmain.world14 dl:nth-of-type(3) { margin: 6.354% 0 4.5313% 16.7708%;}
    #wdmain.world14 dl:nth-of-type(4) { margin: 9.792% 0 0 12.6042%;}
    #wdmain.world14 dl:nth-of-type(5) { margin: 13% 16.8229% 0 0;}
    #wdmain.world14 dl:nth-of-type(6) { margin: 8.9063% 0 0 16.7708%;}
    #wdmain.world14 dl:nth-of-type(7) { margin: 8.9063% 12.6563% 4.5313% 0;}
    #wdmain.world14 dl:nth-of-type(8) { margin: 6.67% 0 0 12.6042%;}
    #wdmain.world14 dl:nth-of-type(9) { margin: 9.9% 16.8229% 0 0;}
    #wdmain.world14 dl:nth-of-type(10) { margin: 6.354% 0 0 16.7708%;}
    #wdmain.world14 dl:nth-of-type(11) { float:none; margin: 11.1979% auto -0.5%;}
    #wdmain.world14 dl:nth-of-type(3) dt { width:89.17%; top:0.68vw; left:106.34%;}
    #wdmain.world14 dl:nth-of-type(10) dt { width:89%; top:3.54vw; left:106.17%;}
    #wdmain.world14 dl:nth-of-type(11) dt { top:-8vw; left:-7.66%;}


    #wdmain.world15 h1, #wdmain.world15 h2 {
        width: 71.77083%;
        margin: 0 auto 2.34375%;
    }
    #wdmain.world15 h2:first-of-type {
        margin-top: 4.947916%;
    }
    #wdmain.world15 .lead {
        width: 61.09375%;
    }
    #wdmain.world15 dt {
        width: 111.5%;
        top: -6.25vw; left: -7.6667%;
    }
    #wdmain.world15 dt span {
        position: absolute;
        top:-6.25vw; left:9.5vw;
        display: block;
        width: 16.7vw;
    }
    #wdmain.world15 dl:nth-of-type(1) { margin: 6.77% 0 0 12.6042%;}
    #wdmain.world15 dl:nth-of-type(2) { margin: 13.125% 16.8229% 0 0;}
    #wdmain.world15 dl:nth-of-type(3) { margin: 11.51042% 0 4.5313% 16.7708%;}
    #wdmain.world15 dl:nth-of-type(4) { margin: 11.4583% 12.7083% 4.5313% 0;}
    #wdmain.world15 dl:nth-of-type(5) { margin: 15.625% 0 0 12.6042%;}
    #wdmain.world15 dl:nth-of-type(6) { margin: 20.3646% 16.8229% 0 0;}
    #wdmain.world15 dl:nth-of-type(7) { margin: 11.3021% 0 4.5313% 16.7708%;}
    #wdmain.world15 dl:nth-of-type(8) { margin: 5.5729% 12.7083% 0 0;}
    #wdmain.world15 dl:nth-of-type(9) { margin: 9.37% 0 0 12.6042%;}
    #wdmain.world15 dl:nth-of-type(10) { margin: 12.5% 16.8229% 0 0;}
    #wdmain.world15 dl:nth-of-type(11) { margin: 6.354% 0 -0.5% 16.7708%;}

    #wdmain.world15 dl:nth-of-type(1) dt { width:76.833%;}
    #wdmain.world15 dl:nth-of-type(2) dt, #wdmain.world15 dl:nth-of-type(3) dt, #wdmain.world15 dl:nth-of-type(4) dt { top:-9.5354vw;}
    #wdmain.world15 dl:nth-of-type(2) dt { left:-10.333%;}
    #wdmain.world15 dl:nth-of-type(2) dt { top:-9.5354vw;}
    #wdmain.world15 dl:nth-of-type(6) span { top:-4.92vw;}
    #wdmain.world15 dl:nth-of-type(7) span { top:-2.5vw;}
    #wdmain.world15 dl:nth-of-type(11) dt { width:88.8334%; top:2.1875vw; left:106.6667%;}

    #wdmain.world15 dl.mob dd { width:50.6667%; margin-left:17.1667%;}


    #wdmain.world16 h1 {
        width: 80.625%;
    }
    #wdmain.world16 .lead {
        width: 64.4271%;
    }
    #wdmain.world16 dl { width:calc(680 / 1920 * 100%);}
    #wdmain.world16 dt {
        width: calc(646 / 680 * 100%);
        left: -6.911764%;
    }
    #wdmain.world16 dt span {
        position: absolute;
        left:9.5vw;
        display: block;
        width: 16.7vw;
    }
    #wdmain.world16 dd {
        width:calc(600 / 680 * 100%);
        position:relative;
        z-index:2;
    }
    #wdmain.world16 dd:last-of-type { margin:-8.823529% 0 0 auto; z-index:1;}

    #wdmain.world16 dl:nth-of-type(1) { margin: 18.1771% 0 0 12.6042%;}
    #wdmain.world16 dl:nth-of-type(1) dt:first-of-type { top:-8.59375vw;}
    #wdmain.world16 dl:nth-of-type(1) dt:first-of-type span { top:-6.40625vw;}
    #wdmain.world16 dl:nth-of-type(1) dt:last-of-type { top:28.14583vw; left:6.911764%}
    #wdmain.world16 dl:nth-of-type(1) dd:last-of-type { margin-bottom:25.588235%;}

    #wdmain.world16 dl:nth-of-type(2) { margin: 14.3229% 12.6042% 0 0;}
    #wdmain.world16 dl:nth-of-type(2) dt:first-of-type { top:-5.20833vw;}
    #wdmain.world16 dl:nth-of-type(2) dt:first-of-type span { top:-5.9375vw;}
    #wdmain.world16 dl:nth-of-type(2) dt:last-of-type { top:28.97916vw; left:17.647058%;}


    #wdmain.world17 h1 {
        width: calc(1348 / 1920 * 100%);
    }
    #wdmain.world17 .lead {
        width: calc(888 / 1920 * 100%);
    }
    #wdmain.world17 dt {
        width: calc(541 / 680 * 100%);
        top: -8.3vw;
    }
    #wdmain.world17 dl:nth-of-type(1) { margin: 12.395833% 0 0 16.770833%;}
    #wdmain.world17 dl:nth-of-type(2) { margin: 16.5625% 15.416667% 0 0;}
    #wdmain.world17 dl:nth-of-type(2) dt { left:7.16%}
    #wdmain.world17 dl:nth-of-type(3) { margin: 5.104167% 0 7.6042% 11.458333%;}
    #wdmain.world17 dl:nth-of-type(3) dt { top:3.125vw; left:163%}
    #wdmain.world17 dl:nth-of-type(3) dd { position:relative; padding-top:53.125vw;}
    #wdmain.world17 dl:nth-of-type(3) li { position:absolute; width:100%;}
    #wdmain.world17 dl:nth-of-type(3) li:nth-child(1) { top:0; left:0;}
    #wdmain.world17 dl:nth-of-type(3) li:nth-child(2) { top:47.0588%; left:5%;}
    #wdmain.world17 dl:nth-of-type(3) li:nth-child(3) { top:17.1568%; left:81.1667%;}
    #wdmain.world17 dl:nth-of-type(3) li:nth-child(4) { top:65.8823%; left:82.6667%;}
    #wdmain.world17 dl:nth-of-type(3) li:nth-child(5) { top:42.8431%; left:147%;}

    #wdmain.world17 .column {
        width: calc(1120 / 1920 * 100%);
        margin: 0 auto 2.25%;
    }


    #wdmain.world18 h1 {
        width: calc(1054 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world18 h1 + p {
        width: calc(584 / 1920 * 100%);
        margin: calc(28 / 1920 * 100%) auto;
    }
    #wdmain.world18 h2 {
        width: calc(1318 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world18 .lead {
        width: calc(886 / 1920 * 100%);
    }
    #wdmain.world18 .lead2 {
        width: calc(488 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world18 .lead2 img:hover {
        transform: scale(1);
    }
    #wdmain.world18 ul {
        display:flex;
        justify-content: space-between;
        width: calc(1280 / 1920 * 100%);
        margin: calc(34 / 1920 * 100%) auto calc(64 / 1920 * 100%);
    }
    #wdmain.world18 li { width: calc(600 / 1280 * 100%);}
    
    #wdmain.world18 dl { clear:none; float:none;}
    #wdmain.world18 dt {
        width: calc(498 / 600 * 100%);
    }
    #wdmain.world18 dl:nth-of-type(1) { margin: 2.552% 0 0 11.4583%;}
    #wdmain.world18 dl:nth-of-type(1) dt { top:-0.67vw; left:163.8333%;}
    #wdmain.world18 dl:nth-of-type(1) dd:last-of-type { position:absolute; top:3.64vw; left:93.3333%; width:100%;}

    #wdmain.world18 dl:nth-of-type(2) { margin: 16.0416% 0 0 28.125%;}
    #wdmain.world18 dl:nth-of-type(2) dt { top:-8.85vw; left:-53.3333%; width:118%;}
    #wdmain.world18 dl:nth-of-type(2) dd:last-of-type { position:absolute; top:-3.64vw; left:93.3333%; width:100%;}

    #wdmain.world18 dl:nth-of-type(3) { margin: 3.4896% 0 7.03125% 11.4583%;}
    #wdmain.world18 dl:nth-of-type(3) dt { top:-0.67vw; left:163.8333%;}
    #wdmain.world18 dl:nth-of-type(3) dd:last-of-type { position:absolute; top:3.64vw; left:93.3333%; width:100%;}

    #wdmain.world18 dl:nth-of-type(4) { margin: 10.4167% 0 5.0521% 16.6667%;}
    #wdmain.world18 dl:nth-of-type(4) dt { top:-7.7604vw; left:-16%;}
    #wdmain.world18 dl:nth-of-type(4) dt:last-of-type { top:8.7vw; left:152.6667%;}
    #wdmain.world18 dl:nth-of-type(4) dd:last-of-type { position:absolute; top:-7.7604vw; left:113.3333%; width:100%;}

    #wdmain.world18 dl:nth-of-type(5) { margin: 10.4167% 0 5.0521% 16.6667%;}
    #wdmain.world18 dl:nth-of-type(5) dt { top:-8.3333vw; left:37%; width:135.1667%;}
    #wdmain.world18 dl:nth-of-type(5) dd:last-of-type { position:absolute; top:0; left:113.3333%; width:100%;}

    #wdmain.world18 p.other {
        width: calc(541 / 1920 * 100%);
        margin: calc(62 / 1920 * 100%) auto calc(120 / 1920 * 100%);
    }


    #wdmain.world19 h1 {
        width: calc(857 / 1920 * 100%);
    }
    #wdmain.world19 h2 {
        width: calc(1048 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world19 dl { clear:none; float:none;}
    #wdmain.world19 dt {
        width: calc(684 / 600 * 100%);
    }
    #wdmain.world19 dl:nth-of-type(1) { margin: 16.458333% 0 0 18.802083%;}
    #wdmain.world19 dl:nth-of-type(1) dt:nth-of-type(1) { top:-8.125vw; left:-21.3333%;}
    #wdmain.world19 dl:nth-of-type(1) dt:nth-of-type(2) { top:4.6875vw; left:120.3333%;}
    #wdmain.world19 dl:nth-of-type(1) dd:nth-of-type(2) { position:absolute; top:-11.35vw; left:93.3333%; width:100%;}

    #wdmain.world19 dl:nth-of-type(2) { margin: 3.28125% 0 0 25.572916%;}
    #wdmain.world19 dl:nth-of-type(2) dt { top:15.2vw; left:-45%;}
    #wdmain.world19 dl:nth-of-type(2) dd:first-of-type { position:relative; z-index:2;}
    #wdmain.world19 dl:nth-of-type(2) dd:last-of-type { position:absolute; top:7.8125vw; left:93.3333%; width:100%;}

    #wdmain.world19 dl:nth-of-type(3) { width:41%; margin: 10.989583% 0 0 14.010416%; z-index:2;}
    #wdmain.world19 dl:nth-of-type(3) dt { top:2.7vw; left:94.923857%; width:86.8%;}

    #wdmain.world19 dl:nth-of-type(4) { margin: -2.08333% 0 4.84375% 46.041666%;}
    #wdmain.world19 dl:nth-of-type(4) dt { top:5.2vw; left:-66.16%; width:75%;}

    #wdmain.world19 .column {
        width: calc(1120 / 1920 * 100%);
        margin: 0 auto calc(70 / 1920 * 100%);
    }


    #wdmain.world20 h1 {
        width: calc(857 / 1920 * 100%);
    }
    #wdmain.world20 h1 + p {
        width: calc(749 / 1920 * 100%);
        margin: calc(44 / 1920 * 100%) auto calc(62 / 1920 * 100%);
    }
    #wdmain.world20 h2 {
        width: calc(1258 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world20 h2:not(:first-of-type):not(:last-of-type) {
        margin: calc(100 / 1920 * 100%) auto calc(40 / 1920 * 100%);
    }
    #wdmain.world20 p.lead {
        width: calc(918 / 1920 * 100%);
    }
    #wdmain.world20 figure:not(:last-of-type) {
        width: calc(600 / 1920 * 100%);
        margin: calc(40 / 1920 * 100%) auto 0;
    }
    #wdmain.world20 p.notes {
        width: calc(595 / 1920 * 100%);
        margin: 0 auto calc(70 / 1920 * 100%);
    }
    #wdmain.world20 dl { clear:none; float:none;}
    #wdmain.world20 dl:nth-of-type(1) { width:41%; margin: 6.6% 0 0 15.2%; z-index:2;}
    #wdmain.world20 dl:nth-of-type(1) dt { width:calc(445 / 778 * 100%); top:-4.2vw; left:-1%;}

    #wdmain.world20 dl:nth-of-type(2) { margin: -9.6% 0 4.84375% 54.16%;}
    #wdmain.world20 dl:nth-of-type(2) dt { width:calc(445 / 600 * 100%); top:-4.2vw; left:32.5%;}

    #wdmain.world20 .column {
        width: calc(1120 / 1920 * 100%);
        margin: 0 auto calc(70 / 1920 * 100%);
    }


    #wdmain.world21 h1 {
        width: calc(1057 / 1920 * 100%);
    }
    #wdmain.world21 h1 + p {
        width: calc(749 / 1920 * 100%);
        margin: calc(44 / 1920 * 100%) auto calc(62 / 1920 * 100%);
    }
    #wdmain.world21 h2 {
        width: calc(1234 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world21 p.lead {
        width: calc(688 / 1920 * 100%);
    }
    #wdmain.world21 p.notes {
        width: calc(797 / 1920 * 100%);
        margin: 0 auto calc(70 / 1920 * 100%);
    }
    #wdmain.world21 dl { clear:none; float:none; }
    #wdmain.world21 dt {
        width: calc(589 / 600 * 100%);
        top:calc(287 / 1920 * 100vw); left:calc(-28 / 600 * 100%);
    }
    #wdmain.world21 dt:nth-of-type(2) { top:calc(18 / 1920 * 100vw); left:calc(680 / 600 * 100%);}
    #wdmain.world21 dd:nth-of-type(2) { position:absolute; top:calc(147 / 1920 * 100vw); left:calc(566 / 600 * 100%); width:100%; }

    #wdmain.world21 dl:nth-of-type(1) { margin: calc(32 / 1920 * 100%) 0 calc(203 / 1920 * 100%) calc(375 / 1920 * 100%);}
    #wdmain.world21 dl:nth-of-type(1) dt:nth-of-type(2) { top:calc(-20 / 1920 * 100vw);}

    #wdmain.world21 dl:nth-of-type(2) { margin: calc(85 / 1920 * 100%) 0 calc(243 / 1920 * 100%) calc(375 / 1920 * 100%);}
    #wdmain.world21 dl:nth-of-type(2) dt:nth-of-type(2) { top:calc(-45 / 1920 * 100vw);}

    #wdmain.world21 dl:nth-of-type(3) { margin: calc(25 / 1920 * 100%) auto calc(185 / 1920 * 100%);}
    #wdmain.world21 dl:nth-of-type(3) dt { top:calc(300 / 1920 * 100vw); left:calc(85 / 600 * 100%);}

    #wdmain.world21 dl:nth-of-type(n+4) { margin: calc(50 / 1920 * 100%) 0 calc(250 / 1920 * 100%) calc(375 / 1920 * 100%);}
    #wdmain.world21 dl:nth-of-type(n+4) dt:nth-of-type(1) { top:calc(310 / 1920 * 100vw);}

    #wdmain.world21 dl:nth-of-type(5) { margin-bottom: calc(170 / 1920 * 100%);}

    #wdmain.world21 .column {
        width: calc(1120 / 1920 * 100%);
        margin: 0 auto calc(66 / 1920 * 100%);
    }


    #wdmain.world22 h1 {
        width: calc(871 / 1920 * 100%);
    }
    #wdmain.world22 h1 + p {
        width: calc(847 / 1920 * 100%);
        margin: calc(44 / 1920 * 100%) auto calc(62 / 1920 * 100%);
    }
    #wdmain.world22 h2 {
        width: calc(1418 / 1920 * 100%);
        margin: 0 auto;
    }
    #wdmain.world22 p.lead {
        width: calc(606 / 1920 * 100%);
        margin: calc(10 / 1920 * 100%) auto calc(70 / 1920 * 100%);
    }
    #wdmain.world22 p.cond {
        width: calc(1138 / 1920 * 100%);
        margin: 0 auto calc(100 / 1920 * 100%);
    }
    #wdmain.world22 dl {
        clear:none; float:none;
        margin: 0 0 calc(200 / 1920 * 100%) calc(375 / 1920 * 100%);
    }
    #wdmain.world22 dt {
        width: calc(636 / 600 * 100%);
        top:calc(287 / 1920 * 100vw); left:calc(-10 / 600 * 100%);
    }
    #wdmain.world22 dt:nth-of-type(2) { top:calc(-25 / 1920 * 100vw); left:calc(630 / 600 * 100%);}
    #wdmain.world22 dd:nth-of-type(2) { position:absolute; top:calc(147 / 1920 * 100vw); left:calc(566 / 600 * 100%); width:100%; }

    #wdmain.world22 div:nth-of-type(1) dl { margin: calc(25 / 1920 * 100%) auto 0; }

    #wdmain.world22 div:nth-of-type(2) dt:nth-of-type(2) { top:calc(18 / 1920 * 100vw); }

    #wdmain.world22 div:nth-of-type(3) dt:nth-of-type(1) { width: calc(466 / 600 * 100%); }

    #wdmain.world22 div:nth-of-type(4) p.lead { width: calc(911 / 1920 * 100%); }
    #wdmain.world22 div:nth-of-type(4) dt { width: calc(466 / 600 * 100%); }
    #wdmain.world22 div:nth-of-type(4) dt:nth-of-type(2) { left:calc(670 / 600 * 100%); }

    #wdmain.world22 div:nth-of-type(5) p.lead { width: calc(824 / 1920 * 100%); }
    #wdmain.world22 div:nth-of-type(5) dt:nth-of-type(1) { top:calc(290 / 1920 * 100vw); left:calc(-50 / 1920 * 100vw); }
    #wdmain.world22 div:nth-of-type(5) dt:nth-of-type(2) { left:calc(670 / 600 * 100%); }

    #wdmain.world22 div:nth-of-type(6) dl { margin: 0 auto calc(240 / 1920 * 100%); }
    #wdmain.world22 div:nth-of-type(6) dt { top:calc(320 / 1920 * 100vw); }

    #wdmain.world22 .column {
        width: calc(1120 / 1920 * 100%);
        margin: 0 auto calc(66 / 1920 * 100%);
    }
    #wdmain.world22 div:nth-of-type(1) .faq {
        width: calc(1120 / 1920 * 100%);
        margin: calc(45 / 1920 * 100%) auto calc(85 / 1920 * 100%);
    }
}


/* --------------------------------------------------------
     マルチプレイ
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #mpmain {
        padding-top: 42.5vw;
        background: url(../images/common/bg1_sp.png) no-repeat;
        background-position: center bottom 307.292vw;
        background-size: 100%;
    }
    #mpmain > figure:last-child {
        margin-top: -13.8vw;
        padding: 0 0 41.25vw;
    }
    #mpmain p + dl {
        margin-top: 7.292vw;
    }
    #mpmain dd {
        width: 91.6667vw;
        margin: -2vw auto 7.3vw;
        z-index: 10;
    }
    #mpmain #multi1 dl:last-of-type dd, #mpmain #multi2 dl:last-of-type dd {
        margin-bottom: 8.96%;
    }
}
@media screen and (min-width: 641px) {
    #mpmain {
        padding: 10.9375% 0 11.875%;
    }
    #mpmain section {
        overflow: hidden;
    }
    #mpmain h1 {
        width: 59.7917%;
        margin: 0 auto 2.2917%;
    }
    #mpmain .lead {
        width: 61.7708%;
        margin: 0 auto;
    }
    #mpmain dl { position:relative; width:31.25%;}
    #mpmain dl:nth-of-type(odd) { clear:left; float:left;}
    #mpmain dl:nth-of-type(even) { float:right;}
    #mpmain dt {
        width: 102.1667%;
        z-index: 10;
        position: absolute;
        top: -7.45vw; left: -7.8334%;
    }
    #mpmain dd { z-index:1; }

    #mpmain #multi1 dl:nth-of-type(1) { margin: 9.1146% 0 0 12.6042%;}
    #mpmain #multi1 dl:nth-of-type(2) { margin: 15.5208% 16.8229% 0 0;}
    #mpmain #multi1 dl:nth-of-type(3) { margin: 3% 0 4.375% 22%;}

    #mpmain #multi2 dl:nth-of-type(1) { margin: 10.625% 0 0 12.6042%;}
    #mpmain #multi2 dl:nth-of-type(2) { margin: 10.625% 16.8229% 4.375% 0;}
    #mpmain #multi2 dl:nth-of-type(2) dt { width:109.5%;}

    #mpmain #multi3 dl:nth-of-type(1) { float:none; margin: 9.948% 0 0 33.90625%;}
    #mpmain #multi3 dl:nth-of-type(2) { float:left; margin: 8.021% 0 0 20.4167%;}
    #mpmain #multi3 dl:nth-of-type(3) { float:right; margin: -12.7083% 19.323% 6.51% 0;}
    #mpmain #multi3 dl:nth-of-type(1) dt { width:107.334%; left:-20.833%;}
    #mpmain #multi3 dl:nth-of-type(2) dt { width:87.5%; left:-24.667%;}
    #mpmain #multi3 dl:nth-of-type(3) dt { width:72.834%; top:14.4vw; left:47%;}
}


/* --------------------------------------------------------
     ビルダーズ２チャンネル
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #mvmain > .lead {
        margin: 8.23vw auto 7.292vw;
    }
    #mvmain li {
        width: 91.6667vw;
        margin: 0 auto 5.2vw;
    }
    #mvmain .monster {
        padding: 6.5625vw 0 42.6vw;
    }
}
@media screen and (min-width: 641px) {
    #mvmain > .lead {
        width: 46.66667%;
        margin: 3% auto 0.9375%;
    }
    #mvmain ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 77.08333%;
        margin: 0 auto;
    }
    #mvmain li {
        width: 32.43243%;
        margin-top: 2.7027%;
    }
    #mvmain .monster {
        padding: 5% 0 12.76%;
    }
}


/* --------------------------------------------------------
     イベント・キャンペーン
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #evmain {
        background: url(../images/common/bg1_sp.png) no-repeat;
        background-position: center bottom 307.292vw;
        background-size: 100%;
    }
    #evmain > .lead {
        margin: 8.23vw auto 7.292vw;
    }
    #evmain > ul > li {
        position: relative;
        width: 95.8334vw;
        margin: 0 auto 5.2vw;
    }
    #evmain li li, #evmain li p {
        display: block;
        width: 43.4375vw;
        position: absolute;
        bottom: 2.71vw;
    }

    #evmain .relay p {left:26.4583vw; }
    #evmain .bigslime p { right:2.6042vw; }
    #evmain .dqx p { width:63.4375vw; left:16.25vw; }

    #evmain .jf19 li:first-child { width:44.6875vw; right:2.6vw; bottom:16.25vw; }
    #evmain .jf19 li:last-child { width:44.6875vw; right:2.6vw; }

    #evmain .tgs li:first-child { width:44.6875vw; left:2.6vw; }
    #evmain .tgs li:last-child { width:44.6875vw; right:2.6vw; }

    #evmain .tour p { width:44.6875vw; right:2.6vw; bottom:18.9583vw; }
    #evmain .tour li { width:69.6875vw; left:13.125vw;}

    #evmain .kei p { right:3.23vw; bottom:10.625vw; }

    #evmain .monster {
        padding: 6.354vw 0 42.6vw;
    }
}
@media screen and (min-width: 641px) {
    #evmain > .lead {
        width: 50.0521%;
        margin: 3% auto;
    }
    #evmain > ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #evmain > ul > li {
        position: relative;
        width: 38.021%;
        margin: 0 0.521% 1.042%;
        padding-top: 19.7917%;
    }
    #evmain > ul > li > img, #evmain > ul > li > a {
        position: absolute;
        top:0; left:0;
    }
    #evmain li li, #evmain li p {
        position: absolute;
    }
    #evmain li li { width:46.5753%; bottom:5%; }
    #evmain li p { width:45.2055%; bottom:5%; }

    #evmain .relay p {left:27.3973%; }
    #evmain .bigslime p { right:2.74%; }
    #evmain .dqx p { width:66.1644%; left:16.8%; }

    #evmain .jf19 li:first-child { right:2.74%; bottom:32.5%; }
    #evmain .jf19 li:last-child { right:2.74%; }

    #evmain .tgs li:first-child { left:2.74%; }
    #evmain .tgs li:last-child { right:2.74%; }

    #evmain .tour p { width:46.5753%; right:2.74%; bottom:38%; }
    #evmain .tour li { width:72.74%; left:13.7%;}

    #evmain .kei p { right:3.425%; bottom:21%; }

    #evmain .monster {
        padding: 3.958% 0 12.76%;
    }
}


/* --------------------------------------------------------
     ビルダー体験ツアー
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #tour {
        position: relative;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #tour .frame {
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) center top no-repeat, url(../images/tour/frame_btm_sp.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #tour .framebg {
        padding-bottom: 4.375vw;
        background: url(../images/tour/frame_rep_sp.png) center top repeat-y;
        background-size: 100% auto;
    }
    #tour .stage p {
        margin: 3.125vw 0 3.75vw;
    }
    #tour .stage p:last-of-type {
        margin-bottom: 6.5vw;
    }
    #tour .stage ul:first-of-type {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 91.6667vw;
        margin: 0 auto 4.792vw;
    }
    #tour .stage ul:first-of-type li:not(:last-child) {
        width: 43vw;
        margin-bottom: 4.1667vw;
    }
    #tour .stage ul:last-of-type {
        width: 83.4375vw;
        margin: 0 auto;
    }
    #tour .stage ul:last-of-type li + li {
        margin-top: 2.083vw;
    }
    #tour .trial p {
        margin: 3.34vw 0 3.75vw;
    }
    #tour .rally {
        margin-top: 3.6458vw;
    }
    #tour .rally figure {
        width: 83.3334%;
        margin: 2.4vw auto 4.16667vw;
    }
    #tour .block {
        margin-top: 3.6458vw;
    }
    #tour .block figure {
        width: 83.3334%;
        margin: 3.125vw auto 2.083vw;
    }
    #tour .photo {
        margin-top: 3.125vw;
    }
    #tour .photo figure {
        margin-top: 3.125vw;
    }

    #tour .notes {
        margin: 10.5vw 2.083vw 0;
        padding: 6.25vw 4.375vw;
        background: #fbf0da;
    }
    #tour .notes h2 {
        margin-bottom: 4vw;
        font-size: 3.9583vw;
        font-weight: bold;
        text-align: center;
    }
    #tour .notes li {
        margin-left: 1em;
        text-indent: -1em;
        font-size: 2.7083vw;
        line-height: 1.6;
    }
/* ツアースケジュール */
    #tour .schedule {
        height: 87vw;
        padding-top: 3.125vw;
        background: url(../../assets_180926/images/tour/schedule_bg_sp.png) center top no-repeat;
        background-size: 91.667% auto;
    }
    #tour .schedule h2 {
        width: 84.5834vw;
        margin: 0 auto;
    }
    #tour .schedule p {
        width: 77.0834vw;
        margin: 2.1875vw auto;
    }
    #tour .schedule .tourtable {
        position: relative;
        width: 83.3334vw;
        margin: 0 auto;
        padding-top: 52.0834vw;
    }
    #tour .schedule figure {
        position: absolute;
        top:0; left:0;
    }
    #tour .schedule .btn {
        position: absolute;
        top:1.1458vw; right:1.1458vw;
        width: 13.5417vw;
    }
    #tour .schedule .btn li {
        margin-bottom: 2.0834vw;
    }
    #tour .schedule .map li {
        position: absolute;
        width: 6.25vw;
    }
    #tour .schedule .map li:nth-child(1) { top:3.2%; right:21.25vw; }
    #tour .schedule .map li:nth-child(2) { top:23.2%; right:18.75vw; }
    #tour .schedule .map li:nth-child(3) { top:43.2%; right:21.25vw; }
    #tour .schedule .map li:nth-child(4) { top:63.2%; right:26.25vw; }
    #tour .schedule .map li:nth-child(5) { top:83.2%; right:16.563vw; }

    .tourmodal {
        position: relative;
        width: 91.667vw;
        margin: 2% auto;
        padding-bottom: 12.3vw;
    }
    .tourmodal img { width: 100%; max-width: 100%; height: auto; }
    .tourmodal button.mfp-close {
        width: 52.084vw;
        height: 12.6042vw;
        position: absolute;
        top:auto; bottom:0; left:50%;
        transform: translateX(-50%);
        background: url(../../assets_180926/images/tour/btn_close.png) left bottom no-repeat;
        background-size: 100%;
    }
    #chiba.tourmodal p, #saitama.tourmodal p {
        position: absolute;
        top:73.854vw; left:16.5625vw;
        width: 33.4375vw;
    }
    #saitama.tourmodal p {
        left:auto; right:5.5vw;
    }
}
@media screen and (min-width: 641px) {
    .tour #title h1 {
        width: 66.042%;
        margin: 1.40625% auto 0;
    }
    .tour #title p {
        width: 44.95%;
        margin: -1.146% auto 0;
    }

    #tour {
        position: relative;
        background: url(../images/top/main_bg_pc.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #tour .frame {
        width: 67.1875%;
        margin: 2.3958% auto 0;
        padding: 4.84375% 0 3.2292%;
        background: url(../images/tour/frame_top_pc.png) center top no-repeat, url(../images/tour/frame_btm_pc.png) center bottom no-repeat;
        background-size: 100% auto;
    }
    #tour .framebg {
        padding: 0 6.58915% 3%;
        background: url(../images/tour/frame_rep_pc.png) center top repeat-y;
        background-size: 100% auto;
    }

    #tour .stage {
        margin: 3.5714% 0;
        background: url(../images/tour/stamp1.png) right 0.4vw no-repeat;
        background-size: 11.875% auto;
    }
    #tour .stage p {
        width: 72.0536%;
        margin: 0 auto;
    }
    #tour .stage p:nth-of-type(2) {
        width: 94.4643%;
    }
    #tour .stage p:last-of-type {
        width: 78.9286%;
    }
    #tour .stage ul {
        display: flex;
        justify-content: space-between;
        margin: 3.5714% 0 2.6786%;
    }
    #tour .stage ul:first-of-type li {
        height: 24.2vw;
    }
    #tour .stage ul:first-of-type li img {
        width: auto;
        height: 100%;
    }
    #tour .stage ul:last-of-type {
        width: 94.643%;
        margin: 2.054% auto 2.6786%;
    }
    #tour .stage ul:last-of-type li {
        width: 49.0566%;
    }
    #tour .trial {
        margin: 2.6786% 0 2.32%;
        background: url(../images/tour/stamp2.png) right top no-repeat;
        background-size: 11.875% auto;
    }
    #tour .trial p {
        width: 88.6607%;
        margin: 0 auto;
    }
    #tour .tourwrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 1.25% 0 2.232%;
    }
    #tour .rally {
        width: 45.3571%;
        margin-left: 2.41%;
    }
    #tour .rally figure {
        margin-top: 3.15%;
    }
    #tour .block {
        width: 47.3214%;
    }
    #tour .block figure {
        margin-top: 5.85%;
    }
    #tour .photo {
        position: relative;
        margin-top: 1.4%;
    }
    #tour .photo figure {
        width: 53.75%;
    }
    #tour .photo p {
        width: 47.41%;
        position: absolute;
        top: 0.5vw; right: 1.34%;
    }

    #tour .notes {
        position: relative;
        width: 58.3334%;
        margin: 3.59375% auto -1.5%;
        padding: 2.7% 3.6458%;
        background: #fbf0da;
        z-index: 10;
    }
    #tour .notes h2 {
        margin-bottom: 3.3%;
        font-size: 2.083vw;
        font-weight: bold;
        text-align: center;
    }
    #tour .notes li {
        margin-left: 1em;
        text-indent: -1em;
        font-size: 1.042vw;
        line-height: 1.6;
    }

/* ツアースケジュール */
    #tour .schedule {
        height: 40.6vw;
        padding-top: 2.6786%;
        background: url(../../assets_180926/images/tour/schedule_bg_pc.png) center top no-repeat;
        background-size: 100%;
    }
    #tour .schedule h2 {
        width: 90.8036%;
        margin: 0 auto;
    }
    #tour .schedule p {
        width: 66.0714%;
        margin: 0.98% auto 1.786%;
    }
    #tour .schedule .tourtable {
        position: relative;
        width: 87.5%;
        margin: 0 auto;
        padding-top: 44.643%;
    }
    #tour .schedule figure {
        position: absolute;
        top:0; left:0;
    }
    #tour .schedule .btn {
        position: absolute;
        top:2%; right:1.02%;
        width: 24.49%;
    }
    #tour .schedule .btn li {
        margin-bottom: 8.4%;
    }
    #tour .schedule .map li {
        position: absolute;
        width: 6.1224%;
    }
    #tour .schedule .map li:nth-child(1) { top:3.2%; right:32.45%; }
    #tour .schedule .map li:nth-child(2) { top:23.2%; right:29.69%; }
    #tour .schedule .map li:nth-child(3) { top:43.2%; right:32.76%; }
    #tour .schedule .map li:nth-child(4) { top:63.2%; right:38.26%; }
    #tour .schedule .map li:nth-child(5) { top:83.2%; right:27.35%; }

    .tourmodal {
        position: relative;
        width: 45.8334%;
        margin: 2% auto;
        padding-bottom: 6%;
    }
    .tourmodal img { width: 100%; max-width: 100%; height: auto; }
    .tourmodal button.mfp-close {
        width: 56.8182%;
        height: 6.3vw;
        position: absolute;
        top:auto; bottom:0; left:50%;
        transform: translateX(-50%);
        background: url(../../assets_180926/images/tour/btn_close.png) left bottom no-repeat;
        background-size: 100%;
    }
    #chiba.tourmodal p, #saitama.tourmodal p {
        position: absolute;
        top:0; left:18.07%;
        width: 36.4773%;
        margin-top: 80.568%;
    }
    #saitama.tourmodal p {
        left:auto; right:6%;
    }
}


/* --------------------------------------------------------
     DQB2×DQX コラボ
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #dqx {
        position: relative;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) no-repeat center bottom / 100%;
    }
    #dqx .frame {
        margin-bottom: 6.25vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    #dqx .framebg {
        padding-bottom: 9.375vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }

    #dqx section > figure {
        width: 92.6042vw;
        margin: 0 auto 2.5vw;
    }
    #dqx .sec1 ol {
        width: 92.6042vw;
        margin: 0 auto 5vw;
    }
    #dqx .sec1 ol li {
        position: relative;
    }
    #dqx .sec1 ol li:not(:last-child) {
        margin-bottom: 15.1042vw;
    }
    #dqx .sec1 ol li:not(:last-child)::after {
        content:"";
        display: block;
        width: 100%;
        height: 15.1042vw;
        background: url(../../assets_181204/images/dqx/sec1_arrow_sp.png) no-repeat center top / 100%;
        position: absolute;
        bottom: -15.1042vw; left: 0;
    }
    #dqx .sec1 ol li span {
        width: 83.3334vw;
        position: absolute;
        bottom: 3.0208vw;
        left: 50%;
        transform: translateX(-50%);
    }
    #dqx .sec1 ul li {
        width: 56.5625vw;
        margin: 3.75vw auto 0;
    }
    #dqx .sec2 p:last-of-type {
        width: 83.3333vw;
        margin: 0 auto;
    }
    #dqx .sec2 .notes {
        margin-bottom: 2.5vw;
    }
}
@media screen and (min-width: 641px) {
    .dqx #title h1 {
        width: 48.4375%;
        margin: 1.3542% auto 0;
    }
    .dqx #title figure {
        width: 49.1667%;
        margin: 0 auto 2.1354%;
    }
    .dqx #title p {
        width: 44.375%;
        margin: 0 auto 2.8125%;
    }

    #dqx {
        position: relative;
        background: url(../images/top/main_bg_pc.png) no-repeat center bottom / 100%;
    }
    #dqx .frame {
        width: 66.9792%;
        margin: 0 auto;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    #dqx .framebg {
        padding: 0 0 4.2%;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }

    #dqx h2 {
        width: 70.9176%;
        margin: 0 auto;
    }
    #dqx h2 + p {
        width: 76.2053%;
        margin: 2.4883% auto 2.7994%;
    }
    #dqx section > figure {
        width: 66.3297%;
        margin: 3.1104% auto;
    }

    #dqx .sec1 .lead {
        width: 84.6812%;
        margin: 0 auto;
    }
    #dqx .sec1 ol {
        display: flex;
        justify-content: center;
        margin-top: 3.888%;
    }
    #dqx .sec1 ol li {
        position: relative;
        width: 27.9938%;
        margin: 0 0.7776%;
    }
    #dqx .sec1 ol li:not(:first-child)::after {
        content:"";
        display: block;
        width: 18.6111%;
        height: 30%;
        background: url(../../assets_181204/images/dqx/sec1_arrow_pc.png) no-repeat left top / 100%;
        position: absolute;
        top: calc(28 / 360 * 100%); left: calc(-41 / 360 * 100%);
    }
    #dqx .sec1 ol li span {
        width: 83.3334%;
        position: absolute;
        bottom: 1.5625vw;
        left: 50%;
        transform: translateX(-50%);
    }
    #dqx .sec1 .notes {
        width: 69.673%;
        margin: 2.7216% auto 0;
    }
    #dqx .sec1 ul {
        display: flex;
        justify-content: space-between;
        width: 69.673%;
        margin: 0 auto;
    }
    #dqx .sec1 ul li:first-child { width: 45.0893%; }
    #dqx .sec1 ul li:last-child { width: 52.1205%; }

    #dqx .sec2 .lead {
        width: 71.92846%;
        margin: 0 auto 2.3328%;
    }
    #dqx .sec2 .notes {
        width: 71.3841%;
        margin: 0 auto;
    }
    #dqx .sec2 .notes a img { transition: none; }
    #dqx .sec2 .notes a img:hover { transform: none; }
    #dqx .sec2 figure + p {
        width: 55.9098%;
        margin: 0 auto 3.1104%;
    }
    #dqx .sec2 p:last-of-type {
        width: 55.9876%;
        margin: 0 auto;
    }
}


/* --------------------------------------------------------
     プライズグッズ
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .prize h1 {
        width: 41.5625vw;
        margin: 2.083333vw auto 4.166666vw;
    }
    #prize {
        position: relative;
        margin-top: 5.52vw;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) no-repeat center bottom / 100%;
    }
    #prize .frame {
        margin-bottom: 7vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    #prize .framebg {
        padding-bottom: 9.375vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }
    #prize .frame li + li {
        margin-top: 5vw;
    }
}
@media screen and (min-width: 641px) {
    .prize h1 {
        width: 18.489583%;
        margin: 0.677083% auto 0.9375%;
    }
    .prize h2 {
        width: 31.5625%;
        margin: 0 auto;
    }
    .prize h2 + p {
        width: 35.885416%;
        margin: 1.145833% auto 2.760416%;
    }

    #prize {
        position: relative;
        background: url(../images/top/main_bg_pc.png) no-repeat center bottom / 100%;
    }
    #prize .frame {
        width: 66.9792%;
        margin: 0 auto -1.25%;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    #prize .framebg {
        padding: 0 0 4.2%;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }

    #prize .frame p {
        width: 55.209953%;
        margin: 2.3328% auto 1.5%;
    }
    #prize .frame ul {
        position: relative;
        padding-top: 56.143079%;
    }
    #prize .frame li {
        width: 59.720062%;
        margin: 0 auto;
    }
    #prize .frame li:nth-child(1) { position:absolute; top:0; left:-3%;}
    #prize .frame li:nth-child(2) { position:absolute; top:0; right:-3%;}
}


/* --------------------------------------------------------
     お正月パック
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .oshougatsu h1 {
        width: 41.5625vw;
        margin: 2.083333vw auto 4.166666vw;
    }
    #oshougatsu {
        position: relative;
        margin-top: 5.52vw;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) no-repeat center bottom / 100%;
    }
    #oshougatsu .frame {
        margin-bottom: 7vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    #oshougatsu .framebg {
        padding-bottom: 9.375vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }
    #oshougatsu .frame dl {
        width: 91.6667vw;
        margin: 0 auto;
    }
    #oshougatsu .frame dl + dl {
        margin-top: 6.25vw;
    }
    #oshougatsu .frame dl:first-of-type dt {
        width: 100%;
    }
    #oshougatsu .frame dt {
        width: 45.3125vw;
        margin: 0 auto 3.125vw;
    }
    #oshougatsu .frame figure {
        margin: 7.1875vw 0 6.5625vw;
    }
    #oshougatsu .frame p.notes {
        margin-top: 4.0625vw;
    }
}
@media screen and (min-width: 641px) {
    .oshougatsu h1 {
        width: 18.489583%;
        margin: 0.677083% auto 1.197917%;
    }
    .oshougatsu h2 {
        width: 25.208333%;
        margin: 0 auto;
    }
    .oshougatsu h2 + p {
        width: 20.833333%;
        margin: 0.572916% auto 2.760416%;
    }

    #oshougatsu {
        position: relative;
        background: url(../images/top/main_bg_pc.png) no-repeat center bottom / 100%;
    }
    #oshougatsu .frame {
        width: 66.9792%;
        margin: 0 auto -1.25%;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    #oshougatsu .framebg {
        padding: 0 0 4.2%;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }

    #oshougatsu .frame p.lead {
        width: 84.8367%;
        margin: 0 auto 3.499222%;
    }
    #oshougatsu .frame p.notes {
        width: 63.530326%;
        margin: 3.965785% auto 0;
    }
    #oshougatsu .frame figure {
        width: 87.091757%;
        margin: 2.255% auto 1.63297%;
    }
    #oshougatsu .frame dl {
        width: 40.435458%;
        margin: 0 auto;
    }
    #oshougatsu .frame dl:nth-of-type(2) { float:left; margin:0 0 4.66563% 6.531882%;}
    #oshougatsu .frame dl:nth-of-type(3) { float:right; margin:0 6.53188% 4.66563% 0;}
    #oshougatsu .frame dt {
        width: 62.884615%;
        margin: 0 auto 1.923%;
    }
    #oshougatsu .frame dl:first-of-type {
        position: relative;
    }
    #oshougatsu .frame dl:first-of-type dt span:first-child {
        width: 48.26923%;
        position: absolute;
        top:0; left: -50%;
    }
    #oshougatsu .frame dl:first-of-type dt span:first-child {
        width: 48.26923%;
        position: absolute;
        top:0; left:-51.538461%;
    }
    #oshougatsu .frame dl:first-of-type dt span:last-child {
        width: 31.730769%;
        margin-top: 12.5%;
        position: absolute;
        top:0; right:-34.8%;
    }
}


/* --------------------------------------------------------
     ガイドライン、アップデートのお知らせ
-------------------------------------------------------- */
.guideline.update .info p {
    margin-left: 1em;
    text-indent: -1em;
}
.guideline .info a {
    color: #3d951b;
    text-decoration: underline;
}
.guideline .info a:hover {
    text-decoration: none;
}
.guideline .info h2 {
    margin-bottom: 0.8em;
    text-align: center;
}
.guideline.broadcast .info h2:not(:first-of-type) {
    padding-top: 2em;
}
.guideline .info h3 {
    margin: 1.5em 0 1em;
    text-align: center;
}
.guideline.update .info dl {
    margin: 2em 0;
}
.guideline .info dt {
    margin: 2em 0 0;
    font-weight: bold;
}
.guideline .info ul li {
    margin: 0 0 1em 1.3em;
    list-style: disc;
}
.guideline.update .info ul li {
    margin: 0.75em 0 0 1.3em;
}
.guideline .info ol li {
    margin: 0 0 1em 1.3em;
    list-style: decimal;
}
.guideline .info hr {
    height: 0;
    margin: 3em 0 0;
    border: none;
    border-top: 1px dotted #412213;
}
.guideline.update hr {
    margin: 1.2em 0;
}
.guideline.update hr.notes {
    border-top: 1px solid #412213;
}
.guideline.funguide p {
    margin-left: 0;
    text-indent: 0;
}
.guideline.funguide ol ol li {
    margin: 0.5em 0 0 1em;
    text-indent: -1em;
    list-style: none;
}
.guideline.funguide ol ol ul li {
    margin-top: 0;
}
.guideline.broadcast .zh-tw {
    font-family: "Microsoft JhengHei", "微軟正黑體", "Hiragino Sans CNS", "PingFang TC", "PMingLiU", sans-serif;
}
.guideline.broadcast .zh-CN {
    font-family:"Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "PingFang SC", "SimHei", sans-serif;
    letter-spacing: 0.01em;
}
@media screen and (max-width: 640px) {
    .guideline #main {
        padding-bottom: 82.625vw;
        background: url(../images/common/bg1_sp.png) no-repeat center bottom 307.292vw / 100%;
    }
    .guideline h1 {
        width: 52.8125vw;
        margin: 3.645833vw auto 6.354166vw;
    }
    .guideline .tabs {
        position: relative;
        margin: 0;
    }
    .guideline .tabs li:first-child {
        margin: 0 20% 2.708vw;
    }
    .guideline .info {
        position: relative;
        width: 95.833333vw;
        margin: 10.5208vw auto;
        padding: 6.25vw 4.16666vw 5vw;
        font-size: 2.708333vw;
        line-height: 1.615384;
        background: #fbf0da;
    }
    .guideline.update .info {
        margin: 0 auto;
        padding-bottom: 6.25vw;
    }
    .guideline .info h2 { font-size: 3.958333vw; }
    .guideline .info h3 { font-size: 3.125vw; }
    .guideline.update .info h3 span { font-size: 3vw; }
    .guideline.broadcast .lang {
        display: flex;
        justify-content: space-between;
        width: calc(848/960*100vw);
        margin: 0 auto calc(60/960*100vw);
    }
    .guideline.broadcast .lang li {
        width: calc(266/960*100vw);
        margin: 0;
        list-style:none;
    }
}
@media screen and (min-width: 641px) {
    .guideline #main {
        padding-bottom: 28.385416%;
    }
    .guideline h1 {
        width: 22.96875%;
        margin: 0.104166% auto 1.302083%;
    }
    .guideline .tabs {
        position: relative;
        margin: 0;
    }
    .guideline .info {
        position: relative;
        width: 77.083333%;
        margin: 2.083333% auto 0;
        padding: 2.604166% 5.208333%;
        font-size: 1.041666vw;
        line-height: 1.6;
        background: #fbf0da;
    }
    .guideline .info h2 { font-size: 2.083333vw; }
    .guideline .info h3 { font-size: 1.5625vw; }
    .guideline.update .info h3 span { font-size: 1.25vw; }
    .guideline.broadcast .lang {
        display: flex;
        justify-content: space-between;
        width: calc(402/1480*100%);
        margin-right: calc(20/1480*100%);
        position: absolute;
        top:0; right:0;
    }
    .guideline.broadcast .lang li {
        width: calc(124/402*100%);
        margin: calc(28/402*100%) 0 0;
        list-style:none;
    }
    #contents.funguide {
        font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    }
    .guideline.funguide .info h2 span {
        display: inline;
    }
}


/* --------------------------------------------------------
     DQB紹介シート
-------------------------------------------------------- */
#contents.funkit {
    background: #ffc001;
}
#funkit {
    background: url(../../assets_190411/images/funkit/dl_bg.png) repeat;
}
#funkit dl {
    background: url(../../assets_190411/images/funkit/dl_ico.png) no-repeat;
}

@media screen and (max-width: 640px) {
    .funkit #title {
        padding-top: calc(16 / 960 * 100vw);
        background: url(../../assets_190411/images/funkit/main_sp.jpg) no-repeat center calc(176 / 960 * 100vw);
        background-size: 100%;
    }
    .funkit #title h1 {
        width: calc(507 / 960 * 100vw);
        margin: 0 auto calc(46 / 960 * 100vw);
    }
    .funkit #title ul {
        width: calc(913 / 960 * 100vw);
        margin: calc(298 / 960 * 100vw) 0 calc(77 / 960 * 100vw) calc(26 / 960 * 100vw);
    }
    #funkit {
        margin-top: calc(60 / 960 * 100vw);
        padding: calc(50 / 960 * 100vw) 0 calc(30 / 960 * 100vw);
        background-size: calc(45 / 960 * 100vw);
    }
    #funkit h2 {
        width: calc(579 / 960 * 100vw);
        margin: 0 auto;
    }
    #funkit > p {
        width: calc(670 / 960 * 100vw);
        margin: calc(20 / 960 * 100vw) auto calc(62 / 960 * 100vw);
    }
    #funkit dl {
        width: calc(855 / 960 * 100vw);
        padding: 0 0 calc(117 / 960 * 100vw) calc(110 / 960 * 100vw);
        background-size: calc(282 / 960 * 100vw);
        background-position: calc(36 / 960 * 100vw) calc(33 / 960 * 100vw);
    }
    #funkit dt {
        width: calc(640 / 960 * 100vw);
        margin: 0 auto;
    }
    #funkit dd:first-of-type {
        width: calc(579 / 960 * 100vw);
        margin: calc(36 / 960 * 100vw) auto calc(32 / 960 * 100vw);
    }
}
@media screen and (min-width: 641px) {
    .funkit #title {
        background: url(../../assets_190411/images/funkit/main_pc.jpg) no-repeat left top;
        background-size: 100%;
    }
    .funkit #title h1 {
        width: calc(209 / 1920 * 100%);
        margin: 0 auto calc(26 / 1920 * 100%);
        padding-top: calc(20 / 1920 * 100%);
    }
    .funkit #title h2 {
        width: calc(1171 / 1920 * 100%);
        margin: 0 auto calc(92 / 1920 * 100%);
    }
    .funkit #title ul {
        width: calc(567 / 1920 * 100%);
        margin-left: calc(320 / 1920 * 100%);
    }
    .funkit #title p {
        width: calc(1098 / 1920 * 100%);
        margin: calc(56 / 1920 * 100%) auto calc(58 / 1920 * 100%);
    }
    .funkit #title p a img {
        transform: none;
    }
    #funkit {
        padding: calc(50 / 1920 * 100%) 0 calc(30 / 1920 * 100%);
        background-size: calc(30 / 1920 * 100%);
    }
    #funkit h2 {
        width: calc(508 / 1920 * 100%);
        margin: 0 auto;
    }
    #funkit > p {
        width: calc(480 / 1920 * 100%);
        margin: calc(20 / 1920 * 100%) auto calc(62 / 1920 * 100%);
    }
    #funkit div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-left: calc(338 / 1920 * 100%);
    }
    #funkit dl {
        width: calc(548 / 1920 * 100%);
        margin-right: calc(113 / 1920 * 100%);
        padding: 0 0 calc(117 / 1920 * 100%) calc(50 / 1920 * 100%);
        background-size: calc(188 / 548 * 100%);
        background-position: left calc(24 / 548 * 100%);
    }
    #funkit dt {
        width: calc(430 / 498 * 100%);
        margin: 0 auto;
    }
    #funkit dd:first-of-type {
        width: calc(388 / 498 * 100%);
        margin: calc(36 / 498 * 100%) auto calc(32 / 498 * 100%);
    }
}


/* --------------------------------------------------------
     けいじばん特別コンテスト
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    #contents.contest {
        background: url(../../assets_190425/images/contest/bg_sp.jpg) repeat-y center top / 100% auto;
    }
    .contest ul.photo {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(1050 / 960 * 100vw);
    }
    .contest ul li {
        width: calc(880 / 960 * 100vw);
        margin: 0 auto;
    }
    .contest #title {
    	position: relative;
    	z-index: 10;
    }
    .contest #title h1 {
        width: calc(407 / 960 * 100vw);
        position: absolute;
        top: calc(10 / 960 * 100vw); left:50%;
        transform: translateX(-50%);
        z-index:2;
    }
    .contest.winter #title h1 {
        width: calc(291 / 960 * 100vw);
        top: calc(60 / 960 * 100vw);
        left: calc(16 / 960 * 100vw);
        transform: translateX(0);
    }
    #ctsec1 ul.photo {
        background: url(../../assets_190425/images/contest/sec1_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    .winter #ctsec1 ul.photo {
        height: calc(1298 / 960 * 100vw);
        background: url(../../assets_191213/images/contest3/sec1_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    .summer #ctsec1 figure {
        padding: 0 calc(40 / 960 * 100vw);
        background: url(../../assets_190716/images/contest2/sec1_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    #ctsec1 ul:last-of-type {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background: url(../../assets_190425/images/contest/sec1_bg2_sp.png) no-repeat center top / 100% 100%;
    }
    .summer #ctsec1 ul:last-of-type {
        height: calc(262 / 960 * 100vw);
        background-image: url(../../assets_190716/images/contest2/sec1_bg2_sp.png);
    }
    .winter #ctsec1 ul:last-of-type {
        height: calc(372 / 960 * 100vw);
        padding-bottom: calc(83 / 960 * 100vw);
        background-image: url(../../assets_191213/images/contest3/sec1_bg2_sp.png);
    }
    #ctsec1 ul:last-of-type li {
        width: calc(380 / 960 * 100vw);
        margin: 0 calc(10 / 960 * 100vw) calc(15 / 960 * 100vw);
    }
    #ctsec2 {
        margin: calc(55 / 960 * 100vw) 0;
    }
    #ctsec2 p {
        position: relative;
    }
    #ctsec2 p a {
        display: block;
        text-indent: -9999px;
        width: calc(328 / 960 * 100vw);
        height: calc(50 / 960 * 100vw);
        position: absolute;
        top: calc(-5 / 960 * 100vw);
        left: calc(370 / 960 * 100vw);
    }
    #ctsec2 p:nth-of-type(2) a {
        width: calc(334 / 960 * 100vw);
        top: calc(116 / 960 * 100vw);
        left: calc(446 / 960 * 100vw);
    }
    .winter #ctsec2 p:nth-of-type(2) a {
        width: calc(530 / 960 * 100vw);
        top: calc(176 / 960 * 100vw);
        left: calc(370 / 960 * 100vw);
    }
    #ctsec2 p:last-of-type a {
        width: calc(310 / 960 * 100vw);
        top: calc(283 / 960 * 100vw);
        left: calc(410 / 960 * 100vw);
    }
    #ctsec2 p.column a {
        width: calc(254 / 960 * 100vw);
        top: calc(234 / 960 * 100vw);
        left: calc(95 / 960 * 100vw);
    }
    .winter #ctsec2 p.column a {
        width: calc(520 / 960 * 100vw);
        top: calc(234 / 960 * 100vw);
        left: calc(100 / 960 * 100vw);
    }
    #ctsec2 ul.photo {
        background: url(../../assets_190425/images/contest/sec2_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    .summer #ctsec2 figure {
        padding: 0 calc(40 / 960 * 100vw);
        background: url(../../assets_190716/images/contest2/sec2_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    .winter #ctsec2 div.photo {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(1042 / 960 * 100vw);
        padding: 0 calc(40 / 960 * 100vw);
        background: url(../../assets_191213/images/contest3/sec2_bg1_sp.png) no-repeat center top / 100% 100%;
    }
    #ctsec2 dl {
        height: calc(551 / 960 * 100vw);
        padding: calc(66 / 960 * 100vw) calc(36 / 960 * 100vw) 0;
        background: url(../../assets_190425/images/contest/sec2_bg2_sp.png) no-repeat center top / 100% 100%;
    }
    #ctsec2 dd + dt {
        margin-top: calc(30 / 960 * 100vw);
    }
    #ctsec2 dd {
        padding: calc(13 / 960 * 100vw) 0 calc(13 / 960 * 100vw) calc(20 / 960 * 100vw);
        font-size: calc(22 / 960 * 100vw);
        line-height: calc(40 / 960 * 100vw);
        background: #fff;
        border: 1px solid #a3a2a2;
    }
    #ctsec2 dd span {
        color: #1da1f2;
    }
    #ctsec3 ul {
        height: calc(5015 / 960 * 100vw);
        background-image: url(../../assets_190425/images/contest/sec3_bg1_sp.png), url(../../assets_190425/images/contest/sec3_bg2_sp.png), url(../../assets_190425/images/contest/sec3_bg3_sp.png), url(../../assets_190425/images/contest/sec3_bg4_sp.png);
        background-position: 0 0, 0 calc(1236 / 960 * 100vw), 0 calc(2472 / 960 * 100vw), 0 calc(3708 / 960 * 100vw);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 100% calc(1236 / 960 * 100vw), 100% calc(1236 / 960 * 100vw), 100% calc(1236 / 960 * 100vw), 100%;
    }
    .summer #ctsec3 ul {
        height: calc(2556 / 960 * 100vw);
        background-image: url(../../assets_190716/images/contest2/sec3_bg1_sp.png), url(../../assets_190716/images/contest2/sec3_bg2_sp.png);
        background-position: 0 0, 0 calc(1235 / 960 * 100vw);
        background-repeat: no-repeat, no-repeat;
        background-size: 100% calc(1235 / 960 * 100vw), 100% calc(1321 / 960 * 100vw);
    }
    .winter #ctsec3 ul {
        height: calc(3789 / 960 * 100vw);
        background-image: url(../../assets_191213/images/contest3/sec3_bg1_sp.png), url(../../assets_191213/images/contest3/sec3_bg2_sp.png);
        background-position: 0 0, 0 calc(1855 / 960 * 100vw);
        background-repeat: no-repeat, no-repeat;
        background-size: 100% calc(1855 / 960 * 100vw), 100% calc(1904 / 960 * 100vw);
    }
    #ctsec3 li + li {
        margin-top: calc(59 / 960 * 100vw);
    }
    #funsheet {
        margin-top: calc(60 / 960 * 100vw);
        padding: calc(85 / 960 * 100vw) 0 calc(130 / 960 * 100vw);
        background: url(../../assets_190411/images/funkit/dl_bg.png) repeat left top / calc(45 / 960 * 100vw);
    }
    #funsheet ul {
        display: flex;
        justify-content: space-between;
        width: calc(880 / 960 * 100vw);
        margin: 0 auto;
    }
    #funsheet ul li {
        width: calc(411 / 960 * 100vw);
        margin: 0;
    }
    #funsheet p:last-child {
        width: calc(891 / 960 * 100vw);
        margin: calc(110 / 960 * 100vw) auto 0;
    }

/* 結果発表 */
    .contest.summer, .contest.winter {
        padding-bottom: calc(120 / 960 * 100vw);
    }
    .contest .btn_summary {
        position: relative;
        width: calc(886 / 960 * 100vw);
        margin: calc(73 / 960 * 100vw) auto 0;
    }
    .contest .btn_summary::after {
        content:"";
        display: block;
        width: calc(29 / 960 * 100vw);
        height: calc(20 / 960 * 100vw);
        background: url(../../assets_190809/images/contest2/arrow1.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 50%; right: calc(27 / 960 * 100vw);
        transform: translateY(-50%);
    }
    .contest .btn_summary.open::after {
        background-image: url(../../assets_190809/images/contest2/arrow2.png);
    }
    .contest .summary {
        display: none;
        margin-top: calc(120 / 1920 * 100%);
    }

    /* 夏のコンテスト */
    .summer #result {
        margin-top: calc(-28 / 960 * 100vw);
    }
    .summer #result ul li {
        width: 100vw;
    }
    .summer #result ul li a {
        padding: 0 calc(40 / 960 * 100vw);
        background: no-repeat center top / 100% 100%;
    }
    .summer #result .lank li:nth-child(1) a { background-image: url(../../assets_190809/images/contest2/bg1_sp.png);}
    .summer #result .lank li:nth-child(2) a { background-image: url(../../assets_190809/images/contest2/bg2_sp.png);}
    .summer #result .lank li:nth-child(3) a { background-image: url(../../assets_190809/images/contest2/bg3_sp.png);}
    .summer #result .prize li:nth-child(1) a { background-image: url(../../assets_190809/images/contest2/bg4_sp.png);}
    .summer #result .prize li:nth-child(2) a { background-image: url(../../assets_190809/images/contest2/bg5_sp.png);}
    .summer #result .prize li:nth-child(3) a { background-image: url(../../assets_190809/images/contest2/bg6_sp.png);}
    .summer #result .prize li:nth-child(4) a { background-image: url(../../assets_190809/images/contest2/bg7_sp.png);}
    .summer #result .prize li:nth-child(5) a { background-image: url(../../assets_190809/images/contest2/bg8_sp.png);}
    .summer #result .prize li:nth-child(6) a { background-image: url(../../assets_190809/images/contest2/bg9_sp.png);}

    /* 冬のコンテスト */
    .winter #result {
        margin-top: calc(-28 / 960 * 100vw);
        padding-bottom: calc(266 / 960 * 100vw);
        background: url(../../assets_200124/images/contest3/bgbtm_sp.png) no-repeat center bottom / 100% auto;
    }
    .winter #result .spbg {
        background: url(../../assets_200124/images/contest3/bgrpt_sp.png) repeat-y center top / 100% auto;
    }
    .winter #result .prize, .winter #result .award {
        margin-top: calc(70 / 960 * 100vw);
        background: url(../../assets_200124/images/contest3/confetti_sp.png) no-repeat center top / 100% auto;
    }
    .winter #result .prize > dl {
        width: calc(880 / 960 * 100vw);
        margin: 0 auto;
    }
    .winter #result .spbg .pcbg dt {
        margin-top: calc(95 / 960 * 100vw);
    }
    .winter #result .spbg .pcbg li {
        margin-bottom: calc(55 / 960 * 100vw);
    }
    .winter #result .spbg .lank li {
        margin-bottom: calc(30 / 960 * 100vw);
    }
    .winter #result .spbg .award > ul:last-child li {
        margin-bottom: 0 !important;
    }


}
@media screen and (min-width: 641px) {
    #contents.contest {
        background: url(../../assets_190425/images/contest/bg_pc.jpg) repeat-y center top / 100% auto;
    }
    .contest h3 {
        width: calc(1452 / 1920 * 100%);
        margin: 0 auto calc(50 / 1920 * 100%);
    }
    .contest ul.photo {
        display: flex;
        justify-content: space-between;
        width: calc(1242 / 1920 * 100%);
        margin: calc(40 / 1920 * 100%) auto calc(25 / 1920 * 100%);
    }
    .contest ul.photo li {
        width: calc(600 / 1242 * 100%);
    }
    .contest.winter ul.photo {
        width: calc(1290 / 1920 * 100%);
        margin: calc(53 / 1920 * 100%) auto calc(50 / 1920 * 100%);
    }
    .contest.winter ul.photo li:first-child {
        width: calc(731 / 1290 * 100%);
    }
    .contest.winter ul.photo li:last-child {
        width: calc(514 / 1290 * 100%);
    }
    .contest #title {
        position: relative;
        z-index: 10;
    }
    .contest #title h1 {
        width: calc(253 / 1920 * 100%);
        position: absolute;
        top: calc(82 / 1920 * 100vw); left:50%;
        transform: translateX(-50%);
        z-index:2;
    }
    .contest.summer #title h1 {
        width: calc(416 / 1920 * 100%);
        top: calc(72 / 1920 * 100vw);
    }
    .contest.winter #title h1 {
        width: calc(416 / 1920 * 100%);
        top: calc(120/1920*100vw);
        left: calc(221/1920*100vw);
        transform: translateX(0);
    }
    .contest #title h2 {
        width: calc(1646 / 1920 * 100%);
        margin: 0 auto;
        padding-top: calc(35 / 1920 * 100%);
    }
    .contest.summer #title h2 {
        width: 100%;
        padding-top: 0;
        margin: 0 auto;
    }
    .contest #title p, .contest.summer .summary .lead {
        width: calc(1480 / 1920 * 100%);
        margin: 0 auto;
    }
    .contest.winter .summary .lead {
        width: calc(1640 / 1920 * 100%);
        margin: 0 auto;
    }

    #ctsec1 {
        height: calc(1532 / 1920 * 100vw);
        margin: calc(52 / 1920 * 100%) auto calc(30 / 1920 * 100%);
        padding-top: calc(82 / 1920 * 100vw);
        background: url(../../assets_190425/images/contest/sec1_bg_pc.png) no-repeat center top;
        background-size: calc(1595 / 1920 * 100%) auto;
    }
    .summer #ctsec1 {
        height: calc(1952 / 1920 * 100vw);
        background-image: url(../../assets_190716/images/contest2/sec1_bg_pc.png);
    }
    .winter #ctsec1 {
        height: calc(1822 / 1920 * 100vw);
        background-image: url(../../assets_191213/images/contest3/sec1_bg_pc.png);
    }
    #ctsec1 p, .summer #ctsec1 p:last-child {
        width: calc(1242 / 1920 * 100%);
        margin: 0 auto;
    }
    .winter #ctsec1 p, .winter #ctsec1 p:last-child {
        width: calc(1288 / 1920 * 100%);
        margin: 0 auto;
    }
    #ctsec1 p:last-child {
        width: calc(747 / 1920 * 100%);
    }
    .winter #ctsec1 p:last-of-type {
        margin-top: calc(40 / 1920 * 100%);
    }
    .summer #ctsec1 figure {
        width: calc(793 / 1920 * 100%);
        margin: calc(40 / 1920 * 100%) auto calc(49 / 1920 * 100%);
    }
    #ctsec1 ul:last-of-type {
        display: flex;
        justify-content: center;
        margin: calc(30 / 1920 * 100%) auto calc(70 / 1920 * 100%);
    }
    .winter #ctsec1 ul:last-of-type {
        margin: calc(80 / 1920 * 100%) 0 0;
    }
    #ctsec1 ul:last-of-type li {
        width: calc(380 / 1920 * 100%);
        margin-right: calc(40 / 1920 * 100%);
        margin-left: calc(40 / 1920 * 100%);
    }

    #ctsec2 {
        height: calc(3238 / 1920 * 100vw);
        padding-top: calc(82 / 1920 * 100vw);
        background: url(../../assets_190425/images/contest/sec2_bg_pc.png) no-repeat center top;
        background-size: calc(1595 / 1920 * 100%) auto;
    }
    .summer #ctsec2 {
        height: calc(3108 / 1920 * 100vw);
        background-image: url(../../assets_190716/images/contest2/sec2_bg_pc.png);
    }
    .winter #ctsec2 {
        height: calc(3598 / 1920 * 100vw);
        background-image: url(../../assets_191213/images/contest3/sec2_bg_pc.png);
    }
    #ctsec2 p {
        position: relative;
        width: calc(1250 / 1920 * 100%);
        margin: 0 auto;
    }
    .winter #ctsec2 p {
        width: calc(1459 / 1920 * 100%);
    }
    #ctsec2 p a {
        display: block;
        text-indent: -9999px;
        width: calc(288 / 1250 * 100%);
        height: calc(40 / 1920 * 100vw);
        position: absolute;
        top: calc(-5 / 1920 * 100vw);
        left: calc(528 / 1250 * 100%);
    }
    #ctsec2 p:nth-of-type(2) a {
        width: calc(294 / 1250 * 100%);
        top: calc(50 / 1920 * 100vw);
        left: calc(400 / 1250 * 100%);
    }
    #ctsec2 p:last-of-type a {
        width: calc(280 / 1250 * 100%);
        top: calc(170 / 1920 * 100vw);
        left: calc(292 / 1250 * 100%);
    }
    .summer #ctsec2 figure, .winter #ctsec2 figure {
        width: calc(753 / 1920 * 100%);
        margin: calc(52 / 1920 * 100%) auto 0;
    }
    .winter #ctsec2 figure + figure {
        margin: calc(40 / 1920 * 100%) auto calc(-20 / 1920 * 100%);
    }
    #ctsec2 p.column {
        width: calc(1343 / 1920 * 100%);
        margin: calc(98 / 1920 * 100%) auto calc(13 / 1920 * 100%);
    }
    .summer #ctsec2 p.column {
        margin-top: calc(73 / 1920 * 100%);
    }
    .winter #ctsec2 p.column {
        margin: calc(70 / 1920 * 100%) auto calc(3 / 1920 * 100%);
    }
    #ctsec2 p.column a {
        width: calc(236 / 1343 * 100%);
        top: calc(200 / 1920 * 100vw);
        left: calc(288 / 1343 * 100%);
    }
    .winter #ctsec2 p.column a {
        width: calc(510 / 1343 * 100%);
        top: calc(200 / 1920 * 100vw);
        left: calc(180 / 1343 * 100%);
    }
    #ctsec2 dl {
        padding-top: calc(30 / 1920 * 100%);
    }
    .summer #ctsec2 dl {
        padding-top: 0;
    }
    #ctsec2 dt {
        width: calc(419 / 1920 * 100%);
        margin: calc(58 / 1920 * 100%) auto calc(17 / 1920 * 100%);
    }
    #ctsec2 dd {
        width: calc(1360 / 1920 * 100%);
        margin: 0 auto;
        padding: calc(13 / 1920 * 100%) calc(30 / 1920 * 100%);
        font-size: calc(22 / 1920 * 100vw);
        line-height: calc(40 / 1920 * 100vw);
        background: #fff;
        border: 1px solid #a3a2a2;
    }
    #ctsec2 dd span {
        color: #1da1f2;
    }

    #ctsec3 {
        height: calc(2194 / 1920 * 100vw);
        margin: calc(10 / 1920 * 100%) 0 calc(60 / 1920 * 100%);
        padding-top: calc(90 / 1920 * 100vw);
        background: url(../../assets_190425/images/contest/sec3_bg_pc.png) no-repeat center top;
        background-size: calc(1595 / 1920 * 100%) auto;
    }
    .summer #ctsec3 {
        height: calc(1291 / 1920 * 100vw);
        background-image: url(../../assets_190716/images/contest2/sec3_bg_pc.png);
    }
    .winter #ctsec3 {
        height: calc(1601 / 1920 * 100vw);
        background-image: url(../../assets_191213/images/contest3/sec3_bg_pc.png);
    }
    #ctsec3 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: calc(1300 / 1920 * 100%);
        margin: calc(60 / 1920 * 100%) auto 0;
    }
    #ctsec3 ul li {
        width: calc(616 / 1300 * 100%);
        margin-bottom: calc(60 / 1300 * 100%);
    }
    .winter #ctsec3 ul li {
        margin-bottom: calc(30 / 1300 * 100%);
    }
    #funsheet {
        padding: calc(80 / 1920 * 100%) 0 calc(140 / 1920 * 100%);
        background: url(../../assets_190411/images/funkit/dl_bg.png) repeat left top / calc(30 / 1920 * 100%);
    }
    #funsheet h3 {
        width: calc(848 / 1920 * 100%);
        margin: 0 auto;
    }
    #funsheet h3 + p {
        width: calc(1300 / 1920 * 100%);
        margin: calc(54 / 1920 * 100%) auto calc(50 / 1920 * 100%);
    }
    #funsheet ul {
        display: flex;
        justify-content: space-between;
        width: calc(1074 / 1920 * 100%);
        margin: 0 auto calc(98 / 1920 * 100%);
    }
    #funsheet ul li {
        width: calc(498 / 1074 * 100%);
    }
    #funsheet p:last-child {
        width: calc(1216 / 1920 * 100%);
        margin: 0 auto;
    }

/* 結果発表 */
    .contest.summer, .contest.winter {
        padding-bottom: calc(120 / 1920 * 100%);
    }
    .contest .btn_summary {
        position: relative;
        width: calc(886 / 1920 * 100%);
        margin: calc(67 / 1920 * 100%) auto 0;
        cursor: pointer;
    }
    .contest .btn_summary::after {
        content:"";
        display: block;
        width: calc(29 / 886 * 100%);
        height: calc(20 / 1920 * 100vw);
        background: url(../../assets_190809/images/contest2/arrow1.png) left top no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 50%; right: calc(27 / 886 * 100%);
        transform: translateY(-50%);
    }
    .contest .btn_summary.open::after {
        background-image: url(../../assets_190809/images/contest2/arrow2.png);
    }
    .contest .summary {
        display: none;
        margin-top: calc(120 / 1920 * 100%);
    }

    /* 夏のコンテスト */
    .summer #result {
        margin-top: calc(-49 / 1920 * 100%);
        padding-top: calc(144 / 1920 * 100%);
        background: url(../../assets_190809/images/contest2/bg1_pc.png) no-repeat center top;
        background-size: calc(1684 / 1920 * 100%) auto;
    }
    .summer #result h2 {
        width: calc(1184 / 1920 * 100%);
        margin: 0 auto calc(16 / 1920 * 100%);
    }
    .summer #result .lank {
        display: flex;
        justify-content: space-between;
        margin: 0 calc(248 / 1920 * 100%) calc(40 / 1920 * 100%) calc(207 / 1920 * 100%);
    }
    .summer #result .lank li {
        position: relative;
        width: calc(465 / 1465 * 100%);
    }
    .summer #result .lank li dd {
        width: calc(439 / 465 * 100%);
        margin-left: auto;
    }

    .summer #result .prize {
        padding-top: calc(78 / 1920 * 100%);
        background: url(../../assets_190809/images/contest2/bg2_pc.png) no-repeat center top;
        background-size: calc(1684 / 1920 * 100%) auto;
    }
    .summer #result .prize h3 {
        width: calc(490 / 1920 * 100%);
        margin: 0 auto calc(95 / 1920 * 100%);
    }
    .summer #result .prize ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: calc(30 / 1920 * 100%);
    }
    .summer #result .prize li {
        width: calc(432 / 1920 * 100%);
        margin: 0 calc(32 / 1920 * 100%) calc(90 / 1920 * 100%);
    }
    .summer #result .prize li dt {
        margin-bottom: calc(30 / 432 * 100%);
    }
    .summer #result .prize li:nth-of-type(1) {
        width: calc(1202 / 1920 * 100%);
        margin: 0 calc(300 / 1920 * 100%) calc(90 / 1920 * 100%);
    }
    .summer #result .prize li:nth-of-type(1) dt {
        width: calc(670 / 1202 * 100%);
        margin: 0 auto calc(38 / 1202 * 100%);
    }
    .summer #result .prize li:nth-of-type(1) dd:first-of-type {
        width: calc(800 / 1202 * 100%);
        margin: 0 auto;
    }
    .summer #result .prize li:nth-of-type(n+5) {
        margin: 0 calc(65 / 1920 * 100%) calc(90 / 1920 * 100%);
    }

    .summer #result .island {
        padding-bottom: calc(180 / 1920 * 100%);
        background: url(../../assets_190809/images/contest2/bg3_pc.png) no-repeat center bottom;
        background-size: calc(1684 / 1920 * 100%) auto;
    }
    .summer #result .island p {
        width: calc(1242 / 1920 * 100%);
        margin: 0 auto;
    }

    /* 冬のコンテスト */
    .winter #result {
        margin-top: calc(-49 / 1920 * 100%);
        padding: calc(144 / 1920 * 100%) 0 calc(266 / 1920 * 100%);
        background: url(../../assets_190809/images/contest2/bg1_pc.png) no-repeat center top, url(../../assets_200124/images/contest3/bgbtm_pc.png) no-repeat center bottom;
        background-size: calc(1684 / 1920 * 100%) auto, calc(1684 / 1920 * 100%) auto;
    }
    .winter #result h2 {
        width: calc(1184 / 1920 * 100%);
        margin: 0 auto calc(16 / 1920 * 100%);
    }
    .winter #result .lank {
        display: flex;
        justify-content: space-between;
        margin: 0 calc(248 / 1920 * 100%) calc(40 / 1920 * 100%) calc(207 / 1920 * 100%);
    }
    .winter #result .lank li {
        position: relative;
        width: calc(465 / 1465 * 100%);
    }
    .winter #result .lank li dd {
        width: calc(439 / 465 * 100%);
        margin-left: auto;
    }

    .winter #result .pcbg {
        background: url(../../assets_200124/images/contest3/bgrpt_pc.png) repeat-y center top;
        background-size: calc(1684 / 1920 * 100%) auto;
    }
    .winter #result .prize, .winter #result .award {
        padding-top: calc(78 / 1920 * 100%);
        background: url(../../assets_200124/images/contest3/confetti_pc.png) no-repeat center top;
        background-size: calc(1684 / 1920 * 100%) auto;
    }
    .winter #result .pcbg h3 {
        width: calc(490 / 1920 * 100%);
        margin: 0 auto calc(95 / 1920 * 100%);
    }
    .winter #result .pcbg ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: calc(1600 / 1920 * 100%);
        margin: 0 auto;
    }
    .winter #result .pcbg li {
        width: calc(434 / 1600 * 100%);
        margin: 0 calc(65 / 1600 * 100%) calc(90 / 1600 * 100%);
    }
    .winter #result .pcbg ul.col5 li:nth-of-type(-n+3) {
        margin: 0 calc(31 / 1600 * 100%) calc(90 / 1600 * 100%);
    }
    .winter #result .pcbg .prize > dl {
        width: calc(1202 / 1920 * 100%);
        margin: 0 auto calc(90 / 1920 * 100%);
    }
    .winter #result .pcbg .prize > dl dt,
    .winter #result .pcbg .prize > dl dd:first-of-type {
        width: calc(800 / 1202 * 100%);
        margin: 0 auto;
    }
    .winter #result .pcbg .award dt {
        width: calc(434 / 1920 * 100%);
        margin: calc(50 / 1920 * 100%) auto 0;
    }
    .winter #result .pcbg .award li dt {
        width: 100%;
        margin: calc(50 / 434 * 100%) auto 0;
    }
    .winter #result .pcbg .award li {
        margin-bottom: calc(37 / 1600 * 100%) !important;
    }
    .winter #result .pcbg .award > ul:last-child li {
        margin-bottom: 0 !important;
    }
}


/* --------------------------------------------------------
     たっぷり遊べる体験版
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .jumbodemo h1 {
        width: 41.5625vw;
        margin: 2.083333vw auto 4.166666vw;
    }
    .jumbodemo #jumbodemo {
        position: relative;
        margin-top: 5.52vw;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) no-repeat center bottom / 100%;
    }
    .jumbodemo #jumbodemo .frame {
        margin-bottom: 7vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    .jumbodemo #jumbodemo .framebg {
        padding-bottom: 9.375vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }

    .jumbodemo #jumbodemo .frame figure {
        width: calc(880/960*100vw);
        margin: 0 auto;
    }
    .jumbodemo #jumbodemo .frame ul.photo li {
        width: calc(880/960*100vw);
        margin: 0 auto calc(35/960*100vw);
    }
    .jumbodemo #jumbodemo .frame ul.btn {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: calc(55/960*100vw) auto calc(30/960*100vw);
    }
    .jumbodemo #jumbodemo .frame ul.btn li {
        width: calc(400/960*100vw);
        margin: 0 calc(10/960*100vw) calc(30/960*100vw);
    }
}
@media screen and (min-width: 641px) {
    .jumbodemo h1 {
        width: 18.489583%;
        margin: 0.677083% auto 1.197917%;
    }
    .jumbodemo h2 {
        width: calc(959/1920*100%);
        margin: 0 auto calc(60/1920*100%);
    }

    .jumbodemo #jumbodemo {
        position: relative;
        background: url(../images/top/main_bg_pc.png) no-repeat center bottom / 100%;
    }
    .jumbodemo #jumbodemo .frame {
        width: 66.9792%;
        margin: 0 auto -1.25%;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    .jumbodemo #jumbodemo .framebg {
        position: relative;
        padding: 0 0 4.2%;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }

    .jumbodemo #jumbodemo .frame .lead {
        width: calc(628/1286*100%);
        margin: 0 0 calc(50/1286*100%) calc(80/1286*100%);
        padding-top: calc(30/1286*100%);
    }
    .jumbodemo #jumbodemo .frame figure {
        width: calc(480/1286*100%);
        padding-top: calc(20/1286*100%);
        position: absolute;
        top: 0;
        right: calc(80/1286*100%);
    }
    .jumbodemo #jumbodemo .frame ul.photo {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .jumbodemo #jumbodemo .frame ul.photo li {
        width: calc(480/1286*100%);
        margin: 0 calc(38/1286*100%);
    }
    .jumbodemo #jumbodemo .frame ul.photo li:last-child {
        margin-top: calc(-50/1286*100%);
        position:relative;
        z-index:10;
    }
    .jumbodemo #jumbodemo .frame ul.btn {
        display: flex;
        justify-content: center;
        margin: calc(53/1286*100%) 0 calc(65/1286*100%);
    }
    .jumbodemo #jumbodemo .frame ul.btn li {
        width: calc(378/1286*100%);
        margin: 0 calc(10/1286*100%);
    }
    .jumbodemo #jumbodemo .frame dl {
        width: calc(1025/1286*100%);
        margin: 0 auto;
    }
    .jumbodemo #jumbodemo .frame dt {
        margin-top: calc(55/1286*100%);
    }
}


/* --------------------------------------------------------
     Steam版
-------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .steam h1 {
        width: 41.5625vw;
        margin: 2.083333vw auto 4.166666vw;
    }
    .steam #steam {
        position: relative;
        margin-top: 5.52vw;
        padding-bottom: 40vw;
        background: url(../images/top/main_bg_sp.png) no-repeat center bottom / 100%;
    }
    .steam #steam .frame {
        margin-bottom: 7vw;
        padding: 10.5vw 0 5.52vw;
        background: url(../images/tour/frame_top_sp.png) no-repeat center top / 100%, url(../images/tour/frame_btm_sp.png) no-repeat center bottom / 100%;
    }
    .steam #steam .framebg {
        padding-bottom: 9.375vw;
        background: url(../images/tour/frame_rep_sp.png) repeat-y center top / 100%;
    }

    .steam #steam .frame ul.photo {
        margin-bottom: calc(60/960*100vw);
    }
    .steam #steam .frame ul.photo li {
        width: calc(880/960*100vw);
        margin: 0 auto calc(35/960*100vw);
    }
    .steam #steam .frame ul.txt li, .steam #steam .frame p.txt {
        position: relative;
        margin-top: calc(50/960*100vw);
    }
    .steam #steam .frame ul.txt a {
        display: block;
        width: calc(98/960*100vw);
        height: calc(45/960*100vw);
        position: absolute;
        bottom:0; left: calc(535/960*100vw);
    }
    .steam #steam .frame .products {
        margin-top: calc(60/960*100vw);
    }
    .steam #steam .frame .btn {
        width: calc(400/960*100vw);
        margin: calc(55/960*100vw) auto calc(70/960*100vw);
    }
}
@media screen and (min-width: 641px) {
    .steam h1 {
        width: 18.489583%;
        margin: 0.677083% auto calc(38/1920*100%);
    }
    .steam h2 {
        width: calc(962/1920*100%);
        margin: 0 auto calc(43/1920*100%);
    }

    .steam #steam {
        position: relative;
        background: url(../images/top/main_bg_pc.png) no-repeat center bottom / 100%;
    }
    .steam #steam .frame {
        width: 66.9792%;
        margin: 0 auto -1.25%;
        padding: 4.94792% 0 3.2292%;
        background: url(../../assets_181204/images/dqx/frame_top_pc.png) no-repeat center top / 100%, url(../../assets_181204/images/dqx/frame_btm_pc.png) no-repeat center bottom / 100%;
    }
    .steam #steam .framebg {
        position: relative;
        padding: 0 0 4.2%;
        background: url(../../assets_181204/images/dqx/frame_rep_pc.png) repeat-y center top / 100%;
    }

    .steam #steam .frame .lead {
        width: calc(905/1286*100%);
        margin: 0 auto calc(32/1286*100%);
        padding-top: calc(10/1286*100%);
    }
    .steam #steam .frame ul.photo {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: calc(60/1286*100%);
    }
    .steam #steam .frame ul.photo li {
        position: relative;
        width: calc(480/1286*100%);
        margin: 0 calc(38/1286*100%);
    }
    .steam #steam .frame ul.photo li:first-child {
        margin: 0 calc(240/1286*100%) calc(-28/1286*100%);
        z-index: 2;
    }
    .steam #steam .frame ul.photo li:last-child {
        z-index: 3;
    }
    .steam #steam .frame ul.txt li, .steam #steam .frame p.txt {
        position: relative;
        width: calc(1066/1286*100%);
        margin: calc(50/1286*100%) auto 0;
    }
    .steam #steam .frame ul.txt a {
        display: block;
        width: calc(75/1066*100%);
        height: calc(38/1920*100vw);
        position: absolute;
        bottom:0; left: calc(580/1066*100%);
    }
    .steam #steam .frame .products {
        width: calc(915/1286*100%);
        margin: calc(50/1286*100%) auto 0;
    }
    .steam #steam .frame .btn {
        width: calc(420/1286*100%);
        margin: calc(30/1286*100%) auto calc(60/1286*100%);
    }
}