.cnt-bgscale img{width: 100%;}
.cnt-mid{max-width: 768px; padding-left: 32px;padding-right: 32px;}
.cnt-min{max-width: 640px; padding-left: 32px;padding-right: 32px;}
.cnt-bgpic-top{background-position: top center; background-repeat: no-repeat; background-size: contain;}

.ilbox{display: inline-block;}

.hyd{display: none;}

.bx{position: absolute; top: 0; bottom: 0; left: 0;}
.bxr{position: relative;}
.bx, .bx-cnt{width: 100%;}
.bx.bx-vc{display: flex; align-items: center;}
.bx-pc{margin-left: auto; margin-right: auto;}
.bx-pl{margin-right: 50%; }
.bx-pr{margin-left: 50%;}
.bx-pr.spc-fx{padding-left: 5vw;}
.bx-pl.spc-fx{padding-right: 5vw;}
.bx.bx-bl, .bx.bx-br, .bx.bx-tl, .bx.bx-tr{top:unset; bottom:unset; left:unset; right:unset;}
.bx.bx-bl{bottom:0; left:0;}
.bx.bx-br{bottom:0; right:0;}
.bx.bx-tl{top:0; left:0;}
.bx.bx-tr{top:0; right:0;}
.bx-nf{width: auto;}
@media only screen and (max-width: 720px) {
    .bx.nomobile{position: relative;}
}

.tx-leer{line-height:1.25em;}


.m8{margin: 8px;}
.m16{margin: 16px;}
.m24{margin: 24px;}
.p8{padding: 8px;}
.p16{padding: 16px;}
.p24{padding: 24px;}
.s8{padding-left:8px; padding-right:8px;}
.s16{padding-left:16px; padding-right:16px;}
.s24{padding-left:24px; padding-right:24px;}
.s24{padding-left:32px; padding-right:32px;}

.el-vc{display: flex; align-items: center;}
.el-vspc{padding: 8px 0;}
.el-v8{padding-top: 8px; padding-bottom: 8px;}
.el-v16{padding-top: 16px; padding-bottom: 16px;}
.el-h8{min-height: 8px;}
.el-h16{min-height: 16px;}
.el-h24{min-height: 24px;}
.el-h48{min-height: 48px;}
.el-h56{min-height: 56px;}
.el-h64{min-height: 64px;}
.el-h96{min-height: 96px;}
.el-h128{min-height: 128px;}
.el-fullview{width: 100%; height: 100vh;}

.fl-r{float: right;}
.fl-l{float: left;}

.tx-wb, .b{font-weight: bold;}
.tx-wn{font-weight: normal;}
.tx-it, .i{font-style: italic;}
.lspc{letter-spacing: .5em;}

.tx-upr{text-transform: uppercase;}
.tx-lwr{text-transform: lowercase;}

.tx-cd1{color: #000;}
.tx-cd1{color: #383835;}
.tx-cd2{color: #5C5C57;}
.tx-cd3, .tx-cd3 a{color: #A6A49F;}
.tx-cd4{color: #bbb;}
.tx-cd5{color: #bbb;}
.tx-cw{color: #fff;}
.tx-cb1{color: #4285f4;}
.tx-cb2{color: #00339F;}
.tx-cy{color: #00b7ff;}

.tx-pc{text-align: center;}
.tx-pl{text-align: left;}
.tx-pr{text-align: right;}

.l1{text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}

.h2e{font-size: 1.8em;}
.h3e{font-size: 1.5em;}

.bt{display: inline-block; line-height: 3rem; padding: 0 2rem; border-radius: 2px;}
.bt-rnd{border-radius: 3rem;}
.bt.bt-min{line-height: 32px; border-radius: 16px; padding: 0 16px;}
.bt-simple{display: inline-block; line-height: 1.25em;}
.bt-lined,.bt.bt-lined{color: #fff; border: 1px solid rgba(255,255,255,.3);}
.bt-lined:hover, .shw .bt-lined{background-color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); color: #383835;}
.bt-lined-red,.bt.bt-lined-red{color: #fff; border: 1px solid #B7004F;}
.bt-lined-red:hover, .shw .bt-lined-red{background-color: #B7004F;}
.bt-wy{background-color:rgba(255,255,255,1); color: #333;}
.bt-y{background-color:rgba(255,209,0,1); color: #5C5C57;}
.bt-b{background-color: rgba(0,150,255,1); color: #fff;}
.bt-b:hover{background-color: rgba(0,51,159,1);}
.bt-y:hover{color: #383835;}
.bt-wy:hover{background-color:rgba(255,209,0,1); color: #383835;}
.bt-wht-trns{background-color:rgba(200,200,200,.5); color: #333;}
.bt-wht-trns:hover{background-color:rgba(200,200,200,1);}
.bt-drk-trns{background-color:rgba(25,25,25,.5); color: rgba(255,255,255,.75);}
.bt-drk-trns:hover{background-color:rgba(25,25,25,1); color: rgba(255,255,255,1);}
.bt-red-light,.bt.bt-red-light{background-color: #B7004F; color: #fff;}
.bt-red-light:hover, .shw .bt-red-light{background-color: #333;}

.top-links{padding-bottom: 16px;}
.top-links .top-link{color: rgba(255,255,255,.75); font-size: 1.5em; display: inline-block; line-height: 3rem;}
.top-links .top-link.current{ color: #fff; border-bottom: 4px solid #00b7ff; font-weight: bold;}
.top-links .top-link:hover{color: #00b7ff;}

.wa-bt{position: fixed; z-index:99; right: 32px; bottom: 16px; width: 56px; height: 56px; z-index: 1000;}
.wa-bt a{padding: 8px;}
.wa-bt:hover a{padding: 0;}
@media only screen and (max-width: 720px) {
    .wa-bt{right: 8px; bottom: 12px; width: 48px; height: 48px;}
    .wa-bt a{padding: 0;}
}


.shw{visibility: hidden;}
a:hover .shw{visibility:unset;}

/* h2{font-size: 48px; letter-spacing: -1.5px; line-height: 44px;} */
/* h2{font-size: calc((50vw - 3.5rem) / 7);} */
h1{font-size: 4rem; line-height: 4rem; letter-spacing: -1.5px;}
h2{font-size: 3rem; line-height: 3rem; letter-spacing: -1px;}
h3{font-size: 2rem; line-height: 2.125rem; letter-spacing: -0.5px;}
h4{font-size: 1.5rem; letter-spacing: -0.5px;}
h5{font-size: 1.25rem; letter-spacing: -0.25px;}
b{font-weight: bold;}
.n{font-weight: normal;}
p{margin-bottom: 1em;}

.cards-c2 .card{width: 50%;}
.cards-c3 .card{width: 33.2%;}
.cards-r{white-space: nowrap; overflow: auto;}
.cards-r .card{white-space:normal;}
.card{display: inline-block; vertical-align: top; }
.cardbig .card-cnt{margin: 5px; border-radius: 24px; overflow: hidden;}

.cnt2col, .cnt3col{display: flex; -webkit-box-orient: horizontal; }
.cnt2col.col1-1 .col1, .cnt2col.col1-1 .col2{width: 50%;}
.cnt2col.col1-3 .col1{width: 25%;}
.cnt2col.col1-3 .col2{width: 75%;}
.cnt3col .col1{width: 34%;}
.cnt3col .col2, .cnt3col .col3{width: 33%;}

@media only screen and (max-width: 720px) {
    .cnt2col.nomobile, .cnt3col.nomobile{display: block;}
    /* .nomobile .col1, .nomobile .col2,.nomobile .col3, .nomobile .col4{width: unset;} */
    .cnt2col.col1-1 .col1, .cnt2col.col1-1 .col2, .cnt2col.col1-3 .col1, .cnt2col.col1-3 .col2, .cnt3col .col1, .cnt3col .col2, .cnt3col .col3{width: auto;}
}


.row{white-space: nowrap;}
.viur{overflow:hidden;}

.pic-bg-full{width: 100%;} 
.bg-cover{background-position: center; background-repeat: no-repeat; background-size: cover;}

.menu-row .menu{white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
/* .menu-row.drk a{color: #;} */
.menu-row.drk .menu-item.current-menu-item a{color: #bbb;}
.menu-row.drk .menu-item a:hover{color: #fff;}
.menu .menu-item.current-menu-item a{font-weight: bold;}
.menu .menu-item, .menu .menu-item a{display: inline-block;}
/* .menu .menu-item a{padding: 0 8px; line-height: 40px;}
.menu-row. */

@media only screen and (max-width: 720px) {
    /* .menu-row{overflow-x: auto;} */

    .cnt-mid, .cnt-min{padding-left: 24px; padding-right: 24px;}
    a .shw{visibility: visible;}
    .bt.bt-min{line-height: 24px; border-radius: 12px; padding: 0 12px;}
    h1{font-size: 2.25rem; line-height: 2.25rem; letter-spacing: 0;}
    h2{font-size: 1.75rem; line-height: 1.75rem;}
    h4{font-size: 1.25rem; letter-spacing: -0.25px;}
    h5{font-size: 1.125rem; letter-spacing: 0;}
    .rsz .bx-pl, .rsz .bx-pr, .rsz .bx-pc{margin: unset; }
    .bx-pr.spc-fx, .bx-pl.spc-fx{padding:unset;}
    .el-vspc{padding: 4px 0;}
    .rsz-pb .bx{display: block; align-items: unset; top: unset; padding-bottom: 56px;}
    /* .rsz-pb .bx-cnt{margin-top: 90%;} */
    .bx-cnt{margin-left: 20px; margin-right: 20px; width: auto; display: block;}
}

@media only screen and (max-width: 400px) {
    html{font-size: 14px;}
    .bt{line-height: 2.5em; border-radius: 1.25em;}
}

.tx-ln, p{line-height: 1.5em;}

.listing li{width: 24%; display: inline-block;}
.listing .item, .listing .item img{display: block; color: #A6A49F;}
.listing .itempic{padding:4px 0; margin:0 4px;}
.listing .itempic img{width: 100%;}
.listing .item{margin: 16px; background-color: rgba(255,209,0,0);}
.listing .iteminf{padding: 16px 24px; line-height: 1em; margin-top: 2px;}
.listing .iteminf .brand{font-size: .75em; margin-right: 8px;}
@media only screen and (max-width: 720px) {
    .listing li{width: 49%;}
    .listing .item{margin: 8px;}
    .listing .iteminf span{display: block;}
    .listing .iteminf{padding: 16px 16px;} 
}

#prodlist li{display: table-cell;}

.cnt3col.footer .col-cnt{padding-right: 16px;}
.cnt3col.footer .top-col{line-height: 24px; padding-bottom: 16px; color: #555;}
.cnt3col.footer a{font-size: 13px; color: #666;}
.cnt3col.footer a:hover{color: #00b7ff;}
.cnt3col.footer li,.cnt3col.footer li a{display: block; line-height: 32px; font-size: 1rem; color: #aaa;}
.cnt3col.footer p{margin-bottom: 8px;}
@media only screen and (max-width: 720px) {
    .cnt3col.footer .col-cnt{padding-right: 0; padding-bottom: 16px;}
    .cnt3col.footer .top-col{line-height: 24px; padding: 2px 0; }
    .cnt3col.footer li{display: inline-block;  line-height: 40px; text-transform: uppercase;}
    .cnt3col.footer a{font-size: 13px; color: #aaa; margin-right: 16px;}
}

.view-spec-top, .view-ttl{font-size: 36px;}
.view-ttl{background-color: #00b7ff; letter-spacing: -1px;}
.view-cnt{background-color: #EDEBE3; padding: 2rem;}
.view-spec-top,.view-ttl,.view-specs li{ padding: 1rem 2rem;}
.view-specs{padding-left: 32px;}
.view-specs li{display: block; border-top: 1px solid #ddd;}
.view-specs li span{display: block;}