@charset "UTF-8";
.iw_component [id*="iw-exp-lineup-compare"].component-wrap {padding-bottom:56px;}

/* a11y25 */
.pdp-lineup-compare-wrap .a11y25-relative {position: relative;}
.pdp-lineup-compare-wrap .a11y25-screenout {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;width: 100%;height: 100%;clip:rect(0,0,0,0);}
.pdp-lineup-compare-wrap .a11y25-screenout colgroup col[data-col-pc] {width:attr(data-col-pc %);}

/** pdp-lineup-compare-wrap **/
.pdp-lineup-compare-wrap:not(.has-disclaimer) {padding-bottom:80px;}
.pdp-lineup-compare-wrap img {width:auto;max-width:100%;}
.pdp-lineup-compare-wrap[id*="iw-exp"] {padding-top:60px;}
.pdp-lineup-compare-wrap .pdp-lineup-compare-inner {overflow:hidden;position:relative;max-width:1380px;margin:0 auto;text-align:center;}

/* pdp-lineup-compare-header */
.pdp-lineup-compare-wrap .pdp-lineup-compare-header {text-align:center;}
.pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit {padding:0 40px 56px;font-size:48px;line-height:66px;font-weight:700;}
.pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit.type-medium {font-size:40px;line-height:56px;}
.pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit.type-small {font-size:32px;line-height:52px;}

@media screen and (min-width: 768px){
    /** pdp-lineup-compare-wrap **/
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area::-webkit-scrollbar {height:8px;background-color:transparent;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area::-webkit-scrollbar-thumb {border-radius:99px;background-color:#000;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area::-webkit-scrollbar-track {border-radius:99px;background-color:#eaeaea;}
}

@media screen and (max-width: 767px){
    .iw_component [id*="iw-exp-lineup-compare"].component-wrap {padding-bottom:28px;}
    
    /* a11y25 */
    .pdp-lineup-compare-wrap .a11y25-screenout {font-size:2.8vw;line-height:2;}
    .pdp-lineup-compare-wrap .a11y25-screenout colgroup col[data-col-mo] {width:attr(data-col-mo %);}
    .pdp-lineup-compare-wrap table.a11y25-screenout col:first-child {width:1% !important;}
    .pdp-lineup-compare-wrap table.a11y25-screenout thead th:first-child,
    .pdp-lineup-compare-wrap table.a11y25-screenout tbody th {font-size:1px;}

    /** pdp-lineup-compare-wrap **/
    .pdp-lineup-compare-wrap {padding-right:1.38vw;padding-left:1.38vw;}
    .pdp-lineup-compare-wrap:not(.has-disclaimer) {padding-bottom:60px;}
    .pdp-lineup-compare-wrap[id*="iw-exp"] {padding-top:30px;}
    .pdp-lineup-compare-wrap.m-end .pdp-lineup-compare-inner:before,
    .pdp-lineup-compare-wrap .pdp-lineup-compare-inner:after,
    .pdp-lineup-compare-wrap.type-fixed.m-end .pdp-lineup-compare-fixed:before {content:"";position:absolute;top:0;z-index:1;width:30px;height:100%;}
    .pdp-lineup-compare-wrap.m-end .pdp-lineup-compare-inner:before,
    .pdp-lineup-compare-wrap.type-fixed.m-end .pdp-lineup-compare-fixed:before {left:0;background:linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 1) 100%);}
    .pdp-lineup-compare-wrap.m-end .pdp-lineup-compare-inner:after {display:none;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-inner:after {right:0;background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 1) 100%);}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-inner {display:flex;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area {display:flex;overflow-x:auto;overflow-y:hidden;cursor:grab;-webkit-overflow-scrolling:touch;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area img {width:auto;max-width:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-moz-user-drag:none;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area img.mo-only {zoom:50%;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area .pdp-lineup-compare-cont {-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-moz-user-drag:none;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area .pdp-lineup-compare-text {white-space:nowrap;}

    /* pdp-lineup-compare-header */
    .pdp-lineup-compare-wrap .pdp-lineup-compare-header {}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit {padding:0 16px 28px;font-size:32px;line-height:42px;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit.type-medium {font-size:27px;line-height:38px;}
    .pdp-lineup-compare-wrap .pdp-lineup-compare-header .pdp-lineup-compare-tit.type-small {font-size:24px;line-height:33px;}
        
    /* type-fixed */
    .pdp-lineup-compare-wrap.type-fixed.m-end .pdp-lineup-compare-inner:before {display:none;}
    .pdp-lineup-compare-wrap.type-fixed.m-end .pdp-lineup-compare-fixed:before {display:none;left:auto;right:-30px;height:100%;}
    .pdp-lineup-compare-wrap.type-fixed .pdp-lineup-compare-fixed img {zoom:50%;}
    .pdp-lineup-compare-wrap.type-fixed .pdp-lineup-compare-area {flex:1;}
    .pdp-lineup-compare-wrap.type-fixed .pdp-lineup-compare-area .pdp-lineup-compare-fixed {position:sticky;left:0;z-index:1;}
    .pdp-lineup-compare-wrap.type-fixed.type-reverse .pdp-lineup-compare-inner {align-items: flex-end;}

    /* type-reverse */
    .pdp-lineup-compare-wrap.type-reverse .pdp-lineup-compare-area,
    .pdp-lineup-compare-wrap.type-reverse .pdp-lineup-compare-area .pdp-lineup-compare-cont,
    .pdp-lineup-compare-wrap.type-reverse .pdp-lineup-compare-area .pdp-lineup-compare-fixed {transform:rotateX(180deg);}
    .pdp-lineup-compare-wrap.type-reverse .pdp-lineup-compare-inner:before,
    .pdp-lineup-compare-wrap.type-reverse .pdp-lineup-compare-inner:after,
    .pdp-lineup-compare-wrap.type-reverse.type-fixed.m-end .pdp-lineup-compare-fixed:before {top:auto;bottom:0;}
}

@media (orientation: landscape) {
    /** pdp-lineup-compare-wrap **/
    .pdp-lineup-compare-wrap .pdp-lineup-compare-area img.mo-only {zoom:normal;}

    /* type-fixed */
    .pdp-lineup-compare-wrap.type-fixed .pdp-lineup-compare-fixed img {zoom:normal;}   
}