@charset 'utf-8';
main > header
{
    margin: 2.5em 0 4em;
    text-align: center;
    color: #fff;
    background: #5ab546;
}
main > header h3
{
    font-size: 24px;
    line-height: 1;
}
main > header p
{
    font-size: 16px;
    line-height: 1.5;
    width: 61.43em;
    margin: 1em auto 0;
}
main > section
{
    padding: 4.8em 0 6em;
    border-bottom: #ccc .1em solid;
}
main > section:last-child
{
    border-bottom: none;
}
main #slide
{
    position: relative;
    overflow: hidden;
    margin-top: 3em;
    padding-bottom: 4em;
}
main #slide > div:first-child
{
    position: relative;
    width: 96em;
    height: 54em;
    margin: 0 auto;
}
main #slide > div:first-child > a
{
    position: absolute;
    position: absolute;
    z-index: 5;
    right: 1em;
    bottom: 1em;
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 2em;
    height: 2em;
    cursor: default;
    text-align: center;
    opacity: 0;
    color: #fa960a;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
main #slide > div:first-child > a:before
{
    font-size: 17px !important;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #slide > div:first-child ul li
{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: #eee url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 3.2em 3.2em;
       -moz-background-size: 3.2em 3.2em;
            background-size: 3.2em 3.2em;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #slide > div:first-child ul li.current
{
    display: block;
}
main #slide > div:first-child ul li.fadeout-left
{
    z-index: 1;
    -webkit-animation: fadeout-left .6s cubic-bezier(.455, .03, .515, .955);
       -moz-animation: fadeout-left .6s cubic-bezier(.455, .03, .515, .955);
        -ms-animation: fadeout-left .6s cubic-bezier(.455, .03, .515, .955);
         -o-animation: fadeout-left .6s cubic-bezier(.455, .03, .515, .955);
            animation: fadeout-left .6s cubic-bezier(.455, .03, .515, .955);
    opacity: 0;
}
main #slide > div:first-child ul li.fadein-left
{
    z-index: 2;
    -webkit-animation: fadein-left .45s cubic-bezier(.25, .46, .45, .94);
       -moz-animation: fadein-left .45s cubic-bezier(.25, .46, .45, .94);
        -ms-animation: fadein-left .45s cubic-bezier(.25, .46, .45, .94);
         -o-animation: fadein-left .45s cubic-bezier(.25, .46, .45, .94);
            animation: fadein-left .45s cubic-bezier(.25, .46, .45, .94);
}
main #slide > div:first-child ul li.fadeout-right
{
    z-index: 1;
    -webkit-animation: fadeout-right .6s cubic-bezier(.455, .03, .515, .955);
       -moz-animation: fadeout-right .6s cubic-bezier(.455, .03, .515, .955);
        -ms-animation: fadeout-right .6s cubic-bezier(.455, .03, .515, .955);
         -o-animation: fadeout-right .6s cubic-bezier(.455, .03, .515, .955);
            animation: fadeout-right .6s cubic-bezier(.455, .03, .515, .955);
    opacity: 0;
}
main #slide > div:first-child ul li.fadein-right
{
    z-index: 2;
    -webkit-animation: fadein-right .45s cubic-bezier(.25, .46, .45, .94);
       -moz-animation: fadein-right .45s cubic-bezier(.25, .46, .45, .94);
        -ms-animation: fadein-right .45s cubic-bezier(.25, .46, .45, .94);
         -o-animation: fadein-right .45s cubic-bezier(.25, .46, .45, .94);
            animation: fadein-right .45s cubic-bezier(.25, .46, .45, .94);
}
main #slide > div:first-child ul li img
{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .45s cubic-bezier(.25, .25, .75, .75) .15s;
       -moz-transition: opacity .45s cubic-bezier(.25, .25, .75, .75) .15s;
        -ms-transition: opacity .45s cubic-bezier(.25, .25, .75, .75) .15s;
         -o-transition: opacity .45s cubic-bezier(.25, .25, .75, .75) .15s;
            transition: opacity .45s cubic-bezier(.25, .25, .75, .75) .15s;
}
main #slide > div:first-child ul li img.state-ready-forced
{
    opacity: 0;
}
main #slide > div:first-child ul + div
{
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .45s;
       -moz-transition: opacity .45s;
        -ms-transition: opacity .45s;
         -o-transition: opacity .45s;
            transition: opacity .45s;
    opacity: 0;
    background: #000 url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 3.2em 3.2em;
       -moz-background-size: 3.2em 3.2em;
            background-size: 3.2em 3.2em;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #slide > div:first-child ul + div.active
{
    opacity: .8;
}
main #slide > div:first-child ul + div + div
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .45s cubic-bezier(.55, .085, .68, .53);
       -moz-transition: opacity .45s cubic-bezier(.55, .085, .68, .53);
        -ms-transition: opacity .45s cubic-bezier(.55, .085, .68, .53);
         -o-transition: opacity .45s cubic-bezier(.55, .085, .68, .53);
            transition: opacity .45s cubic-bezier(.55, .085, .68, .53);
    opacity: 0;
}
main #slide > div:first-child ul + div + div img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
       -moz-transition:    -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
        -ms-transition:     -ms-transform .6s cubic-bezier(.25, .46, .45, .94);
         -o-transition:      -o-transform .6s cubic-bezier(.25, .46, .45, .94);
            transition:         transform .6s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: translate(0, 0) scale(.5);
       -moz-transform: translate(0, 0) scale(.5);
        -ms-transform: translate(0, 0) scale(.5);
         -o-transform: translate(0, 0) scale(.5);
            transform: translate(0, 0) scale(.5);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
}
main #slide > div:first-child.zoom
{
    cursor: pointer;
}
main #slide > div:first-child.zoom > a
{
    visibility: visible;
    cursor: pointer;
    opacity: 1;
}
main #slide > div:first-child.zoom.active
{
    cursor: move;
}
main #slide > div:first-child.zoom.active ul + div + div
{
    -webkit-transition: opacity .45s;
       -moz-transition: opacity .45s;
        -ms-transition: opacity .45s;
         -o-transition: opacity .45s;
            transition: opacity .45s;
    opacity: 1;
}
main #slide > div:first-child.zoom.active ul + div + div img
{
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition:    -moz-transform .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition:     -ms-transform .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition:      -o-transform .45s cubic-bezier(.25, .46, .45, .94);
            transition:         transform .45s cubic-bezier(.25, .46, .45, .94);
}
main #slide > div:first-child + ul li
{
    position: absolute;
    z-index: 5;
    top: 24em;
    overflow: hidden;
    width: 4em;
    height: 6em;
    -webkit-transition: opacity .6s cubic-bezier(.55, .085, .68, .53) .6s;
       -moz-transition: opacity .6s cubic-bezier(.55, .085, .68, .53) .6s;
        -ms-transition: opacity .6s cubic-bezier(.55, .085, .68, .53) .6s;
         -o-transition: opacity .6s cubic-bezier(.55, .085, .68, .53) .6s;
            transition: opacity .6s cubic-bezier(.55, .085, .68, .53) .6s;
    opacity: .4;
}
main #slide > div:first-child + ul li:hover
{
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    opacity: 1;
}
main #slide > div:first-child + ul li:first-child
{
    left: calc(50% - 48em);
}
main #slide > div:first-child + ul li:first-child + li
{
    right: calc(50% - 48em);
}
main #slide > div:first-child + ul li a
{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: color .45s;
       -moz-transition: color .45s;
        -ms-transition: color .45s;
         -o-transition: color .45s;
            transition: color .45s;
    color: rgba(255,255,255,0);
}
main #slide > div:first-child + ul li a.darken
{
    color: #000;
}
main #slide > div:first-child + ul li a.lighten
{
    color: #fff;
}
main #slide > div:first-child + ul li a:before
{
    font-size: 60px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #slide > div:first-child ~ div
{
    overflow: hidden;
    overflow: hidden;
    width: 90.4em;
    height: 5.4em;
    margin: 2em auto 0;
    text-align: center;
}
main #slide > div:first-child ~ div ul
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 5.4em;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.455, .03, .515, .955);
       -moz-transition:    -moz-transform .6s cubic-bezier(.455, .03, .515, .955);
        -ms-transition:     -ms-transform .6s cubic-bezier(.455, .03, .515, .955);
         -o-transition:      -o-transform .6s cubic-bezier(.455, .03, .515, .955);
            transition:         transform .6s cubic-bezier(.455, .03, .515, .955);
    text-align: left;
    vertical-align: top;
}
main #slide > div:first-child ~ div ul li
{
    float: left;
    width: 9.6em;
}
main #slide > div:first-child ~ div ul li + li
{
    margin-left: .5em;
}
main #slide > div:first-child ~ div ul li.current a
{
    cursor: default;
    opacity: .4;
}
main #slide > div:first-child ~ div ul li.current a.btn-zoom
{
    cursor: pointer;
}
main #slide > div:first-child ~ div ul li.indicator
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: .3em;
    margin: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
       -moz-transition:    -moz-transform .6s cubic-bezier(.77, 0, .175, 1);
        -ms-transition:     -ms-transform .6s cubic-bezier(.77, 0, .175, 1);
         -o-transition:      -o-transform .6s cubic-bezier(.77, 0, .175, 1);
            transition:         transform .6s cubic-bezier(.77, 0, .175, 1);
    background: #e60000;
}
main #slide > div:first-child ~ div ul li a
{
    position: relative;
    z-index: 1;
    display: block;
    height: 5.4em;
    cursor: pointer;
}
main #slide > div:first-child ~ div ul li a.btn-zoom:before
{
    font-size: 10px;
    position: absolute;
    z-index: 1;
    right: .3em;
    bottom: .3em;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    padding-top: .1em;
    text-align: center;
    color: #fa960a;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
main #slide > div:first-child ~ div ul li a img
{
    position: relative;
    z-index: -1;
    width: 100%;
    -webkit-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
       -moz-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
        -ms-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
         -o-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
            transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
}
main #slide > div:first-child ~ div ul li a img.state-ready-forced,
main #slide > div:first-child ~ div ul li a img.ready
{
    visibility: hidden;
    opacity: 0;
}
main #slide > div:first-child ~ div + ul
{
    position: relative;
    width: 96em;
    margin: 0 auto;
}
main #slide > div:first-child ~ div + ul li.disabled a
{
    cursor: default;
    pointer-events: none;
    opacity: 0;
}
main #slide > div:first-child ~ div + ul li a
{
    position: absolute;
    bottom: 0;
    display: block;
    overflow: hidden;
    width: 2.4em;
    height: 5.4em;
    cursor: pointer;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA4IDE0Ljg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4IDE0Ljg2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iNy40MywxNC44NiAwLDcuNDMgNy40MywwIDgsMC41NyAxLjE0LDcuNDMgOCwxNC4yOSAiLz4KPC9zdmc+Cg==') no-repeat 50% 50%;
    -webkit-background-size: .8em 1.5em;
       -moz-background-size: .8em 1.5em;
            background-size: .8em 1.5em;
}
main #slide > div:first-child ~ div + ul li:first-child a
{
    left: 0;
}
main #slide > div:first-child ~ div + ul li:first-child + li a
{
    right: 0;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
main #info
{
    display: none;
    width: 96em;
    margin: 4em auto 0;
    padding: 3.4em 4em;
    border: .1em #e65a50 solid;
    -webkit-border-radius: 1em;
            border-radius: 1em;
}
main #info p
{
    font-size: 18px;
    line-height: 1.5;
    color: #e65a50;
}
main #detail
{
    width: 96em;
    margin: 0 auto;
    padding-top: 3.9em;
    border-bottom: none;
}
main #detail:before,
main #detail:after
{
    display: table;
    content: '';
}
main #detail:after
{
    clear: both;
}
main #detail header
{
    width: 71.5em;
    border-bottom: .1em #ccc solid;
}
main #detail header h2
{
    font-family: 'bodoni-urw', serif;
    font-weight: 500;
    width: 96em;
    margin-bottom: 2.5em;
}
main #detail header h2 span
{
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}
main #detail header h2 span img
{
    font-size: 10px;
    display: block;
}
main #detail header h2 strong
{
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin: .46em 0 .35em;
}
main #detail header h2 small
{
    font-family: 'tinos', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: block;
}
main #detail header > div
{
    width: 96em;
}
main #detail header > div:before,
main #detail header > div:after
{
    display: table;
    content: '';
}
main #detail header > div:after
{
    clear: both;
}
main #detail header > div img
{
    font-size: 10px;
    float: left;
    width: 4.2em;
    height: 4.2em;
    margin-bottom: 4em;
}
main #detail header > div img + img
{
    margin-left: 1em;
}
main #detail #about
{
    float: left;
}
main #recommend
{
    float: right;
    width: 22.5em;
    margin-top: -.1em;
    padding: 2em 2em 3.8em;
    -webkit-border-radius: 1em;
            border-radius: 1em;
    background: #f5f5f5;
}
main #recommend h3
{
    padding-bottom: 2.1em;
    text-align: center;
    border-bottom: .1em #ccc solid;
}
main #recommend h3 span
{
    font-size: 18px;
    font-weight: 700;
}
main #recommend ul
{
    margin-top: 2em;
}
main #recommend ul li + li
{
    margin-top: 3.5em;
}
main #recommend ul li a
{
    display: block;
}
main #recommend ul li a dl dt
{
    position: relative;
    height: 18.5em;
    margin-bottom: .5em;
    background: #fff url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 3.2em 3.2em;
       -moz-background-size: 3.2em 3.2em;
            background-size: 3.2em 3.2em;
}
main #recommend ul li a dl dt > img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16em;
    height: 16em;
    margin: -8em 0 0 -8em;
    -webkit-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
       -moz-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
        -ms-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
         -o-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
            transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
}
main #recommend ul li a dl dt > img.state-ready
{
    visibility: hidden;
    opacity: 0;
}
main #recommend ul li a dl dd
{
    color: #000;
}
main #recommend ul li a dl dd span
{
    line-height: 1.6;
    display: block;
}
main #recommend ul li a dl dd strong
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    display: block;
}
main #voice
{
    float: left;
    width: 76em;
    margin-top: 5em;
}
main #voice:before,
main #voice:after
{
    display: table;
    content: '';
}
main #voice:after
{
    clear: both;
}
main #voice li
{
    float: left;
    width: 22.4em;
}
main #voice li + li
{
    margin-left: 4.4em;
}
main #voice li a
{
    color: #000;
}
main #voice li a dl dt
{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.67;
}
main #voice li a dl dt + dd
{
    padding: 1em 0 1.2em;
    border-top: .3em #000 solid;
}
main #voice li a dl dt + dd img
{
    width: 100%;
    -webkit-border-radius: .3em;
            border-radius: .3em;
}
main #voice li a dl dt + dd + dd
{
    font-size: 14px;
    line-height: 1.29;
}
main #voice li a dl dt + dd + dd strong
{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    display: block;
    margin-bottom: .2em;
}
main #products section
{
    background: #f5f5f5;
}
main #products section > div
{
    width: 96em;
    margin: 0 auto;
    padding: 6em 0;
}
main #products section > div:before,
main #products section > div:after
{
    display: table;
    content: '';
}
main #products section > div:after
{
    clear: both;
}
main #products section > div dl:first-child,
main #products section > div > div ~ dl
{
    width: 47em;
}
main #products section > div > div + dl
{
    float: left;
    clear: left;
}
main #products section > div > div + dl + dl
{
    float: right;
}
main #products > div
{
    padding: 5em 0;
    text-align: center;
}
main #products > div ul
{
    display: inline-block;
}
main #products > div ul:before,
main #products > div ul:after
{
    display: table;
    content: '';
}
main #products > div ul:after
{
    clear: both;
}
main #products > div ul li
{
    float: left;
}
main #products > div ul li:nth-child(2n+1)
{
    clear: left;
    margin-left: 0;
}
main #products > div ul li:nth-child(2n)
{
    margin-left: 5.7em;
}
main #products > div ul li:nth-child(2) ~ li
{
    margin-top: 2em;
}
main #products > div ul li a
{
    font-size: 0;
    position: relative;
    display: block;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 0;
    color: #000;
}
main #products > div ul li a img
{
    font-size: 10px;
    display: inline-block;
    height: 8em;
    vertical-align: middle;
}
main #products > div ul li a i
{
    font-size: 18px;
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle;
    color: #1da1f2;
}
main #products > div ul li a span
{
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}
main #products #item-info
{
    float: left;
    width: 47em;
    margin-top: -.4em;
    padding-bottom: 4em;
}
main #products #item-info dt
{
    position: relative;
    /*font-weight $font-bold
        font-size 24px
        line-height round(27/24,2)
        min-height round(1em*81/24,2)
        padding-bottom round(1em*27/24,2)*/
    min-height: 7.8em;
    padding-bottom: 2.4em;
}
main #products #item-info dt span
{
    font-size: 12px;
    font-weight: 700 !important;
    line-height: 1;
    position: absolute;
    top: 0;
    display: inline-block;
    -webkit-transform: translate(0, calc(-100% - 1.25em));
       -moz-transform: translate(0, calc(-100% - 1.25em));
        -ms-transform: translate(0, calc(-100% - 1.25em));
         -o-transform: translate(0, calc(-100% - 1.25em));
            transform: translate(0, calc(-100% - 1.25em));
    vertical-align: bottom;
}
main #products #item-info dt span:empty
{
    height: 0;
}
main #products #item-info dt span img
{
    font-size: 10px;
    display: block;
}
main #products #item-info dt strong
{
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 1.13;
    display: block;
}
main #products #item-info dt small
{
    display: none;
}
main #products #item-info dt + dd
{
    position: relative;
    width: 47em;
    border: .1em #fff solid;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #fff;
}
main #products #item-info dt + dd:before
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.75;
    position: absolute;
    top: -.08em;
    left: 0;
    content: 'Select Item';
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);
}
main #products #item-info dt + dd div
{
    font-size: 13px;
    font-weight: 400;
    line-height: 2.92;
    position: relative;
}
main #products #item-info dt + dd div:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    right: .6em;
}
main #products #item-info dt + dd div select
{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 2.92em;
    padding-right: 3.08em;
    padding-left: 1.54em;
    border: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
main #products #item-info dt + dd div select:-moz-focusring
{
    color: transparent;
    text-shadow: 0 0 0 #000;
}
main #products #item-info dt + dd div select::-ms-value
{
    background: none;
}
main #products #item-info dt + dd div select::-ms-expand
{
    display: none;
}
main #products #item-info dt + dd div option
{
    color: #000;
}
main #products #item-notice
{
    min-height: 5em;
    padding: 1.7em 0 1.6em !important;
    border-bottom: none !important;
}
main #products #item-notice p
{
    font-size: 13px;
    line-height: 1.38;
    display: none;
    color: #e65a50;
    /*&[class]
          display none
          padding-top round(1em*22/14,2)!important
          &[style*="block"] ~ p
            padding-top round(1em*7/14,2)*/
}
main #products #item-image
{
    float: left;
    width: 47em;
    margin: 0 0 3.5em 2em;
}
main #products #item-image figure
{
    width: 47.6em;
}
main #products #item-image figure:before,
main #products #item-image figure:after
{
    display: table;
    content: '';
}
main #products #item-image figure:after
{
    clear: both;
}
main #products #item-image figure img
{
    float: left;
    width: 11.4em;
    height: 11.4em;
    margin: 0 .5em .5em 0;
}
main #products #item-image img[class],
main #products #item-image figure[class]
{
    display: none;
}
main #products #item-price
{
    display: block;
    float: left;
    width: 31em;
    margin-bottom: -.1em;
}
main #products #item-price span
{
    font-size: 13px;
    line-height: 1.54;
    visibility: hidden;
}
main #products #item-price span[class]
{
    display: none;
}
main #products #item-price span var
{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
    position: relative;
    top: .1em;
    padding-left: .17em;
}
main #products #item-price span var + var:before
{
    padding-right: .33em;
}
main #products #item-price small
{
    font-size: 13px;
    line-height: 1.54;
    padding-left: .46em;
}
main #products #item-order
{
    float: left;
    border-top: #ccc .1em solid;
}
main #products #item-order dd
{
    padding: 1em 0;
    border-bottom: #ccc .1em solid;
}
main #products #item-order dd:before,
main #products #item-order dd:after
{
    display: table;
    content: '';
}
main #products #item-order dd:after
{
    clear: both;
}
main #products #item-order dd strong
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.54;
    display: block;
    float: left;
    width: 12.3em;
}
main #products #item-stock span
{
    font-size: 13px;
    line-height: 1.54;
}
main #products #item-stock span + span
{
    color: #e65a50;
}
main #products #item-amount ul
{
    float: left;
    margin: -.5em 0;
    text-align: center;
}
main #products #item-amount ul:before,
main #products #item-amount ul:after
{
    display: table;
    content: '';
}
main #products #item-amount ul:after
{
    clear: both;
}
main #products #item-amount ul li + li
{
    position: relative;
    width: 1.8em;
    height: 1.8em;
    margin-top: .5em;
    cursor: pointer;
    -webkit-transition: opacity .3s, background-color .3s, color .3s;
       -moz-transition: opacity .3s, background-color .3s, color .3s;
        -ms-transition: opacity .3s, background-color .3s, color .3s;
         -o-transition: opacity .3s, background-color .3s, color .3s;
            transition: opacity .3s, background-color .3s, color .3s;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #fa960a;
}
main #products #item-amount ul li + li:before
{
    font-size: 12px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #products #item-amount ul li + li.disabled
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #ccc;
}
main #products #item-amount ul li + li.disabled:hover
{
    opacity: 1;
}
main #products #item-amount ul li:nth-child(1)
{
    float: left;
    overflow: hidden;
    width: 3.5em;
    height: 2.8em;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #fff;
}
main #products #item-amount ul li:nth-child(1) var
{
    font-size: 18px;
    line-height: 1.56;
}
main #products #item-amount ul li:nth-child(2)
{
    float: right;
}
main #products #item-amount ul li:nth-child(3)
{
    float: left;
    margin-right: .6em;
    margin-left: 1em;
}
main #products #item-btn
{
    padding: 0 !important;
    border-bottom: none !important;
}
main #products #item-btn:before,
main #products #item-btn:after
{
    display: table;
    content: '';
}
main #products #item-btn:after
{
    clear: both;
}
main #products #item-btn a
{
    display: none;
    overflow: hidden;
    width: 22.7em;
    height: 3em;
    text-align: center;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    /*&:before
          display inline-block
          vertical-align middle*/
}
main #products #item-btn a span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;
}
main #products #item-btn a span:after
{
    font-size: 13px;
    line-height: 2.31;
}
main #products #item-btn a.btn-cart
{
    float: left;
    background: #fa960a;
}
main #products #item-btn a.btn-cart span:after
{
    content: 'Add to Cart';
}
main #products #item-btn a.btn-mail
{
    float: right;
    background: #e65a50;
    display: none !important; /* 0801 受付終了 */
}
main #products #item-btn a.btn-mail span:after
{
    content: 'Get Restock Notification';
}
main #products #item-btn a.btn-lot
{
    background: #e65a50;
}
main #products #item-btn a.btn-lot span:after
{
    content: 'Enter Lottery Sale';
}
main #products #item-detail
{
    float: right;
    border-top: #ccc .1em solid;
}
main #products #item-detail dd
{
    padding: 1em 0;
    border-bottom: #ccc .1em solid;
}
main #products #item-detail dd:before,
main #products #item-detail dd:after
{
    display: table;
    content: '';
}
main #products #item-detail dd:after
{
    clear: both;
}
main #products #item-detail dd strong
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.54;
    display: block;
    float: left;
    width: 12.3em;
}
main #products #item-detail dd strong ~ *
{
    display: block;
    float: left;
    width: 23.84em;
}
main #products #item-detail dd strong ~ *[class]
{
    display: none;
}
main #products #item-detail dd span
{
    font-size: 13px;
    line-height: 1.54;
}
main #products #item-detail dd ul
{
    margin: -.3em 0;
}
main #products #item-detail dd ul li
{
    display: table;
    width: 31em;
}
main #products #item-detail dd ul li + li
{
    margin-top: .7em;
    padding-top: .7em;
    border-top: #ccc .1em solid;
}
main #products #item-detail dd ul li img
{
    font-size: 10px;
    display: table-cell;
    width: 2.5em;
    height: 2.5em;
    margin-right: 1em;
    vertical-align: middle;
}
main #products #item-detail dd ul li span
{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
main #products.soldout #item-btn a.btn-cart
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #ccc;
}
main #products.soldout #item-btn a.btn-cart:hover
{
    opacity: 1;
}
main #products.soldout #item-btn a.btn-cart:before
{
    display: none;
}
main #products.soldout #item-btn a.btn-cart span:after
{
    content: 'Out of Stock';
}
main #products.soldout #item-btn a[style*='block'] + a.btn-mail
{
    /*display: block !important;*/
    display: none !important; /* 0801 受付終了 */
}
main #products.soldout #item-btn a.btn-lot
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #ccc;
}
main #products.soldout #item-btn a.btn-lot:hover
{
    opacity: 1;
}
main #products.soldout #item-btn a.btn-lot:before
{
    display: none;
}
main #products.soldout #item-btn a.btn-lot span:after
{
    content: 'Orders Closed';
}
main #spec h3
{
    margin-bottom: 2.8em;
}
main #spec dl
{
    width: 96em;
    margin: 0 auto;
    border-top: #ccc .1em solid;
}
main #spec dl dt
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.38;
    position: relative;
    padding: .92em 0 .85em;
}
main #spec dl dt:empty
{
    display: none;
}
main #spec dl dt:empty + dd:before
{
    display: none;
}
main #spec dl dt.open:before
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
main #spec dl dt:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    -webkit-transition: -webkit-transform .3s;
       -moz-transition:    -moz-transform .3s;
        -ms-transition:     -ms-transform .3s;
         -o-transition:      -o-transform .3s;
            transition:         transform .3s;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #spec dl dt.mdi-chevron-down
{
    cursor: pointer;
}
main #spec dl dt.mdi-chevron-down + dd
{
    overflow: hidden;
    height: 0;
}
main #spec dl dd
{
    position: relative;
    -webkit-transition: height .3s;
       -moz-transition: height .3s;
        -ms-transition: height .3s;
         -o-transition: height .3s;
            transition: height .3s;
    border-bottom: #ccc .1em solid;
}
main #spec dl dd:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    border-top: #ccc .1em solid;
}
main #spec dl table
{
    width: 86em;
    margin: .1em 0 0 10em;
}
main #spec dl table th,
main #spec dl table td
{
    font-size: 13px;
    line-height: 1.38;
    padding: .92em 0 .85em;
    text-align: left;
    vertical-align: top;
}
main #spec dl table tr + tr th,
main #spec dl table tr + tr td
{
    border-top: #ccc .08em solid;
}
main #spec dl table th
{
    font-weight: 700;
    width: 12.31em;
}
main #demerit h3
{
    margin-bottom: 1.2em;
}
main #demerit div
{
    width: 96em;
    margin: 0 auto;
}
main #demerit div:before,
main #demerit div:after
{
    display: table;
    content: '';
}
main #demerit div:after
{
    clear: both;
}
main #demerit div > p
{
    font-size: 13px;
    line-height: 1.85;
    margin-bottom: 2.62em;
}
main #demerit div > p + p
{
    font-weight: 700;
    line-height: 1.38;
    margin: 0;
}
main #demerit div > p + dl
{
    float: left;
}
main #demerit div > p + dl + dl
{
    float: right;
}
main #demerit div dl
{
    width: 47em;
}
main #demerit div dl dt
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.38;
    position: relative;
    position: relative;
    padding: .92em 0 .85em;
    color: #000;
}
main #demerit div dl dt.mdi-chevron-down
{
    cursor: pointer;
}
main #demerit div dl dt.mdi-chevron-down:first-child
{
    border-top: .08em #ccc solid;
}
main #demerit div dl dt.mdi-chevron-down.open:before
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
main #demerit div dl dt.mdi-chevron-down + dd
{
    overflow: hidden;
    height: 0;
}
main #demerit div dl dt:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    -webkit-transition: -webkit-transform .3s;
       -moz-transition:    -moz-transform .3s;
        -ms-transition:     -ms-transform .3s;
         -o-transition:      -o-transform .3s;
            transition:         transform .3s;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #demerit div dl dd
{
    position: relative;
    -webkit-transition: height .3s;
       -moz-transition: height .3s;
        -ms-transition: height .3s;
         -o-transition: height .3s;
            transition: height .3s;
    border-bottom: .1em #ccc solid;
}
main #demerit div dl dd p
{
    font-size: 13px;
    line-height: 1.38;
    padding: 1.38em 0 1.23em 2.31em;
    border-top: .08em #ccc solid;
}
main #demerit div dl dd p img
{
    font-size: 10px;
    display: block;
    max-width: 100%;
    margin: .5em 0;
}
main #demerit div > ul
{
    clear: both;
    padding-top: 1.2em;
    text-align: right;
}
main #demerit div > ul li a
{
    font-size: 13px;
    line-height: 1.38;
    position: relative;
    display: inline-block;
    padding-left: 1em;
    vertical-align: top;
}
main #demerit div > ul li a:before
{
    font-size: 13px !important;
    position: absolute;
    top: calc(50% - .5em);
    left: 0;
}
main #lot h3
{
    margin-bottom: 1.2em;
}
main #lot div
{
    width: 96em;
    margin: 0 auto;
}
main #lot div p
{
    font-size: 13px;
    line-height: 1.85;
    margin-bottom: 2.62em;
}
main #lot div table
{
    width: 100%;
}
main #lot div table th,
main #lot div table td
{
    font-size: 13px;
    line-height: 1.38;
    padding: .92em 0 .85em;
    text-align: left;
    vertical-align: top;
    border-top: #ccc .08em solid;
    border-bottom: #ccc .08em solid;
}
main #lot div table th
{
    font-weight: 700;
    width: 12.31em;
}
main #lot div table td strong
{
    font-weight: 700;
    display: block;
    margin-bottom: 1.38em;
}
main #lot div table td ul li
{
    position: relative;
    padding-left: .5em;
}
main #lot div table td ul li:before
{
    position: absolute;
    left: 0;
    content: '-';
}
main #staff h3
{
    margin-bottom: 2.8em;
}
main #staff div
{
    width: 96em;
    margin: 0 auto;
}
main #staff div table
{
    width: 100%;
}
main #staff div table th,
main #staff div table td
{
    font-size: 13px;
    line-height: 1.38;
    padding: .92em 0 .85em;
    text-align: left;
    vertical-align: top;
    border-top: #ccc .08em solid;
    border-bottom: #ccc .08em solid;
}
main #staff div table th
{
    font-weight: 700;
    width: 12.31em;
}
nav[role='local']
{
    overflow: hidden;
    height: 5.1em;
    margin-top: .025em;
}
nav[role='local'].pos-fixed div
{
    position: fixed;
}
nav[role='local'] div
{
    position: relative;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100em;
    height: 5.1em;
    padding: 1em 0;
    border-bottom: .1em #ccc solid;
    background: #fff;
}
nav[role='local'] div ul
{
    width: 96em;
    margin: 0 auto;
}
nav[role='local'] div ul li
{
    float: left;
}
nav[role='local'] div ul li:first-child
{
    float: right;
    margin-left: 1em;
}
nav[role='local'] div ul li:first-child a
{
    display: block;
    overflow: hidden;
    width: 18.5em;
    height: 3em;
    text-align: center;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #fa960a;
}
nav[role='local'] div ul li:first-child a span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;
    display: inline-block;
    vertical-align: middle;
}
nav[role='local'] div ul li:first-child a i
{
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: -.1em;
    margin-right: .25em;
}
nav[role='local'] div ul li:first-child ~ li + li
{
    margin-left: 2.85em;
}
nav[role='local'] div ul li:last-child
{
    float: right;
    margin-left: 0;
}
nav[role='local'] div ul li:last-child a
{
    position: relative;
    display: none;
    overflow: hidden;
    width: 3em;
    height: 3em;
    cursor: pointer;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
        -ms-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s;
    text-align: center;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: rgba(230,90,80,.5);
}
nav[role='local'] div ul li:last-child a.like
{
    color: #e65a50;
}
nav[role='local'] div ul li:last-child a:before
{
    font-size: 19px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
nav[role='local'] div ul li a.mdi-arrow-down-drop-circle
{
    font-size: 13px;
    line-height: 2.31;
    position: relative;
    display: inline-block;
    padding-left: 1.23em;
    color: #000;
}
nav[role='local'] div ul li a.mdi-arrow-down-drop-circle:before
{
    font-size: 14px;
    position: absolute;
    top: calc(50% - .5em);
    left: 0;
    color: #fa960a;
}
nav[role='toolstoys']
{
    position: relative;
    z-index: 10;
    width: 96em;
    height: 11.1em;
    margin: 0 auto .7em;
}
nav[role='toolstoys'].pos-fixed
{
    position: static;
}
nav[role='toolstoys'].pos-fixed > div
{
    position: fixed;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
            box-shadow: 0 1px 10px rgba(0,0,0,.3);
}
nav[role='toolstoys'].pos-fixed > div ul li a[href*='all']
{
    border-left: #fff .1em solid;
}
nav[role='toolstoys'].pos-fixed > div ul li a[href*='related']
{
    border-right: #fff .1em solid;
}
nav[role='toolstoys'].pos-fixed.advanced > div
{
    height: 15.1em;
}
nav[role='toolstoys'].pos-fixed.advanced > div ul
{
    border-bottom: #e5e5e5 .1em solid;
}
nav[role='toolstoys'] > div
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 96em;
    height: 11.1em;
    margin-left: -.025em;
    -webkit-transition: box-shadow .45s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.165, .84, .44, 1);
       -moz-transition: box-shadow .45s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.165, .84, .44, 1);
        -ms-transition: box-shadow .45s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.165, .84, .44, 1);
         -o-transition: box-shadow .45s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.165, .84, .44, 1);
            transition: box-shadow .45s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.165, .84, .44, 1);
    -webkit-border-radius: 0 0 1em 1em;
            border-radius: 0 0 1em 1em;
    background: #fff;
}
nav[role='toolstoys'] > div ul
{
    position: relative;
    height: 11.1em;
    padding-top: .025em;
    -webkit-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
            transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
    border-bottom: #fff .1em solid;
}
nav[role='toolstoys'] > div ul li
{
    margin-left: -2em;
}
nav[role='toolstoys'] > div ul li a[href*='all']
{
    left: 0;
    width: 11.35%;
    border-left: #ccc .1em solid;
}
nav[role='toolstoys'] > div ul li a[href*='tt']
{
    left: 11.35%;
    width: 13.65%;
}
nav[role='toolstoys'] > div ul li a[href*='pen']
{
    left: 25%;
    width: 7.19%;
}
nav[role='toolstoys'] > div ul li a[href*='seal']
{
    left: 32.19%;
    width: 13.85%;
}
nav[role='toolstoys'] > div ul li a[href*='note']
{
    left: 46.04%;
    width: 12.4%;
}
nav[role='toolstoys'] > div ul li a[href*='case']
{
    left: 58.44%;
    width: 15.31%;
}
nav[role='toolstoys'] > div ul li a[href*='other']
{
    left: 73.75%;
    width: 10.94%;
}
nav[role='toolstoys'] > div ul li a[href*='related']
{
    right: 0;
    width: 15.31%;
}
nav[role='toolstoys'] > div ul li a
{
    position: absolute;
    top: 1em;
    overflow: hidden;
    height: 9em;
    padding-top: .5em;
    -webkit-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: opacity .3s;
       -moz-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: opacity .3s;
        -ms-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: opacity .3s;
         -o-transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: opacity .3s;
            transition: border-color .45s cubic-bezier(.25, .46, .45, .94);
            transition: opacity .3s;
    color: #000;
    border-right: #ccc .1em solid;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
nav[role='toolstoys'] > div ul li a > span
{
    display: table;
    width: 100%;
    height: 4.2em;
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
nav[role='toolstoys'] > div ul li a > span:before
{
    font-size: 14px;
    display: inline-block;
    height: 3em;
    content: '';
    vertical-align: middle;
}
nav[role='toolstoys'] > div ul li a > span span
{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.21;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;
}
nav[role='toolstoys'] > div ul li a img
{
    display: block;
    width: 4.8em;
    margin: 0 auto .8em;
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}
#detail_book2017 main #detail header h2 span
{
    line-height: 1.67;
    position: relative;
    min-height: 1.67em;
    padding-left: 7.22em;
}
#detail_book2017 main #detail header h2 span:before
{
    font-size: 10px;
    position: absolute;
    top: calc(50% - 1.5em);
    left: 0;
    width: 11.5em;
    height: 3em;
    content: '';
    background: url('/store/techo/en/2018/images/book2017/icon_2017.svg') no-repeat;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}
.ua-desktop nav[role='toolstoys'] > div ul li a:hover img,
.ua-desktop nav[role='toolstoys'] > div ul li a:hover > span
{
    opacity: .4;
}
#alert
{
    width: 55em;
    padding: 3em 5em;
    text-align: center;
}
#alert.confirm
{
    width: 45em;
}
#alert h4
{
    margin-bottom: 1.2em;
    text-align: center;
}
#alert h4 span
{
    font-size: 24px;
    font-weight: 700;
}
#alert p
{
    font-size: 13px;
    line-height: 1.92;
    text-align: left;
}
#alert > a
{
    display: inline-block;
    overflow: hidden;
    width: 22.5em;
    height: 3em;
    margin-top: 2.2em;
    text-align: center;
    vertical-align: top;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #666;
}
#alert > a span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;

    vertical-aign: middle;
}
#alert ul
{
    display: inline-block;
    margin-top: 2.2em;
    vertical-align: top;
}
#alert ul:before,
#alert ul:after
{
    display: table;
    content: '';
}
#alert ul:after
{
    clear: both;
}
#alert ul li
{
    float: left;
}
#alert ul li + li
{
    margin-left: 3em;
}
#alert ul li + li a
{
    background: #666;
}
#alert ul li a
{
    display: block;
    width: 16em;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: .4em;
            border-radius: .4em;
    background: #fa960a;
}
#alert ul li a span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;
}
.ua-ie-9 main #slide > div:first-child ul + div + div img
{
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}
.ua-ie-9 main #products #item-info dt + dd div:before
{
    display: none;
}
.ua-ie-9 main #products #item-info dt + dd div select
{
    padding-right: 0;
}
.ua-desktop main #slide > div:first-child.zoom > a:hover
{
    opacity: .4;
}
.ua-desktop main #slide > div + div ul li.current a.btn-zoom:hover
{
    opacity: .4;
}
#about.edit-container .tmpl-title
{
    display: block !important;
}
#about.edit-container[data-device='pc']
{
    margin: 0 auto;
}
#about.edit-container[data-device='sp']
{
    width: 328px;
    margin: 0 auto;
}
#about.edit-container[data-device='sp'] h2 img
{
    -webkit-transform: scale(.75);
       -moz-transform: scale(.75);
        -ms-transform: scale(.75);
         -o-transform: scale(.75);
            transform: scale(.75);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
#about[data-device='pc']
{
    width: 71.5em;
    word-wrap: break-word;
}
#about[data-device='pc'] [role='device-sp']
{
    display: none;
}
#about[data-device='pc'] > *:last-child
{
    margin-bottom: 0;
}
#about[data-device='pc'] h4
{
    font-size: 18px;
    display: inline-block;
    padding-bottom: .39em;
}
#about[data-device='pc'] b
{
    font-weight: 700;
}
#about[data-device='pc'] i
{
    font-style: italic;
}
#about[data-device='pc'] u
{
    text-decoration: underline;
}
#about[data-device='pc'] strike
{
    text-decoration: line-through;
}
#about[data-device='pc'] [data-type='image']
{
    font-size: 10px;
}
#about[data-device='pc'] [data-type='image']:not(img)
{
    margin-top: 3.3em;
}
#about[data-device='pc'] [data-type='image']:not(img) + [data-type='image'],
#about[data-device='pc'] [data-type='image']:not(img) + .content-caption
{
    margin-top: 2em;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-val='225'] img
{
    display: block;
    width: 22.5em !important;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-val='470'] img
{
    display: block;
    width: 47em !important;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-val='636'] img
{
    display: block;
    width: 63.6em !important;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-val='715'] img
{
    display: block;
    width: 71.5em !important;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-align='1']
{
    text-align: center;
}
#about[data-device='pc'] [data-type='image']:not(img)[data-align='2']
{
    text-align: right;
}
#about[data-device='pc'] [data-type='image'] img
{
    font-size: 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
#about[data-device='pc'] img[data-type='image']
{
    display: block;
}
#about[data-device='pc'] img[data-type='image'][data-val='225']
{
    width: 22.5em !important;
}
#about[data-device='pc'] img[data-type='image'][data-val='225'] + figcaption
{
    width: 14.06em;
}
#about[data-device='pc'] img[data-type='image'][data-val='470']
{
    width: 47em !important;
}
#about[data-device='pc'] img[data-type='image'][data-val='470'] + figcaption
{
    width: 29.38em;
}
#about[data-device='pc'] img[data-type='image'][data-val='636']
{
    width: 63.6em !important;
}
#about[data-device='pc'] img[data-type='image'][data-val='636'] + figcaption
{
    width: 39.75em;
}
#about[data-device='pc'] img[data-type='image'][data-val='715']
{
    width: 71.5em !important;
}
#about[data-device='pc'] img[data-type='image'][data-val='715'] + figcaption
{
    width: 44.69em;
}
#about[data-device='pc'] [data-type='youtube']
{
    margin: 3.3em 16em 0;
}
#about[data-device='pc'] [data-type='youtube'][data-val='225']
{
    width: 22.5em;
}
#about[data-device='pc'] [data-type='youtube'][data-val='470']
{
    width: 47em;
}
#about[data-device='pc'] [data-type='youtube'][data-val='636']
{
    width: 63.6em;
}
#about[data-device='pc'] [data-type='youtube'][data-val='715']
{
    width: 71.5em;
}
#about[data-device='pc'] [data-type='youtube'] figure
{
    font-size: 10px;
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
}
#about[data-device='pc'] [data-type='youtube'] iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about[data-device='pc'] .content-text
{
    font-family: 'tinos', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
#about[data-device='pc'] .content-text font[size='2']
{
    font-size: 77.78%;
}
#about[data-device='pc'] .content-text font[size='3']
{
    font-size: 88.89%;
}
#about[data-device='pc'] .content-text font[size='5']
{
    font-size: 111.11%;
}
#about[data-device='pc'] .content-text font[size='6']
{
    font-size: 122.22%;
}
#about[data-device='pc'] .content-text font[size] font[size]
{
    font-size: 100%;
}
#about[data-device='pc'] .content-text img:not([role='br'])
{
    font-size: 10px;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='pc'] .content-text img:not([role='br']) + br + img:not([role='br'])
{
    margin-top: 1.6em;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-icon='face']
{
    width: 4.5em;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val]
{
    margin-top: 3.3em;
    margin-bottom: 3.3em;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val] + br + img[data-val]
{
    margin-top: -1.3em;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val]:first-child
{
    margin-top: 0;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val]:last-child
{
    margin-bottom: 0;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val][data-val='225']
{
    width: 22.5em !important;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val][data-val='170']
{
    width: 47em !important;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val][data-val='636']
{
    width: 63.6em !important;
}
#about[data-device='pc'] .content-text img:not([role='br'])[data-val][data-val='715']
{
    width: 71.5em !important;
}
#about[data-device='pc'] .content-text [data-type='youtube']
{
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 56.25%;
}
#about[data-device='pc'] .content-text ul li,
#about[data-device='pc'] .content-text ol li
{
    position: relative;
    padding-left: 1em;
}
#about[data-device='pc'] .content-text ul li + li,
#about[data-device='pc'] .content-text ol li + li
{
    margin-top: .5em;
}
#about[data-device='pc'] .content-text ul li:before,
#about[data-device='pc'] .content-text ol li:before
{
    position: absolute;
    left: .22em;
    content: '*';
    white-space: nowrap;
}
#about[data-device='pc'] .content-text ul li[data-marker]:not([data-marker='']):before,
#about[data-device='pc'] .content-text ol li[data-marker]:not([data-marker='']):before
{
    content: attr(data-marker) '' !important;
}
#about[data-device='pc'] .content-text ol li:before
{
    left: 0;
}
#about[data-device='pc'] .content-text ol li:nth-child(1):before
{
    content: '1.';
}
#about[data-device='pc'] .content-text ol li:nth-child(2):before
{
    content: '2.';
}
#about[data-device='pc'] .content-text ol li:nth-child(3):before
{
    content: '3.';
}
#about[data-device='pc'] .content-text ol li:nth-child(4):before
{
    content: '4.';
}
#about[data-device='pc'] .content-text ol li:nth-child(5):before
{
    content: '5.';
}
#about[data-device='pc'] .content-text ol li:nth-child(6):before
{
    content: '6.';
}
#about[data-device='pc'] .content-text ol li:nth-child(7):before
{
    content: '7.';
}
#about[data-device='pc'] .content-text ol li:nth-child(8):before
{
    content: '8.';
}
#about[data-device='pc'] .content-text ol li:nth-child(9):before
{
    content: '9.';
}
#about[data-device='pc'] .content-text span.indent
{
    display: block;
    padding-left: .5em;
    text-indent: -.5em;
}
#about[data-device='pc'] *:not(:first-child) > div.content-text
{
    margin-top: 3.3em;
}
#about[data-device='pc'] .content-caption
{
    width: 100%;
    margin-top: 3.3em;
}
#about[data-device='pc'] .content-caption .content-text
{
    font-size: 16px;
}
#about[data-device='pc'] .content-link
{
    margin-top: 3.3em;
}
#about[data-device='pc'] .content-link a
{
    display: inline-block;
    vertical-align: top;
}
#about[data-device='pc'] .content-link a img
{
    display: inline-block;
    width: 5em;
    margin-right: 1.4em;
    vertical-align: middle;
}
#about[data-device='pc'] .content-link a span
{
    font-size: 13px;
    display: inline-block;
    max-width: 50.07em;
    vertical-align: middle;
    color: #000;
}
#about[data-device='pc'] .tmpl-title
{
    display: none;
    width: 71.5em;
    padding-bottom: 0;
    border-bottom: .1em #e5e5e5 solid;
    /*& + *
        margin-top 0!important*/
}
#about[data-device='pc'] .tmpl-title h2
{
    font-family: 'bodoni-urw', serif;
    font-weight: 500;
    width: 96em;
    margin-bottom: 2.5em;
}
#about[data-device='pc'] .tmpl-title h2 span
{
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='pc'] .tmpl-title h2 span img
{
    font-size: 10px;
    display: block;
}
#about[data-device='pc'] .tmpl-title h2 strong
{
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin: .46em 0 .35em;
}
#about[data-device='pc'] .tmpl-title h2 small
{
    font-family: 'tinos', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: block;
}
#about[data-device='pc'] .tmpl-default
{
    margin-top: 3.3em;
}
#about[data-device='pc'] .tmpl-border
{
    margin-top: 3.3em;
    padding: 3.3em 3.8em 3.9em 3.9em;
    border: .1em #ccc solid;
    -webkit-border-radius: 1em;
            border-radius: 1em;
}
#about[data-device='pc'] .tmpl-border .content-link a span
{
    max-width: 44em;
}
#about[data-device='pc'] .tmpl-link-hse h4
{
    display: block;
    margin-bottom: 1.11em;
    border-bottom: .06em #ccc solid;
}
#about[data-device='pc'] .tmpl-link-hse > a
{
    position: relative;
    display: block;
    width: 100%;
}
#about[data-device='pc'] .tmpl-link-hse > a:before,
#about[data-device='pc'] .tmpl-link-hse > a:after
{
    display: table;
    content: '';
}
#about[data-device='pc'] .tmpl-link-hse > a:after
{
    clear: both;
}
#about[data-device='pc'] .tmpl-link-hse > a img
{
    font-size: 10px;
    float: left;
    width: 22.5em;
}
#about[data-device='pc'] .tmpl-link-hse > a span
{
    font-size: 13px;
    line-height: 2;
    float: right;
    width: 36.15em;
    margin-top: -.46em;
    padding-bottom: 1.23em;
    color: #000;
}
#about[data-device='pc'] .tmpl-link-hse > a i
{
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 24.5em;
}
#about[data-device='pc'] .tmpl-link-hse > a i:before
{
    font-size: 13px;
    line-height: 1.23;
    display: inline-block;
    vertical-align: middle;
}
#about[data-device='pc'] .tmpl-link-hse > a i:after
{
    font-size: 13px;
    font-style: normal;
    line-height: 1.23;
    content: 'Details';
}
#about[data-device='pc'] .tmpl-link-aa h4
{
    display: block;
}
#about[data-device='pc'] .tmpl-link-aa > ul
{
    border-top: .1em #ccc solid;
}
#about[data-device='pc'] .tmpl-link-aa > ul > li
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    padding: 1.5em 1em;
    border-bottom: .1em #ccc solid;
}
#about[data-device='pc'] .tmpl-link-aa > ul > li > a
{
    display: inline-block;
    vertical-align: middle;
}
#about[data-device='pc'] .tmpl-link-aa > ul > li > a img
{
    display: inline-block;
    width: 5em;
    margin-right: 1.4em;
    vertical-align: middle;
}
#about[data-device='pc'] .tmpl-link-aa > ul > li > a span
{
    font-size: 13px;
    display: inline-block;
    max-width: 48.53em;
    vertical-align: middle;
    color: #000;
}
#about[data-device='pc'] [class*='tmpl-link-']
{
    margin-top: 5.3em;
}
#about[data-device='pc'] [class*='tmpl-link-'] + [class*='tmpl-link-']
{
    margin-top: 3.3em;
}
#about[data-device='sp']
{
    word-wrap: break-word;
}
#about[data-device='sp'] br:not([role='device-sp'])
{
    display: none;
}
#about[data-device='sp'] > *:last-child
{
    margin-bottom: 38px;
}
#about[data-device='sp'] h4
{
    font-size: 20px;
    display: inline-block;
    padding-bottom: 10px;
}
#about[data-device='sp'] b
{
    font-weight: 700;
}
#about[data-device='sp'] i
{
    font-style: italic;
}
#about[data-device='sp'] u
{
    text-decoration: underline;
}
#about[data-device='sp'] strike
{
    text-decoration: line-through;
}
#about[data-device='sp'] [data-type='image']
{
    font-size: 10px;
}
#about[data-device='sp'] [data-type='image']:not(img)
{
    width: 100%;
    margin-top: 24px;
}
#about[data-device='sp'] [data-type='image'] img
{
    width: 100% !important;
}
#about[data-device='sp'] img[data-type='image']
{
    width: 100% !important;
}
#about[data-device='sp'] [data-type='youtube']
{
    width: 100% !important;
    margin-top: 24px;
}
#about[data-device='sp'] [data-type='youtube'] figure
{
    position: relative;
    display: block;
    width: 100% !important;
    padding-top: 56.25% !important;
}
#about[data-device='sp'] [data-type='youtube'] iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about[data-device='sp'] .content-text
{
    font-family: 'tinos', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
#about[data-device='sp'] .content-text a
{
    display: inline;
}
#about[data-device='sp'] .content-text font[size='2']
{
    font-size: 75%;
}
#about[data-device='sp'] .content-text font[size='3']
{
    font-size: 87.5%;
}
#about[data-device='sp'] .content-text font[size='5']
{
    font-size: 112.5%;
}
#about[data-device='sp'] .content-text font[size='6']
{
    font-size: 125%;
}
#about[data-device='sp'] .content-text font[size] font[size]
{
    font-size: 100%;
}
#about[data-device='sp'] .content-text img:not([role='br'])
{
    font-size: 10px;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='sp'] .content-text img:not([role='br'])[data-icon='face']
{
    width: 4.5em;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon])
{
    width: 100% !important;
    margin-top: 24px;
    margin-bottom: 24px;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]) + br + img[data-val]
{
    margin-top: -14px;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]):first-child
{
    margin-top: 0;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]):last-child
{
    margin-bottom: 0;
}
#about[data-device='sp'] .content-text [data-type='youtube']
{
    font-size: 0;
    position: relative;
    display: inline-block;
    margin: 0;
    padding-top: 56.25%;
}
#about[data-device='sp'] .content-text ul li,
#about[data-device='sp'] .content-text ol li
{
    position: relative;
    padding-left: 16px;
}
#about[data-device='sp'] .content-text ul li + li,
#about[data-device='sp'] .content-text ol li + li
{
    margin-top: 8px;
}
#about[data-device='sp'] .content-text ul li:before,
#about[data-device='sp'] .content-text ol li:before
{
    position: absolute;
    left: 4px;
    content: '*';
    white-space: nowrap;
}
#about[data-device='sp'] .content-text ul li[data-marker]:not([data-marker='']):before,
#about[data-device='sp'] .content-text ol li[data-marker]:not([data-marker='']):before
{
    content: attr(data-marker) '' !important;
}
#about[data-device='sp'] .content-text ol li:before
{
    left: 0;
}
#about[data-device='sp'] .content-text ol li:nth-child(1):before
{
    content: '1.';
}
#about[data-device='sp'] .content-text ol li:nth-child(2):before
{
    content: '2.';
}
#about[data-device='sp'] .content-text ol li:nth-child(3):before
{
    content: '3.';
}
#about[data-device='sp'] .content-text ol li:nth-child(4):before
{
    content: '4.';
}
#about[data-device='sp'] .content-text ol li:nth-child(5):before
{
    content: '5.';
}
#about[data-device='sp'] .content-text ol li:nth-child(6):before
{
    content: '6.';
}
#about[data-device='sp'] .content-text ol li:nth-child(7):before
{
    content: '7.';
}
#about[data-device='sp'] .content-text ol li:nth-child(8):before
{
    content: '8.';
}
#about[data-device='sp'] .content-text ol li:nth-child(9):before
{
    content: '9.';
}
#about[data-device='sp'] .content-text span.indent
{
    display: block;
    padding-left: 8px;
    text-indent: -8px;
}
#about[data-device='sp'] *:not(:first-child) > div.content-text
{
    margin-top: 24px;
}
#about[data-device='sp'] .content-caption
{
    width: 100%;
    margin-top: 24px;
}
#about[data-device='sp'] .content-caption .content-text
{
    font-size: 14px;
}
#about[data-device='sp'] .content-link
{
    margin-top: 24px;
}
#about[data-device='sp'] .content-link a
{
    font-size: 0;
    padding: 4px 0;
}
#about[data-device='sp'] .content-link a img
{
    display: inline-block;
    width: 30px !important;
    vertical-align: middle;
}
#about[data-device='sp'] .content-link a span
{
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    max-width: calc(100% - 30px);
    padding-left: 20px;
    vertical-align: middle;
    color: #000;
}
#about[data-device='sp'] .tmpl-title
{
    display: none;
    margin-bottom: 37px;
    padding-bottom: 19px;
    border-bottom: .1em #ccc solid;
}
#about[data-device='sp'] .tmpl-title h2
{
    font-family: 'bodoni-urw', serif;
    font-weight: 500;
}
#about[data-device='sp'] .tmpl-title h2 span
{
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='sp'] .tmpl-title h2 span img
{
    display: block;
}
#about[data-device='sp'] .tmpl-title h2 strong
{
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin: 14px 0 8px;
}
#about[data-device='sp'] .tmpl-title h2 small
{
    font-family: 'tinos', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
}
#about[data-device='sp'] .tmpl-title + *
{
    margin-top: 0 !important;
}
#about[data-device='sp'] .tmpl-default
{
    margin-top: 24px;
}
#about[data-device='sp'] .tmpl-border
{
    margin-top: 24px;
    padding: 13px 19px 19px 19px;
    border: 1px #ccc solid;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}
#about[data-device='sp'] .tmpl-border .content-text
{
    letter-spacing: -.02em;
}
#about[data-device='sp'] .tmpl-link-hse h4
{
    display: block;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px #ccc solid;
}
#about[data-device='sp'] .tmpl-link-hse > a img
{
    width: 100%;
}
#about[data-device='sp'] .tmpl-link-hse > a span
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    margin: 16px 0 2px;
    margin-top: 0;
    padding-bottom: 0;
    color: #000;
}
#about[data-device='sp'] .tmpl-link-hse > a i
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    margin-left: -.29em;
}
#about[data-device='sp'] .tmpl-link-hse > a i:before
{
    display: inline-block;
    vertical-align: middle;
}
#about[data-device='sp'] .tmpl-link-hse > a i:after
{
    font-style: normal;
    content: 'Details';
}
#about[data-device='sp'] .tmpl-link-aa h4
{
    display: block;
    text-align: center;
}
#about[data-device='sp'] .tmpl-link-aa > ul
{
    border-top: 1px #ccc solid;
}
#about[data-device='sp'] .tmpl-link-aa > ul > li
{
    border-bottom: 1px #ccc solid;
}
#about[data-device='sp'] .tmpl-link-aa > ul > li > a
{
    font-size: 0;
    padding: 4px 0;
}
#about[data-device='sp'] .tmpl-link-aa > ul > li > a img
{
    display: inline-block;
    width: 30px;
    vertical-align: middle;
}
#about[data-device='sp'] .tmpl-link-aa > ul > li > a span
{
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    max-width: calc(100% - 30px);
    padding-left: 20px;
    vertical-align: middle;
    color: #000;
}
#about[data-device='sp'] .tmpl-link-aa > ul > li > a br
{
    display: inherit;
}
#about[data-device='sp'] [class*='tmpl-link-']
{
    margin-top: 34px;
}
#about[data-device='sp'] [class*='tmpl-link-'] + [class*='tmpl-link-']
{
    margin-top: 24px;
}
.ua-desktop #about [class*='tmpl-'] a
{
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}
.ua-desktop #about [class*='tmpl-'] a:hover
{
    opacity: .4;
}
@-moz-keyframes fadeout-left
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeout-left
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
}
@-o-keyframes fadeout-left
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeout-left
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
}
@-moz-keyframes fadein-left
{
    0%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes fadein-left
{
    0%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes fadein-left
{
    0%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fadein-left
{
    0%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-moz-keyframes fadeout-right
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeout-right
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
}
@-o-keyframes fadeout-right
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeout-right
{
    0%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    25%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(48em, 0);
        -webkit-transform: translate3d(48em, 0, 0);
           -moz-transform: translate(48em, 0);
           -moz-transform: translate3d(48em, 0, 0);
            -ms-transform: translate(48em, 0);
            -ms-transform: translate3d(48em, 0, 0);
             -o-transform: translate(48em, 0);
             -o-transform: translate3d(48em, 0, 0);
                transform: translate(48em, 0);
                transform: translate3d(48em, 0, 0);
        opacity: 0;
    }
}
@-moz-keyframes fadein-right
{
    0%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes fadein-right
{
    0%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-o-keyframes fadein-right
{
    0%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fadein-right
{
    0%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    1%
    {
        -webkit-transform: translate(-48em, 0);
        -webkit-transform: translate3d(-48em, 0, 0);
           -moz-transform: translate(-48em, 0);
           -moz-transform: translate3d(-48em, 0, 0);
            -ms-transform: translate(-48em, 0);
            -ms-transform: translate3d(-48em, 0, 0);
             -o-transform: translate(-48em, 0);
             -o-transform: translate3d(-48em, 0, 0);
                transform: translate(-48em, 0);
                transform: translate3d(-48em, 0, 0);
        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate(0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate(0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate(0, 0);
                transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/*# sourceMappingURL=dev/store/techo/en/2018/pc/styl/detail.css.map */