@charset "UTF-8";

/* pc------------------------------------------------------- */
@media screen and (min-width: 1401px) {

    .no_link {
        display: block;
        font-size: 11px;
        font-family: Pragmatica, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    }

    /* body{
        background-image: url(../img/pc_img/pc.jpg);
        background-repeat: no-repeat;
        position: relative;
        top: -95px;
        left: 0;
        width: 1400px;
        height: 100%;
        opacity: .5;
    } */
    /* key_visual---------------------------------------------- */
    .key_img {
        max-width: 580px;
        width: 100%;
        margin: auto;
    }

    .key_text {
        margin-top: 67px;
        font-size: 16px;
        line-height: 2.875;
        font-weight: 500;
        text-align: center;
        font-family: YuGothic, 'Yu Gothic', sans-serif;
    }


    /* key_visual---------------------------------------------- */

    /* content01---------------------------------------------- */
    .ct_box {
        max-width: 1010px;
        width: 100%;
        margin: auto;
        margin-top: 67px;
    }

    .ct_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .mt {
        margin-top: 10px;
    }

    .ct1,
    .ct2,
    .ct3,
    .ct4,
    .ct6,
    .ct7,
    .ct8,
    .ct9,
    .ct11,
    .ct12,
    .ct13,
    .ct14,
    .ct15,
    .ct16,
    .ct17,
    .ct18,
    .ct20,
    .ct21,
    .ct22,
    .ct23,
    .ct25,
    .ct26,
    .ct27,
    .ct28,
    .ct30,
    .ct32,
    .ct33,
    .ct36,
    .ct37,
    .ct38,
    .ct39,
    .ct40,
    .ct41,
    .ct43,
    .ct44,
    .ct45,
    .ct47,
    .ct48,
    .ct49,
    .ct50,
    .ct51,
    .ct52,
    .ct54,
    .ct55,
    .ct56,
    .ct58,
    .ct59,
    .ct60,
    .ct61,
    .ct62 {
        max-width: 330px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .ct5,
    .ct10,
    .ct19,
    .ct24,
    .ct29,
    .ct31,
    .ct35,
    .ct42,
    .ct46,
    .ct53,
    .ct57 {
        max-width: 670px;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .ct24 {
        max-width: 670px;
        width: 100%;
        margin-right: 13px;
    }

    .ct11 {
        margin-top: 38px;
    }

    .ct15,
    .ct16 {
        margin-top: 26px;
    }

    .ct17 {
        margin-top: -149px;
    }

    .ct34 {
        max-width: 1010px;
        width: 100%;
        margin-top: 35px;
    }

    .ct1 .ct01_tax_box,
    .ct8 .ct01_tax_box,
    .ct19 .ct01_tax_box,
    .ct20 .ct01_tax_box,
    .ct23 .ct01_tax_box,
    .ct25 .ct01_tax_box,
    .ct28 .ct01_tax_box,
    .ct33 .ct01_tax_box,
    .ct38 .ct01_tax_box,
    .ct40 .ct01_tax_box,
    .ct44 .ct01_tax_box,
    .ct48 .ct01_tax_box,
    .ct49 .ct01_tax_box,
    .ct59 .ct01_tax_box,
    .ct60 .ct01_tax_box,
    .ct61 .ct01_tax_box {
        width: 108px;
        text-align: center;
    }

    .ct5 .ct01_tax_box,
    .ct2 .ct01_tax_box,
    .ct10 .ct01_tax_box,
    .ct39 .ct01_tax_box,
    .ct62 .ct01_tax_box {
        width: 101px;
        text-align: center;
    }

    .ct3 .ct01_tax_box,
    .ct18 .ct01_tax_box,
    .ct21 .ct01_tax_box,
    .ct41 .ct01_tax_box,
    .ct56 .ct01_tax_box,
    .ct58 .ct01_tax_box {
        width: 133px;
        text-align: center;
    }

    .ct9 .ct01_tax_box,
    .ct12 .ct01_tax_box,
    .ct27 .ct01_tax_box,
    .ct47 .ct01_tax_box,
    .ct52 .ct01_tax_box,
    .ct53 .ct01_tax_box,
    .ct57 .ct01_tax_box {
        width: 138px;
        text-align: center;
    }

    .ct16 .ct01_tax_box {
        width: 64px;
        text-align: center;
    }

    .ct4 .ct01_tax_box {
        width: 70px;
        text-align: center;
    }

    .ct11 .ct01_tax_box,
    .ct13 .ct01_tax_box,
    .ct14 .ct01_tax_box,
    .ct15 .ct01_tax_box,
    .ct22 .ct01_tax_box,
    .ct24 .ct01_tax_box,
    .ct26 .ct01_tax_box,
    .ct29 .ct01_tax_box,
    .ct31 .ct01_tax_box,
    .ct37 .ct01_tax_box,
    .ct43 .ct01_tax_box,
    .ct45 .ct01_tax_box,
    .ct46 .ct01_tax_box,
    .ct50 .ct01_tax_box,
    .ct54 .ct01_tax_box,
    .ct55 .ct01_tax_box {
        width: 95px;
        text-align: center;
    }

    .ct6 .ct01_tax_box,
    .ct7 .ct01_tax_box,
    .ct17 .ct01_tax_box,
    .ct32 .ct01_tax_box,
    .ct35 .ct01_tax_box {
        width: 103px;
        text-align: center;
    }

    .ct30 .ct01_tax_box {
        width: 85px;
        text-align: center;
    }

    .ct59,
    .ct48,
    .ct37,
    .ct30,
    .ct6 {
        margin-top: 10px;
    }

    .ct01_head {
        font-weight: 500;
        text-align: center;
        margin-top: 22px;
    }

    .ct02_head {
        position: relative;
        top: -10px;
        font-size: 62px;
        text-align: left;
        margin-right: 100px;
        margin-top: 34px;
    }

    .box {
        position: relative;
    }

    .ct03_head {
        position: absolute;
        top: 149px;
        right: -46%;
        font-size: 85px;
        text-align: left;
    }

    .ct04_head {
        position: relative;
        z-index: 1;
        font-size: 52px;
        text-align: left;
        margin-left: 1%;
        margin-top: -25px;
    }

    .ct06_head {
        font-size: 85px;
        position: relative;
        text-align: right;
        top: -227px;
        left: 7%;
        margin-right: 255px;
    }

    .ct07_head {
        text-align: left;
        font-size: 62px;
        margin-top: 30px;
    }

    .mt2 {
        margin-top: -157px;
    }

    .ct43,
    .ct44 {
        margin-top: -174px;
    }

    .ct:hover .ct01_tax_box {
        opacity: 1;
    }

    .left_up {
        margin-top: 10px;
    }

    .ct45 {
        margin-top: -350px;
    }

    .video01 {
        max-width: 330px;
        width: 100%;
    }

    .video02 {
        max-width: 1010px;
        width: 100%;
    }

    /* content01---------------------------------------------- */
    .ct01_tax {
        position: relative;
        display: inline-block;
    }

    .ct01_tax:hover picture {
        opacity: 0;
    }

    .ct01_tax_box {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .tax_display {
        opacity: 1;
        z-index: 1;
        cursor: pointer;
    }

    .ct01_tax_box_btm {
        margin-top: 40px;
    }

    .ct {
        cursor: pointer;
    }

    .ct:hover picture {
        opacity: 0.6;
    }

    .ct01_tax {
        text-transform: uppercase;
    }

    .ct01_tax_box_btm .ct01_tax {
        text-align: left;
        display: block;
    }

    /* pc------------------------------------------------------- */
    /* sp------------------------------------------------------- */
    .foot {
        margin-bottom: 100px;
    }

    .foot_head {
        position: relative;
        width: 424px;
        margin: auto;
        font-family: 'Oswald', sans-serif;
        font-size: 34px;
        text-align: center;
        margin-top: 148px;
    }

    .foot_head::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -2px;
        left: -2%;
        width: 431px;
        height: 41px;
        background-color: #fff;
    }

    .bg {
        position: relative;
    }

    .bg::before {
        content: "";
        position: absolute;
        z-index: -10;
        top: -13px;
        left: -100vw;
        width: 200vw;
        height: 1px;
        background-color: #000;
    }

    .foot_nav {
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 18px;
    }

    .foot_top {
        justify-content: center;
        display: flex;
    }

    .foot_top li {
        position: relative;
        margin-top: 51px;
        padding-right: 6%;
    }

    .foot_top li::before {
        content: "";
        position: absolute;
        top: 0;
        left: 67%;
        background-color: #000;
        width: 1px;
        height: 15px;
    }

    .foot_top li:nth-of-type(3)::before {
        left: 73%;
    }

    .foot_top li:last-of-type::before {
        content: "";
        display: none;
    }

    .foot_top li:last-of-type {
        padding-right: 0;
    }

    .foot_btm {
        justify-content: center;
        display: flex;
    }

    .foot_btm li {
        position: relative;
        margin-top: 30px;
        padding-right: 6%;
    }

    .foot_btm li::before {
        content: "";
        position: absolute;
        top: 0;
        left: 65%;
        background-color: #000;
        width: 1px;
        height: 15px;
    }

    .foot_btm li:last-of-type::before {
        content: "";
        display: none;
    }

    .foot_btm li:last-of-type {
        padding-right: 0;
    }

    .all {
        display: block;
        border: #000 solid 1px;
        width: 400px;
        margin: auto;
        margin-top: 64px;
        font-size: 18px;
        line-height: 60px;
        height: 60px;
        letter-spacing: 0.08em;
        font-weight: 500;
        text-align: center;
        font-family: YuGothic, 'Yu Gothic', sans-serif;
    }

    .all:nth-of-type(2) {
        margin-top: 20px;
    }

    .js-modal {
        display: none;
    }


    /* for IE */
    /* @media all and (-ms-high-contrast: none) { */

    /* videoを非表示（セレクタ直接の指定は危険なのでクラス名をつけてあげて！） */
    /* .ct_box video {
          display: none;
        } */

    /* // ct11 mt ctの場合 */
    /* .ct11 a{
          background: url(/Page/feature/preorder/210709_2021aw/img/pc_img/pc_img_11.jpg);
          width: 330px;
          height: 587px;
          background-repeat: no-repeat;
          background-size: 100%;
        }
      
        
      } */
}

@media all and (-ms-high-contrast: none) {

    .ct_box video {
        display: none;
    }

    .ct11 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_11.jpg);
        width: 330px;
        height: 587px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .ct17 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_17.jpg);
        width: 330px;
        height: 587px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .ct34 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_34.jpg);
        width: 1010px;
        height: 568px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .ct41 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_41.jpg);
        width: 330px;
        height: 587px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .ct45 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_45.jpg);
        width: 330px;
        height: 587px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .ct52 .js-modal-open {
        background-image: url(../img/pc_img/pc_img_52.jpg);
        width: 330px;
        height: 587px;
        background-repeat: no-repeat;
        background-size: 100%;
    }
}