/*
http://patorjk.com/software/taag/#p=display&f=Small&t=detail%20page
https://htmlcolorcodes.com/color-names/
https://www.w3schools.com/colors/colors_names.asp

   __                    
  / _|_ _ __ _ _ __  ___ 
 |  _| '_/ _` | '  \/ -_)
 |_| |_| \__,_|_|_|_\___|
                         

*/


:root {
    --body:#f7f8fb;
    --gray:#8e8f95;
    --bggray:#f1f2f8; 
    --bglightgray:#f9fafb; 
    --hover:#c1c2c8; 
    --border:#dfe1e9; 
    --gray:#c1c2c8; 
    --gray2:#dadbdf; 
    --lightgray:#edeef3;
    --darkgray:#4c4d4e;
    --darkblue:#0b5ca4;
    --black:#333;
    --red:#ec1929;
    --darkred:darkred;
    --orange:#fe761a;
    --pink:#ffd5c0;
    --blue:blue;
    --darkred:#9d1414;
    --error:#ff5722;


    --gradient:linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');
/** { font-family:'Noto Sans',Arial,sans-serif; }*/
* { box-sizing:border-box; position:relative; margin:0; padding:0; 
    line-height:1.5;
    xxxxfont-family:'Hiragino Sans GB','Source Han Sans','PingFangTC-Regular','微軟正黑體','Microsoft YaHei','黑体','Arial',sans-serif;
    font-family:'PingFangTC-Regular','微軟正黑體','Microsoft YaHei','黑体','Arial',sans-serif; 
    -webkit-font-smoothing:antialiased; font-smoothing:antialiased; }

html,body { margin:0; padding:0; width:100%; height:100%; position:relative; }
htmlxxxx { overflow:hidden; }
body { overflow-x:hidden; overflow-y:auto; }
body.dev:before { content:'TEST VERSION'; display:block; padding:3em 6em 1em 6em; font-size:.8em; transform:translate(-50%,-50%) rotate(-30deg); position:fixed; top:1.5em; left:3em; background:#1ee526; color:#ff5722; font-weight:bold; z-index:99999; }
body.dev {}
body.dev .header .menuset {}
a { cursor:pointer; }
h1 { font-size:2.5em; }
h2 { font-size:2em; }
input[type="checkbox"] { margin-right:.5em; }
.noscroll { overflow:hidden; }

.trans, .img img, .img,
.header .menuset .conbox { transition:all cubic-bezier(.47,0,.29,.99) .0003s; }

.row { padding:0; display:flex; width:100%; }
.btn { display:inline-block; vertical-align:middle; color:white; background:#333; border-radius:4em; margin:.2em; padding:.5em 1.5em; vertical-align:middle; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.1); }
.btn:hover { background:#555; }

.btn-addnew { background:mediumaquamarine; }
.btn-save { background:orangered; }
.btn-addnew,
.btn-save,
.btn-delete,
.btn-edit,
.btn-edit-pop,
.btn-cancel { padding:.4em 1.3em; }
.btn-logout { display:block; font-size:.94em; color:white; background:#c1c2c5; margin:0; padding:.5em 1em; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.1); text-shadow:0 -1px 1px rgba(0,0,0,.1); position:absolute; bottom:0; left:0; border-radius:2px; }
.btn-logout:hover { background:orange; }

/*
.img { border-radius:.5em; }
.img img { mix-blend-mode:normal!important; }
*/

.lazy { opacity:0; margin-top:5em; }
.ui-loader { display:none; }

@media -ms-viewport, screen and (min-width:1800px) {
    xxxbody * { font-size:1.02em; }
}












/*

   __                    
  / _|_ _ __ _ _ __  ___ 
 |  _| '_/ _` | '  \/ -_)
 |_| |_| \__,_|_|_|_\___|
                         

*/
.pagebg { display:block; width:100%; height:100vh; z-index:1; padding:0; position:fixed; top:0; left:0; overflow:hidden; opacity:.1; display:none; }
.header { display:block; width:100%; padding:0; position:fixed; top:0; left:0; overflow:hidden; z-index:100; }
    .header .bg { display:block; width:100%; height:100vh; position:absolute; top:0; left:0; background:#333; z-index:1; }
    .header .bg img { display:block; height:100%; width:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.4; }
    .header .logo { display:block; position:absolute; top:2.5em; left:2em; transform:translateY(-50%); width:5em; z-index:22; cursor:pointer; }
    .header .logo img { display:block; width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
    .header .menuset { padding:0; z-index:10; position:relative; text-align:center; background:white; display:flex; justify-content:center; align-items:center; height:5em; background:white; }
        .header .menuset .conbox { position:relative; text-align:center; display:flex; justify-content:center; align-items:stretch; height:5em; padding:0; }
        .header .menuset.disabled:after { content:''; display:block; width:100%; height:100%; background:white; opacity:.01; position:absolute; top:0; left:0; cursor:pointer; }
        .header .menuset.wait { xxxborder-top:1px solid gray; }
        .header .menuset.wait:after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:white; z-index:99; animation:.4s _wait forwards; opacity:0; }
            @keyframes _wait { 0%,99%{top:0;}100%{top:-555px;} }
        .header .menuset a { display:block; padding:1.5em 1em; font-weight:bold; font-size:1.1em; }
        .header .menuset a.sub { padding:.3em 0; padding-left:1.5em; font-size:.8em; }
        .header .menuset a.selected { background:midnightblue;background:dodgerblue;  }
        .header .menuset a.selected { background:#f1f2f5; xxxxborder-bottom:3px solid #333; }
        .header .menuset a.hover { background:#f7f8fa; }

    .header .megagroup { display:block; xxxxborder:1px solid red; }
    .header .mega { display:block; height:calc(100vh - 5em); background:rgba(50,50,50,.88); padding:0; display:none; }
        .header .mega .btn-back { display:block; padding:2em; display:none; }
        .header .mega .btn-back:before { content:url(../images/icon-arrowdown.svg); display:block; width:1em; transform:rotate(90deg); }
        .header .mega >.row.flex { display:flex; flex-wrap:wrap; justify-content:center; background:white; padding:1em; border-top:0; }
        .header .mega >.row.flex .col { display:block; width:16%; padding:1em 0; text-align:left; border-right:1px solid #ccc; }
        .header .mega >.row.flex .col:last-child { border-right:0; border-bottom:0; }
        .header .mega >.row.flex .col strong { display:block; font-size:1.2em; padding:0 1em .5em 1em; pointer-events:none; }
        .header .mega >.row.flex .col a { display:block; margin:0; padding:.3em 1.3em; opacity:.4; }
        .header .mega >.row.flex .col a:hover { xxbackground:#f1f2f5; opacity:1; }
        .header .mega >.row.flex .comingsoon { margin:5em auto; font-size:1.5em; font-style:italic; font-weight:bold; opacity:.4; }
        .header .mega.show { display:block!important; }

    .header .btnmenuset { display:block; width:3em; height:3em; position:absolute; top:2.5em; right:1em; transform:translateY(-50%); z-index:31; transition:all .3s; display:none; }
    .header .btnmenuset span { display:block; width:2.4em; height:2px; position:absolute; top:50%; left:50%; transform-origin:center center; transform:translate(-50%,-50%); background:#333; transition:all .3s; }
    .header .btnmenuset span:first-child { top:33%; }
    .header .btnmenuset span:last-child { top:67%; }
    .header .overlayer { display:block; opacity:0; width:100vw; height:100vh; position:absolute; top:0; left:0; background:rgba(0,0,0,.7); pointer-events:none; z-index:30; }


.floatmenu { display:block; position:fixed; height:4.9em; width:5em; padding:1.4em; top:0; right:0; display:block; z-index:189; xxxoverflow:hidden; background:#f1f2f5; }
    .floatmenu input { display:none; }
    .floatmenu .btn-wordsearch { display:block; margin:0; width:5em; height:5em; position:absolute; top:0; right:0; }
    .floatmenu .btn-wordsearch img { display:block; width:2em; opacity:.5; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .floatmenu .btn-close { display:none; margin:0; width:5em; height:5em; position:absolute; top:0; right:0; transform:translateY(-100%); }
    .floatmenu .btn-close img { display:block; width:2em; opacity:.5; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .floatmenu.hover { background:white; width:100vw; height:100vh; top:4.9em; padding:10em; opacity:0; }
    .floatmenu.hover input { display:block; width:100%; background:transparent; border-radius:0; padding:.5em 0; font-size:2em; margin:0; border:0; border-bottom:1px solid gray; }
    .floatmenu.hover input:focus { outline:0; }
    .floatmenu.hover .btn-wordsearch { top:10em; right:10em; }
    .floatmenu.hover .btn-close { display:block; }


.overlayer { display:block; opacity:0; width:100vw; height:100vh; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); pointer-events:none; z-index:180; }
.overlayer.show { opacity:1; }

.footer { display:flex; flex-wrap:wrap; justify-content:center; background:#313238; z-index:34; }
    .footer .row { text-aling:left; border-bottom:1px solid rgba(200,200,200,.2); }
    .footer .row.flex { display:flex; flex-wrap:wrap; justify-content:center; }
    .footer .col { display:block; width:16em; text-align:left; color:white; padding:2em; border-right:0!important; }
    .footer .col h2 { display:block; font-size:1.2em; font-weight:bold; text-align:left; margin-bottom:1em; }
    .footer .col a { font-size:1em; display:block; margin:.5em 0; opacity:.5; color:white; text-decoration:none; }
    .footer .col a:hover { opacity:1; }
    .footer .copyright { font-size:.7em; text-align:center; color:white; display:block; width:100%; padding:1em; padding-bottom:1.3em; }
    .footer .copyright img { display:inline-block; width:1.5em; margin-right:.2em; transform:translateY(.4em); }
    .footer .bottomrow { padding:1em; border-top:0!important; xxxborder-bottom:1px solid rgba(200,200,200,.2); border-bottom:0; }
    .footer .bottomrow .col { width:33.33%; text-align:center; padding:.5em 1em; }
    .footer .bottomrow .col:first-child { text-align:left; }
    .footer .bottomrow .col:last-child { text-align:right; }
    .footer .socialset { text-align:right; vertical-align:middle; display:inline-flex!important; justify-content:right; align-items:center; }
    .footer .socialset p { display:inline-block; vertical-align:middle; }
    .footer .socialset a { display:inline-block; vertical-align:middle; margin:0 .3em!important; }
    .footer .socialset a img { display:inline-block; width:1.7em; margin-right:.2em; vertical-align:middle; }
    .footer .socialset .qrcode { display:block; width:12em; position:absolute; bottom:4em; overflow:hidden; border-radius:.5em; box-shadow:0 1px 2px rgba(0,0,0,.3); display:none; }
        .footer .socialset .qrcode-wechat-brand { right:12em; }
        .footer .socialset .qrcode-wechat-school { right:3em; }
    .footer .btn-lang { display:block; margin:.5em; }
    .footer .btn-lang:after { content:url(../images/icon-arrowdown-white.svg); margin-left:.5em; opacity:.5; display:inline-block; width:.8em; transform:rotate(180deg); }
    .footer .btn-lang * { display:inline-block; vertical-align:middle; }
    .footer .btn-lang p { padding:0 0 0 .5em; }
    .footer .btn-lang>p { padding:0; }
    .footer .btn-lang .overblock { display:block; transform:translateY(100%); xxxtext-align:center; position:fixed; bottom:0; left:0; background:white; width:100%; padding:5em; z-index:199; transition:all .3s; }
    .footer .btn-lang .overblock a { display:block; color:#333; opacity:.5; margin:.5em; }
    .footer .btn-lang .overblock a img { display:inline-block; width:1.5em; height:auto; margin:.5em .8em; }
    .footer .btn-lang .overblock a.selected { opacity:1; }
    .footer .btn-lang .overblock.open { transform:translateY(0); }
    .footer.overlay { z-index:181; }


.langmap { display:block; text-align:center; padding:5vw; }
.langmap.fix { position:fixed; bottom:0; left:0; width:100vw; height:100vh; background:white; z-index:410; overflow-y:auto; }
.langmap .group { display:block; width:100%; max-width:800px; margin:0 auto; text-align:left; border-top:1px solid gray; padding-bottom:2em; }
.langmap .group:first-child { border-top:0; }
.langmap .group h3 { display:block; font-size:2em; font-weight:bold; margin-top:2em; text-transform:uppercase; }
.langmap .group:first-child h3 { margin-top:0; padding-top:2em; border-top:0; }
.langmap .group .row { display:flex; flex-wrap:wrap; width:100%; padding:2em 0; }
.langmap .group .row .item { display:block; opacity:.8; width:33.33%; xxxxxxxcursor:pointer; margin-bottom:1em; padding-left:2em; position:relative; }
.langmap .group .row .item:before { content:url(../images/icon-location.svg); display:block; opacity:.3; width:1em; height:1em; position:absolute; top:0; left:0; }
.langmap .group .row .item:hoverxxxxx { opacity:1; }
.langmap .group .row .item p { display:none; }
.langmap .group .row .item strong { font-size:.9em; margin:0; }


@media -ms-viewport, screen and (min-width:1800px) {
}
@media -ms-viewport, screen and (min-width:1024px) and (max-width:1200px) {
    .header .menuset a { padding:1.5em 1em; font-size:1em; }
    .footer .col { padding:1em; }
    .footer .col h2 { font-size:1.1em; }
    .footer .col a { font-size:.9em; margin:.5em 0; }
    .footer .col a:hover { opacity:1; }
    .footer .copyright { font-size:.7em; text-align:center; color:white; display:block; width:100%; padding:1em; padding-bottom:1.3em; }
    .footer .copyright img { display:inline-block; width:1.5em; margin-right:.2em; transform:translateY(.4em); }
    .footer .bottomrow { padding:1em; border-top:0!important; xxxborder-bottom:1px solid rgba(200,200,200,.2); border-bottom:0; }
    .footer .bottomrow .col { width:33.33%; text-align:center; padding:.5em 1em; }
    .footer .bottomrow .col:first-child { text-align:left; }
    .footer .bottomrow .col:last-child { text-align:right; }
    .footer .socialset { text-align:right; vertical-align:middle; }
    .footer .socialset p { display:inline-block; vertical-align:middle; }
    .footer .socialset a { display:inline-block; vertical-align:middle; transform:translateY(-.1em); }
    .footer .socialset a img { display:block; width:1.5em; }
    .footer .btn-lang { display:block; margin:.5em 0; }
    .footer .btn-lang:after { content:url(../images/icon-arrowdown-white.svg); margin-left:.5em; opacity:.5; display:inline-block; width:.8em; transform:rotate(180deg); }
    .footer .btn-lang * { display:inline-block; vertical-align:middle; }
    .footer .btn-lang p { padding:0 0 0 .5em; }
    .footer .btn-lang>p { padding:0; }
    .footer .btn-lang .overblock { display:block; transform:translateY(100%); xxxtext-align:center; position:fixed; bottom:0; left:0; background:white; width:100%; padding:5em; z-index:199; transition:all .3s; }
    .footer .btn-lang .overblock a { display:block; color:#333; opacity:.5; margin:.5em; }
    .footer .btn-lang .overblock a img { display:inline-block; width:1.5em; height:auto; margin:.5em .8em; }
    .footer .btn-lang .overblock a.selected { opacity:1; }
    .footer .btn-lang .overblock.open { transform:translateY(0); }
    .footer.overlay { z-index:188; }
}
/*@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {
}
@media -ms-viewport, screen and (max-width:640px) {*/
@media -ms-viewport, screen and (max-width:1024px) {
    .header { height:5em; overflow:visible; }
    .header:before { content:''; display:block; width:100vw; height:5em; position:absolute; top:0; left:0; background:white; z-index:1; }
    .header .logo { top:2.5em; left:1em; width:4em; }
    .header .menuset { display:block; opacity:0; position:absolute; top:0; left:100%; width:100vw; height:100vh; background:white; box-shadow:0 0 10px rgba(0,0,0,.2); z-index:34; padding:3em; overflow:hidden; }
    .header .menuset .conbox { position:absolute; top:0; left:0; display:block; padding:3em 0; height:auto; width:77%; }
    .header .menuset a { text-align:left; padding:1em 2.5em; display:block; }
    .header .mega { width:77vw; height:100vh; background:transparent; padding:0; position:absolute; top:0; left:110vw; z-index:55; display:block!important; transition:all .3s; overflow-y:auto; }
    .header .mega .btn-back { display:block; }
    .header .mega >.row.flex { display:block; padding:0; height:100%; }
    .header .mega >.row.flex .col { width:100%; border-right:0; padding:1.5em; border-bottom:1px solid #ccc; font-size:1.1em; }
    .header .mega >.row.flex .col strong {}
    .header .mega >.row.flex .comingsoon { margin:2em; font-size:1.2em; }
    .header .btnmenuset { display:block; }
    .header .floatmenu { display:none; }
    .floatmenu { display:none; }
    
    body.mopen { margin-left:-20vw; overflow:hidden; }
    body.mopen .header { left:-10vw; transition-duration:.4s; }
    body.mopen .header .menuset { opacity:1; left:33vw; transition-duration:.4s; }
    body.mopen .header .btnmenuset { transform:translate(-50%,-50%) rotate(-45deg); right:-.5em;right:65vw; }
    body.mopen .header .btnmenuset span { background:white; }
    body.mopen .header .btnmenuset span:first-child { top:50%; opacity:0; }
    body.mopen .header .btnmenuset span:last-child { top:50%; transform:translate(-50%,-50%) rotate(90deg); }
    body.mopen .header .overlayer { opacity:1; transition-duration:.4s; }
    body.mopen .footer { left:-10vw; }
    .header.openmega .menuset .conbox { margin-left:-77%; }
    .header.openmega .mega.show { left:33vw; opacity:1; }

    .footer .col { width:100%; padding:.5em 2em; xxpadding-bottom:1.5em; xxxborder-bottom:1px solid rgba(200,200,200,.2); }
    .footer .col:first-child { padding-top:3em; }
    .footer .col:last-child { padding-bottom:3em; }
    .footer .col h2 { margin-bottom:0; font-size:1.1em; }
    .footer .col a:first-of-type { margin-top:1em; }
    .footer .col a:last-of-type { margin-bottom:1em; }
    .footer .copyright { text-align:left; padding:1em 2em; line-height:1.8; }
    .footer .bottomrow { padding:0; }
    .footer .bottomrow .col:first-child { width:100%; text-align:left!important; padding:.5em 2em; }
    .footer .bottomrow .col { width:100%; text-align:left; padding:.5em 2em; }
    .footer .langset { padding:1.5em 2em!important; border-bottom:1px solid rgba(200,200,200,.2); }
    .footer .termset a { margin:0!important; }
    .footer .socialset { text-align:center!important; }
    .footer .socialset a { margin:.5em; }
    .footer .socialset a img { width:2.5em; }
    .footer .socialset p { display:none; }
    .footer .socialset .qrcode { width:80vw; display:block; position:relative; bottom:auto; right:auto; margin:0 auto 1.5em auto; }


    .footer .btn-lang .overblock { padding:3em; }
    .footer .btn-lang .overblock a { font-size:1.2em; margin:1em; }
    .footer.overlay { z-index:184; }
    .footer.overlay:after { content:''; display:block; width:100vw; height:100vh; background:rgba(0,0,0,.7); position:absolute; bottom:0; left:0; z-index:1; }
    .footer.overlay .btn-lang .overblock { transform:translateY(0); }

    .langmap .group .row .item { width:50%; }

}








/*

             _                   _           _   
  _ __  __ _(_)_ _    __ ___ _ _| |_ ___ _ _| |_ 
 | '  \/ _` | | ' \  / _/ _ \ ' \  _/ -_) ' \  _|
 |_|_|_\__,_|_|_||_| \__\___/_||_\__\___|_||_\__|
                                                 

*/



.breadcrumb { display:block; padding:1em 0; margin-left:-.5em; z-index:4; }
.breadcrumb a { display:inline-block; padding:.5em; font-size:.85em; xxxxletter-spacing:.1em; color:#333; }
.breadcrumb span.icon-arrow { display:inline-block; width:1em; }
.breadcrumb span.icon-arrow:before { content:url(../images/icon-arrowdown.svg); margin:0; padding:0; width:.6em; height:.6em; display:inline-block; transform:translate(-50%,.5em) rotate(-90deg); }
.breadcrumb.white {}
.breadcrumb.white a { color:white; }

.container { display:block; width:100%; margin:0 auto; position:relative; left:0; xxxoverflow:hidden; padding:0 3%; z-index:66; margin-top:5em; min-height:calc(100vh - 26.4em); }
.container.full { display:block; width:100%; margin:0; padding:0; }
.container.full.cover .banner { margin-top:75px; }
.container.full.cover .banner.short { height:30vw; }
.container.full.cover .breadcrumb { position:absolute; top:20px; left:50px; }
.container.full.cover .breadcrumb a { color:white!important; }
.container.full.cover .breadcrumb span.icon-arrow:before { content:url(../images/icon-arrowdown-white.svg); }


@media -ms-viewport, screen and (min-width:1800px) {
    .container { width:90%; }
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:940px) {
}
@media -ms-viewport, screen and (max-width:640px) {
    .breadcrumb { padding:.5em 1em;padding:0; margin-left:0; display:none; }
    .container { width:100%; min-height:60vh; }
    .container.full.cover .breadcrumb { left:1em; }
}


.row { padding:.5em; display:block; width:100%; flex-wrap:wrap; }
.row:first-child { xxpadding-top:10em; }
.row.flex { display:flex; padding:0; border-top:1px solid #ccc; width:calc(100% + 1em); margin-left:-.5em; }
.row.flex:first-child { border-top:0; }
.row.flex>.row { display:block; }
.row.flex>.col { display:block; border-right:1px solid #ccc; }
.row.flex>.col:last-child { border:0!important; }
.row.flex>.col.nopadding { padding:3em 1em 0 0; }
.row.flex.flex37 .col:first-child { width:30%; }
.row.flex.flex37 .col:last-child { width:70%; }
.row.flex.flex28 .col:first-child { width:20%; }
.row.flex.flex28 .col:last-child { width:80%; }
.row.flex.flex55 .col:first-child { width:50%; }
.row.flex.flex55 .col:last-child { width:50%; }
.row.flex.noborder { border:0; }
.row.flex.noborder .col { border:0; }
.row.center { text-align:center; justify-content:center; }
.row.cover { padding:0; }
.row.bggray { background:var(--bggray); }
.center { display:block; width:100%; text-align:center; justify-content:center; }
.center * { margin:0 auto; }
.sectitle { font-size:2.2em; margin:2em 0; }




.productlist { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; }
.productlist .searchhead { width:100%; text-align:left; padding:1em; margin-bottom:1em; }
.productlist .searchhead span { color:orangered; }
    .productlist .item { display:inline-block; position:relative; margin:.2em; padding:0; overflow:hidden; cursor:pointer; width:calc(33.33% - .4em); }
    .productlist .item { margin:.5em; width:calc(33.33% - 1em); }
    .productlist .item .img { display:block; width:100%; height:22vw; margin:0 auto; background:#f1f2f5; overflow:hidden; transition:all .3s; }
    .productlist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; transition:all .3s; }
    .productlist .item .img .tag { display:block; font-size:.8em; font-weight:bold; border:2px solid white; color:white; padding:.3em 1em; position:absolute; bottom:1.5em; left:1.8em; border-radius:3em; }
    .productlist .item .infoblock { display:block; padding:1em 0; margin-bottom:1em; text-align:left; }
    .productlist .item .infoblock h2 { display:block; font-size:1.5em; text-align:left; }
    .productlist .item .infoblock strong { display:block; xxxfont-size:1.2em; text-align:left; xxxxmargin-bottom:.5em; }
    .productlist .item .infoblock textarea { border:0; padding:0; height:auto; pointer-events:none; }
    .productlist .item .infoblock textarea,
    .productlist .item .infoblock pre,
    .productlist .item .infoblock p { text-align:left; margin-top:.5em; font-size:.85em; white-space:pre-wrap; }
    .productlist .item .infoblock pre { margin-bottom:1em; }
    .productlist .item .infoblock .price { font-weight:bold; margin-top:1.4em; text-align:left; }
    .productlist .item .infoblock .price span { display:inline-block; font-weight:bold; margin-right:1em; }
    .productlist .item .infoblock .smallprice { display:inline-block; font-weight:bold; transform:translateY(1.1em); opacity:.5; position:relative; text-align:left; width:auto; padding:0 .2em; margin-left:0; left:0; }
    .productlist .item .infoblock .smallprice:after { content:''; display:block; width:100%; top:50%; position:absolute; border-top:1px solid black; left:0; height:0; }
    .productlist .item .infoblock .colorrow { display:block; text-align:left; }
    .productlist .item .infoblock .colorrow .dot { display:inline-block; width:1.2em; height:1.2em; border-radius:50%; overflow:hidden; margin-right:.5em; }
    .productlist .item:after { content:url(../images/icon-parrow.svg); display:block; width:4.1em; height:4.1em; position:absolute; bottom:2em; right:2em; opacity:0; transition:all .2s; }
    .productlist .item.full { width:calc(100% - 1em); }
    .productlist .item.cover { padding:0; }
    .productlist .item.cover .img { display:none; }
    .productlist .item.cover .infoblockxxx { position:absolute; bottom:0; left:0; padding:2em; }
    .productlist .item.cover .infoblock { position:relative; padding:0; }
    .productlist .item.cover .infoblock h2 { font-size:2em; }
    .productlist .item.cover .infoblock strong { font-size:2em; }
    .productlist .item:hover .img { background:#a1a2a5; }
    .productlist .item:hover .img img { width:108%; height:108%; opacity:.8; }
    .productlist .item:hover:after { opacity:.6; right:.8em; }
    
    .noresult { display:block; padding:3em; background:#f1f2f5; width:100%; display:none; }

    .ptag { font-style:italic; font-size:.8em!important; display:inline-block; transform:translateY(-.5em); margin-left:.2em; }
    .ptag.up { margin-right:.2em!important; transform:translateY(-.5em); }
    

.imagelist { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; }
    .imagelist .mask { display:flex; flex-wrap:wrap; justify-content:left; padding:0; width:100%; position:relative; }
    .imagelist .item { display:inline-block; position:relative; margin:.5em; padding:0; overflow:hidden; xxxxcursor:pointer; width:calc(50% - 1.01em); }
    .imagelist .item .img { display:block; width:100%; height:20.5vw; margin:0 auto; background:#f1f2f5; overflow:hidden; transition:none; }
    .imagelist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
    .imagelist .mask .item:first-child { width:calc(100% - 1em); padding-top:.5em; }
    .imagelist .mask .item:first-child .img { height:40vw; }
    .imagelist.mobileimagecover { display:none; }

.bannerlist { display:flex; flex-wrap:wrap; margin-left:-3vw; width:calc(100% + 6vw); }
    .bannerlist .item { display:block; position:relative; width:calc(50% - 1em); margin:.5em; height:auto; overflow:hidden; cursor:pointer; }
    .bannerlist .item { margin:1em; width:calc(50% - 2em); }
    .bannerlist .item.w100 { width:calc(100% + 1em); }
    .bannerlist .item.w100 .img { height:40vw; }
    .bannerlist .item .img { display:block; width:100%; height:30vw; box-shadow:0 1px 2px rgba(0,0,0,.2); background:#121212; overflow:hidden; transition:all .3s; }
    .bannerlist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; opacity:.9; transition:all .3s; }
    .bannerlist .item:hover .img { background:#a1a2a5; }
    .bannerlist .item:hover .img img { width:103%; height:103%; opacity:.8; }
    .bannerlist .item .infoblock { display:block; padding:1em 0; text-align:center; }
    .bannerlist .item .infoblock strong,
    .bannerlist .item .infoblock p { padding:0; margin:.5em .5em; }
    .bannerlist .item .infoblock strong { font-size:1.2em; }
    .bannerlist .item .infoblock h2 { font-size:2.4em; margin:.5em 0; }
    .bannerlist .item .infoblock h2 span { font-size:.5em; margin:.5em 0; font-style:italic; font-weight:bold; }
    .bannerlist .item .infoblock .btn { margin:1em 0; font-weight:bold; font-size:1em; transition:all .2s; }
    .bannerlist .item .infoblock .btn:hover { transform:scale(1.1) translateY(-.02em); }
        .bannerlist.style2 {}
        .bannerlist.style2 .item { position:relative; margin:.2em; width:calc(50% - .4em); background:black; }
        .bannerlist.style2 .item.w100 { width:calc(100% - .4em); }
        .bannerlist.style2 .item .infoblock { position:absolute; top:50%; left:50%; color:white; transform:translate(-50%,-50%); width:100%; padding:1em; }
        .bannerlist.style2 .item .infoblock h2 { font-size:3.6vw; }
        .bannerlist.style2 .item .infoblock p { width:60%; margin:1em auto; font-weight:bold; font-size:1.1em; }
        .bannerlist.style2 .item .infoblock .btn { background:white; color:black; mix-blend-mode:screen; }

.newslist { display:flex; flex-wrap:wrap; margin-left:-1em; width:calc(100% + 4em); width:88%; margin:0 auto 5em auto; }
    .newslist .item { display:block; position:relative; width:calc(33.33% - 2em); margin:1em; height:auto; overflow:hidden; cursor:pointer; }
    .newslist.largeone .item:nth-child(1) { width:calc(66.66% - 2em); }
    .newslist.largeone .item:nth-child(1) .img { height:34vw; }
    .newslist.largeone .item:nth-child(6) { width:calc(66.66% - 2em); }
    .newslist.largeone .item:nth-child(6) .img { height:34vw; }
    .newslist .item .img { display:block; width:100%; height:12vw; box-shadow:0 1px 2px rgba(0,0,0,.2); background:#121212; overflow:hidden; }
    .newslist .item .img img { display:block; transition:all .3s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; opacity:.6; }
    .newslist .item:hover .img { background:#333; }
    .newslist .item:hover .img img { width:103%; height:103%; opacity:.8; }
    .newslist .item .infoblock { display:block; padding:1em 0; text-align:left; }
    .newslist .item .infoblock strong,
    .newslist .item .infoblock p { padding:0; margin:.5em .5em; }
    .newslist .item .infoblock strong { font-size:1.2em; }
    .newslist .item .infoblock h2 { font-size:2.4em; margin:.5em 0; }
    .newslist .item .infoblock .btn { margin:1em 0; font-weight:bold; font-size:1em; }

.newsdetailblock { display:block; margin:0; width:calc(100% + 6em); margin-left:-3.25em; text-align:justify; }
    .newsdetailblock .decoblock { display:block; width:100vw; height:30vw; background:dodgerblue;background:#294962; position:absolute; top:-5vw; left:0; }
    .newsdetailblock .cover { display:block; width:100%; height:36vw; box-shadow:0 1px 2px rgba(0,0,0,.2); background:#121212; overflow:hidden; }
    .newsdetailblock .cover h1 { position:absolute; bottom:4em; left:50%; transform:translateX(-50%); font-size:2.2em; color:white; }
    .newsdetailblock .cover img { display:block; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; opacity:.6; }
    .newsdetailblock .con { display:block; width:60%; margin:0 auto; padding:3em 0 10em 0; font-size:1.1em; line-height:1.8; }
    .newsdetailblock .con img { display:block; max-width:100%; width:100%; height:auto!important; }
    .newsdetailblock .con h1 { display:block; line-height:1.2; margin:1em 0 1.5em 0; }
    .newsdetailblock .con p { line-height:2; }

.shareset { text-align:center; padding:4em 0; }
.shareset h3 { font-style:italic; font-weight:bold; font-size:2.5em; }
.shareset h3:after { content:''; display:block; width:0; height:2.5em; border-right:1px solid gray; margin:1em auto 0 auto; }
.shareset a { display:inline-block; transition:all .2s; margin:1.5em; cursor:pointer; opacity:.5; }
.shareset a img { width:2.5em; }
.shareset a:hover { opacity:1; }


.filterset { text-align:center; }
.filterset .col { display:inline-block; height:auto; vertical-align:top; }
.filterset .col:first-child { width:16%; margin-right:1em; position:-webkit-sticky; position:sticky; top:5em; left:0; }
.filterset .col:last-child { width:calc(84% - 2em); }
.filterblock { display:block; text-align:left; padding:1em 0; }
    .filterblock:before { content:''; display:block; background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; display:none; }
    .filterblock .filtergroup {}
    .filterblock .row { border-bottom:1px solid #ccc; padding:.5em 0; position:relative; z-index:10; }
    .filterblock .row:last-child { border-bottom:0; }
    .filterblock .row strong { display:block; font-size:1.2em; margin-bottom:.5em; }
    .filterblock .row a { display:block; margin:.5em 0; opacity:.7; }
    .filterblock .row a.btn-search { margin-left:-.2em; }
    .filterblock .row a:hover { opacity:1; }
    .filterblock .row a.selected { opacity:1; }
    .filterblock .row a input[type="checkbox"] { pointer-events:none; }
    .filterblock .btn-filter { display:none; width:auto; background:#aaa; }
    .filterblock .btn-filter:hover { background:#333; }
    
.recommandblock { padding:5em 0; }
.recommandblock h3 { font-size:2.2em; margin:2em 0; }
.recommandlist { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; }
    .recommandlist .mask { display:flex; flex-wrap:wrap; justify-content:center; padding:0; width:100%; position:relative; }
    .recommandlist .item { display:inline-block; position:relative; margin:.5em; padding:0; overflow:hidden; cursor:pointer; width:calc(25% - 1em); }
    .recommandlist .item { margin:.5em; width:calc(25% - 4em); }
    .recommandlist .item .img { display:block; width:100%; height:17vw; margin:0 auto; background:#f1f2f5; overflow:hidden; transition:all .3s; }
    .recommandlist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; transition:all .3s; }
    .recommandlist .item .img .tag { display:block; font-size:.8em; border:2px solid white; color:white; padding:.3em 1em; position:absolute; bottom:1em; left:1em; border-radius:3em; }
    .recommandlist .item:hover .img { background:#a1a2a5; }
    .recommandlist .item:hover .img img { width:103%; height:103%; opacity:.8; }
    .recommandlist .item .infoblock { display:block; padding:1em 0; margin:0; padding-bottom:2em; height:auto; margin-bottom:1em; text-align:left; }
    .recommandlist .item .infoblock h2 { display:block; font-size:1.5em; text-align:left; }
    .recommandlist .item .infoblock textarea,
    .recommandlist .item .infoblock pre,
    .recommandlist .item .infoblock p { text-align:left; margin-top:.5em; font-size:.85em; white-space:pre-wrap; }
    .recommandlist .item .infoblock pre { margin-bottom:1em; }
    .recommandlist .item .infoblock strong { display:block; xxxfont-size:1.2em; text-align:left; xxxmargin-bottom:.5em; }
    .recommandlist .item .infoblock .price { font-weight:bold; margin-top:1.4em; text-align:left; }
    .recommandlist .item .infoblock .price span { display:inline-block; font-weight:bold; margin-right:1em; }
    .recommandlist .item .infoblock .smallprice { display:inline-block; font-weight:bold; transform:translateY(1.1em); opacity:.5; position:relative; text-align:left; width:auto; padding:0 .2em; margin-left:0; left:0; }
    .recommandlist .item .infoblock .smallprice:after { content:''; display:block; width:100%; top:50%; position:absolute; border-top:1px solid black; left:0; height:0; }
    

.sportblock { padding:5em 0; }
.sportblock h3 { font-size:2.2em; margin:2em 0; }
.sportlist { display:flex; flex-wrap:wrap; justify-content:center; padding:1em 0; width:calc(100% + 6vw); margin:7vw 0 -.5em 0; margin-left:-3vw; }
    .sportlist .mask { display:flex; flex-wrap:wrap; justify-content:center; padding:0; width:100%; position:relative; }
    .sportlist .item { display:inline-block; position:relative; margin:.3em; padding:0; overflow:hidden; cursor:pointer; width:calc(33.33% - 1em); }
    .sportlist .item .img { display:block; width:100%; height:18vw; margin:0 auto; background:lightskyblue; overflow:hidden; transition:all .2s; }
    .sportlist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:contain; mix-blend-mode:multiply; transition:all .2s; }
    .sportlist .item:hover .img { background:#a1a2a5; background:dodgerblue; }
    .sportlist .item:hover .img img { width:108%; height:108%; opacity:.8; }
    .sportlist .item .infoblock { display:block; padding:.5em 1.5em; margin-bottom:1em; text-align:left; position:absolute; bottom:0; left:0; z-index:12; display:none; }
    .sportlist .item h2 { display:block; font-size:1.4em; font-weight:bold; text-align:left; color:white; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:12; }
    .sportlist.on4 .item { width:calc(25.00% - 2em); }
    .sportlist.on5 .item { width:calc(20.00% - 2em); }
    .sportlist.on6 .item { width:calc(33.33% - 2em); }
    .sportlist.on7 .item { width:calc(25.00% - 2em); }
    .sportlist.on8 .item { width:calc(25.00% - 2em); }

.stageframe { display:block; flex-wrap:wrap; justify-content:left; padding:1em; }
    .stageframe .item { display:block; position:relative; margin:.5em; padding:0; overflow:hidden; cursor:pointer; width:calc(33.33% - 1em); }
    .stageframe .item .img { display:block; width:100%; height:28vw; margin:0 auto; background:lightskyblue; overflow:hidden; }
    .stageframe .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
    .stageframe .item .infoblock { display:block; padding:.5em 1.5em; margin-bottom:1em; text-align:left; position:absolute; bottom:0; left:0; z-index:12; }
    .stageframe .item h2 { display:block; font-size:1.8em; font-weight:bold; text-align:left; color:white; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:12; }
    .stagelist { display:flex; flex-wrap:wrap; justify-content:left; padding:2em 0; width:calc(100% + 1em); margin-left:-.5em; margin-top:2em; }
        .stagelist .item { display:inline-block; position:relative; margin:.5em; padding:0; overflow:hidden; cursor:pointer; width:calc(33.33% - 1em); }
        .stagelist .item .img { display:block; width:100%; height:18vw; margin:0 auto; background:#f1f2f5; overflow:hidden; }
        .stagelist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }

        .stagelist .item:hover .img { background:#a1a2a5; }
        .stagelist .item:hover .img img { width:108%; height:108%; opacity:.8; }
        .stagelist .item .infoblock { display:block; padding:1em 0; margin-bottom:1em; text-align:left; }
        .stagelist .item .infoblock strong { display:block; font-size:1.2em; text-align:left; margin-bottom:.5em; }

.techblock { padding:5em 0; }
.techblock h3 { font-size:2.2em; margin:2em 0; }
.techlist { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; }
    .techlist .item { display:inline-block; position:relative; margin:.5em; padding:2em 0; overflow:hidden; cursor:pointer; width:calc(100% - 1em); }
    .techlist .item .img { display:block; width:100%; height:30vw; margin:0 auto; background:#f1f2f5; overflow:hidden; }
    .techlist .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
    .techlist .item:hover .img { background:#a1a2a5; }
    .techlist .item:hover .img img { width:108%; height:108%; opacity:.8; }
    .techlist .item .infoblock { display:block; text-align:center; padding:1em 0; margin-bottom:1em; }
    .techlist .item .infoblock strong { display:block; font-size:2em; }
    .techlist .item .infoblock .btn { margin:1.5em 0; font-size:1.2em; }
.techcover { display:flex; flex-wrap:wrap; justify-content:left; padding:0; padding-top:30vw; overflow:hidden; margin::1em 0; width:calc(100% + 1em); margin-left:-.5em; }
    .techcover .mask { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; position:absolute; top:0; left:0; width:100%; height:30vw; }
    .techcover .item { display:inline-block; position:relative; margin:0; padding:0; overflow:hidden; width:calc(100% - 1em); }
    .techcover .item .img { display:block; width:100%; height:30vw; margin:0 auto; background:#f1f2f5; overflow:hidden; }
    .techcover .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
    .techcover .item strong { display:block; color:white; position:absolute; top:50%; left:2em; transform:translateY(-50%); text-align:left; font-size:2em; }
    
    .techcover .nav { display:block; position:absolute; top:calc(30vw - 9.5em); left:0; width:10em; height:10em; overflow:hidden; cursor:pointer; }
    .techcover .nav.techcovernav { overflow:hidden; width:10em; }
        .techcover .nav .infoblock { display:block; position:absolute; bottom:0; left:0; padding:2em; color:white; z-index:12; }
        .techcover .nav .infoblock p { display:inline-block; vertical-align:middle; }
        .techcover .nav .infoblock .btn-next { display:inline-block; width:1em; height:1em; background-size:cover; background-image:url(../images/icon-arrowdown-white.svg); transform:translateY(.2em) rotate(-90deg); }
        .techcover .nav .mask { display:flex; flex-wrap:wrap; justify-content:left; position:absolute; bottom:0; left:0; width:40em; height:10em; }
        .techcover .nav .item { display:block; width:10em; height:100%; margin:0; padding:0; }
        .techcover .nav .item strong { font-size:1em; width:6em; }
        .techcover .nav .item .img { display:block; width:10em; height:10em; margin:0; background:dodgerblue; overflow:hidden; }
        .techcover .nav .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
/*
.sportcover { display:flex; flex-wrap:wrap; justify-content:left; padding:0; padding-top:36vw; overflow:hidden; margin::1em 0; width:calc(100% + 6vw); margin-left:-3vw; }
    .sportcover .mask { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; position:absolute; top:0; left:0; width:100%; height:36vw; }
    .sportcover .item { display:inline-block; position:relative; margin:0; padding:0; overflow:hidden; width:calc(100% - 1em); }
    .sportcover .item .img { display:block; width:100%; height:36vw; margin:0 auto; background:#f1f2f5;background:var(--gradient); overflow:hidden; }
    .sportcover .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:overlay; }
    .sportcover .item .video { display:block; width:100%; height:30vw; margin:0 auto; background:#f1f2f5; overflow:hidden; }
    .sportcover .item .video iframe { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
    .sportcover .item .con { display:block; position:absolute; top:80%; left:6vw; transform:translateY(-50%); text-align:left; }
    .sportcover .item strong { display:block; color:white; font-size:4em; font-weight:bold; padding-left:.2em; margin-bottom:-1.5em; }
    .sportcover .item h1 { display:block; width:auto; color:white; font-size:15em; font-family:'Tourney',cursive; xxxfont-family:'Barlow'; letter-spacing:-.05em; font-weight:800; margin-top:-.2em; }
    */

    .sportcover { display:flex; flex-wrap:wrap; justify-content:left; padding:0; padding-top:30vw; overflow:hidden; margin::1em 0; width:calc(100% + 1em); margin-left:-.5em; }
    .sportcover .mask { display:flex; flex-wrap:wrap; justify-content:left; padding-top:0; position:absolute; top:0; left:0; width:100%; height:30vw; }
    .sportcover .item { display:inline-block; position:relative; margin:0; padding:0; overflow:hidden; width:calc(100% - 1em); }
    .sportcover .item .img { display:block; width:100%; height:30vw; margin:0 auto; background:#f1f2f5;background:var(--gradient); overflow:hidden; }
    .sportcover .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; }
    .sportcover .item .con { display:flex; flex-direction:column; justify-content:left; align-items:left; position:absolute; top:50%; left:6vw; transform:translateY(-50%);/* rotate(-5deg);*/ text-align:left; }
    .sportcover .item strong { display:block; width:auto; color:white; font-size:4em; font-weight:bold; margin-right:.5em; xxxborder:1px solid red; }
    .sportcover .item h1 { display:block; width:auto; color:white; font-size:2em; font-family:'Tourney',cursive;font-family:'Barlow'; xxxletter-spacing:-.05em; font-weight:800; }
    .sportcover .floatright { display:flex; position:absolute; bottom:0; right:0; }
    .sportcover .floatright .btn-con { transition:all .2s; display:block; color:white; font-size:1.2em; font-family:'Barlow'; padding:.8em 3em; background:var(--darkgray); border-radius:0; margin:0; margin-left:1px; }
    .sportcover .floatright .btn-con .icon { transition:all .3s; display:inline-block; width:1em; margin-right:.5em; transform:translateY(.2em); }
    .sportcover .floatright .btn-con:hover { background:var(--black); }
    .sportcover .floatright .btn-con:hover .icon { transform:translateY(.5em); }

    .sportcover.full { width:calc(100% + 3.5vw); margin-left:-3vw; margin-bottom:6em; }
    .sportcover.h40 { padding-top:40vw; }
    .sportcover.h40 .mask,
    .sportcover.h40 .item .img { height:40vw; }   
     
    .sportcover .nav { display:block; position:absolute; top:calc(30vw - 9.5em); left:0; width:10em; height:10em; overflow:hidden; cursor:pointer; }
    .sportcover .nav.sportcovernav { overflow:hidden; width:10em; }
        .sportcover .nav .infoblock { display:block; position:absolute; bottom:0; left:0; padding:2em; color:white; z-index:12; }
        .sportcover .nav .infoblock p { display:inline-block; vertical-align:middle; }
        .sportcover .nav .infoblock .btn-next { display:inline-block; width:1em; height:1em; background-size:cover; background-image:url(../images/icon-arrowdown-white.svg); transform:translateY(.2em) rotate(-90deg); }
        .sportcover .nav .mask { display:flex; flex-wrap:wrap; justify-content:left; position:absolute; top:0; left:0; width:40em; height:10em; }
        .sportcover .nav .item { display:block; width:10em; height:10em; margin:0; padding:0; }
        .sportcover .nav .item strong { font-size:1em; }
        .sportcover .nav .item .img { display:block; width:10em; height:10em; margin:0; background:dodgerblue; overflow:hidden; }
        .sportcover .nav .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; mix-blend-mode:multiply; }
        
        .sportcovertxt { display:flex; flex-wrap:wrap; justify-content:left; padding:0; padding-top:30vw; overflow:hidden; margin::1em 0; width:calc(100% + 1em); margin-left:-.5em; }
        .sportcovertxt strong { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:left; font-size:2em; font-weight:bold; }
        .sportcovertxt h1 { display:block; width:auto; position:absolute; top:50%; left:0; xxxtransform:translateY(.5%); text-align:left; font-size:12em; font-family:'Tourney',cursive; xxxfont-family:'Barlow'; letter-spacing:-.05em; font-weight:500; margin-top:-.2em; }

        .sportcon { display:block; padding:0; width:calc(100% + 1em); margin-left:-.5em; }
    .sportcon .conbox { display:block; text-align:left; background:#f1f2f5; width:100%; }
        .sportcon .conbox h2 { font-size:5vw; opacity:.2; position:absolute; top:2vw; left:5vw; z-index:11; display:none; }
        .sportcon .conbox .featureblock { display:block; text-align:left; background:white; width:100%; xxxxheight:30vw; }
            .sportcon .conbox .featureblock .mask { display:flex; flex-wrap:wrap; justify-content:left; display:block; padding-top:0; /*position:absolute; top:0; left:0; width:100%; height:30vw;*/ }
            .sportcon .conbox .featureblock .item { display:flex; position:relative; margin:0; padding:0; overflow:hidden; width:100%; border-bottom:1px solid var(--border); }
            .sportcon .conbox .featureblock .item:last-child { xxxborder-bottom:0; }
            .sportcon .conbox .featureblock .item .img { display:block; width:30vw; height:40vw; margin:0 auto; background:dodgerblue; overflow:hidden; }
            .sportcon .conbox .featureblock .item .img img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; }
            .sportcon .conbox .featureblock .item .img.w40 { width:40vw; }
            .sportcon .conbox .featureblock .item .con { display:block; padding:8em; width:auto; }
            .sportcon .conbox .featureblock .item .con.w60 { width:60vw; }
            .sportcon .conbox .featureblock .item .bigtitle { xxxxfont-size:2.5em; display:inline-block; font-weight:bold; xxxxpadding:.5em 2em; margin-bottom:.5em; margin-top:0; xxxmargin-left:-3.8em; margin-bottom:1.5em; color:white; z-index:11; transform:skewX(-15deg); }
            .sportcon .conbox .featureblock .item .bigtitle span { display:inline-block; padding:.5em 1em; font-weight:900; position:relative; text-transform:uppercase; color:white; z-index:11; }
            .sportcon .conbox .featureblock .item .bigtitle:beforexx,
            .sportcon .conbox .featureblock .item .bigtitle:afterxxx { content:''; display:inline-block; width:3em; height:0; border-top:1px solid var(--black); vertical-align:middle; margin:0 .5em; }
            .sportcon .conbox .featureblock .item .bigtitle:before { content:''; display:inline-block; width:12em; height:2.5em; background:linear-gradient(90deg, rgba(8,8,8,1) 50%, rgba(111,111,111,0) 100%); z-index:0; position:absolute; top:0; left:0; }
            .sportcon .conbox .featureblock .item .title { font-size:2.5em; font-weight:bold; margin-bottom:.5em; margin-top:0; line-height:1.2; }
            .sportcon .conbox .featureblock .item p { margin:1.5em 0; }
            .sportcon .conbox .featureblock .item p.larger { font-size:1.4em; }
            .sportcon .conbox .featureblock .item p .bold { font-weight:bold; display:inline-block; font-weight:bold; color:var(--darkblue); }
            .sportcon .conbox .featureblock .nav { display:block; position:absolute; top:8em; left:10em; }
            .sportcon .conbox .featureblock .btn-next { display:block; border-radius:10em; width:2em; height:2em; background-color:#333; background-repeat:no-repeat; background-size:60%; background-position:center; background-image:url(../images/icon-arrowdown-white.svg); transform:rotate(-90deg); position:absolute; top:10em; right:35vw; cursor:pointer; z-index:16; opacity:.5; transition:all .3s; }
            .sportcon .conbox .featureblock .btn-next:hover { opacity:1; transform:translate(.5em) rotate(-90deg); }
            .sportcon .conbox .featureblock .nav { display:block; position:absolute; top:8em; left:10em; }
            .sportcon .conbox .featureblock .btn-next { display:block; border-radius:10em; width:2em; height:2em; background-color:#333; background-repeat:no-repeat; background-size:60%; background-position:center; background-image:url(../images/icon-arrowdown-white.svg); transform:rotate(-90deg); position:absolute; top:10em; right:35vw; cursor:pointer; z-index:16; opacity:.5; transition:all .3s; }
            .sportcon .conbox .featureblock .btn-next:hover { opacity:1; transform:translate(.5em) rotate(-90deg); }

.sportblockframe { margin-top:8vw; position:relative; z-index:888; }
.sportblockframe h3 { font-size:1.8em; margin:2em 0; line-height:1.2; }
.sportblockframe .centerfold { font-size:5em; width:50vw; margin:0 auto; }
.sportblockframe .centerfold:before,
.sportblockframe .centerfold:after { content:''; margin:1em auto; display:block; width:0; height:15vw; border-right:1px solid black; }
.sportblock { display:flex; flex-wrap:wrap; justify-content:left; margin::4em 0; width:100vw; margin-left:-.5em; height:50vw; }
    .sportblock .mask { display:flex; justify-content:left; align-items:start; padding-top:2em; position:absolute; top:5vw; left:0; width:100%; height:36vw; }
    .sportblock .item { display:flex; position:relative; margin:0; padding:0; overflow:hidden; width:100vw; align-items:center; }
    .sportblock .item .title { display:block; position:absolute; width:100%; bottom:5%; left:0; xxxtransform:translateY(-50%); text-align:left; }
    .sportblock .item .title span { display:inline-block; color:white; padding:0; margin:0; font-size:6em; letter-spacing:-.03em; text-transform:uppercase; font-weight:bold; line-height:1; }
    .sportblock .item .img { display:block; width:50%; height:36vw; margin:0 auto; background:#f1f2f5; overflow:hidden; }
    .sportblock .item .img .item { display:block; display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; }
    .sportblock .item .img .item img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; }
    .sportblock .item .infoset { display:block; width:50%; text-align:left; padding:4em; }
    .sportblock .item .infoset .info { display:block; display:none; }
    .sportblock .item .infoset .info h3 { display:block; margin:0 0 1em 0; }
    .sportblock .item .infoset .info p { display:block; margin:0 0 .8em 0; font-size:1vw; line-height:1.6; }
    .sportblock .item .infoset .infonav { display:block; margin:1em 0; }
    .sportblock .item .infoset .infonav a { display:inline-block; width:.7em; height:.7em; background:white; border-radius:1em; margin:0 .9em 0 0; border:1px solid gray; }
    .sportblock .item .infoset .infonav a.selected { background:gray; }
    .sportblock .nav { display:flex; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto; }
    .sportblock .nav .item { display:block; transition:all .2s; cursor:pointer; width:12em; height:6em; overflow:hidden; border-radius:.2em; position:relative; background:#eee; margin:.5em; }
    .sportblock .nav .item .bg { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:contain; mix-blend-mode:multiply; opacity:.5; transition:all .3s; }
    .sportblock .nav .item strong { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.3em; color:white; }
    .sportblock .nav .item:hover .bg { opacity:1; }
    .sportblock .nav .item.selected .bg { opacity:1; }
    .sportblock .nav .item.selected { background:dodgerblue; }    



    .full8roll { display:inline-block; padding:0; overflow:hidden; width:auto; margin:0 auto; margin-bottom:5em; }
    .full8roll.full { width:calc(100% + 6vw); margin-left:-3vw; }
    .full8roll .row { display:flex; height:15vw; width:auto; margin:0; padding:0; overflow:hidden; xxxxmargin-bottom:2px; justify-content:center; xxxborder:3px solid green; }
    .full8roll .row .block { display:block; width:15vw; height:15vw; xxxxborder-right:1px solid var(--black); background:var(--darkgray); position:relative; xxxxmargin-right:2px; overflow:hidden; }
    .full8roll .row .block .img img { display:block; width:100%; height:100%; object-fit:cover; }
    .full8roll .row .block .arrow { display:block; width:2em; height:2em; background:var(--darkgray); box-shadow:0 0 2em rgba(0,0,0,.8); }
    .full8roll .row .block .arrowtop { position:absolute; top:0; left:50%; transform:translate(-50%,-50%) rotate(45deg); }
    .full8roll .row .block .arrowbottom { position:absolute; top:100%; left:50%; transform:translate(-50%,-50%) rotate(45deg); }
    .full8roll .row .block .arrowleft { position:absolute; top:50%; left:0; transform:translate(-50%,-50%) rotate(45deg); }
    .full8roll .row .block .arrowright { position:absolute; top:50%; right:0; transform:translate(50%,-50%) rotate(45deg); }
    .full8roll .row .block .con { display:block; color:white; text-align:left; width:70%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .full8roll .row .block .con * { margin:0; line-height:1; padding:0; }
    .full8roll .row .block .con h2 { font-size:1.2em; xxmargin-bottom:.8em; }
    .full8roll .row .block .con h3 { font-size:1em; margin-top:1em; }
    .full8roll .row .block .con a { font-size:.8em; color:white; border-right:1px solid rgba(255,255,255,.5); padding-right:1em; margin-right:.5em; }
    .full8roll .row .block .con a:last-child { border-right:0; }
    
    .recomh2 { display:block; font-size:8em; color:var(--bggray); position:absolute; font-family:'Barlow'; font-size:12em; font-family:'Tourney',cursive; letter-spacing:-.05em; font-weight:800; margin-top:-.2em; }
    
    
    /*
    .sportrecomtitle { display:block; font-size:2.5em; text-align:center; margin-top:3em; margin-bottom:1em; }
    
    
    .partblock { display:flex; justify-content:center; align-items:start; flex-wrap:wrap; width:calc(100% + 2em); margin-left:-1em; }
    .partblock { width:calc(60% + 2em); margin:.5em auto; }
    .partblock .item { display:block; width:15vw; margin:.5em; background:var(--bggray)!important; }
    .partblock .item .img { display:block; width:100%; height:10vw; padding:0; margin:0 auto; }
    .partblock .item .img img { display:block; width:100%; height:100%; object-fit:cover; }
    .partblock .item .con { display:block; padding:1em; text-align:left; width:12vw; height:20vw; margin:2em auto; }
    .partblock .item .con * { margin:0; line-height:1; padding:.2em 0; xxxxcolor:white; }
    .partblock .item .con h2 { font-size:1.2em; xxmargin-bottom:.8em; font-size:1.8em; }
    .partblock .item .con h3 { font-size:1em; margin-top:1em; }
    .partblock .item .con a { font-size:.8em; xxxcolor:white; display:inline-block; border-right:1px solid rgba(150,150,150,.5); padding-right:1em; margin-right:.5em; }
    .partblock .item .con a img { display:inline-block; width:2.5em; margin-right:.5em; transform:translateY(.25em); }
    .partblock .item .con a:last-child { border-right:0; }
    .partblock .item .con a:hover { text-decoration:underline; }
    
    
    .partblock.part5 { width:calc(75% + 2em); }
    .partblock.part5 .item { width:calc(20% - 1em); }
    .partblock.part7 .item { width:calc(25% - 1em); }
    .partblock.part7 .item:nth-child(5),
    .partblock.part7 .item:nth-child(6),
    .partblock.part7 .item:nth-child(7) { width:calc(33.33% - 1em); }
    .partblock.part8 .item { width:calc(25% - 1em); }
    */
    
    
    .partblock { display:flex; justify-content:left; align-items:start; flex-wrap:wrap; width:calc(100% + 4em); margin-left:-2em; padding:.5em; }
    .partblock .item { display:block; width:calc(20% - 1em); margin:.5em; background:var(--bggray)!important; align-self:stretch; cursor:pointer; }
    .partblock .item .img { display:block; width:100%; height:10vw;height:16.8vw; padding:0; margin:0 auto; }
    .partblock .item .img img { display:block; width:100%; height:100%; object-fit:cover; }
    .partblock .item .con { display:block; padding:1em; text-align:left; width:12vw; height:20vw; margin:2em auto; }
    .partblock .item .con * { margin:0; line-height:1; padding:.2em 0; xxxxcolor:white; }
    .partblock .item .con h2 { font-size:1.2em; xxmargin-bottom:.8em; font-size:1.8em; }
    .partblock .item .con h3 { font-size:1em; margin-top:1em; }
    .partblock .item .con a { font-size:.8em; xxxcolor:white; display:inline-block; border-right:1px solid rgba(150,150,150,.5); padding-right:1em; margin-right:.5em; }
    .partblock .item .con a img { display:inline-block; width:2.5em; margin-right:.5em; transform:translateY(.25em); }
    .partblock .item .con a:last-child { border-right:0; }
    .partblock .item .con a:hover { text-decoration:underline; }
    .partblock .item.title { background:var(--black)!important;background:#3f51b5!important; xxxheight:calc(30vw + 4em); }
    .partblock .item.title .con { color:white; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:bold; font-size:2vw; line-height:1.4; }
        



@media -ms-viewport, screen and (min-width:1800px) {
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {


    .bannerlist .item { width:calc(50% - 1em); margin:.5em; }
    .bannerlist .item.w100 .img { height:50vw; }
    .bannerlist .item .infoblock { padding:0; }
    .bannerlist .item .infoblock strong { font-size:1em; }
    .bannerlist .item .infoblock h2 { font-size:2em; }


    .productlist .item { width:calc(48% - 2em); }
    .productlist .item .img { height:30vw; }
    .productlist .item .img .tag { font-size:.7em; }
    .productlist .item .infoblock h2 { font-size:1.3em; }
    .productlist .item .infoblock strong { font-size:1em; }
    .productlist .item .infoblock textarea,
    .productlist .item .infoblock pre,
    .productlist .item .infoblock p { font-size:.8em; }
    .productlist .item .infoblock .price { margin-top:1.2em; }

    .imagelist .item { margin:.2em; width:calc(50% - .4em); }
    .imagelist .mask .item:first-child { width:calc(100% - .4em); }
    .imagelist .mask .item:first-child .img { height:43vw; }




    .newslist { width:100%; }
    .newslist .item { width:calc(50% - 2em); }
    .newslist .item .img { height:27vw; }
    .newslist.largeone .item:nth-child(1) { width:calc(50% - 2em); }
    .newslist.largeone .item:nth-child(1) .img { height:27vw; }
    .newslist .item .infoblock strong { font-size:1em; }
    .newslist .item .infoblock h2 { font-size:1.7em; }

    .recommandlist { padding:0; height:auto; }
    .recommandblock h3 { font-size:1.6em; margin:1em 0; }
    .recommandlist .mask { width:80%; position:relative; margin:0 auto; }
    .recommandlist .item { display:inline-block; width:calc(50% - 2em); }
    .recommandlist .item .img { height:31vw; }
    .recommandlist .item .img .tag { font-size:.7em; }
    .recommandlist .item .infoblock { padding:1em 0; margin-bottom:1em; font-size:.82em; }
    .recommandlist .item .infoblock strong {}



    .sportblockframe .centerfold { font-size:2.5em; }
    .sportblock { margin::2em 0; height:120vw; }
    .sportblock .mask { height:60vw; margin-top:0; }
    .sportblock .item { flex-wrap:wrap; }
    .sportblock .item .img { width:100%; height:50vw; }
    .sportblock .item .title span { font-size:3.6em; }
    .sportblock .item .infoset { width:100%; padding:2em; font-size:.9em; }
    .sportblock .item .infoset .info h3 { margin:0 0 .7em 0; }
    .sportblock .item .infoset .info p { margin:0 0 .6em 0; font-size:1em; }
    .sportblock .nav .item { width:8em; height:5em; }
    .sportblock .nav .item strong { font-size:1em; }

}
@media -ms-viewport, screen and (max-width:640px) {

    .row.flex { display:block; width:100%; margin-left:0; border-top:0; }
    .row.flex.flex37 .col:first-child,
    .row.flex.flex37 .col:last-child,
    .row.flex.flex28 .col:first-child,
    .row.flex.flex28 .col:last-child,
    .row.flex.flex55 .col:first-child,
    .row.flex.flex55 .col:last-child { width:100%; border:0; }

    .imagelist { display:flex; flex-wrap:wrap; justify-content:left; padding:0; }
    .imagelist .item,
    .imagelist .item.full { width:calc(12.5% - .6em); margin:.3em; cursor:pointer; padding:0; }
    .imagelist .item .img,
    .imagelist .item.full .img { height:11vw; }
    .imagelist .mask .item:first-child .img { height:80vw; }
    .imagelist .item.selected .img { background:#aaa; }
    .imagelist.mobileimagecover { display:block; padding-bottom:0; padding:0; pointer-events:none; }
    .imagelist.mobileimagecover .item.full { width:100%; margin-left:0; padding-top:0; margin:0; }
    .imagelist.mobileimagecover .item.full .img { height:80vw; }
        /*
        .imagelist { height:20vw; overflow-x:auto; }
        .imagelist .mask { width:150vw; position:absolute; top:0; left:0; flex-wrap:nowrap; }
        .imagelist .item,.imagelist .item.full { width:calc(16.66% - .6em); }
        .imagelist .item .img,.imagelist .item.full .img { height:16vw; }
        .imagelist.mobileimagecover { height:auto }
        */

    .newslist { margin-left:-.5em; width:calc(100% + 1em); }
    .newslist .item { width:calc(50% - 1em); margin:.5em; }
    .newslist.largeone .item:nth-child(1) { width:calc(100% - 1em); }
    .newslist.largeone .item:nth-child(1) .img { height:46vw; }
    .newslist.largeone .item:nth-child(6) { width:calc(100% - 1em); }
    .newslist.largeone .item:nth-child(6) .img { height:46vw; }
    .newslist .item .img { height:30vw; }

    .newsdetailblock { margin-left:-.5em; width:calc(100% + 1.2em); }
    .newsdetailblock .cover { height:66vw; }
    .newsdetailblock .cover h1 { bottom:1em; font-size:1.6em; width:calc(100% - 1em); }
    .newsdetailblock .con { width:100%; padding:1em; font-size:1.1em; line-height:1.8; }
    .newsdetailblock .decoblock { height:60vw; top:-30vw; width:100%; }
    
    .productlist { margin-left:-1em; width:calc(100% + 2em); }
    .productlist .item { margin:.5em; width:calc(50% - 1em); }
    .productlist .item .img { height:40vw; }
    .productlist .item.full .img { height:55vw; }
    .productlist .item .img .tag { font-size:.7em; bottom:.8em; left:1em; }
    .productlist .item .infoblock { padding:.5em 0; }
    .productlist .item .infoblock h2 { font-size:1em; }
    .productlist .item .infoblock p.price { font-size:1em; }

    .bannerlist .item { width:calc(100% - 1em); }
    .bannerlist .item.full .img,
    .bannerlist .item.w100 .img,
    .bannerlist .item .img { height:36vw;height:55vw; }
    .bannerlist .item .img img { opacity:1; }
    .bannerlist .item .infoblock { padding:.5em 0; }
    .bannerlist .item .infoblock strong { font-size:1.5em; }
    .bannerlist .item .infoblock .btn { font-size:1em; }
        .bannerlist.style2 .item { width:calc(100% + .4em); xxheight:80vh; }
        .bannerlist.style2 .item .img { height:120vw; }
        .bannerlist.style2 .item .infoblock h2 { font-size:3em; }
        .bannerlist.style2 .item .infoblock p { width:80%; font-size:1em; }

    .filterset .col:first-child { width:100%; padding:0; background:white; position:fixed; z-index:166; overflow-y:scroll; max-height:calc(100vh - 5em); }
    .filterset .col:last-child { width:100%; padding-top:6em; }
    .filterblock { padding:.5em 1em; background:white; }
    .filterblock:before { height:100vh; z-index:-1; }
    .filterblock .filtergroup { padding:0 1em; }
    .filterblock .row { display:none; }
    .filterblock .row a { display:inline-block; width:48%; margin:.5em 0; }
    .filterblock .btn-filter { display:inline-block; }
    .filterblock.open { xxxheight:100vh; }
    .filterblock.open:before { xxxdisplay:block; }
    .filterblock.open .row { display:block; }
    .filterblock.open .row:first-child { margin-top:2em; }
    .filterblock .row.btnset { text-align:center; padding:1em; }
    .filterblock .row a.btn-search { xxwidth:100%; margin:1.5em auto; }

    .recommandblock { padding:0; }

    .recommandlist { padding:0; overflow-x:auto; overflow-y:hidden; height:160vw; }
    .recommandlist .mask { width:280vw; flex-wrap:nowrap; position:absolute; margin:0 2em; }
    .recommandlist .item { display:inline-block; width:calc(70vw - 2em); }
    .recommandlist .itemxxx { margin:.5em; width:calc(50% - 1em); }
    .recommandlist .item .img { height:65vw; }
    .recommandlist .item .infoblock { padding:1em 0; margin-bottom:1em; }

    .techblock { padding:2em 0; margin-left:-1em; width:calc(100% + 2em); }
    .techblock .techlist .item { padding:1em 0; }
    .techblock .techlist .item .infoblock { padding:1em 2em; }
    .techlist .item { margin:0; width:100%; }
    .techlist .item .img { height:60vw; }
    .techcover { height:120vw; }
    .techcover .mask { height:120vw; }
    .techcover .item .img { height:120vw; }
    .techcover .nav { top:0; }

    /*.sportlist { padding:0; width:calc(100% + 1em); overflow-x:auto; height:90vw; }
    .sportlist .mask { display:block; width:300vw; flex-wrap:nowrap; position:absolute; }
    .sportlist.on4 .item { display:inline-block; width:calc(60vw - 2.2em); }
    .sportlist .item .img { height:70vw; }*/

    .sportlist { padding:.5em 0; width:calc(100% + 1em); }
    .sportlist .mask { flex-direction:column; width:100%; position:relative; }
    .sportlist .mask .item { width:100%; }
    .sportlist .mask .item .img { height:70vw; }

    .stagelist .item { width:calc(50% - 1em); }
    .stagelist .item .img { height:32vw; }
    .stagelist .item:first-child { width:calc(100% - 1em); }
    .stagelist .item:first-child .img { height:50vw; }
    .stageframe .item { display:inline-block; width:auto; }

    .sportcover { height:120vw; }
    .sportcover .mask { height:120vw; }
    .sportcover .item .img { height:120vw; }
    .sportcover .nav { top:0; }
    .sportcover .nav .infoblock { padding:1em; }
    .sportcon .conbox h2 { position:relative; top:auto; left:auto; }
    .sportcon .conbox .featureblock { height:auto; }
    .sportcon .conbox .featureblock .mask { height:auto; position:relative; display:block; width:100%!important; }
    .sportcon .conbox .featureblock .item { display:block; padding:1em; width:100%!important; }
    .sportcon .conbox .featureblock .item .img { margin:1em 0; width:100%; height:80vw; position:relative; top:auto; right:auto; }
    .sportcon .conbox .featureblock .nav { display:none; }
    .sportcon .conbox .featureblock .btn-next { display:none; }



    .sportblockframe .centerfold { font-size:3em; width:90vw; }
    .sportblockframe .centerfold:before,
    .sportblockframe .centerfold:after { height:25vw; }
    .logodominatehow { width:auto!important; height:13vw; margin:.5em auto.sportblock .item .infoset .info p; }
    .sportblock { height:auto; display:block; width:100vw; overflow:hidden; margin::0; height:220vw; padding-top:180vw; }
    .sportblock * {}
    .sportblock .mask { height:100%; }
    .sportblock .item { display:flex; flex-wrap:wrap; }
    .sportblock .item .title {}
    .sportblock .item .title span { font-size:4em; }
    .sportblock .item .img { width:100%; height:60vw; }
    .sportblock .item .infoset { width:100%; padding:2em; }
    .sportblock .item .infoset .infonav a { width:1.2em; height:1.2em; border-radius:1em; }
    .sportblock .nav { display:flex; flex-wrap:wrap; width:100%; padding:1em; bottom:auto; top:0; justify-content:center; }
    .sportblock .nav .item { width:calc(20% - .4em); height:3em; margin:.2em; }
    .sportblock .nav .item strong { font-size:.8em; }

/*
    .partblock { flex-direction:column; }
    .partblock .item { width:calc(100% - 2em); margin:1em; }
    .partblock .item .img { width:50vw; }
    .partblock .item .con { width:100%; height:auto; }
    .partblock .item .con * { margin:0; line-height:1; padding:.2em 0; color:white; }
    .partblock .item .con h2 { font-size:1.2em; xxmargin-bottom:.8em; }
    .partblock .item .con h3 { font-size:1em; margin-top:1em; }
    .partblock .item .con a { font-size:.8em; color:white; display:inline-block; border-right:1px solid rgba(255,255,255,.5); padding-right:1em; margin-right:.5em; }
    .partblock .item .con a:last-child { border-right:0; }
    .partblock .item .con a:hover { text-decoration:underline; }
    */

    .partblock { width:calc(100% - 0em); margin:2em auto; padding:1.5em; }
    .partblock .item { width:calc(100% - 1em);width:100%; margin:1em 0;  }
    .partblock .item .img { height:17em; width:17em; margin:0 auto; }
    .partblock .item .con { width:100%; height:auto; }
    .partblock .item.title .con { text-align:center; margin:0; padding:0; padding-bottom:1em; color:black; font-size:1.5em; font-weight:bold; }


}




.roller { display:block; position:relative; height:40vw; width:100%; overflow:hidden; xxxborder:2px solid gray; }
.roller.full { width:100vw; margin-left:-3vw;margin-left:0; }
.roller .bgimg { position:absolute; top:0; left:0; height:100%; overflow:hidden; z-index:99; background:#555; }
.roller .bgimg img { display:block; width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; opacity:.4; }
.roller .mask { display:flex; position:absolute; top:0; left:0; height:40vw; }
.roller .item { display:block; width:100vw; overflow:hidden; }
.roller .item .img { display:block; width:50%; height:40vw; overflow:hidden; position:absolute; top:0; }
.roller .item .img img { display:block; width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:102%; height:102%; object-fit:cover; }
.roller .item .infoblock { padding:6em; width:50vw; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.roller .item .infoblock strong { font-size:1.5em; margin:.5em 0; }
.roller .item .infoblock p { margin:1em 0; }
.roller .item .btn-next { display:block; background:#333; border-radius:5em; position:absolute; bottom:3em; left:50%; transform:translateX(-50%); }
.roller .item .btn-next:before { content:url(../images/icon-next.svg); display:block; width:1em; height:1em; margin:1.1em; }
.roller .nav { display:block; position:absolute; bottom:3em; transform:translateY(-50%); margin-left:-.5em; }
.roller .nav a { display:inline-block; opacity:.5; background:gray; width:.7em; height:.7em; border-radius:50%; margin:.5em; padding:0; }
.roller .nav a.selected { opacity:1; }
.roller.roller-textimage .item { padding-right:50%; }
.roller.roller-textimage .item .img { left:50%; }
.roller.roller-textimage .nav { left:6em; }
.roller.roller-imagetext .item { padding-right:0%; }
.roller.roller-imagetext .item .img { left:0%; }
.roller.roller-imagetext .item .infoblock { left:50%; }
.roller.roller-imagetext .nav { left:calc(50% + 6em); }
.roller.roller-imagetextoverlap .bgimg { width:10%; }
.roller.roller-imagetextoverlap .item { padding-right:0%; }
.roller.roller-imagetextoverlap .item .img { left:10%; }
.roller.roller-imagetextoverlap .item .infoblock { left:60%; width:40vw; }
.roller.roller-imagetextoverlap .item .btn-next { left:60%; }
.roller.roller-imagetextoverlap .nav { left:calc(60% + 6em); }


@media -ms-viewport, screen and (min-width:1800px) {
    .roller.full { margin-left:-8vw; }
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {
}
@media -ms-viewport, screen and (max-width:640px) {
    .roller { height:110vw; }
    .roller.full { width:100vw; }
    .roller .mask { height:80vw; }
    .roller .item { height:100vw; width:calc(100vw - 2em); position:relative; padding:1em; }
    .roller .item .img { width:100%; position:relative; padding:0; }
    .roller .item .infoblock { padding:2em 0; width:100%; height:40vw; position:relative; top:auto; left:0; transform:none; }
    .roller .item .btn-next { display:none; }
    .roller .nav { display:block; width:100%; text-align:center; bottom:1em; }

    .roller.roller-textimage .item,
    .roller.roller-imagetext .item { padding-right:0; }
    .roller.roller-imagetext .item .infoblock,
    .roller.roller-textimage .item .img,
    .roller.roller-imagetext .item .img,
    .roller.roller-textimage .nav,
    .roller.roller-imagetext .nav { left:auto; }
    .roller.roller-imagetextoverlap .bgimg { display:none; }
    .roller.roller-imagetextoverlap .item { padding-right:0; }
    .roller.roller-imagetextoverlap .item .img { left:auto; }
    .roller.roller-imagetextoverlap .item .infoblock { left:auto; width:100%; }
    .roller.roller-imagetextoverlap .nav { left:auto; }
}










/*

     _     _        _ _                       
  __| |___| |_ __ _(_) |  _ __  __ _ __ _ ___ 
 / _` / -_)  _/ _` | | | | '_ \/ _` / _` / -_)
 \__,_\___|\__\__,_|_|_| | .__/\__,_\__, \___|
                         |_|        |___/     

*/


.privacyblock { margin:1em auto; display:block; width:100%; max-width:1000px; text-align:left; padding:4em 1em; }
.privacyblock ul, .privacyblock ol { list-style-position:outsite; padding-left:2.5em; }
.privacyblock p, .privacyblock ul, .privacyblock ol { margin:.5em 0; line-height:1.8; }
.privacyblock li>p { display:inline-block!important; }
.privacyblock h1 { padding-top:1em; }
.privacyblock h3 { margin:1em 0; font-size:1.8em; padding-top:1em; border-top:1px solid #ccc; }
.privacyblock h2 { margin:1em 0; font-size:1.4em; }
.privacyblock a { display:inline; word-break:break-all; }


.pblockcomplete { display:none; }
.detailblock { padding:2em; }
.detailblock.nopadding { padding:0; }
.detailblock .row { padding:.5em 0; }
.detailblock h1 { font-size:4em;font-size:.5em; margin:0; }
.detailblock strong { display:block; font-size:1.6em; margin:0 0 .5em 0; }
.detailblock strong.smaller { font-size:1.1em; margin:0 0 .5em 0; }
.detailblock strong[name="title"] { margin:.5em 0; }
.detailblock strong[name="slogan"] { font-size:1.5em; font-weight:bold; margin:0 0 1em 0; }
.detailblock pre[name="list_intro"] { margin:0 0 1em 0; }
.detailblock .desc { padding-bottom:1em; margin-bottom:1em; xxxmargin-bottom:2.5em; border-bottom:1px solid #ccc; display:block; white-space:pre-wrap; }
.detailblock .desc p { margin-bottom:1.5em; }
.detailblock .desc ol, .detailblock .desc ul { padding-left:1.5em; }
.detailblock .desc li { margin-bottom:.5em; }
.detailblock .rowcontain { display:flex; width:auto; padding:0 0 2em 0; }
.detailblock .rowcontain .item { display:block; width:auto; height:auto; text-align:center; xxxxborder:1px solid #ccc; border-radius:.5em; margin-right:2em; position:relative; padding:0 0 1em 0; }
.detailblock .rowcontain .item:after { content:url(../images/icon-add.svg); display:block; width:2em; position:absolute; top:50%; right:-3em; transform:translate(-50%,-50%); }
.detailblock .rowcontain .item:last-child:after { display:none; }
.detailblock .rowcontain .item img { display:block; width:8vw; height:8vw; margin:1em; object-fit:cover; }

.detailblock .warning { /*padding:1em; border:1px solid gray; border-radius:.2em; background:#f1f2f5;*/ margin:1em 0; }

.detailblock .rowtag .item,
.detailblock .rowtag p { display:inline-block; font-size:1em; border:2px solid #ccc; padding:.5em 1em; border-radius:3em; }
.detailblock .rowsize { display:flex;display:block; /*width:calc(100% + .4em); margin-left:-.2em;*/ margin:1em 0; }
.detailblock .rowsize .titlerow { display:flex;display:block; margin:1em 0 0 0; align-items:center; width:100%; }
.detailblock .rowsize .titlerow .sizeitem { display:flex; align-items:center; margin-right:1em; xxxwidth:calc(50% - .4em); }
.detailblock .rowsize .titlerow .sizeitem .img { display:block; height:10vw; width:calc(50% + 1.5em); border:2px solid #2597c6; margin-right:1em; }
.detailblock .rowsize .titlerow .sizeitem .img img { display:block; width:100%; height:100%; object-fit:contain; }
.detailblock .rowsize .titlerow .sizeitem ol { display:block; width:100%; text-align:left; line-height:1.5; margin:1em 0; list-style:none; }
.detailblock .rowsize .titlerow .sizeitem ol li { margin-bottom:.5em; }
.detailblock .rowsize .titlerow .sizeitem pre { display:block; width:100%; text-align:left; line-height:1.5; margin:1em 0; word-wrap:break-word; overflow-wrap:break-word; }
.detailblock .rowsize .titlerow p { display:block; width:50%; margin:0; }
.detailblock .rowsize p { display:block; width:100%; }
.detailblock .rowsize .sizeblock { display:flex; flex-wrap:wrap; width:calc(100% + .4em); margin-left:-.2em; }
.detailblock .rowsize .item { display:inline-block; background:#f1f2f5; padding:.5em 1em .5em 5em; border-radius:.3em; margin:.5em; width:calc(50% - .4em); }
.detailblock .rowsize .item label { display:block; font-size:2em; font-weight:bold; position:absolute; top:50%; left:.8em; transform:translateY(-50%); opacity:.4; xxxletter-spacing:-.1em; }
.detailblock .rowsize .item label.smaller { xxxfont-size:1.5em; }
.detailblock .rowsize .item p { display:block; margin:.5em 0; opacity:.7; }
.detailblock .rowsize .item.selected label { opacity:1; }
.detailblock .rowsize .item.selected p { opacity:1; }
/* for singlesize */
    .detailblock .rowsize .item.sizegroup1 { padding:.5em 1em;  }
    .detailblock .rowsize .item.sizegroup1 label { position:relative; top:auto; left:auto; transform:none; letter-spacing:0; }
    .detailblock .rowsize .item.sizegroup1 p {}
    .detailblock .rowsize .item.sizegroup2 { padding:.5em 1em;  }
    .detailblock .rowsize .item.sizegroup2 label { position:relative; top:auto; left:auto; transform:none; letter-spacing:0; }
    .detailblock .rowsize .item.sizegroup2 p {}
    .detailblock .rowsize .item.sizegroup3 { padding:.5em 1em;  }
    .detailblock .rowsize .item.sizegroup3 label { position:relative; top:auto; left:auto; transform:none; }
    .detailblock .rowsize .item.sizegroup3 p { display:block; position:relative; padding-left:2em; margin-bottom:.5em; text-align:left; }
    .detailblock .rowsize .item.sizegroup3 p .title { display:block; position:absolute; top:0; left:0; }
    .detailblock .rowsize .item.sizegroup3 p:nth-child(odd) { color:#2597c6; }
    .detailblock .rowsize .item.sizegroup3 p small { font-size:.6em; }


.detailblock .rowsize.footcare {}
.detailblock .rowsize.footcare .item { padding:.5em 1em; width:calc(25% - .4em); }
.detailblock .rowsize.footcare .item label { font-size:1.5em; position:relative; top:auto; left:auto; transform:none; }
.detailblock .rowsize.insole {}
.detailblock .rowsize.insole .item { padding:.5em 1em; width:calc(25% - .4em); }
.detailblock .rowsize.insole .item label { xxfont-size:2em; position:relative; top:auto; left:auto; transform:none; }



.detailblock .rowcolor { padding:1em 0; }
.detailblock .rowcolor .item { display:inline-block; background:gray; position:relative; padding:0; overflow:hidden; margin-right:.5em; border-radius:3em; width:2em; height:2em; }
.detailblock .rowcolor .item.black { background:black; }
.detailblock .rowcolor .item.white { background:white; border:1px solid #ccc; }
.detailblock .rowcolor .item.darkblue { background:#0b5ca4; }
.detailblock .rowcolor .item.blue { background:#05c3ff; }
.detailblock .rowcolor .item.pink { background:#ff5490; }
.detailblock .rowcolor .item.purple { background:#5C5BA1; }
.detailblock .rowcolor .item.yellow { background:#f1df00; }
.detailblock .rowcolor .item.red { background:red; }
.detailblock .rowcolor .item img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.detailblock .rowprice { display:flex; margin:0; padding:2em 0; align-items:center; flex-wrap:nowrap; border-top:1px solid #ccc; }
.detailblock .rowprice .group { display:block; margin:0; width:100%; }
.detailblock .rowprice .group * { vertical-align:middle; margin:0; padding:0; margin-right:.5em; }
.detailblock .rowprice strong { font-size:1.5em; display:block; }
.detailblock .rowprice strong[name="currency"].smaller { display:inline-block; width:auto; font-size:1.1em; opacity:.5; position:relative; clear:both; }
.detailblock .rowprice strong[name="currency"].smaller:after { content:''; display:block; height:0; width:100%; border-bottom:1px solid black; position:absolute; top:50%; left:0; }
.detailblock .rowprice p { font-size:1.3em; display:inline-block; }
.detailblock .rowprice strong[name="special_currency"] { font-size:1.5em; display:inline-block; }
.detailblock .rowprice .btn-shop { /*position:absolute; top:50%; right:0; transform:translateY(-50%);*/ font-size:1em; font-weight:bold; word-break:keep-all; text-decoration:none; }

.detailblock .rowpattern {}
.detailblock .rowpattern .item { display:inline-block; margin:0; padding:0; }
.detailblock .rowpattern .item img { height:6em; }

/*
.detailblock .rowwear { margin-bottom:2em; padding:1em 0; }
.detailblock .rowwear strong { display:block; font-size:1.2em; font-weight:bold; margin:1em 0; }
.detailblock .rowwear h3 { display:block; font-size:1.8em; margin:1em 0; }
.detailblock .rowwear .item { display:flex; padding:.3em 0; align-items:center; }
.detailblock .rowwear .item .img { display:block; overflow:hidden; margin-right:1em; height:12vw; width:50%; }
.detailblock .rowwear .item .img { height:10vw; width:10vw; }
.detailblock .rowwear .item .img img { display:block; width:100%; height:100%; object-fit:cover; }
.detailblock .rowwear .item .img label { display:block; width:1.5em; height:1.5em; background:#333; text-align:center; color:white; font-weight:bold; position:absolute; bottom:1em; left:1em;border-radius:3em; }
.detailblock .rowwear .item p { display:block; width:calc(100% - 18vw); xxborder:1px solid red; }
*/
.detailblock .rowwear { width:calc(100% + 1em); margin-left:-.5em; margin-bottom:2em; padding:1em 0; display:flex; flex-wrap:wrap; }
.detailblock .rowwear strong { display:block; font-size:1.2em; font-weight:bold; margin:1em .5em; width:100%; }
.detailblock .rowwear h3 { display:block; font-size:1.8em; margin:1em 0; }
.detailblock .rowwear .group { display:flex; flex-wrap:wrap; padding:.5em 0; justify-content:left; align-items:top; width:100%; margin:0; }
.detailblock .rowwear .group .headergroup { width:100%; display:block; padding:.4em; }
.detailblock .rowwear .group .headergroup * { margin:0; }
.detailblock .rowwear .item { display:block; padding:.3em 0; align-items:center; width:calc(50% - 1em); margin:.5em; }
.detailblock .rowwear .item .img { display:block; overflow:hidden; height:12vw; width:100%; border:2px solid #2597c6; margin-bottom:.5em; }
.detailblock .rowwear .item .img { height:10vw; xxwidth:10vw; }
.detailblock .rowwear .item .img img { display:block; width:100%; height:100%; object-fit:contain; }
.detailblock .rowwear .item .img label { display:block; width:1.5em; height:1.5em; background:#333; text-align:center; color:white; font-weight:bold; position:absolute; bottom:1em; left:1em; border-radius:3em; padding-top:.2em; }
.detailblock .rowwear .item p { display:block; width:100%; margin:1em 0; }

.detailblock .rowwashing { padding:1em 0; }
.detailblock .rowwashing strong { display:block; font-size:1.2em; font-weight:bold; margin:0 0 .5em 0; }



.detailblock.bglightgray { background:#f1f2f5; }
.detailblock.wearblock { padding:3em; margin-left:-3vw; width:calc(100% + 6vw); }
.detailblock.wearblock h2 { text-align:center; margin:1em auto; font-size:2em; }
.detailblock.wearblock h3 { text-align:center; margin:0 auto; }
.detailblock.wearblock .rowwear { text-align:center; }
.detailblock.wearblock .rowwear h3 { margin-top:2em; position:relative; xxwidth:auto!important; xxbackground:lightgray; }
.detailblock.wearblock .rowwear h3:before,
.detailblock.wearblock .rowwear h3:after { content:''; display:inline-block; display:none; width:30vw; height:0; border-top:1px solid black; position:absolute; top:50%; }
.detailblock.wearblock .rowwear h3:before { left:0; xxxtransform:translateX(-100%); }
.detailblock.wearblock .rowwear h3:after { right:0; xxxtransform:translateX(-100%); }
.detailblock.wearblock .rowwear .group { justify-content:center; border-top:1px solid #ccc; xxxpadding-top:2em; margin-top:-3em; }
.detailblock.wearblock .rowwear .group:first-of-type { border-top:0; }
.detailblock.wearblock .rowwear .item { width:22em; text-align:left; margin:1.5em; }
.detailblock.wearblock .rowwear .item .img { height:12em; background:white; }
.detailblock .rowwear .item .img label { padding-top:0; }
.detailblock.wearblock .rowsizepicture { text-align:center; }
.detailblock.wearblock .rowsizepicture .img { width:auto; margin:1em; }
.detailblock.wearblock .rowsizepicture .img.mobile { display:none; }

    .detailblock.wearblock .rowsize,
    .detailblock.wearblock .rowsize .titlerow { text-align:center; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem { width:22em; margin:1.5em auto; flex-wrap:wrap; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem .img { height:12em; width:22em; background:white; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem .img img { width:22em; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem p { width:100%; text-align:left; margin:1em 0; }
    .detailblock.wearblock .rowsize .sizeblock { align-items:center; justify-content:center; margin-top:-2em; }
    .detailblock.wearblock .rowsize .item { background:transparent; border:1px solid #ccc; width:calc(33.33% - .4em); width:12em;xxxwidth:auto; }


.detailblock .rowsize.footcare {}
.detailblock .rowsize.footcare .item { padding:.5em 1em; width:calc(25% - .4em); }
.detailblock .rowsize.footcare .item label { font-size:1.5em; position:relative; top:auto; left:auto; transform:none; }
.detailblock .rowsize.insole {}
.detailblock .rowsize.insole .item { padding:.5em 1em; width:calc(25% - .4em); }
.detailblock .rowsize.insole .item label { xxfont-size:2em; position:relative; top:auto; left:auto; transform:none; }


.detailinfoblock { display:block; width:100%; margin:5em 0; }
.detailinfoblock * { margin:1em 0; }







.banner { display:block; position:relative; width:100%; height:50vw; overflow:hidden; background:black; }
.banner img.cover { display:block; width:105%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); xxxxmix-blend-mode:luminosity; opacity:.5; }
.banner img.coverlogo { display:block; width:18vw; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:11; opacity:1; }
.banner h1 { display:block; width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.8); font-weight:bold; text-align:left; z-index:12; color:white; }

.numberfact { display:flex; flex-wrap:wrap; margin:0 auto; max-width:1200px; justify-content:center; }
.numberfact .item { display:block; width:25%; text-align:center; padding:4em; }
.numberfact .item strong { font-size:2.7em; font-weight:bold; xxxcolor:dodgerblue; font-family:'Arial'; }

.iconset { display:flex!important; flex-wrap:wrap; margin:0!important; max-width:1200px; justify-content:left; }
.iconset .item { display:block; width:auto; text-align:left; padding-right:4em; }
.iconset .item img { width:5vw; margin:0; display:inline-block; vertical-align:middle; margin-right:.5em; }
.iconset .item p { margin:0; display:inline-block; vertical-align:middle; display:none; }

.blogcon { display:block; margin:0 auto; max-width:1200px; padding:4em; }
.blogcon p,
.blogcon img,
.blogcon strong { display:block; margin:1em 0; max-width:100%; }
.blogcon >img { width:100%; }
.blogcon table { display:table; width:100%; border-collapse:collapse; border-top:1px solid #ccc; }
.blogcon table td, 
.blogcon table th { padding:1em; border-bottom:1px solid #ccc; }
.blogcon h2 { color:dodgerblue;color:#295d8f; font-size:2.3em; }
.blogcon h2 .en { font-family:'Barlow'; font-weight:700; font-size:1.8em; line-height:1.3; margin-bottom:.15em; display:inline-block; }
.blogcon h2:first-of-type { margin-top:0; }
.blogcon p strong { display:inline; margin:0; }
.blogcon .sepline { display:block; height:1em; width:100%; margin:6vw 0; border-bottom:1px solid #ccc;  }
.blogcon .rowimg { display:flex!important; margin:0; overflow:hidden; }
.blogcon .rowimg img { display:block; width:50%; height:auto; object-fit:cover; margin:0; }
.blogcon .rowimg.on1 img { width:100%; }
.blogcon .rowimg.on2 img { width:50%; }
.blogcon .tribox { display:flex; }
.blogcon .tribox .triangle { display:block; width:13vw; margin-right:2em; }
.blogcon .logosettable { margin:2em 0; }
.blogcon .logosettable td { border:0; border-right:1px solid #ccc; width:33.33%; vertical-align:top; }
.blogcon .logosettable td:last-child { border:0; }
.blogcon .logosettable td img { width:5vw; margin:0; }

.addressitem { text-align:left; display:block; width:50%; padding:2em 4em; }

.rowfeature { display:block; margin:10vw 0 0 0; height:34vw; width:calc(100% + 3vw); margin-left:-1.5vw; xxxborder:1px solid red; position:relative; text-align:center; overflow:hidden; }
    .rowfeature .mask { display:flex; width:400vw; position:absolute; top:0; left:0; }
    .rowfeature .mask .item { display:flex; width:93vw; align-items:center; background:white; border:1px solid #ccc; margin:0 1vw 0 0; }
    .rowfeature .mask .item .img { display:block; width:50%; height:30vw; }
    .rowfeature .mask .item .img img { display:block; width:100%; height:100%; object-fit:cover; }
    .rowfeature .mask .item .info { display:block; width:calc(50% - 3em); padding:3em 7em 3em 3em; text-align:left; }
    .rowfeature .mask .item .info .btntext { display:block; color:#3f51b5; margin-top:1em; text-transform:uppercase; font-size:.9rem; letter-spacing:.1em; text-decoration:none; font-weight:bold; }
    .rowfeature .mask .item .info .btntext:hover { xxxtext-decoration:underline; color:black; letter-spacing:.2em; }
    .rowfeature .mask .item .info p { display:block; max-width:36vw; }
    .rowfeature .btn-prev,
    .rowfeature .btn-next { display:block; width:5em; height:5em; background-image:url(../images/icon-arrowdown-white.svg); background-repeat:no-repeat; background-size:20%; background-position:center; background-color:#333; position:absolute; top:15vw; left:100%; transform:translate(-100%,-50%) rotate(-90deg); opacity:.5; transition:all .2s; cursor:pointer; }
    .rowfeature .btn-prev { left:0; transform:translate(0,-50%) rotate(90deg); }
    .rowfeature .btn-prev:hover,
    .rowfeature .btn-next:hover { opacity:1; }
    .rowfeature .nav { position:absolute; bottom:1em; left:50%; transform:translateX(-50%); text-align:center; }
    .rowfeature .nav a { display:inline-block; width:.6em; height:.6em; border-radius:50%; margin:.5em; background:gray; opacity:.5; }
    .rowfeature .nav a.selected { opacity:1; }

.rowtechnology { display:block; margin:5vw 0; width:calc(100% + 3vw); margin-left:-1.5vw; position:relative; text-align:center; overflow:hidden; }
    .rowtechnology .mask { display:flex; justify-content:center; width:100%; flex-wrap:wrap; margin-top:3em; }
    .rowtechnology .mask .item { display:flex; flex-wrap:wrap; width:29vw; align-items:top; background:white; border:1px solid #ccc; margin:1vw; }
    .rowtechnology .mask .item .img { display:block; width:100%; height:16vw; xxxxxborder:1px solid green; }
    .rowtechnology .mask .item .img img { display:block; width:100%; height:100%; object-fit:cover; }
    .rowtechnology .mask .item .info { display:block; width:100%; padding:3em; height:auto; text-align:left; }
    .rowtechnology .mask .item .info .btntext { display:block; color:#3f51b5; margin-top:1em; text-transform:uppercase; font-size:1.1em; text-decoration:none; font-weight:bold; }
    .rowtechnology .mask .item .info .btntext:hover { text-decoration:underline; }
    .rowtechnology .btn-prev,
    .rowtechnology .btn-next { display:block; width:5em; height:5em; background-image:url(../images/icon-arrowdown-white.svg); background-repeat:no-repeat; background-size:20%; background-position:center; background-color:#333; position:absolute; top:50%; left:100%; transform:translate(-100%,-50%) rotate(-90deg); opacity:.5; transition:all .2s; cursor:pointer; }
    .rowtechnology .btn-prev { left:0; transform:translate(0,-50%) rotate(90deg); }
    .rowtechnology .btn-prev:hover,
    .rowtechnology .btn-next:hover { opacity:1; }
    .rowtechnology .nav { position:absolute; bottom:1em; left:50%; transform:translateX(-50%); text-align:center; }
    .rowtechnology .nav a { display:inline-block; width:.6em; height:.6em; border-radius:50%; margin:.5em; background:gray; opacity:.5; }
    .rowtechnology .nav a.selected { opacity:1; }



.rowshareset { display:block; /*background:blue; position:fixed; bottom:0; right:5em;*/ }
.rowshareset .shareblock { display:flex; margin:1em 0; width:auto; align-items:center; }
.rowshareset .shareblock p { margin-right:1em; }
.rowshareset .icon { display:inline-block; width:2.5em; height:2.5em; margin:.2em .5em .2em 0; }
.rowshareset .icon img { display:block; width:100%; height:100%; }
.rowshareset .shareblock .icon { display:block; width:1.8em; height:1.8em; padding:.1em; opacity:.3; margin:.2em 1.5em .2em 0; transition:all .2s; }
.rowshareset .shareblock .icon:hover { opacity:.7; }
.rowshareset .icon-share {}
.rowshareset .icon-url {}
.rowshareset .icon-fb {}
.rowshareset .icon-line {}
.rowshareset .icon-wechat {}


.popblock { display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.85); z-index:1999; }
.popblock .img { display:block; position:absolute; top:50%; left:50%; width:calc(100vw - 3em); height:calc(100vh - 3em); transform:translate(-50%,-50%); }
.popblock .img img { display:block; width:100%; height:100%; object-fit:contain; }


@media -ms-viewport, screen and (min-width:1800px) {
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {
    .blogcon { padding:3em; font-size:.9em; }

    .numberfact .item { padding:2em; }
    .numberfact .item strong { font-size:1.7em; }


    .detailblock { padding:1em; }
    .detailblock strong { font-size:1.2em; }
    .detailblock strong.smaller { font-size:.9em; }
    .detailblock strong[name="slogan"] { font-size:1em; }
    .detailblock pre[name="list_intro"] { margin:0 0 1em 0; }
    .detailblock .rowtag .item, .detailblock .rowtag p,
    .detailblock .desc,
    .detailblock .rowprice { font-size:.88em; }


    .rowfeature { height:100vw; }
    .rowfeature .mask .item { flex-wrap:wrap; }
    .rowfeature .mask .item .img { width:100%; height:50vw; }
    .rowfeature .mask .item .info { width:100%; padding:2em; }
    .rowfeature .mask .item .info p { display:block; max-width:36vw; }
    .rowfeature .btn-prev, .rowfeature .btn-next { width:2.5em; height:2.5em; top:calc(50% - 1.25em); }
    .rowtechnology .mask .item { width:calc(33.33% - 1em); margin:.5em; }
    .rowtechnology .mask .item .img { height:18vw; }
    .rowtechnology .mask .item .info { padding:1.5em; font-size:.9em; }


}
@media -ms-viewport, screen and (max-width:640px) {
    .detailblock { padding:0 .5em; font-size:1.1em; line-height:1.8; }
    .detailblock p { xxtext-align:justify; width:100%; max-width:100%; }
    .detailblock [name="serial"] { margin:1.5em 0 0 0; }
    .detailblock strong[name="title"] { margin:0 0 .8em 0; line-height:1.1; }
    .detailblock .rowsize { margin-bottom:0; }
    .detailblock .rowsize .item { width:calc(100% - .4em); padding-left:8em!important; }
    .detailblock .rowsize .item label { position:absolute!important; top:.1em!important; left:.5em!important; transform:none; }
    .detailblock .rowsize .item p {}
    .detailblock .rowsize .titlerow .sizeitem { display:block; }
    .detailblock .rowsize .titlerow .sizeitem .img { height:50vw; width:calc(100% + 1em); }
    .detailblock .rowsize .titlerow .sizeitem p { width:100%; margin:.5em 0; }

    .detailblock .rowprice {}
    .detailblock .rowprice strong { display:block; }
    .detailblock .rowprice .btn-shop { position:relative; top:auto; right:auto; transform:none; width:calc(100% - .4em); text-align:center; font-size:1.3em; }
    .detailblock .rowwear {}
    .detailblock .rowwear .item { display:block; width:100%; }
    .detailblock .rowwear .item .img { height:50vw; width:100%; margin:1em auto; }
    .detailblock .rowwear .item img { display:block; width:100%; margin-right:0; margin-bottom:1em; }
    .detailblock .rowwear .item p { margin:0 auto; }

    .detailblock.wearblock .rowwear h3:before,
    .detailblock.wearblock .rowwear h3:after { width:10em; }
    .detailblock.wearblock .rowwear .item { width:15em; }
    .detailblock.wearblock .rowwear .item .img { height:12em; }
    .detailblock.wearblock .rowwear .item .img label { padding-top:0; }
    .detailblock.wearblock .rowsizepicture .img.mobile { display:block; }
    .detailblock.wearblock .rowsizepicture .img.pc { display:none; }

    .detailblock.wearblock .rowsize .titlerow .sizeitem { width:100%; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem .img { height:12em; width:100%; }
    .detailblock.wearblock .rowsize .titlerow .sizeitem .img img { width:100%; }
    .detailblock.wearblock .rowsize .item { width:100%; text-align:left; padding:1em!important; }
    .detailblock.wearblock .rowsize .item label { display:block; font-size:2em; position:relative!important; top:auto!important; left:auto!important; transform:none!important; }


    .rowfeature { height:180vw; }
    .rowfeature .mask { display:flex; width:400vw; position:absolute; bottom:6em; left:0; }
    .rowfeature .mask .item { width:93vw; display:block; }
    .rowfeature .mask .item .img { width:100%; height:50vw; }
    .rowfeature .mask .item .info { width:100%; height:100vw; padding:2em; }
    .rowfeature .mask .item .info p { max-width:100%; }
    .rowfeature .btn-prev,
    .rowfeature .btn-next { width:3em; height:3em; background-size:20%; opacity:1; }

    .rowtechnology .mask .item { width:80vw; }
    .rowtechnology .mask .item .img { height:40vw; }
    .rowtechnology .mask .item .info { padding:2em; height:auto; }

    .banner { height:70vw; }
    .banner h1 { transform: translate(-50%,-50%) scale(1); width:calc(100% - 2em); }
    .numberfact { flex-wrap:wrap; }
    .numberfact .item { padding:1em; width:50%; }
    .numberfact .item strong { font-size:1.8em; }
    .iconset .item { padding-right:0; }
    .iconset .item img { width:5em; }

    .blogcon { padding:1.5em; }
    .blogcon h2 { font-size:1.8em; }
    .blogcon h2 .en { font-size:1.2em; font-weight:700; }
    .blogcon .logosettable td { display:block; width:100%; border:0; border-bottom:1px solid #ccc; }
    .blogcon .logosettable td:last-child { border:0; }
    .blogcon .logosettable td img { width:5em; }



}










    /* border radius */
    .sportlist .item .img,
    .stagelist .item .img,
    .bannerlist .item .img,
    .recommandlist .item .imgxxxx { xxxborder-radius:.3em; }








/*

  _                                   
 | |__ _ _ _  __ _ _  _ __ _ __ _ ___ 
 | / _` | ' \/ _` | || / _` / _` / -_)
 |_\__,_|_||_\__, |\_,_\__,_\__, \___|
             |___/          |___/     

*/

/*.lang-tw,
.lang-cn,
.lang-kr,
.lang-th,
.lang-ph { font-family:"Noto Sans TC","Microsoft JhengHei",微軟正黑體,sans-serif,"Microsoft YaHei",Verdana,Arial; }*/

.lang-sc * { font-family:PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,'黑体','Arial',sans-serif; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; }
.lang-sc .techlist .item .infoblock strong { font-size:2.4em; }
.lang-sc * .item .infoblock { padding-bottom:2em; }
.lang-sc * .item .infoblock strong { margin-bottom:0; }
.lang-sc .header .menuset a,
.lang-sc .footer .col h2,
.lang-sc .filterblock .row strong,
.lang-sc strong { font-weight:bold; }


.lang-en { font-size:.9em; }
.lang-en * { font-family:'Arial',sans-serif; }
.lang-en h1, 
.lang-en h2, 
.lang-en .title, 
.lang-en .title * { font-family:'Barlow','Nanum Gothic','Oswald',sans-serif; }
.lang-en h1 { font-size:2em; }
.lang-en h2 { font-size:1.5em; }
.lang-en .menuset {}
.lang-en .menuset a { /*font-family:'Barlow'; text-transform:uppercase; letter-spacing:.1em;*/ padding:1.9em 1em; line-height:1; }
.lang-en .breadcrumb a { letter-spacing:0; }
.lang-en .detailblock .rowprice .btn-shop { font-size:1.2em; }
.lang-en .displayfont,
.lang-en h2,
.lang-en strong { font-weight:700; font-family:'Barlow','Nanum Gothic','Oswald',sans-serif; }
.lang-en .blogcon h2 .en { font-size:2.5em; }
.lang-en .bannerlist .item .infoblock h2 { font-size:2em; }


.lang-jp { xxxxfont-size:.9em; font-family:YuGothic,Yu Gothic,游ゴシック体,游ゴシック,ヒラギノ角ゴ Pro W3,ヒラギノ角ゴ W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,Osaka,MS PGothic,Arial,sans-serif; }
.lang-jp strong,
.lang-jp h2 { xxxfont-weight:400; }




@media -ms-viewport, screen and (min-width:1025px) and (max-width:1280px) {
    .lang-en .menuset a { padding:2.3em .5em; font-size:.9em; letter-spacing:-.01em; }
}
@media -ms-viewport, screen and (min-width:640px) and (max-width:1024px) {
}







/* CONTROL FONT */
.displayfont>span { font-weight:inherit; font-family:inherit; }
.displayfont.sport { margin:2em 0 0 -.8em; }


* { xxxborder:1px solid red; }

@media -ms-viewport, screen and (max-width:640px) {
    .displayfont.sport { margin:2em 0 -2em 0; text-align:center; }
}