.product-detail-tile .heading,
.product-detail-tile .subheading,
.product-detail-tile .body{
    word-break: break-word !important;
}
#topNav .container {
    max-width: 1620px !important;
}
p{
    margin: auto;
}
.product-detail-tile-wrap{
    background: #000;
}
.new-as-backgroundr{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.heading{
    line-height: 1.2;
    /*margin-bottom: 1rem;*/
}
.container{
    max-width: 100% !important;
    /*width: 100% !important;*/
}
.product-detail-tile{
    padding: unset;
}
.row{
    width: 100%;
    margin: auto;
}
.txt-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-device-type*='new-pc'] {
    display: block !important;
}
[data-device-type*='new-mobile'] {
    display: none!important;
}
[data-device-type*='new-pad'] {
    display: none!important;
}
/* pad */
@media screen and (max-width: 1024px)and (min-width: 575px){
    [data-device-type*='new-pc'] {
        display: none !important;
    }
    [data-device-type*='new-mobile'] {
        display: none!important;
    }
    [data-device-type*='new-pad'] {
        display: block!important;
    }
    .new-pc{
        display: none;
    }
}
/*mobile*/
@media screen and (max-width: 576px){
    .new-pc{
        display: none;
    }
    [data-device-type*='new-pc'] {
        display: none !important;
    }
    [data-device-type*='new-mobile'] {
        display: block!important;
    }
    [data-device-type*='new-pad'] {
        display: none!important;
    }
}


/* PC */
@media screen and (min-width: 1200px){
    .product-detail-tile .heading {
        font-size: calc(100vw / 48);
    }
    p {
        font-size: calc(100vw / 100);
    }
    /*pc�������壕��絎�*/

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }
    .push-xl-1_5{
        left: 11.33333%;
    }

    .push-xl-2 {
        left: 17.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        /*left: 33.33333%*/
        left: 30%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .push-xl-12 {
        left: 100%
    }
    .pc-txt-top0{
        top: 0;
    }
    .pc-txt-top1{
        top: 8.33333%
    }
    .pc-txt-top2{
        top: 16.66667%
    }
    .pc-txt-top3{
        top: 25%
    }
    .pc-txt-top4{
        top: 33.33333%
    }
    .pc-txt-top5{
        top: 41.66667%
    }
    .pc-txt-top6{
        top: 50%
    }
    .pc-txt-top7{
        top: 58.33333%
    }
    .pc-txt-top8{
        top: 66.66667%
    }
    .pc-txt-top9{
        top: 75%
    }
    .pc-txt-top10{
        top: 83.33333%
    }
    .pc-txt-top11{
        top: 91.66667%
    }
    .pc-txt-top12{
        top: 100%
    }

}

article{
    width: 100%;
}
/* 羌�����器舷茣���鐃� */
@media screen and (max-aspect-ratio: 36 / 300) {
    .product-detail-tile .heading{
        font-size: calc(100vw / 12);
    }
    .product-detail-tile .body{
        font-size: calc(100vw / 30);
    }
    .title{
        font-weight: 100 !important;
        font-size: calc(100vw / 8) !important;
    }
}
@media screen and (max-width: 575px){
    .m-txt-top0{
        top: 2%;
    }
    .m-txt-top1{
        top: 8.33333%
    }
    .m-txt-top2{
        top: 16.66667%
    }
    .m-txt-top3{
        top: 25%
    }
    .m-txt-top4{
        top: 33.33333%
    }.m-txt-top5{
         top: 41.66667%
     }
    .m-txt-top6{
        top: 50%
    }
    .m-txt-top7{
        top: 58.33333%
    }
    .m-txt-top8{
        top: 66.66667%
    }
    .m-txt-top9{
        top: 75%
    }
    .m-txt-top10{
        top: 83.33333%
    }
    .m-txt-top11{
        top: 91.66667%
    }
    .m-txt-top12{
        top: 100%
    }
    /*pc�������壕��絎�*/

    .col-m-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-m-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-m-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-m-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-m-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-m-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-m-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-m-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-m-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-m-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-m-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-m-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .push-m-0 {
        left: auto
    }

    .push-m-1 {
        left: 8.33333%
    }

    .push-m-2 {
        left: 16.66667%
    }

    .push-m-3 {
        left: 25%
    }

    .push-m-4 {
        left: 33.33333%
    }

    .push-m-5 {
        left: 41.66667%
    }

    .push-m-6 {
        left: 50%
    }

    .push-m-7 {
        left: 58.33333%
    }

    .push-m-8 {
        left: 66.66667%
    }

    .push-m-9 {
        left: 75%
    }

    .push-m-10 {
        left: 83.33333%
    }

    .push-m-11 {
        left: 91.66667%
    }

    .push-m-12 {
        left: 100%
    }
    .product-detail-tile .heading{
        font-size: calc(100vw / 18);
    }
    .product-detail-tile .body{
        font-size: calc(100vw / 35);
    }
    .title{
        font-weight: 100 !important;
        font-size: calc(100vw / 9) !important;
    }
}
@media screen and (max-width: 575px) and (min-width:551px){
    .product-detail-tile .heading{
        font-size: calc(100vw / 30);
    }
    .product-detail-tile .body{
        font-size: calc(100vw / 50);
    }
    .title{
        font-weight: 100 !important;
        font-size: calc(100vw / 15) !important;
    }
    .m-txt-top0{
        top: 2%;
    }
    .m-txt-top1{
        top: 8.33333%
    }
    .m-txt-top2{
        top: 16.66667%
    }
    .m-txt-top3{
        top: 25%
    }
    .m-txt-top4{
        top: 33.33333%
    }.m-txt-top5{
         top: 41.66667%
     }
    .m-txt-top6{
        top: 50%
    }
    .m-txt-top7{
        top: 58.33333%
    }
    .m-txt-top8{
        top: 66.66667%
    }
    .m-txt-top9{
        top: 75%
    }
    .m-txt-top10{
        top: 83.33333%
    }
    .m-txt-top11{
        top: 91.66667%
    }
    .m-txt-top12{
        top: 100%
    }
    /*pc�������壕��絎�*/

    .col-m-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-m-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-m-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-m-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-m-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-m-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-m-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-m-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-m-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-m-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-m-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-m-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .push-m-0 {
        left: auto
    }

    .push-m-1 {
        left: 8.33333%
    }

    .push-m-2 {
        left: 16.66667%
    }

    .push-m-3 {
        left: 25%
    }

    .push-m-4 {
        left: 33.33333%
    }

    .push-m-5 {
        left: 41.66667%
    }

    .push-m-6 {
        left: 50%
    }

    .push-m-7 {
        left: 58.33333%
    }

    .push-m-8 {
        left: 66.66667%
    }

    .push-m-9 {
        left: 75%
    }

    .push-m-10 {
        left: 83.33333%
    }

    .push-m-11 {
        left: 91.66667%
    }

    .push-m-12 {
        left: 100%
    }

}

@media (max-width: 1199px)and (min-width: 575px) {
    .product-detail-tile .heading{
        font-size: calc(100vw / 35);
    }
    .product-detail-tile .body {
        font-size: calc(100vw / 80);
    }
    .title{
        font-weight: 100 !important;
        font-size: calc(100vw / 15) !important;
    }
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .sm-txt-top0{
        top: 2%;
    }
    .sm-txt-top1{
        top: 8.33333%
    }
    .sm-txt-top2{
        top: 16.66667%
    }
    .sm-txt-top3{
        top: 25%
    }
    .sm-txt-top4{
        top: 33.33333%
    }.sm-txt-top5{
         top: 41.66667%
     }
    .sm-txt-top6{
        top: 47%
    }
    .sm-txt-top7{
        top: 58.33333%
    }
    .sm-txt-top8{
        top: 66.66667%
    }
    .sm-txt-top9{
        top: 75%
    }
    .sm-txt-top10{
        top: 83.33333%
    }
    .sm-txt-top11{
        top: 91.66667%
    }
    .sm-txt-top12{
        top: 100%
    }
}
/* width:1366 */
@media screen and (max-width: 1366px)and (min-width: 1200px){
    .product-detail-tile .copy-container{
        width: 880px !important;
    }
    .product-detail-tile .heading {
        font-size: calc(100vw / 48);
    }
    p {
        font-size: calc(100vw / 75.6875);
    }
}
.product-detail-tile .note{
    color: rgba(120, 120, 120, 1);
}
.subheading{
    font-size: calc(100vw / 75);
    font-weight: bold;
    margin: 0.5rem auto;
}