@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}
}
body
{
    font: 10px/1.75 'roboto', Helvetica, Arial, 'Lucida Grande', sans-serif;
    position: relative;
    min-width: 100em;

    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body .device-sp
{
    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-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
{
    color: #aaa;
}

/*@font-face
  font-family: adobe-jenson-pro
  font-style normal
  font-weight 400
  src: url("/store/techo/en/2018/fonts/adobe-jenson-pro.woff2") format("woff2"),
       url("/store/techo/en/2018/fonts/fonts/adobe-jenson-pro.woff") format("woff"),
       url("/store/techo/en/2018/fonts/fonts/adobe-jenson-pro.ttf") format("ttf"),
       url("/store/techo/en/2018/fonts/fonts/adobe-jenson-pro.eot") format("eot")*/

/*@font-face
  font-family "techo2018"
  src url(/store/techo/2018/fonts/techo2018.eot)*/

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

    src: url('data:application/x-font-ttf;charset=utf-8;base64,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') 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: 24px;
    font-weight: 700;
}

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

.title-border span
{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    display: inline-block;
    border-bottom-width: .17em;
    border-bottom-style: solid;
}

.currency
{
    visibility: hidden;
}

.currency var
{
    font-style: normal;
}

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

#content-currency
{
    position: absolute;
    z-index: 101;
    top: 4em;
    right: calc(50% - 50em);
    display: block;
    width: 55em;
    padding: 2.7em 0 1em;
    -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, -1em);
       -moz-transform: translate(0, -1em);
        -ms-transform: translate(0, -1em);
         -o-transform: translate(0, -1em);
            transform: translate(0, -1em);
    text-align: left;
    opacity: 0;
    color: #000;
    background: #fff;
}

#content-currency:before
{
    position: absolute;
    top: -.8em;
    left: 50.2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 .3em .8em .3em;
    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.disabled > div:first-child + div a
{
    cursor: default;
    opacity: 1 !important;
}

#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.process > div:first-child + div a
{
    -webkit-transition: opacity .3s, color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
       -moz-transition: opacity .3s, color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
        -ms-transition: opacity .3s, color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
         -o-transition: opacity .3s, color .3s cubic-bezier(.25, .1, .25, 1) .15s, background .3s cubic-bezier(.25, .1, .25, 1) .15s;
            transition: opacity .3s, 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: 7.4em;
}

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

#content-currency > div:first-child
{
    float: left;
    width: 24.5em;
    margin-left: 3em;
}

#content-currency > div:first-child:before
{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.22;
    display: block;
    overflow: hidden;
    height: 1.22em;
    margin-bottom: .83em;
    content: 'Your preferred currency';
}

#content-currency > div:first-child form
{
    line-height: 3.9;
    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: .1em #ccc solid;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #fff;
}

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

#content-currency > div:first-child form select
{
    font-size: 13px;
    line-height: 3;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 0 2.46em 0 1.54em;
    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
{
    font-size: 18px;
    float: right;
    width: 12.5em;
    margin: 2.39em 2em 0 0;
}

#content-currency > div + div a
{
    font-size: 10px;
    display: block;
    height: 3em;
    cursor: pointer;
    -webkit-transition: opacity .3s, color .3s, background .3s;
       -moz-transition: opacity .3s, color .3s, background .3s;
        -ms-transition: opacity .3s, color .3s, background .3s;
         -o-transition: opacity .3s, color .3s, background .3s;
            transition: opacity .3s, color .3s, background .3s;
    background: #fa960a;
}

#content-currency > div + div a span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;
}

#content-currency > div + div + p
{
    line-height: 1.5;
    clear: both;
    padding: 1.8em 3em 1.6em;
    letter-spacing: 0;
    color: #000;
}

#content-currency > div + 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 + div + p + p span
{
    font-size: 10px;
    line-height: 4.8;
    display: block;
    margin: 0 3em;
    padding: 0 2em;
    color: #e65a50;
    border: .1em #e65a50 solid;
    -webkit-border-radius: .2em;
            border-radius: .2em;
}

#content-currency > a
{
    position: absolute;
    right: .8em;
    bottom: .8em;
    cursor: pointer;
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

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

.ua-desktop #content-currency > div:first-child + div a:hover
{
    opacity: .4;
}

.ua-ie-9 #content-currency > div:first-child form:before
{
    display: none;
}

.ua-ie-9 #content-currency > div:first-child form select
{
    padding-right: 0;
}

#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;
}

.ua-desktop .btn-permeate
{
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

.ua-desktop .btn-permeate:hover
{
    opacity: .4;
}

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;
}

.btn-mobile
{
    font-size: 39px;
    line-height: 2.31;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 2.31em;
    text-align: center;
    color: #fa960a;
    background: #f5f5f5;
}

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

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

.btn-gotop
{
    position: fixed;
    z-index: 20;
    right: 2em;
    bottom: 2em;
    width: 3em;
    height: 3em;
    cursor: pointer;
    -webkit-transition: bottom .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: bottom .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: bottom .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: bottom .45s cubic-bezier(.25, .46, .45, .94);
            transition: bottom .45s cubic-bezier(.25, .46, .45, .94);
    color: #fa960a;
    border: .1em #ccc solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;

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

.btn-gotop.disabled
{
    bottom: -3em;
    pointer-events: none;
}

.btn-gotop span
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

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

.ua-mobile .btn-gotop
{
    bottom: 109px;
}

.ua-mobile .btn-gotop.disabled
{
    bottom: -3em;
}

.btn-flat
{
    display: inline-block;
    overflow: hidden;
    width: 22.5em;
    height: 3em;
    text-align: center;
    vertical-align: top;
    color: #fff;
    -webkit-border-radius: .2em;
            border-radius: .2em;
    background: #666;
}

.btn-flat span
{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.31;
    display: inline-block;
    vertical-align: middle;
}

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

.color-original
{
    color: #645a91;
}

.bg-original
{
    background-color: #645a91;
}

.bg-original-trans-10
{
    background-color: rgba(100,90,145,.1);
}

#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 .btn-item dl dd,
#hontai_original .btn-item dl dd,
.btn-item.original dl dd
{
    border-color: #645a91;
}

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

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

#cover_original .btn-item dl .btn-fav.like,
#hontai_original .btn-item dl .btn-fav.like,
.btn-item.original dl .btn-fav.like
{
    color: #645a91;
}

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

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

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

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

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

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

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

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

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

#cover_planner .btn-item dl dd,
#hontai_planner .btn-item dl dd,
.btn-item.planner dl dd
{
    border-color: #4678a5;
}

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

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

#cover_planner .btn-item dl .btn-fav.like,
#hontai_planner .btn-item dl .btn-fav.like,
.btn-item.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 .btn-item dl dd ol li:nth-child(1) strong,
.btn-item.cousin dl dd ol li:nth-child(1) strong
{
    display: block;
}

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

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

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

#cover_cousin .btn-item dl dd,
#hontai_cousin .btn-item dl dd,
.btn-item.cousin dl dd
{
    border-color: #be5a5a;
}

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

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

#cover_cousin .btn-item dl .btn-fav.like,
#hontai_cousin .btn-item dl .btn-fav.like,
.btn-item.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 .btn-item dl dd ol li:nth-child(1) strong,
.btn-item.weeks_cover dl dd ol li:nth-child(1) strong
{
    display: block;
}

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

#weeks .btn-item dl dd,
.btn-item.weeks dl dd
{
    border-color: #468282;
}

#weeks .btn-item dl .btn-flat,
.btn-item.weeks dl .btn-flat
{
    background: #468282;
}

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

#weeks .btn-item dl .btn-fav.like,
.btn-item.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 .btn-item dl dd,
#hontai .btn-item dl dd,
.btn-item.toolstoys dl dd,
.btn-item.hontai dl dd
{
    border-color: #666;
}

#toolstoys .btn-item dl .btn-flat,
#hontai .btn-item dl .btn-flat,
.btn-item.toolstoys dl .btn-flat,
.btn-item.hontai dl .btn-flat
{
    background: #666;
}

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

#toolstoys .btn-item dl .btn-fav.like,
#hontai .btn-item dl .btn-fav.like,
.btn-item.toolstoys dl .btn-fav.like,
.btn-item.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'] .btn-item dl dd,
.btn-item[class*='5year'] dl dd
{
    border-color: #6a3906;
}

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

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

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

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

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

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

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

body > header
{
    position: relative;
    width: 100%;
    background: -webkit-linear-gradient(top, #000 3.99em, #f5f5f5 4em, #f5f5f5);
    background:    -moz-linear-gradient(top, #000 3.99em, #f5f5f5 4em, #f5f5f5);
    background:      -o-linear-gradient(top, #000 3.99em, #f5f5f5 4em, #f5f5f5);
    background:     -ms-linear-gradient(top, #000 3.99em, #f5f5f5 4em, #f5f5f5);
    background:         linear-gradient(to bottom, #000 3.99em, #f5f5f5 4em, #f5f5f5);
}

body > header h1
{
    position: absolute;
    bottom: 1.3em;
    left: 50%;
    width: 22.5em;
    margin-left: -48em;
}

body > header h1 img
{
    display: block;
    width: 100%;
}

#footer-history
{
    display: none;
    padding: 2.8em 0 7.2em;
    text-align: center;
    border-top: 1em #f5f5f5 solid;
}

#footer-history h3
{
    margin-bottom: .8em;
}

#footer-history p
{
    font-size: 13px;
    font-weight: 700;
}

#footer-history ul
{
    font-size: 0;
    letter-spacing: 0;
}

#footer-history ul li
{
    font-size: 10px;
    position: relative;
    display: inline-block;
    width: 12em;
    height: 12em;
    background: #fff;
}

#footer-history ul li + li
{
    margin-left: 1em;
}

#footer-history ul li img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer-shipping
{
    padding: 2.8em 0 4em;
    text-align: center;
    background: #f5f5f5;
}

#footer-shipping h3
{
    margin-bottom: 2.7em;
}

#footer-shipping dl
{
    display: table;
    margin: 0 auto 3.3em;
}

#footer-shipping dl dd
{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    display: table-cell;
    width: 17.22em;
    padding: .11em 0;
    vertical-align: middle;
}

#footer-shipping dl dd:nth-child(1)
{
    padding-right: 1.67em;
}

#footer-shipping dl dd:nth-child(2)
{
    width: 18.89em;
    border-right: .06em #ccc solid;
    border-left: .06em #ccc solid;
}

#footer-shipping dl dd:nth-child(3)
{
    padding-left: 1.67em;
}

#footer-shipping dl dd img
{
    font-size: 10px;
    width: 15.6em;
    margin-bottom: -.3em;
}

#footer-share
{
    padding: 4em 0;
    text-align: center;
}

#footer-share ul
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#footer-share ul:before
{
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em);
    left: -4.44em;
    content: 'Share';
    color: #404040;
}

#footer-share ul li
{
    float: left;
}

#footer-share ul li + li
{
    margin-left: 1em;
}

#footer-share ul li a
{
    cursor: pointer;
}

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

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

#footer-sitemap
{
    position: relative;
    background: #f5f5f5;
}

#footer-sitemap h1
{
    position: absolute;
    top: 4em;
    left: 50%;
    width: 22.5em;
    margin-left: 25.5em;
    padding-top: 2em;
    border-top: #ccc .1em solid;
}

#footer-sitemap h1 img
{
    width: 100%;
}

#footer-sitemap > ul
{
    width: 96em;
    margin: 0 auto;
    padding: 4em 0 3.1em;
}

#footer-sitemap > ul:before,
#footer-sitemap > ul:after
{
    display: table;
    content: '';
}

#footer-sitemap > ul:after
{
    clear: both;
}

#footer-sitemap > ul > li
{
    float: left;
    width: 22.5em;
}

#footer-sitemap > ul > li + li
{
    margin-left: 2em;
}

#footer-sitemap > ul > li:nth-child(3) ul ul a
{
    position: relative;
    display: inline-block;
    padding-left: 2.08em;
    vertical-align: middle;
}

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

#footer-sitemap > ul > li > ul > li
{
    padding-top: 1.3em;
    border-top: #ccc .1em solid;
}

#footer-sitemap > ul > li > ul > li + li
{
    margin-top: 3.8em;
}

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

#footer-sitemap > ul a,
#footer-sitemap > ul span
{
    font-size: 13px;
    line-height: 2;
    color: #666;
}

#footer-sitemap div
{
    position: relative;
    height: 5em;
    background: #666;
}

#footer-sitemap div ul
{
    position: absolute;
    top: calc(50% - .4em);
    left: calc(50% - 48em);
}

#footer-sitemap div ul li
{
    float: left;
    margin-right: 1em;
}

#footer-sitemap div ul li a
{
    font-size: 10px;
    line-height: 1;
    display: block;
    color: #fff;
}

#footer-sitemap div > a
{
    position: absolute;
    top: calc(50% - .9em);
    right: calc(50% - 48em);
    width: 22.3em;
}

#footer-sitemap div > a img
{
    width: 100%;
}

#footer-sitemap div small
{
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .4em);
    right: calc(50% - 23.3em);
    color: #aaa;
}

main > header
{
    position: relative;
    min-height: 12.6em;
    padding: 3.9em 0;
}

main > header h2
{
    font-size: 48px;
    line-height: 1;
    text-align: center;
}

main > header h2 small
{
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: .83em;
}

.ua-ie-9 body > header
{
    background: #f5f5f5 url('/store/techo/2018/images/color-black.svg') no-repeat;
    -webkit-background-size: 100% 4em;
       -moz-background-size: 100% 4em;
            background-size: 100% 4em;
}

.ua-mobile body > header
{
    border-top: 9em #f5f5f5 solid;
}

nav[role='extra']
{
    position: relative;
    width: 96em;
    height: 4em;
    margin: 0 auto;
}

nav[role='extra'] ul
{
    padding-top: .8em;
}

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

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

nav[role='extra'] ul li
{
    float: right;
    margin-left: 2.6em;
}

nav[role='extra'] ul li:nth-child(1)
{
    width: 5.5em;
    margin-left: 0;
    text-align: right;
}

nav[role='extra'] ul li:nth-child(1) > a
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-right: 1.08em;
    vertical-align: top;
}

nav[role='extra'] ul li:nth-child(1) > a.disabled
{
    pointer-events: none;
    opacity: 1;
}

nav[role='extra'] ul li:nth-child(1) > a:before
{
    font-size: 14px;
    line-height: 1.43;
    position: absolute;
    right: 0;
    bottom: .14em;
}

nav[role='extra'] ul li:nth-child(2)
{
    margin-left: 1.8em;
}

nav[role='extra'] ul li:nth-child(2) > a.icon-cart:before
{
    font-size: 24px;
}

nav[role='extra'] ul li:nth-child(2) > a.icon-cart var
{
    background: #fa960a;
}

nav[role='extra'] ul li:nth-child(2) > a.icon-cart var:before
{
    border-color: transparent #fa960a transparent transparent;
}

nav[role='extra'] ul li:nth-child(3)
{
    margin-left: 2.4em;
}

nav[role='extra'] ul li:nth-child(3) > a.mdi-heart:before
{
    font-size: 22px;
}

nav[role='extra'] ul li:nth-child(3) > a.mdi-heart var
{
    color: #000;
    background: #fff;
}

nav[role='extra'] ul li:nth-child(3) > a.mdi-heart var:before
{
    border-color: transparent #fff transparent transparent;
}

nav[role='extra'] ul li:nth-child(2) > a,
nav[role='extra'] ul li:nth-child(3) > a
{
    position: relative;
    padding-top: .15em;
    padding-left: 2.23em;
}

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

nav[role='extra'] ul li:nth-child(2) > a var,
nav[role='extra'] ul li:nth-child(3) > a var
{
    line-height: 1.38;
    position: relative;
    display: block;
    width: 1.85em;
    height: 1.38em;
    text-align: center;
    -webkit-border-radius: .15em;
            border-radius: .15em;
}

nav[role='extra'] ul li:nth-child(2) > a var:before,
nav[role='extra'] ul li:nth-child(3) > a var:before
{
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: .05em;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translate(-100%, -50%);
       -moz-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
         -o-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    border-width: .25em .35em .25em 0;
    border-style: solid;
}

nav[role='extra'] ul li:last-child
{
    float: left;
    margin-left: 0;
}

nav[role='extra'] ul li > a
{
    font-size: 13px;
    font-weight: 700;
    display: block;
    min-height: 1.75em;
    color: #fff;
}

nav[role='global']
{
    width: 96em;
    height: 4em;
    margin: 0 auto;
}

nav[role='global']:before,
nav[role='global']:after
{
    display: table;
    content: '';
}

nav[role='global']:after
{
    clear: both;
}

nav[role='global'] > ul
{
    position: relative;
    float: right;
}

nav[role='global'] > ul:before,
nav[role='global'] > ul:after
{
    display: table;
    content: '';
}

nav[role='global'] > ul:after
{
    clear: both;
}

nav[role='global'] > ul > li
{
    float: left;
    height: 4em;
    padding-top: .6em;
    text-align: right;
}

nav[role='global'] > ul > li:nth-child(1)
{
    position: relative;
    overflow: hidden;
    width: 10.7em;
    padding-right: 4em;
    text-align: left;
}

nav[role='global'] > ul > li:nth-child(1):before
{
    line-height: 1.67;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.67em;
    height: 100%;
    text-align: center;
    color: rgba(255,255,255,.3);
    background: #fa960a;
}

nav[role='global'] > ul > li:nth-child(2)
{
    position: relative;
    width: 12.2em;
    text-align: center;
    background: #fa960a;
}

nav[role='global'] > ul > li:nth-child(2) > a
{
    position: relative;
    display: block;
    color: #fff;
    border-style: solid;
    border-color: rgba(255,255,255,.3);
    border-right-width: .06em;
    border-left-width: .06em;
}

nav[role='global'] > ul > li:nth-child(2) > a:after
{
    font-size: 10px;
    position: absolute;
    top: -.6em;
    left: 0;
    width: 100%;
    height: 0;
    height: 4em;
    content: '';
    background: rgba(0,0,0,0);
}

nav[role='global'] > ul > li:nth-child(2) > a i
{
    font-size: 12px;
    line-height: 2.33;
    top: 0;
}

nav[role='global'] > ul > li:nth-child(2) ul
{
    position: absolute;
    z-index: 10;
    top: 4em;
    left: 0;
    overflow: hidden;
    width: 24.3em;
    height: 0;
    text-align: left;
    background: #f5f5f5;
}

nav[role='global'] > ul > li:nth-child(2) ul li
{
    overflow: hidden;
    height: 3.1em;
    border-top: .1em #fff solid;
}

nav[role='global'] > ul > li:nth-child(2) ul li a
{
    font-size: 13px;
    line-height: 2.46;
    display: block;
    padding-left: 1.23em;
}

nav[role='global'] > ul > li:nth-child(3)
{
    width: 12.1em;
    text-align: center;
    background: #fa960a;
}

nav[role='global'] > ul > li:nth-child(3) > a
{
    position: relative;
    display: block;
    color: #fff;
}

nav[role='global'] > ul > li:nth-child(3) > a:after
{
    font-size: 10px;
    position: absolute;
    top: -.6em;
    left: 0;
    width: 100%;
    height: 0;
    height: 4em;
    content: '';
    background: rgba(0,0,0,0);
}

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

nav[role='global'] > ul > li:nth-child(5)
{
    width: 12.1em;
}

nav[role='global'] > ul > li:nth-child(6)
{
    width: 9em;
}

nav[role='global'] > ul > li > a
{
    font-size: 18px;
    line-height: 1.56;
    display: inline-block;
    vertical-align: top;
    color: #000;
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2),
.ua-desktop nav[role='global'] > ul > li:nth-child(3)
{
    -webkit-transition: background .3s;
       -moz-transition: background .3s;
        -ms-transition: background .3s;
         -o-transition: background .3s;
            transition: background .3s;
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2) > a,
.ua-desktop nav[role='global'] > ul > li:nth-child(3) > a
{
    -webkit-transition: color .3s, border .3s;
       -moz-transition: color .3s, border .3s;
        -ms-transition: color .3s, border .3s;
         -o-transition: color .3s, border .3s;
            transition: color .3s, border .3s;
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2) ul,
.ua-desktop nav[role='global'] > ul > li:nth-child(3) ul
{
    -webkit-transition: height .3s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: height .3s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: height .3s cubic-bezier(.25, .46, .45, .94);
         -o-transition: height .3s cubic-bezier(.25, .46, .45, .94);
            transition: height .3s cubic-bezier(.25, .46, .45, .94);
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2):hover,
.ua-desktop nav[role='global'] > ul > li:nth-child(3):hover
{
    background: #f5f5f5;
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2):hover > a,
.ua-desktop nav[role='global'] > ul > li:nth-child(3):hover > a
{
    color: #fa960a;
    border-color: rgba(255,255,255,0);
}

.ua-desktop nav[role='global'] > ul > li:nth-child(2):hover ul,
.ua-desktop nav[role='global'] > ul > li:nth-child(3):hover ul
{
    height: 15.5em;
}

nav[role='breadcrumb'] ol
{
    width: 96em;
    height: 3em;
    margin: 0 auto;
    padding-top: .4em;
}

nav[role='breadcrumb'] ol:before,
nav[role='breadcrumb'] ol:after
{
    display: table;
    content: '';
}

nav[role='breadcrumb'] ol:after
{
    clear: both;
}

nav[role='breadcrumb'] ol li
{
    font-size: 13px;
    line-height: 1.54;
    float: left;
    color: #ccc;
}

nav[role='breadcrumb'] ol li + li:before
{
    display: inline-block;
    margin: 0 .46em 0 .62em;
    content: '\003e';
    vertical-align: middle;
}

nav[role='breadcrumb'] ol li a
{
    display: inline-block;
    vertical-align: middle;
}

.btn-item
{
    display: block;
    width: 22.5em;
}

.btn-item dl dt
{
    position: relative;
    overflow: hidden;
    height: 22.5em;
    background: 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;
}

.btn-item dl dt > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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);
}

.btn-item dl dt > img.state-ready,
.btn-item dl dt > img.state-ready-forced,
.btn-item dl dt > img.ready
{
    visibility: hidden;
    opacity: 0;
}

.btn-item dl dt i
{
    position: absolute;
    top: 0;
    right: 0;
    width: 4.2em;
}

.btn-item dl dt i + i
{
    top: 4.6em;
}

.btn-item dl dt i + i + i
{
    top: 9.2em;
}

.btn-item dl dt i + i + i + i
{
    top: 13.8em;
}

.btn-item dl dt i img
{
    width: 100%;
}

.btn-item dl dt + dd
{
    padding-top: .6em;
    color: #000;
    border: none;
}

.btn-item dl dt + dd span
{
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 1.6em;

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

.btn-item dl dt + dd strong
{
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3.69em;

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

.btn-item dl dd
{
    line-height: 1.6;
    overflow: hidden;
    color: #000;
    border-top-width: .1em;
    border-top-style: solid;
}

.btn-item dl dd:nth-last-of-type(2)
{
    height: 3em;
    border: none;
}

.btn-item dl dd:nth-last-of-type(2):before,
.btn-item dl dd:nth-last-of-type(2):after
{
    display: table;
    content: '';
}

.btn-item dl dd:nth-last-of-type(2):after
{
    clear: both;
}

.btn-item dl dd:nth-last-of-type(1)
{
    height: 4em;
    padding-top: .8em;
    border: none;
}

.btn-item dl dd:nth-last-of-type(1) span,
.btn-item dl dd:nth-last-of-type(1) strong
{
    font-size: 13px;
    font-weight: 400;
    line-height: 1.23;
    display: block;
}

.btn-item dl strong
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    display: block;
}

.btn-item dl ol
{
    overflow: hidden;
    padding-top: 1.7em;
}

.btn-item dl ol li + li
{
    margin-top: .7em;
}

.btn-item dl ol li strong
{
    display: none;
}

.btn-item dl ol li strong:empty
{
    display: none;
}

.btn-item dl ol li strong:not(:empty):before
{
    display: none;
}

.btn-item dl ol li var
{
    font-size: 13px;
    line-height: 1.23;
    position: relative;
    top: .1em;
    padding-left: .23em;
}

.btn-item dl ol li var + var:before
{
    padding-right: .23em;
}

.btn-item dl .btn-flat
{
    float: left;
    width: 18.5em;
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

.btn-item dl .btn-fav
{
    position: relative;
    top: 0;
    float: right;
    overflow: hidden;
    width: 3.6em;
    height: 3em;
    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: .2em;
            border-radius: .2em;
}

.btn-item dl .btn-fav:before
{
    font-size: 19px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

.soldout:not(.unreleased) .btn-item dl dd
{
    color: #aaa;
    border-color: #aaa !important;
}

.soldout:not(.unreleased) .btn-item dl .btn-flat
{
    background: #aaa !important;
}

.soldout:not(.unreleased) .btn-item dl .btn-fav
{
    background: rgba(170,170,170,.5) !important;
}

.soldout:not(.unreleased) .btn-item dl .btn-fav.like
{
    color: #aaa !important;
}

.ua-desktop .btn-item:hover dl .btn-flat
{
    opacity: .4;
}

.ua-desktop .btn-item .btn-fav:hover + .btn-flat
{
    opacity: 1 !important;
}

.content-image
{
    font-size: 10px;
    text-align: center;
}

.content-image img
{
    max-width: 80em;
    max-height: 80em;
    -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);
}

.content-image > a
{
    position: absolute;
    z-index: 2;
    display: block;
    display: block;
    overflow: hidden;
    overflow: hidden;
    color: #000;
}

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

.content-image a[href*='#close']
{
    top: 2.3em;
    right: 1.9em;
    width: 4em;
    height: 4em;
}

.content-image a[href*='#close']:before
{
    font-size: 40px;
}

.content-image a[href*='#prev']
{
    top: calc(50% - 3.4em);
    left: .6em;
    width: 6.8em;
    height: 6.8em;
}

.content-image a[href*='#prev']:before
{
    font-size: 68px;
}

.content-image a[href*='#next']
{
    top: calc(50% - 3.4em);
    right: .6em;
    width: 6.8em;
    height: 6.8em;
}

.content-image a[href*='#next']:before
{
    font-size: 68px;
}

#modal
{
    font-size: 10px;
    width: 96em;
    padding: 4em 8em;
    text-align: center;
    letter-spacing: 0;
}

#modal dl
{
    text-align: left;
}

#modal dl img
{
    width: 100%;
}

#modal dl + p
{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 1.785714285714286em;
    text-align: left;
}

#modal dl dt
{
    font-size: 35px;
    line-height: 1.2;
}

#modal dl dt p small
{
    font-size: 14px;
    display: block;
}

#modal dl dt + dd
{
    position: relative;
    margin: 1.2em 0 2.5em;
}

#modal dl dt + dd i
{
    position: absolute;
    top: .2em;
    right: 0;
    width: 4.2em;
}

#modal dl dt + dd i + i
{
    right: 4.4em;
}

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

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

#modal dl dt + dd ul li span var
{
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
    padding-left: .21em;
}

#modal dl dt + dd ul li span var + var:before
{
    padding-right: .21em;
}

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

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

#modal > a
{
    position: absolute;
    top: 2.3em;
    right: 1.9em;
    display: block;
    overflow: hidden;
    width: 4em;
    height: 4em;
    text-indent: -9999px;
    color: #000;
}

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

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

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