@charset 'utf-8';
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;cursor:default;}
a{text-decoration:none;outline:none;}
audio,canvas,iframe,img,svg,video{vertical-align:top}
img{border:none;}
canvas{width:0;height:0}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
button:focus,input:focus,select:focus,textarea:focus{outline:none;}
code,kbd,pre,samp{font-family:monospace,monospace}
ol,ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
html
{
    height: 100%;
}

body
{
    font: 10px/1.75 'roboto', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;

    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; /*&.zoom
    overflow hidden
    height 100%*/
}

body .device-pc
{
    display: none;
}

.font-serif
{
    font-family: 'bodoni-urw', serif;
    font-weight: 400;
}

.font-serif-alt
{
    font-family: 'tinos', serif;
    font-weight: 400;
}

.font-medium
{
    font-weight: 500;
}

.font-bold
{
    font-weight: 700;
}

.font-normal
{
    font-weight: 400;
}

*
{
    font-style: normal;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-height: 99999px;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a
{
    display: block;
    cursor: pointer;
    color: #aaa;
}

img
{
    display: block;
    width: 100%;
}

/*@font-face
  font-family "techo2017"
  src url(/store/techo/pc/ja/2017/fonts/techo2017.eot)*/

@font-face
{
    font-family: 'techo2018';

    src: url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBcYAAAC8AAAAYGNtYXDpPubuAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZiFh+6EAAAGAAAAEAGhlYWQJ+jqzAAAFgAAAADZoaGVhB4EDyQAABbgAAAAkaG10eBYAAY4AAAXcAAAAIGxvY2EC7gG2AAAF/AAAABJtYXhwAA4AkAAABhAAAAAgbmFtZTRyDzsAAAYwAAABnnBvc3QAAwAAAAAH0AAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5jzpAv/9//8AAAAAACDmPOkA//3//wAB/+MZyBcFAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAMAigESA4oCSgAKABcAJQAAATE1MxEjJxUjETMFIxUzFSMVMxUjETMVNxc3Mxc3MwMjJwcjAzMBGjhIRzlDAWFrZmZwrqlXJCQ4JCQ9OEMjJEM4OAFz0v7N19cBMzNIM1IzATMzM+Hh4eH+zeHcATMAAAAAAwBzADwDiQMrABcALwBHAAAlIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEhIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgETLgEjIScjFTMTHgEzOgEzJT4BNxM2JicBERAaCQoLCwoJGhAQGw0JDAwJDRsBrBAbDQkMDAkKHhAQGQoKCwsKChmnBhIK/bwvfESaBhgNAwIDAVoNFweAAwEH1QsKChoTEBsNBgsMCQobExAaDQcKCwoKGhMQGw0KCwsKChoUEBoNDQgBtAkMjUn+LwoQNAMODQEZChYHAAAAAAQAPAAKA78DXAAXAC8ASwBYAAAlHgEVFAYHDgEjIiYnLgE1NDY3PgEzMhYlIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgETLgErARUzAwUDIxUzEx4BMzoBNyU+ATcTNiYnATM1MzUjNSMVIxUzFQEuDA0NDA0eEhIeDAwMDAwMHhISHgHIEx8MDAwMDQwfEhIeDAwLCwwMHsEHFg1+R3f+mrWNUKsGHRECAwMBiw4aBpMFAQf+LlNwcFNwcJwMHxITHgwMDAwMDB4TEx4MDAwMDAwMDB8SEx4MDAwMDAweExMeDAwMAfQKDFT++zQCK1T99hAVATkDEw0BQwwYC/7+cFRvb1RwAAAAAAUAVQAwA6sDVwAkADgARgBrAI0AAAE0LgIjIg4CFRQeAhceARcWFAcwBgcUFjc+AzcxPgE1BSMiJj0BNDYzMhYdATMyFhUUBiM3FAYjIiY9ATQ2MzIWFRcUBgcqASMiJi8BFRQGIyImPQE0Njc6ATMyFh8BNTQ2MzIWHQE3MhYVFAYrARUzMhYVFAYrASImPQE0NjsBMhYVFAYrARUzA6tDdJtZWZt0QzZfg00MFQYDAwUDAyASU2RjIjEw/a5VCQ4OCQkOPgkODglZDgkJDg4JCQ7KCgUDAgMGCwNVDgkJDgkGAwIDBgoDVg4JCQ6MCA8PCD4+CA8PCFYIDw8IVggPDwg+PgH+R35eNjZefkdAc1s9CgMJDAgWCCADCR0OCDJGUSgxajp0DgmrCA8PCJQOCQkOFwkODgmrCA8PCKsGDgMFAnlpCQ4OCasFDwMFA3RlCA8PCKttDwkIDycOCQkODgmrCA8PCAkPJgABAAAAAQAATPeOrV8PPPUACwQAAAAAANOOey0AAAAA0457LQAAAAADvwNcAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAO/AAEAAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAgAAAAQAAIoEAABzBAAAPAQAAFUAAAAAAAoAFAAeAFgAxgFKAgAAAAABAAAACACOAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACQAAAAEAAAAAAAIABwByAAEAAAAAAAMACQA8AAEAAAAAAAQACQCHAAEAAAAAAAUACwAbAAEAAAAAAAYACQBXAAEAAAAAAAoAGgCiAAMAAQQJAAEAEgAJAAMAAQQJAAIADgB5AAMAAQQJAAMAEgBFAAMAAQQJAAQAEgCQAAMAAQQJAAUAFgAmAAMAAQQJAAYAEgBgAAMAAQQJAAoANAC8dGVjaG8yMDE2AHQAZQBjAGgAbwAyADAAMQA2VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdGVjaG8yMDE2AHQAZQBjAGgAbwAyADAAMQA2dGVjaG8yMDE2AHQAZQBjAGgAbwAyADAAMQA2UmVndWxhcgBSAGUAZwB1AGwAYQBydGVjaG8yMDE2AHQAZQBjAGgAbwAyADAAMQA2Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==') format('truetype');
}

[class*='icon-']:before
{
    font-family: 'techo2018';
}

.icon-cart:before
{
    content: '\e900';
}

.icon-line:before
{
    content: '\e902';
}

.icon-cart-plus:before
{
    content: '\e901';
}

.icon-new:before
{
    content: '\e63c';
}

[class*='mdi-']:before
{
    font-family: 'Material Design Icons';
}

[class*='icon-']:before,
[class*='mdi-']:before
{
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;

    direction: ltr;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:not(i)[class*='icon-']:before,
:not(i)[class*='mdi-']:before
{
    font-size: 24px;
    line-height: 1;
    display: block;
}

i[class*='icon-'],
i[class*='mdi-']
{
    display: inline-block;
    vertical-align: middle;
}

i[class*='icon-']:before,
i[class*='mdi-']:before
{
    display: block;
}

.title-plain
{
    text-align: center;
}

.title-plain span
{
    font-size: 20px;
    line-height: 1.11;
}

.currency
{
    visibility: hidden;
}

.currency var
{
    font-style: normal;
}

.currency var + var:before
{
    content: '-';
}

.btn-flat
{
    overflow: hidden;
    width: 75%;
    max-width: 240px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    color: #fff;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    background: #666;
}

.btn-flat span
{
    font-size: 14px;
    line-height: 2.14;
    display: inline-block;
    vertical-align: middle;
}

.btn-flat:before
{
    font-size: 16px !important;
    display: inline-block !important;
    margin-right: .13em;
    vertical-align: middle;
}

.btn-plain
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    position: relative;
    display: inline-block;
}

.btn-plain:before
{
    font-size: 14px !important;
    position: absolute;
    top: calc(50% - .5em);
}

.btn-plain.mdi-chevron-right
{
    padding-left: 14px;
}

.btn-plain.mdi-chevron-right:before
{
    left: 0;
}

/*a.btn-round
  text-align center
  border-radius 6px
  color #fff
  background #509be5
  margin 0 round(100%*5/320,2)
  position relative
  &:after
    content ""
    height 4.4em
    display inline-block
    vertical-align middle
  &:before
    display inline-block
    vertical-align middle
    font-size 240%
  span
    font-size 160%
    display inline-block
    vertical-align middle
  i
    display inline-block
    vertical-align middle
    font-size 240%*/

.btn-gotop
{
    position: fixed;
    z-index: 99;
    z-index: 99;
    right: 10px;
    bottom: 49px;
    overflow: hidden;
    padding: 10px 5px 0;
    -webkit-transition: opacity .45s cubic-bezier(.77, 0, .175, 1), -webkit-transform .45s cubic-bezier(.77, 0, .175, 1);
       -moz-transition: opacity .45s cubic-bezier(.77, 0, .175, 1), -moz-transform .45s cubic-bezier(.77, 0, .175, 1);
        -ms-transition: opacity .45s cubic-bezier(.77, 0, .175, 1), -ms-transform .45s cubic-bezier(.77, 0, .175, 1);
         -o-transition: opacity .45s cubic-bezier(.77, 0, .175, 1), -o-transform .45s cubic-bezier(.77, 0, .175, 1);
            transition: opacity .45s cubic-bezier(.77, 0, .175, 1), transform .45s cubic-bezier(.77, 0, .175, 1);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;

    -backface-visibility: hidden;
}

.btn-gotop.disabled
{
    -webkit-transition: opacity .45s cubic-bezier(.455, .03, .515, .955), -webkit-transform .45s cubic-bezier(.455, .03, .515, .955);
       -moz-transition: opacity .45s cubic-bezier(.455, .03, .515, .955), -moz-transform .45s cubic-bezier(.455, .03, .515, .955);
        -ms-transition: opacity .45s cubic-bezier(.455, .03, .515, .955), -ms-transform .45s cubic-bezier(.455, .03, .515, .955);
         -o-transition: opacity .45s cubic-bezier(.455, .03, .515, .955), -o-transform .45s cubic-bezier(.455, .03, .515, .955);
            transition: opacity .45s cubic-bezier(.455, .03, .515, .955), transform .45s cubic-bezier(.455, .03, .515, .955);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    pointer-events: none;
    opacity: 0;
}

.btn-gotop span
{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    color: #fa960a;
    border: 1px #ccc solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}

.btn-gotop span:before
{
    font-size: 12px !important;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

/*.btn-desktop
  font-size 16px
  text-align center
  i
    font-size 24px*/

a[target][target='external']:not([href*='//www.1101.com']):not([href*='//help.1101.com']):not([href^='/']):not(:empty).btn-permeate:after,
a[target][target='_blank']:not([href*='//www.1101.com']):not([href*='//help.1101.com']):not([href^='/']):not(:empty).btn-permeate:after,
a[target][target='external']:not([href*='//www.1101.com']):not([href*='//help.1101.com']):not([href^='/']):not(:empty):not([class*='btn-']):after,
a[target][target='_blank']:not([href*='//www.1101.com']):not([href*='//help.1101.com']):not([href^='/']):not(:empty):not([class*='btn-']):after
{
    font-family: 'Material Design Icons';
    font-size: 80%;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    position: relative;
    top: -.2em;
    content: '\F3CC';
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;

    direction: ltr;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*a[target]
  &:not([target="_self"])
    &:not(:empty)
      &.btn-permeate
      &:not([class*="btn-"])
        &:after
          content:"\F3CC"
          font-family "Material Design Icons"
          font-size 80%
          vertical-align text-bottom
          font-weight normal
          font-style normal
          font-variant normal
          text-transform none
          letter-spacing normal
          word-wrap normal
          white-space nowrap
          direction ltr
          speak none
          -webkit-font-smoothing antialiased
          -moz-osx-font-smoothing grayscale*/

a.btn-external:after
{
    content: none !important;
}

.content-flex
{
    font-size: 0;
    padding-left: 3.21%;
    text-align: center;
}

.content-flex > li
{
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.content-flex > li a
{
    cursor: pointer;
}

.content-flex > li a dl dt
{
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.content-flex > li a dl dt > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-flex > li a dl dt i
{
    position: absolute;
    right: 2px;
    width: 42px;
    height: 42px;
}

.content-flex > li a dl dt i:nth-of-type(1)
{
    top: 2px;
}

.content-flex > li a dl dt i:nth-of-type(2)
{
    top: 46px;
}

.content-flex > li a dl dt i:nth-of-type(3)
{
    top: 90px;
}

.content-flex > li a dl dt i:nth-of-type(4)
{
    top: 134px;
}

.content-flex > li a dl dt i img
{
    width: 100%;
}

.content-flex > li a dl dt + dd
{
    padding-top: 9px;
    color: #000;
    border: none;
}

.content-flex > li a dl dt + dd span
{
    font-size: 10px;
    line-height: 1.6;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 16px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.content-flex > li a dl dt + dd span:empty
{
    height: 0;
}

.content-flex > li a dl dt + dd strong
{
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 48px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.content-flex > li a dl dd
{
    font-size: 14px;
    line-height: 1.14;
    overflow: hidden;
    color: #000;
    border-top-width: 1px;
    border-top-style: solid;
}

.content-flex > li a dl dd:nth-last-of-type(2)
{
    height: 30px;
    border: none;
}

.content-flex > li a dl dd:nth-last-of-type(2):before,
.content-flex > li a dl dd:nth-last-of-type(2):after
{
    display: table;
    content: '';
}

.content-flex > li a dl dd:nth-last-of-type(2):after
{
    clear: both;
}

.content-flex > li a dl dd:nth-last-of-type(1)
{
    height: 40px;
    padding-top: 8px;
    color: #aaa;
    border: none;
}

.content-flex > li a dl dd:nth-last-of-type(1) span,
.content-flex > li a dl dd:nth-last-of-type(1) strong
{
    font-weight: 400;
    display: block;
}

.content-flex > li a dl dd strong
{
    display: block;
}

.content-flex > li a dl dd span
{
    font-weight: 400;
}

.content-flex > li a dl dd ol
{
    overflow: hidden;
    padding-top: 15px;
}

.content-flex > li a dl dd ol li + li
{
    margin-top: 7px;
}

.content-flex > li a dl dd ol li strong
{
    display: none;
}

.content-flex > li a dl dd ol li strong:empty
{
    display: none;
}

.content-flex > li a dl dd ol li strong:not(:empty):before
{
    display: none;
}

.content-flex > li a dl dd ol li span
{
    font-size: 10px;
    line-height: 1.6;
}

.content-flex > li a dl dd ol li span var
{
    font-size: 14px;
    line-height: 1.14;
    padding-left: 2px;
}

.content-flex > li a dl dd ol li span var + var:before
{
    padding-right: 3px;
}

.content-flex > li a dl dd .btn-flat
{
    float: left;
    width: calc(100% - 34px);
    max-width: none;
}

.content-flex > li a dl dd .btn-fav
{
    position: relative;
    top: 0;
    float: right;
    overflow: hidden;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
        -ms-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s;
    color: #fff;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.content-flex > li a dl dd .btn-fav:before
{
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

.content-flex > li
{
    width: 46.69%;
    margin: 0 3.31% 40px 0;
    background-image: url('/store/techo/2018/images/loading3.gif');
    background-repeat: no-repeat;
    -webkit-background-size: 17.02% auto;
       -moz-background-size: 17.02% auto;
            background-size: 17.02% auto;
}

.content-flex > li.soldout:not(.unreleased) a dl dd
{
    color: #aaa;
    border-color: #aaa !important;
}

.content-flex > li.soldout:not(.unreleased) a dl .btn-flat
{
    background: #aaa !important;
}

.content-flex > li.soldout:not(.unreleased) a dl .btn-fav
{
    background: rgba(170,170,170,.5) !important;
}

.content-flex > li.soldout:not(.unreleased) a dl .btn-fav.like
{
    color: #aaa !important;
}

.content-delay.state-steady a
{
    opacity: 1;
}

.content-delay.state-steady a dl
{
    display: block;
}

.content-delay.state-temp a
{
    opacity: 1;
}

.content-delay.state-temp a dl
{
    display: block;
}

.content-delay.state-temp a dl dt > img
{
    opacity: 1;
}

.content-delay a
{
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
       -moz-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
        -ms-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
         -o-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
            transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
    -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);
    opacity: 0;
}

.content-delay a dl
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.content-delay a dl dt > img
{
    -webkit-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
       -moz-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
        -ms-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
         -o-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
            transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
    opacity: 0;
}

.content-delay a dl dt > img.state-already
{
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
    opacity: 1;
}

.content-accord
{
    overflow: hidden;
    height: 0;
}

.content-accord:not(.open) > *
{
    display: none;
}

.content-accord > .active
{
    display: block;
}

.content-accord.open
{
    height: auto;
}

.content-accord.open > *
{
    display: block;
}

.content-accord.open img[data-src]
{
    display: block;
}

.content-accord.open img[data-src].state-ready
{
    display: block;
}

.content-accord img[data-src]
{
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

.content-accord img[data-src].state-ready
{
    display: none;
    opacity: 0;
}

.content-accord > *
{
    display: none;
}

.content-zoom
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .6s cubic-bezier(.25, .1, .25, 1);
       -moz-transition: opacity .6s cubic-bezier(.25, .1, .25, 1);
        -ms-transition: opacity .6s cubic-bezier(.25, .1, .25, 1);
         -o-transition: opacity .6s cubic-bezier(.25, .1, .25, 1);
            transition: opacity .6s cubic-bezier(.25, .1, .25, 1);
    -webkit-transform: translate3d(0, -100%, 0);
       -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
         -o-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 10% auto;
       -moz-background-size: 10% auto;
            background-size: 10% auto;
}

.content-zoom.active
{
    -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);
    opacity: 1;
}

.content-zoom.loading
{
    background-image: url('/store/techo/2018/images/loading3.gif');
}

.content-zoom div
{
    position: absolute; /*-webkit-backface-visibility: initial !important;
    -webkit-transform-origin: 50% 50%;
    filter none
    -webkit-filter blur(0px)
    -moz-filter blur(0px)
    -ms-filter blur(0px)*/
    width: 100%;
    height: 100%;
}

.content-zoom div span
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}

.content-zoom div span img
{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.content-zoom a
{
    position: absolute;
    overflow: hidden;
    overflow: hidden;
    opacity: .6;
    color: #000;
    background: #fff;
}

.content-zoom a:before
{
    position: absolute;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

.content-zoom a.mdi-window-close
{
    top: 9px;
    right: 9px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

.content-zoom a.mdi-window-close:before
{
    font-size: 20px;
}

.content-zoom a.mdi-chevron-left
{
    bottom: 49px;
    left: 6px;
    width: 30px;
    height: 30px;
}

.content-zoom a.mdi-chevron-left:before
{
    font-size: 30px;
}

.content-zoom a.mdi-chevron-right
{
    right: 6px;
    bottom: 49px;
    width: 30px;
    height: 30px;
}

.content-zoom a.mdi-chevron-right:before
{
    font-size: 30px;
}

.ua-desktop .content-zoom
{
    left: 50%;
    display: block;
    width: 640px;
    -webkit-transform: translate(-50%, -100%);
       -moz-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
         -o-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    -webkit-background-size: 32px auto;
       -moz-background-size: 32px auto;
            background-size: 32px auto;
}

.ua-desktop .content-zoom.active
{
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.ua-desktop .content-zoom a.mdi-window-close
{
    top: 13px;
    right: 13px;
    width: 37px;
    height: 37px;
}

.ua-desktop .content-zoom a.mdi-window-close:before
{
    font-size: 33px;
}

.ua-desktop .content-zoom a.mdi-chevron-left
{
    bottom: 9px;
    left: 9px;
    width: 45px;
    height: 45px;
}

.ua-desktop .content-zoom a.mdi-chevron-left:before
{
    font-size: 45px;
}

.ua-desktop .content-zoom a.mdi-chevron-right
{
    right: 9px;
    bottom: 9px;
    width: 45px;
    height: 45px;
}

.ua-desktop .content-zoom a.mdi-chevron-right:before
{
    font-size: 45px;
}

#cover_original.btn-item dl dd ol li:nth-child(1) strong,
.btn-item.original dl dd ol li:nth-child(1) strong
{
    display: block;
}

#cover_original.btn-item dl dd ol li:nth-child(1) strong:before,
.btn-item.original dl dd ol li:nth-child(1) strong:before
{
    content: 'Book & Cover Set';
}

#cover_original.btn-item dl dd ol li:nth-child(2) strong,
.btn-item.original dl dd ol li:nth-child(2) strong
{
    display: block;
}

#cover_original.btn-item dl dd ol li:nth-child(2) strong:before,
.btn-item.original dl dd ol li:nth-child(2) strong:before
{
    content: 'Cover Only';
}

#cover_original .content-flex dl dd,
#hontai_original .content-flex dl dd,
.content-flex a.original dl dd
{
    border-color: #645a91;
}

#cover_original .content-flex dl .btn-flat,
#hontai_original .content-flex dl .btn-flat,
.content-flex a.original dl .btn-flat
{
    background: #645a91;
}

#cover_original .content-flex dl .btn-fav,
#hontai_original .content-flex dl .btn-fav,
.content-flex a.original dl .btn-fav
{
    background: rgba(100,90,145,.5);
}

#cover_original .content-flex dl .btn-fav.like:before,
#hontai_original .content-flex dl .btn-fav.like:before,
.content-flex a.original dl .btn-fav.like:before
{
    color: #645a91;
}

.color-planner
{
    color: #4678a5;
}

.bg-planner
{
    background-color: #4678a5;
}

.bg-planner-trans-10
{
    background-color: rgba(70,120,165,.1);
}

#cover_planner .content-flex dl dd ol li:nth-child(1) strong,
.content-flex a.planner dl dd ol li:nth-child(1) strong
{
    display: block;
}

#cover_planner .content-flex dl dd ol li:nth-child(1) strong:before,
.content-flex a.planner dl dd ol li:nth-child(1) strong:before
{
    content: 'Book & Cover Set';
}

#cover_planner .content-flex dl dd ol li:nth-child(2) strong,
.content-flex a.planner dl dd ol li:nth-child(2) strong
{
    display: block;
}

#cover_planner .content-flex dl dd ol li:nth-child(2) strong:before,
.content-flex a.planner dl dd ol li:nth-child(2) strong:before
{
    content: 'Cover Only';
}

#cover_planner .content-flex [id*='pb18'] dl dd ol li:nth-child(1) strong,
.content-flex [id*='pb18'] a.planner dl dd ol li:nth-child(1) strong
{
    display: none;
}

#cover_planner .content-flex [id*='pb18'] dl dd ol li:nth-child(1) ~ li,
.content-flex [id*='pb18'] a.planner dl dd ol li:nth-child(1) ~ li
{
    display: none;
}

#cover_planner .content-flex dl dd,
#hontai_planner .content-flex dl dd,
.content-flex a.planner dl dd
{
    border-color: #4678a5;
}

#cover_planner .content-flex dl .btn-flat,
#hontai_planner .content-flex dl .btn-flat,
.content-flex a.planner dl .btn-flat
{
    background: #4678a5;
}

#cover_planner .content-flex dl .btn-fav,
#hontai_planner .content-flex dl .btn-fav,
.content-flex a.planner dl .btn-fav
{
    background: rgba(70,120,165,.5);
}

#cover_planner .content-flex dl .btn-fav.like,
#hontai_planner .content-flex dl .btn-fav.like,
.content-flex a.planner dl .btn-fav.like
{
    color: #4678a5;
}

.color-cousin
{
    color: #be5a5a;
}

.bg-cousin
{
    background-color: #be5a5a;
}

.bg-cousin-trans-10
{
    background-color: rgba(190,90,90,.1);
}

#cover_cousin .content-flex dl dd ol li:nth-child(1) strong,
.content-flex a.cousin dl dd ol li:nth-child(1) strong
{
    display: block;
}

#cover_cousin .content-flex dl dd ol li:nth-child(1) strong:before,
.content-flex a.cousin dl dd ol li:nth-child(1) strong:before
{
    content: 'Book & Cover Set';
}

#cover_cousin .content-flex dl dd ol li:nth-child(2) strong,
.content-flex a.cousin dl dd ol li:nth-child(2) strong
{
    display: block;
}

#cover_cousin .content-flex dl dd ol li:nth-child(2) strong:before,
.content-flex a.cousin dl dd ol li:nth-child(2) strong:before
{
    content: 'Cover Only';
}

#cover_cousin .content-flex dl dd,
#hontai_cousin .content-flex dl dd,
.content-flex a.cousin dl dd
{
    border-color: #be5a5a;
}

#cover_cousin .content-flex dl .btn-flat,
#hontai_cousin .content-flex dl .btn-flat,
.content-flex a.cousin dl .btn-flat
{
    background: #be5a5a;
}

#cover_cousin .content-flex dl .btn-fav,
#hontai_cousin .content-flex dl .btn-fav,
.content-flex a.cousin dl .btn-fav
{
    background: rgba(190,90,90,.5);
}

#cover_cousin .content-flex dl .btn-fav.like,
#hontai_cousin .content-flex dl .btn-fav.like,
.content-flex a.cousin dl .btn-fav.like
{
    color: #be5a5a;
}

.color-weeks
{
    color: #468282;
}

.bg-weeks
{
    background-color: #468282;
}

.bg-weeks-trans-10
{
    background-color: rgba(70,130,130,.1);
}

#weeks_cover .content-flex dl dd ol li:nth-child(1) strong,
.content-flex a.weeks_cover dl dd ol li:nth-child(1) strong
{
    display: block;
}

#weeks_cover .content-flex dl dd ol li:nth-child(1) strong:before,
.content-flex a.weeks_cover dl dd ol li:nth-child(1) strong:before
{
    content: 'Cover Only';
}

#weeks .content-flex dl dd,
.content-flex a.weeks dl dd
{
    border-color: #468282;
}

#weeks .content-flex dl .btn-flat,
.content-flex a.weeks dl .btn-flat
{
    background: #468282;
}

#weeks .content-flex dl .btn-fav,
.content-flex a.weeks dl .btn-fav
{
    background: rgba(70,130,130,.5);
}

#weeks .content-flex dl .btn-fav.like,
.content-flex a.weeks dl .btn-fav.like
{
    color: #468282;
}

.color-hontai,
.color-toolstoys
{
    color: #666;
}

.bg-hontai,
.bg-toolstoys
{
    background-color: #666;
}

.bg-hontai-trans-10,
.bg-toolstoys-trans-10
{
    background-color: rgba(102,102,102,.1);
}

#toolstoys .content-flex dl dd,
#hontai .content-flex dl dd,
.content-flex a.toolstoys dl dd,
.content-flex a.hontai dl dd
{
    border-color: #666;
}

#toolstoys .content-flex dl .btn-flat,
#hontai .content-flex dl .btn-flat,
.content-flex a.toolstoys dl .btn-flat,
.content-flex a.hontai dl .btn-flat
{
    background: #666;
}

#toolstoys .content-flex dl .btn-fav,
#hontai .content-flex dl .btn-fav,
.content-flex a.toolstoys dl .btn-fav,
.content-flex a.hontai dl .btn-fav
{
    background: rgba(102,102,102,.5);
}

#toolstoys .content-flex dl .btn-fav.like,
#hontai .content-flex dl .btn-fav.like,
.content-flex a.toolstoys dl .btn-fav.like,
.content-flex a.hontai dl .btn-fav.like
{
    color: #666;
}

.color-5year
{
    color: #6a3906;
}

.bg-5year
{
    background-color: #6a3906;
}

.bg-5year-trans-10
{
    background-color: rgba(106,57,6,.1);
}

[id='5year'] .content-flex li[id*='_cover'] dl dd ol li:nth-child(1) strong,
.content-flex li[id*='_cover'] a[class*='5year'] dl dd ol li:nth-child(1) strong
{
    display: block;
}

[id='5year'] .content-flex li[id*='_cover'] dl dd ol li:nth-child(1) strong:before,
.content-flex li[id*='_cover'] a[class*='5year'] dl dd ol li:nth-child(1) strong:before
{
    content: 'Book & Cover Set';
}

[id='5year'] .content-flex li[id*='_cover'] dl dd ol li:nth-child(2) strong,
.content-flex li[id*='_cover'] a[class*='5year'] dl dd ol li:nth-child(2) strong
{
    display: block;
}

[id='5year'] .content-flex li[id*='_cover'] dl dd ol li:nth-child(2) strong:before,
.content-flex li[id*='_cover'] a[class*='5year'] dl dd ol li:nth-child(2) strong:before
{
    content: 'Cover Only';
}

[id='5year'] .content-flex dl dd,
.content-flex a[class*='5year'] dl dd
{
    border-color: #6a3906;
}

[id='5year'] .content-flex dl .btn-flat,
.content-flex a[class*='5year'] dl .btn-flat
{
    background: #6a3906;
}

[id='5year'] .content-flex dl .btn-fav,
.content-flex a[class*='5year'] dl .btn-fav
{
    background: rgba(106,57,6,.5);
}

[id='5year'] .content-flex dl .btn-fav.like,
.content-flex a[class*='5year'] dl .btn-fav.like
{
    color: #6a3906;
}

body.expand #page,
body.expand .btn-desktop
{
    -webkit-transform: translate3d(-100%, 0, 0);
       -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
         -o-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

body.rear header[role='extra']
{
    position: absolute !important;
}

body.rear nav[role='drawer']
{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}

header[role='extra']
{
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #000;
}

header[role='extra'].pos-abs
{
    position: absolute;
}

header[role='extra'] h1
{
    position: absolute;
    top: 11px;
    left: 10px;
    width: 134px;
    -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);
}

header[role='extra'] h1:before
{
    position: absolute;
    top: -9999px;
    content: 'HOBONICHI TECHO 2017';
    color: #000;
}

header[role='extra'] ul:before,
header[role='extra'] ul:after
{
    display: table;
    content: '';
}

header[role='extra'] ul:after
{
    clear: both;
}

header[role='extra'] ul li
{
    float: right;
}

header[role='extra'] ul li:nth-child(2) a
{
    line-height: 3;
    position: relative;
    width: 38px;
    padding-right: 12px;
    text-align: right;
}

header[role='extra'] ul li:nth-child(2) a.disabled
{
    pointer-events: none;
}

header[role='extra'] ul li:nth-child(2) a:before
{
    font-size: 12px;
    position: absolute;
    top: calc(50% - .4em);
    right: 0;
}

header[role='extra'] ul li:nth-child(2) ~ li a
{
    position: relative;
    padding-top: 7px;
}

header[role='extra'] ul li:nth-child(2) ~ li a:before
{
    position: absolute;
    top: calc(50% - .5em);
    left: 0;
}

header[role='extra'] ul li:nth-child(2) ~ li a var
{
    font-size: 10px;
    line-height: 1.6;
    position: relative;
    display: block;
    width: 21px;
    height: 16px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

header[role='extra'] ul li:nth-child(2) ~ li a var:after
{
    position: absolute;
    top: 50%;
    right: 21px;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translate(0, -50%) scale(.5);
       -moz-transform: translate(0, -50%) scale(.5);
        -ms-transform: translate(0, -50%) scale(.5);
         -o-transform: translate(0, -50%) scale(.5);
            transform: translate(0, -50%) scale(.5);
    -webkit-transform-origin: 100% 50%;
       -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
         -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    border-width: 3px 5px 3px 0;
    border-style: solid;
}

header[role='extra'] ul li a
{
    position: relative;
    overflow: hidden;
    height: 30px;
    color: #fff;
}

header[role='extra'] ul li a.btn-menu
{
    display: block;
    width: 30px;
    height: 30px;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}

header[role='extra'] ul li a.btn-menu:before
{
    font-size: 18px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

header[role='extra'] ul li a.icon-cart
{
    margin-right: 0;
    padding-left: 22px;
}

header[role='extra'] ul li a.icon-cart:before
{
    font-size: 20px;
}

header[role='extra'] ul li a.icon-cart var
{
    color: #fff;
    background: #fa960a;
}

header[role='extra'] ul li a.icon-cart var:after
{
    border-color: transparent #fa960a transparent transparent;
}

header[role='extra'] ul li a.mdi-heart
{
    margin-right: 10px;
    padding-left: 22px;
}

header[role='extra'] ul li a.mdi-heart:before
{
    font-size: 18px;
}

header[role='extra'] ul li a.mdi-heart var
{
    color: #000 !important;
    background: #fff;
}

header[role='extra'] ul li a.mdi-heart var:after
{
    border-color: transparent #fff transparent transparent;
}

.ua-ios-9 header[role='extra'].pos-abs
{
    position: fixed;
}

nav[role='global']
{
    overflow: hidden;
    height: 30px;
    background: #f5f5f5;
}

nav[role='global'] ul
{
    display: table;
    width: 100%;
    height: 30px;
}

nav[role='global'] ul li
{
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

nav[role='global'] ul li:nth-child(1)
{
    width: 15.94%;
}

nav[role='global'] ul li:nth-child(2),
nav[role='global'] ul li:nth-child(3)
{
    background: #fa960a;
}

nav[role='global'] ul li:nth-child(2):after,
nav[role='global'] ul li:nth-child(3):after
{
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    width: 0;
    height: 12px;
    content: '';
    border-left: 1px rgba(255,255,255,.3) solid;
}

nav[role='global'] ul li:nth-child(2) a,
nav[role='global'] ul li:nth-child(3) a
{
    color: #fff;
}

nav[role='global'] ul li:nth-child(2)
{
    width: 32.19%;
    padding-left: 29px;
}

nav[role='global'] ul li:nth-child(2):before
{
    font-size: 20px;
    position: absolute;
    top: 4px;
    left: 5px;
    color: rgba(255,255,255,.3);
}

nav[role='global'] ul li:nth-child(2):after
{
    left: 29px;
}

nav[role='global'] ul li:nth-child(3)
{
    width: 23.13%;
}

nav[role='global'] ul li:nth-child(4)
{
    width: 28.75%;
}

nav[role='global'] ul li a
{
    font-weight: 400;
    text-align: center;
    color: #000;
}

#content-currency
{
    position: fixed;
    z-index: 101;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    padding: 17px 6.25% 0;
    -webkit-transition: opacity .3s cubic-bezier(.55, .085, .68, .53), -webkit-transform .3s cubic-bezier(.55, .085, .68, .53);
       -moz-transition: opacity .3s cubic-bezier(.55, .085, .68, .53), -moz-transform .3s cubic-bezier(.55, .085, .68, .53);
        -ms-transition: opacity .3s cubic-bezier(.55, .085, .68, .53), -ms-transform .3s cubic-bezier(.55, .085, .68, .53);
         -o-transition: opacity .3s cubic-bezier(.55, .085, .68, .53), -o-transform .3s cubic-bezier(.55, .085, .68, .53);
            transition: opacity .3s cubic-bezier(.55, .085, .68, .53), transform .3s cubic-bezier(.55, .085, .68, .53);
    -webkit-transform: translate(0, -10px);
       -moz-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
         -o-transform: translate(0, -10px);
            transform: translate(0, -10px);
    text-align: left;
    opacity: 0;
    color: #000;
    background: #f5f5f5;
}

#content-currency:before
{
    position: absolute;
    top: -7px;
    right: 44px;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 2px 7px 2px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

#content-currency.active
{
    -webkit-transition: opacity .45s cubic-bezier(.25, .46, .45, .94), -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
       -moz-transition: opacity .45s cubic-bezier(.25, .46, .45, .94), -moz-transform .45s cubic-bezier(.165, .84, .44, 1);
        -ms-transition: opacity .45s cubic-bezier(.25, .46, .45, .94), -ms-transform .45s cubic-bezier(.165, .84, .44, 1);
         -o-transition: opacity .45s cubic-bezier(.25, .46, .45, .94), -o-transform .45s cubic-bezier(.165, .84, .44, 1);
            transition: opacity .45s cubic-bezier(.25, .46, .45, .94), transform .45s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
}

#content-currency.inactive
{
    top: -9999px;
}

#content-currency.process > div:first-child form
{
    -webkit-transition: color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
       -moz-transition: color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
        -ms-transition: color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
         -o-transition: color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
            transition: color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
    color: #808080;
    background: #ccc;
}

#content-currency.error > div + p + p
{
    height: 68px;
}

#content-currency.error > a
{
    color: #fff;
}

#content-currency > div:first-child:before
{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    display: block;
    margin-bottom: 5px;
    content: 'Your preferred currency';
}

#content-currency > div:first-child form
{
    font-weight: 400;
    line-height: 4.5;
    position: relative;
    -webkit-transition: color .3s, background .3s;
       -moz-transition: color .3s, background .3s;
        -ms-transition: color .3s, background .3s;
         -o-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
    color: #000;
    border: 1px #ccc solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    background: #fff;
}

#content-currency > div:first-child form:before
{
    font-size: 18px;
    position: absolute;
    top: calc(50% - .5em);
    right: 4px;
    color: #000;
}

#content-currency > div:first-child form select
{
    font-size: 14px;
    line-height: 3.21;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 0 40px 0 3.6%;
    border: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#content-currency > div:first-child form select:-moz-focusring
{
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#content-currency > div:first-child form select::-ms-value
{
    background: none;
}

#content-currency > div:first-child form select::-ms-expand
{
    display: none;
}

#content-currency > div:first-child form option
{
    color: #000;
}

#content-currency > div + div
{
    display: none;
}

#content-currency > div + p
{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42;
    padding: 8px 0 16px;
    color: #666;
}

#content-currency > div + p + p
{
    overflow: hidden;
    height: 0;
    -webkit-transition: height .3s;
       -moz-transition: height .3s;
        -ms-transition: height .3s;
         -o-transition: height .3s;
            transition: height .3s;
}

#content-currency > div + p + p span
{
    line-height: 3.2;
    display: block;
    padding: 0 10px;
    color: #e65a50;
    border: 1px #e65a50 solid;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

#content-currency > a
{
    position: absolute;
    right: 9px;
    bottom: 8px;
}

#content-currency > a:before
{
    font-size: 20px !important;
    color: #000;
}

#content-overlay
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
       -moz-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
        -ms-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
         -o-transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
            transition: opacity .3s cubic-bezier(.55, .085, .68, .53);
    opacity: 0;
    background: #000;
}

#content-overlay.active
{
    -webkit-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
            transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
    opacity: .4;
}

#content-overlay.inactive
{
    top: -9999px;
}

nav[role='drawer']
{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-9999px, 0);
       -moz-transform: translate(-9999px, 0);
        -ms-transform: translate(-9999px, 0);
         -o-transform: translate(-9999px, 0);
            transform: translate(-9999px, 0);
    background: #f5f5f5;
}

nav[role='drawer'] > div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
}

nav[role='drawer'] > div ul
{
    width: 68.75%;
    max-width: 220px;
    margin-bottom: 30px;
    margin-left: 6.25%;
    border-bottom: 1px #ccc solid;
}

nav[role='drawer'] > div ul:nth-child(1) li a
{
    padding-left: 26px;
    color: #666;
}

nav[role='drawer'] > div ul:nth-child(1) li a:before
{
    position: absolute;
    top: calc(50% - .5em);
    left: 0;
}

nav[role='drawer'] > div ul:nth-child(1) li a.icon-cart:before
{
    font-size: 19px;
}

nav[role='drawer'] > div ul:nth-child(1) li a.mdi-heart:before
{
    font-size: 18px;
}

nav[role='drawer'] > div ul:nth-child(3) li a
{
    position: relative;
    padding-left: 26px;
}

nav[role='drawer'] > div ul:nth-child(3) li a:before
{
    font-size: 14px;
    line-height: 1.71;
    position: absolute;
    top: calc(50% - 11px);
    left: 0;
    overflow: hidden;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #666;
}

nav[role='drawer'] > div ul li a
{
    font-size: 14px;
    font-weight: 400;
    line-height: 2.14;
    position: relative;
    overflow: hidden;
    height: 31px;
    color: #666;
    border-top: 1px #ccc solid;
}

nav[role='drawer'] > div > a
{
    width: 87.5%;
    max-width: 280px;
    margin-left: 6.25%;
}

nav[role='drawer'] a.btn-menu
{
    position: absolute;
    top: 5px;
    right: 5px;
    /*width 20px
    height 20px
    position absolute
    top 9px
    right 9px*/
    padding: 5px;
    color: #000;
}

nav[role='drawer'] a.btn-menu:before
{
    font-size: 20px;
}

#page
{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 30px;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
       -moz-transition:    -moz-transform .45s cubic-bezier(.165, .84, .44, 1);
        -ms-transition:     -ms-transform .45s cubic-bezier(.165, .84, .44, 1);
         -o-transition:      -o-transform .45s cubic-bezier(.165, .84, .44, 1);
            transition:         transform .45s cubic-bezier(.165, .84, .44, 1);
    background: #fff;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}

#page > footer
{
    background: #fff;
}

#footer-history
{
    display: none;
    padding: 28px 0 30px;
    border-top: 4px #f5f5f5 solid;
}

#footer-history h3
{
    margin-bottom: 14px;
}

#footer-history p
{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42;
    text-align: center;
}

#footer-history div
{
    position: relative;
    overflow: hidden;
    height: 50px;
    text-align: center;
}

#footer-history div ul
{
    top: 0;
    left: 0;
    display: table;
    margin: 0 auto;
    table-layout: fixed;
}

#footer-history div ul li
{
    display: table-cell;
    vertical-align: top;
}

#footer-history div ul li a
{
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 50px;
}

#footer-history div ul li a img
{
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

#footer-history div ul li a img.state-ready,
#footer-history div ul li a img.ready
{
    opacity: 0;
}

#footer-shipping
{
    padding: 27px 0 30px;
    background: #f5f5f5;
}

#footer-shipping h3
{
    margin-bottom: 15px;
}

#footer-shipping dl
{
    margin-bottom: 20px;
    border-top: #ccc 1px solid;
}

#footer-shipping dl dd
{
    font-size: 14px;
    line-height: 1.21;
    position: relative;
    padding: 6px 6.25%;
    border-bottom: #ccc 1px solid;
}

#footer-shipping dl dd img
{
    position: absolute;
    top: calc(50% - 13px);
    right: 0;
    right: 6.25%;
    width: 156px;
}

#footer-share
{
    padding: 28px 0 40px;
    text-align: center;
}

#footer-share h3
{
    margin-bottom: 15px;
}

#footer-share ul
{
    font-size: 0;
}

#footer-share ul li
{
    display: inline-block;
    width: 46.56%;
}

#footer-share ul li:first-child
{
    padding-right: 1.56%;
}

#footer-share ul li:first-child + li
{
    padding-left: 1.56%;
}

#footer-share ul li a
{
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

#footer-share ul li a.mdi-twitter
{
    background: #1da1f2;
}

#footer-share ul li a.mdi-facebook
{
    background: #3c5998;
}

#footer-sitemap
{
    padding-top: 40px;
    background: #f5f5f5;
}

#footer-sitemap h1
{
    width: 88%;
    max-width: 280px;
    margin: 0 0 40px 6%;
}

#footer-sitemap > ul
{
    width: 69%;
    max-width: 220px;
    margin: 0 6%;
}

#footer-sitemap > ul > li
{
    padding-top: 11px;
    border-top: 1px #ccc solid;
}

#footer-sitemap > ul > li + li
{
    margin-top: 31px;
}

#footer-sitemap > ul > li:nth-child(3) ~ li a
{
    position: relative;
    padding-left: 25px;
}

#footer-sitemap > ul > li:nth-child(3) ~ li a:before
{
    font-size: 14px;
    line-height: 1.71;
    position: absolute;
    top: calc(50% - 11px);
    left: -2px;
    overflow: hidden;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #666;
}

#footer-sitemap > ul > li > a,
#footer-sitemap > ul > li > span
{
    font-weight: 700;
}

#footer-sitemap > ul a,
#footer-sitemap > ul span
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.86;
    color: #666;
}

#footer-sitemap div
{
    margin-top: 39px;
    padding: 19px 6% 49px;
    background: #666;
}

#footer-sitemap div ul li
{
    margin-bottom: 12px;
}

#footer-sitemap div ul li a
{
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
}

#footer-sitemap div > small
{
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    color: #aaa;
}

#footer-sitemap div > a
{
    width: 100%;
    max-width: 280px;
    margin-top: 26px;
}

main > header
{
    min-height: 57px;
}

main > header h2
{
    font-size: 28px;
    line-height: 1;
    padding: 17px 0 16px;
    text-align: center;
}

main > header h2 small
{
    font-size: 16px;
    display: block;
    margin-bottom: 7px;
}

.btn-desktop
{
    font-size: 13px;
    font-weight: 400;
    line-height: 2.31;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 640px;
    height: 30px;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1);
       -moz-transition:    -moz-transform .45s cubic-bezier(.165, .84, .44, 1);
        -ms-transition:     -ms-transform .45s cubic-bezier(.165, .84, .44, 1);
         -o-transition:      -o-transform .45s cubic-bezier(.165, .84, .44, 1);
            transition:         transform .45s cubic-bezier(.165, .84, .44, 1);
    text-align: center;
    color: #fa960a;
    background: #f5f5f5;
}

.btn-desktop i
{
    font-size: 13px;
    line-height: 2.31;
    margin-right: .5em;
}

.ua-desktop body
{
    width: 640px;
    margin: 0 auto;
}

.ua-desktop #page
{
    border-top: 30px #f5f5f5 solid;
}

.ua-desktop header[role='extra']
{
    position: absolute !important;
}

.ua-desktop #content-currency
{
    left: 50%;
    width: 640px;
    margin-left: -320px;
}

.ua-desktop .btn-gotop
{
    right: 50%;
    margin-right: -310px;
}

.ua-desktop .btn-desktop
{
    display: block;
}

.ua-desktop nav[role='drawer']
{
    left: 50%;
    width: 640px;
    margin-left: -320px;
}

#modal
{
    width: 100%;
    padding: 4.17%;
    text-align: center;
    letter-spacing: 0;
}

#modal dl
{
    text-align: left;
}

#modal dl img
{
    width: 100%;
}

#modal dl + p
{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 8px;
    text-align: left;
}

#modal dl + p a
{
    display: inline;
}

#modal dl dt
{
    padding-right: 40px;
}

#modal dl dt p
{
    font-size: 14px;
    line-height: 1.29;
}

#modal dl dt p small
{
    font-size: 12px;
    line-height: 1.5;
    display: block;
}

#modal dl dt + dd
{
    position: relative;
    padding: 4px 4px 8px 0;
}

#modal dl dt + dd i
{
    position: absolute;
    top: 4px;
    right: 0;
    width: 42px;
}

#modal dl dt + dd i + i
{
    right: 44px;
}

#modal dl dt + dd ul li
{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

#modal dl dt + dd ul li span
{
    font-size: 10px;
    line-height: 1.8;
}

#modal dl dt + dd ul li span var
{
    font-size: 12px;
    line-height: 1.5;
    padding-left: 3px;
}

#modal dl dt + dd ul li small
{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

#modal dl dt + dd ul li small:after
{
    content: ' : ';
}

#modal > a
{
    position: absolute;
    top: 8px;
    right: 9px;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    color: #000;
}

#modal > a:before
{
    font-size: 20px !important;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    text-indent: 0;
}

#footer-sitemap a[href*='/download/'],
nav[role='drawer'] a[href*='/download/']
{
    display: none;
}

/*# sourceMappingURL=dev/store/techo/en/2018/sp/styl/techo2018.css.map */

@media screen and (min-width: 482px)
{
    .content-flex > li
    {
        width: 30.72%;
        margin: 0 2.18% 40px 0;
    }
}

@media screen and (min-width: 643px)
{
    .content-flex > li
    {
        width: 22.93%;
        margin: 0 1.63% 40px 0;
    }
}