@charset 'utf-8';
h4
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.53;
}
h4:before
{
    font-size: 24px;
}
.en h4
{
    line-height: 1.53125;
}
ul[role='anchor']
{
    margin-bottom: 4em;
}
ul[role='anchor']:before,
ul[role='anchor']:after
{
    display: table;
    content: '';
}
ul[role='anchor']:after
{
    clear: both;
}
ul[role='anchor'] li
{
    float: left;
    text-align: center;
}
ul[role='anchor'] li a
{
    font-size: 12px;
    line-height: 1;
    display: block;
    letter-spacing: 0;
}
ul[role='anchor'] li a:after
{
    display: block;
    margin: 0;
    padding: .1em;
    -webkit-transform: scale(.75);
       -moz-transform: scale(.75);
        -ms-transform: scale(.75);
         -o-transform: scale(.75);
            transform: scale(.75);
    text-align: center;
}
ul[role='anchor'] li:first-child a
{
    padding: .333em .666em 0;
    color: #fff;
    -webkit-border-radius: .333333333333333em;
            border-radius: .333333333333333em;
    background: #3698db;
}
ul[role='anchor'] li:first-child ~ li
{
    border-right: #cbcbcb .1em solid;
}
ul[role='anchor'] li:first-child ~ li a
{
    padding: .333em .833em 0;
    color: #4c4c4c;
}
ul[role='anchor'] li:first-child ~ li a:after
{
    color: #3698db;
}
#detail_toolstoys ul[role='anchor']
{
    width: 72em;
}
#slide
{
    position: relative;
    overflow: hidden;
    margin-bottom: 6em;
    padding-top: 40.5em;
    -webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
         -o-transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
            transition: opacity .6s cubic-bezier(.25, .46, .45, .94);
    opacity: 1;
}
#slide.ready
{
    opacity: 0;
}
#slide > .disp
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 78em;
    height: 40.5em;
    margin-left: -39em;
}
#slide > .disp:before
{
    position: absolute;
    top: 0;
    left: -9em;
    width: 12em;
    height: 100%;
    content: '';
    background: -webkit-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to right, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
}
#slide > .disp:after
{
    position: absolute;
    top: 0;
    right: -9em;
    width: 12em;
    height: 100%;
    content: '';
    background: -webkit-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to left, #fff 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
}
#slide > .disp ul
{
    position: relative;
    z-index: -1;
    -webkit-transition: -webkit-transform .6s;
       -moz-transition:    -moz-transform .6s;
        -ms-transition:     -ms-transform .6s;
         -o-transition:      -o-transform .6s;
            transition:         transform .6s;
}
#slide > .disp ul li
{
    position: absolute;
    top: -40.5em;
    left: 0;
    width: 78em;
    height: 40.5em;
    padding: 0 3em;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
    background: url('/common/images/loading.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;
}
#slide > .disp ul li.ready
{
    opacity: 0;
}
#slide > .disp ul li:before
{
    overflow: hidden;
    width: 0;
    content: '';
}
#slide > .disp ul li img
{
    position: relative;
    z-index: -1;
    -webkit-border-radius: .8em;
            border-radius: .8em;
}
#slide > .disp ul li img[src*='zoom_']
{
    cursor: pointer;
}
#slide > .disp ul li.active
{
    top: 0 !important;
}
#slide > .disp ul li.zoom
{
    cursor: pointer;
}
#slide > .disp ul li.zoom:before
{
    font-size: 16px;
    position: absolute;
    right: 2.3175em;
    bottom: .4375em;
    display: block;
    overflow: hidden;
    width: 1.688em;
    height: 1.344em;
    margin: 0;
    padding-top: .344em;
    content: '\e625';
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    text-align: center;
    color: #3a8fcb;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#slide > .disp ul li.zoom:hover:before
{
    opacity: .5;
}
#slide > .disp ul li.video
{
    cursor: pointer;
}
#slide > .disp ul li.video:before
{
    font-size: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    width: 2.25em;
    height: 1.33em;
    margin: -.83em 0 0 -1.25em;
    padding: .33em 0 0 .25em;
    content: '\e619';
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
    text-align: center;
    color: #3a8fcb;
    -webkit-border-radius: 25%;
            border-radius: 25%;
    background: #fff;
}
#slide > .disp ul li.video:hover:before
{
    opacity: .5;
}
#slide > .zoom
{
    position: absolute;
    z-index: 10;
    top: -40.5em;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 40.5em;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
    opacity: 0;
    background: #fff;
}
#slide > .zoom.active
{
    opacity: 1;
}
#slide > .zoom div
{
    position: absolute;
    cursor: move;
}
#slide > .zoom div img
{
    position: absolute;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
    opacity: 1;
}
#slide > .zoom div img.ready
{
    opacity: 0;
}
#slide > .zoom a
{
    position: absolute;
    right: .7em;
    bottom: .7em;
    display: block;
    overflow: hidden;
    width: 2.7em;
    height: 2.7em;
    cursor: pointer;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#slide > .zoom a:before
{
    font-size: 16px;
    display: inline-block;
    width: 100%;
    margin: .34375em 0 0;
    text-align: center;
    color: #3a8fcb;
}
#slide > .video
{
    position: absolute;
    z-index: 10;
    top: -40.5em;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 40.5em;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
    opacity: 0;
    background: #000;
}
#slide > .video.active
{
    opacity: 1;
}
#slide > .video div
{
    position: relative;
    width: 72em;
    height: 40.5em;
    margin: 0 auto;
}
#slide > .video div iframe
{
    position: absolute;
    width: 100%;
    height: 100%;
}
#slide > .video a
{
    position: absolute;
    right: .7em;
    bottom: .7em;
    display: block;
    overflow: hidden;
    width: 2.7em;
    height: 2.7em;
    cursor: pointer;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#slide > .video a:before
{
    font-size: 16px;
    display: inline-block;
    width: 100%;
    margin: .34375em 0 0;
    text-align: center;
    color: #3a8fcb;
}
#slide .ctrl
{
    margin: 2em -.1em 0 0;
}
#slide .ctrl:before,
#slide .ctrl:after
{
    display: table;
    content: '';
}
#slide .ctrl:after
{
    clear: both;
}
#slide .ctrl li
{
    float: left;
    overflow: hidden;
    width: 11.3em;
    height: 6.4em;
    -webkit-border-radius: .4em;
            border-radius: .4em;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 2em 2em;
       -moz-background-size: 2em 2em;
            background-size: 2em 2em;
}
#slide .ctrl li + li
{
    margin-left: .8em;
}
#slide .ctrl li.current a
{
    cursor: default;
    pointer-events: none;
    opacity: .5;
}
#slide .ctrl li.current a.out
{
    cursor: pointer;
    pointer-events: auto;
}
#slide .ctrl li a
{
    position: relative;
    display: block;
}
#slide .ctrl li a img
{
    position: relative;
    z-index: -1;
}
#slide .ctrl li a[href*='#zoom']:before
{
    font-size: 11px;
    position: absolute;
    z-index: 1;
    right: .27em;
    bottom: .27em;
    display: block;
    overflow: hidden;
    width: 1.73em;
    height: 1.365em;
    margin: 0;
    padding-top: .365em;
    text-align: center;
    color: #3a8fcb;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#slide .ctrl li a[href*='#zoom'].out:before
{
    content: '\e624';
}
#slide .ctrl li a[href*='#video']:before
{
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    width: 2.25em;
    height: 1.33em;
    margin: -.83em 0 0 -1.25em;
    padding: .33em 0 0 .25em;
    text-align: center;
    color: #3a8fcb;
    -webkit-border-radius: 25%;
            border-radius: 25%;
    background: #fff;
}
#slide .ctrl li a[href*='#video']:after
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url('/store/techo/2016/detail_images/common/bg_video.png');
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}
#slide .ctrl + ul li
{
    position: absolute;
    z-index: 1;
    top: 0;
}
#slide .ctrl + ul li:first-child
{
    left: 6em;
}
#slide .ctrl + ul li:first-child + li
{
    right: 6em;
}
#slide .ctrl + ul li a
{
    position: relative;
    display: block;
    width: 6em;
    height: 40.5em;
}
#slide .ctrl + ul li a:before
{
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em 0 0 -.5em;
    color: #000;
}
.no-backgroundsize #slide .ctrl li
{
    background-image: url('/store/techo/2016/detail_images/common/bg_slide-ie.png');
}
.no-backgroundsize #slide .ctrl li a[href*='#video']:after
{
    background-image: url('/store/techo/2016/detail_images/common/bg_video-ie.png');
}
.no-cssgradients #slide > .disp:before
{
    background: url('/store/techo/2016/detail_images/common/bg_gradient_l.png') repeat-y;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}
.no-cssgradients #slide > .disp:after
{
    background: url('/store/techo/2016/detail_images/common/bg_gradient_r.png') repeat-y;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}
#detail_toolstoys #slide
{
    float: left;
    width: 68em;
    margin-bottom: 4em;
    padding-top: 38.4em;
}
#detail_toolstoys #slide > .disp
{
    width: 57.2em;
    height: 38.4em;
    margin-left: -28.6em;
}
#detail_toolstoys #slide > .disp:before
{
    left: -5.4em;
    width: 6.8em;
    background: -webkit-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(left, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to right, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
}
#detail_toolstoys #slide > .disp:after
{
    right: -5.4em;
    width: 6.8em;
    background: -webkit-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(right, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to left, #fff 0%, rgba(255,255,255,.7) 60%, rgba(255,255,255,0) 100%);
}
#detail_toolstoys #slide > .disp ul li
{
    top: -38.4em;
    width: 57.2em;
    height: 38.4em;
    padding: 0 1.4em;
}
#detail_toolstoys #slide > .disp ul li.zoom:before
{
    right: 1.3125em;
}
#detail_toolstoys #slide > .zoom
{
    top: -38.4em;
    height: 38.4em;
}
#detail_toolstoys #slide > .video
{
    top: -38.4em;
    height: 38.4em;
}
#detail_toolstoys #slide > .video div
{
    width: 54.4em;
    height: 38.4em;
}
#detail_toolstoys #slide .ctrl li
{
    width: 7.8em;
    height: 5.5em;
}
#detail_toolstoys #slide .ctrl li a[href*='#video']:after
{
    background-image: url('/store/techo/2016/detail_images/common/bg_video_tt.png');
}
#detail_toolstoys #slide .ctrl + ul li:first-child
{
    left: 4em;
}
#detail_toolstoys #slide .ctrl + ul li:first-child + li
{
    right: 4em;
}
#detail_toolstoys #slide .ctrl + ul li a
{
    width: 2.8em;
    height: 38.4em;
}
.no-backgroundsize #detail_toolstoys #slide .ctrl li a[href*='#video']:after
{
    background-image: url('/store/techo/2016/detail_images/common/bg_video_tt-ie.png');
}
.no-cssgradients #detail_toolstoys #slide > .disp:before
{
    background: url('/store/techo/2016/detail_images/common/bg_gradient_l_tt.png') repeat-y;
}
.no-cssgradients #detail_toolstoys #slide > .disp:after
{
    background: url('/store/techo/2016/detail_images/common/bg_gradient_r_tt.png') repeat-y;
}
#primary
{
    float: left;
    clear: both;
    width: 64em;
    padding-bottom: 4em;
}
#primary > p
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.486;
    margin-bottom: 2.857em;
    padding: 1em 1.357em;
    color: #ed2200;
    border: .071428571428571em #e5e5e5 solid;
}
#primary > div
{
    margin-bottom: 2em;
    padding: 2em 0 4em;
    border-bottom: #e5e5e5 .5em solid;
}
#primary > div:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
#primary > div.last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.en #primary
{
    padding-bottom: 6em;
}
.en #primary > p
{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    margin-bottom: 2.5em;
    padding: .875em 1.1875em;
    color: #be1d0e;
    border: .0625em #be1d0e solid;
}
.en #primary > div
{
    margin-bottom: 0;
    padding-top: 4em;
    padding-bottom: 0;
    border: none;
}
#detail
{
    margin-bottom: 0 !important;
    padding: 2em 0 !important;
    border-bottom: none !important;
}
#detail:before,
#detail:after
{
    display: table;
    content: '';
}
#detail:after
{
    clear: both;
}
#detail img
{
    width: auto;
}
#detail h2
{
    font-weight: bold;
    width: 48em;
    padding-bottom: 3.8em;
}
#detail h2 *
{
    line-height: 1;
    display: block;
}
#detail h2 span
{
    font-size: 14px;
    padding-bottom: .857142857142857em;
}
#detail h2 strong
{
    font-size: 35px;
    line-height: 1.285714285714286;
}
#detail h2 strong span,
#detail h2 strong small {
    display: inline;
    font-size: 24px;
}
#detail h2 small
{
    font-size: 16px;
    height: 1.75em;
    padding-top: .5em;
}
#detail p
{
    font-size: 14px;
    width: 29em;
}
#detail p img
{
    display: block;
    width: auto;
    max-width: 44em;
    margin: 1.6em 0;
}
#detail > a
{
    font-size: 14px;
    line-height: 2.86;
    float: right;
    width: 34.375%;
    margin-top: 2em;
}
#detail > ul
{
    float: right;
    margin-top: -11.1em;
}
#detail > ul:before,
#detail > ul:after
{
    display: table;
    content: '';
}
#detail > ul:after
{
    clear: both;
}
#detail > ul li
{
    float: left;
}
#detail > ul li + li
{
    margin-left: 1.3em;
}
.en #detail
{
    position: relative;
}
.en #detail h2
{
/*     font-family: 'Times New Roman', Georgia, serif; */
    font-family: adobe-jenson-pro, serif;
    font-weight: normal;
    width: auto;
    margin-bottom: 1.8em;
    padding: 0 23em 1.5em 0;
    word-wrap: break-word;
    border-bottom: .3em #000 solid;
}
.en #detail h2 span
{
    font-size: 18px;
    padding-bottom: .222222222222222em;
}
.en #detail h2 strong
{
    font-size: 45px;
    line-height: 1.222222222222222;
}
.en #detail h2 small
{
    font-size: 18px;
    line-height: 1.444444444444444;
    height: auto;
    padding-top: .611111111111111em;
}
.en #detail h2 + ul
{
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    float: none;
    margin-top: 0;
}
.en #detail p
{
    font: 14px 'Times New Roman', Georgia, serif;
    line-height: 1.75;
    width: auto;
}
.en #detail_toolstoys #detail h2
{
    padding-right: 0;
}
#products h3
{
    font-size: 14px;
    font-weight: bold;
    line-height: 3.571428571428572;
    padding: 0 1.428571428571429em;
    background: #efefef;
}
#products h3:before
{
    font-size: 16px;
    line-height: 1.857;
    overflow: hidden;
    width: 1.857em;
    height: 1.857em;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #ed2200;
}
#products h3 + p
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.733;
    padding: 1.166em .833em .9166em;
    color: #ed2200;
}
#products h3 + div
{
    margin-top: .5em;
}
#products > div
{
    padding-bottom: 2em;
}
#products > div > div
{
    padding-top: 1.8em;
    background: #efefef;
}
#products > div > div + div
{
    margin-top: .5em;
}
#products h6
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.375;
    position: relative;
    padding: 0 0 .3125em 1.25em;
    border-bottom: #fff .0625em solid;
}
#products h6 a
{
    font-size: 12px;
    position: absolute;
    right: 1.66em;
    bottom: .33em;
    color: #3698db;
}
#products h6 a.icon-arrow-down:before
{
    font-size: 7px;
    width: 2em;
    height: 1.45em;
    margin-top: -.2em;
    padding-top: .55em;
    text-align: center;
    border: .142857142857143em #3698db solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#products dl
{
    position: relative;
    padding: 0 2em 2em;
}
#products dl:before,
#products dl:after
{
    display: table;
    content: '';
}
#products dl:after
{
    clear: both;
}
#products dl dd:first-child
{
    float: right;
    width: 38em;
    margin-top: 1.4em;
    padding: .4em 0 1.4em;
    background: #fff;
}
#products dl dd:first-child ul
{
    font-size: 0;
    position: relative;
}
#products dl dd:first-child ul li
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4166;
    display: inline-block;
    width: 7.833333333333333em;
    padding-left: .75em;
    text-align: left;
    vertical-align: top;
}
#products dl dd:first-child ul li.benefit
{
    padding-bottom: 2em;
}
#products dl dd:first-child ul li + li span:before
{
    font-family: 'techo2016';
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    position: absolute;
    top: 2.9em;
    left: -1.4em;
    margin: 0;
    content: '\e61a';
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#products dl dd:first-child ul li span
{
    font-size: 10px;
    position: relative;
    display: block;
    height: 7.6em;
    margin-bottom: .5em;
}
#products dl dd:first-child ul li span img
{
    width: 7.6em;
}
#products dl dd:first-child ul li small
{
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0;
}
#products dl dd:first-child ul li a
{
    font-size: 10px;
    line-height: 2;
    position: absolute;
    bottom: 0;
    display: block;
    width: 8.3em;
    margin-left: -.45em;
    -webkit-border-radius: .4em;
            border-radius: .4em;
}
#products dl dd:first-child ul li strong
{
    display: block;
    color: #007fff;
}
#products dl dd:first-child ul li strong + strong
{
    color: #dd4f12;
}
#products dl dd:first-child + dd
{
    float: left;
    width: 22em;
    padding-top: 1.1em;
}
#products dl dd:first-child + dd p
{
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: .666em;
}
#products dl dd:first-child + dd p strong
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.571;
    display: block;
    margin-bottom: .214em;
}
#products dl dd:first-child + dd p strong span
{
    font-size: 10px;
}
#products dl dd:first-child + dd li
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
    color: #4c4c4c;
}
#products dl dd:first-child + dd li:before
{
    content: '・';
}
#products dl dd:first-child + dd + dd
{
    clear: both;
    padding-top: 2em;
}
#products dl dd:first-child + dd + dd li a
{
    display: inline-block;
    visibility: hidden;
    overflow: hidden;
    width: 22em;
    height: 5em;
    text-align: center;
    color: #fff;
    -webkit-border-radius: .4em;
            border-radius: .4em;
}
#products dl dd:first-child + dd + dd li a[href*='#cart']
{
    background: #ed2200;
}
#products dl dd:first-child + dd + dd li a[href*='#lot']
{
    background: #3698db;
}
#products dl dd:first-child + dd + dd li a[href*='#lot'] span:before
{
    content: '\e600';
}
#products dl dd:first-child + dd + dd li a.sold
{
    cursor: default;
    pointer-events: none;
    opacity: 1 !important;
    color: #4c4c4c;
    background: #cbcbcb !important;
}
#products dl dd:first-child + dd + dd li a.sold span:before
{
    display: none;
}
#products dl dd:first-child + dd + dd li a span
{
    font-size: 14px;
    line-height: 3.571;
}
#products dl dd:first-child + dd + dd li a span:before
{
    font-size: 16px;
    margin-right: .8em;
}
#products dl dd:first-child + dd + dd li > span
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25;
    display: inline-block;
    color: #e52d2d;
}
#products dl dd:first-child + dd + dd li > span + a
{
    vertical-align: middle;
}
#products dl dd:first-child + dd + dd li label
{
    display: inline-block;
    overflow: hidden;
    width: 18.5em;
    height: 3.5em;
    padding-left: 1.2em;
    vertical-align: top;
    color: #3698db;
    -webkit-border-radius: .4em;
            border-radius: .4em;
    background: #fff;
}
#products dl dd:first-child + dd + dd li label input
{
    margin: -.2em 1.1em 0 0;
    vertical-align: middle;
}
#products dl dd:first-child + dd + dd li label span
{
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5;
}
#products dl dd:first-child + dd + dd li p
{
    display: inline-block;
    overflow: hidden;
    width: 18.5em;
    height: 3.5em;
    vertical-align: top;
}
#products dl dd:first-child + dd + dd li p span
{
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5;
}
#products dl dd:first-child + dd + dd li strong
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.071428571428571;
    display: inline-block;
    margin-right: .5em;
}
#products dl.mon dd:first-child strong + strong
{
    display: none;
}
#products dl.mon dd:first-child + dd + dd li:first-child label
{
    color: #fff;
    background: #4c4c4c;
}
#products dl.mon dd:first-child + dd + dd a + a
{
    display: none;
}
#products dl.sun dd:first-child strong
{
    display: none;
}
#products dl.sun dd:first-child strong + strong
{
    display: block;
}
#products dl.sun dd:first-child + dd + dd li + li label
{
    color: #fff;
    background: #4c4c4c;
}
#products dl.sun dd:first-child + dd + dd a:first-child
{
    display: none;
}
#products .p01 dd:first-child + dd + dd li
{
    float: left;
}
#products .p01 dd:first-child + dd + dd li > span
{
    display: block;
    margin: .17em 0 -.17em;
    text-align: center;
}
#products .p01 dd:first-child + dd + dd li + li
{
    margin-left: .5em;
}
#products .p01 dd:first-child + dd + dd li + li + li
{
    float: right;
    margin: 0;
}
#products .p02 dd:first-child + dd + dd li
{
    text-align: right;
}
#products .p02 dd:first-child + dd + dd li a
{
    margin-left: 1.4em;
}
#products .p03:before,
#products .p03:after
{
    display: table;
    content: '';
}
#products .p03:after
{
    clear: both;
}
#products .p03 h6 + dl + dl + dl + dl
{
    clear: left;
    margin-left: 0;
}
#products .p03 dl + dl + dl + dl dd:first-child
{
    margin-top: 2em;
}
#products .p03 dl
{
    float: left;
    width: 21.311em;
}
#products .p03 dl dd
{
    float: none !important;
    width: auto !important;
}
#products .p03 dl dd:first-child
{
    padding: .4em 0 .8em;
}
#products .p03 dl dd:first-child ul
{
    text-align: center;
}
#products .p03 dl dd:first-child ul li
{
    width: 7.166666666666667em;
    padding-left: .416666666666667em;
}
#products .p03 dl dd:first-child ul li a
{
    width: 7.6em;
    margin-left: 0;
}
#products .p03 dl dd:first-child ul li + li span:before
{
    left: -1em;
}
#products .p03 dl dd:first-child + dd
{
    width: 19.311em !important;
}
#products .p03 dl dd:first-child + dd + dd
{
    width: 19.311em !important;
    padding-top: 1em;
}
#products .p03 dl dd:first-child + dd + dd li + li
{
    margin-top: 1em;
}
#products .p03 dl dd:first-child + dd + dd li > span
{
    position: relative;
    top: .1em;
}
#products .p03 dl dd:first-child + dd + dd li a
{
    float: none;
    width: 17.311em;
}
#products .p03 dl dd:first-child + dd + dd li label,
#products .p03 dl dd:first-child + dd + dd li p
{
    width: 13.5em;
    margin-right: .5em;
    vertical-align: middle;
}
#products .p04 dd:first-child
{
    width: 34em;
    padding: 0;
    background: none;
}
#products .p04 dd:first-child > img
{
    width: 16em;
}
#products .p04 dd:first-child + dd
{
    width: 22em;
    padding-bottom: 7.5em;
}
#products .p04 dd:first-child + dd p
{
    margin-bottom: 0;
}
#products .p04 dd:first-child + dd + dd
{
    position: absolute;
    bottom: 2em;
    left: 2em;
    width: 22em;
}
#products .p04 dd:first-child + dd + dd li > span
{
    display: block;
    text-align: left;
}
#products .p04 dd:first-child + dd + dd li a
{
    margin-top: 1em;
}
.en #products h3
{
    font-size: 15px;
    line-height: 3.333333333333333;
    padding: 0 1.333333333333333em;
}
.en #products h3:before
{
    font-size: 14px;
    line-height: 2.142857142857143;
    width: 2.142857142857143em;
    height: 2.142857142857143em;
    background: #e50000;
}
.en #products h3 + p
{
    font-size: 14px;
    font-weight: normal;
    padding: 1em .714285714285714em .785714285714286em;
    color: #e50000;
}
.en #products h6 a
{
    font-weight: normal;
    color: #3fa4e5;
}
.en #products h6 a.icon-arrow-right:before
{
    font-size: 10px;
    margin-top: -.2em;
}
.en #products dl dd:first-child ul li
{
    font-weight: normal;
    padding: 0;
    text-align: center;
}
.en #products dl dd:first-child ul li + li span:before
{
    left: -.5em;
}
.en #products dl dd:first-child ul li.benefit
{
    padding-bottom: 2.666666666666667em;
}
.en #products dl dd:first-child ul li a
{
    line-height: 1;
    position: absolute;
    bottom: 0;
    display: block;
    width: 6.2em;
    margin-left: 1.6em;
    padding: .3em 0;
    color: #3fa4e5;
    border: .1em #3fa4e5 solid;
    -webkit-border-radius: .2em;
            border-radius: .2em;
}
.en #products dl dd:first-child ul li strong
{
    color: #3fa4e5;
}
.en #products dl dd:first-child ul li strong + strong
{
    color: #dd4f12;
}
.en #products dl dd:first-child + dd p strong
{
    font-weight: normal;
}
.en #products dl dd:first-child + dd li
{
    font-weight: normal;
    padding-left: .5em;
    text-indent: -.5em;
}
.en #products dl dd:first-child + dd li:before
{
    content: '- ';
}
.en #products dl dd:first-child + dd + dd li a
{
    font-weight: bold;
    width: auto;
    min-width: 22em;
    padding: 0 1.5em;
    -webkit-border-radius: 2.5em;
            border-radius: 2.5em;
}
.en #products dl dd:first-child + dd + dd li > span
{
    font-weight: normal;
}
.en #products dl dd:first-child + dd + dd li label
{
    border: .1em #3698db solid;
    -webkit-border-radius: 1.75em;
            border-radius: 1.75em;
}
.en #products dl dd:first-child + dd + dd li label span
{
    font-weight: normal;
}
.en #products dl dd:first-child + dd + dd li p span
{
    font-weight: normal;
}
.en #products dl dd:first-child + dd + dd li strong
{
    font-weight: normal;
}
.en #products dl.mon dd:first-child + dd + dd li:first-child label
{
    background: #3698db;
}
.en #products dl.sun dd:first-child + dd + dd li + li label
{
    background: #3698db;
}
.en #products .p03 dl dd:first-child ul li a
{
    margin-left: 1.2em;
}
.en #products .p03 dl dd:first-child + dd + dd a
{
    width: 17.311em;
    min-width: 0;
    padding: 0;
}
.en #products .p03 dl dd:first-child + dd + dd p
{
    padding-left: 0;
    text-align: center;
    border: .1em #7f7f7f solid;
    -webkit-border-radius: 1.75em;
            border-radius: 1.75em;
    background: #fff;
}
.en #products .p03 dl dd:first-child + dd + dd p span
{
    font-size: 11px;
    line-height: 3;
}
.en #products .p03 dl dd:first-child + dd + dd label
{
    padding-left: .7em;
}
.en #products .p03 dl dd:first-child + dd + dd label input
{
    margin-right: .6em;
}
.en #products .p03 dl dd:first-child + dd + dd label span
{
    font-size: 11px;
    line-height: 3;
}
.en #products .p04 dd:first-child
{
    width: 34em;
    padding: 0;
    background: none;
}
.en #products .p04 dd:first-child > img
{
    width: 16em;
}
.en #products .p04 dd:first-child + dd
{
    width: 22em;
    padding-bottom: 7.5em;
}
.en #products .p04 dd:first-child + dd p
{
    margin-bottom: 0;
}
.en #products .p04 dd:first-child + dd + dd
{
    position: absolute;
    bottom: 2em;
    left: 2em;
    width: 22em;
}
.en #products .p04 dd:first-child + dd + dd li > span
{
    display: block;
    text-align: left;
}
.en #products .p04 dd:first-child + dd + dd li a
{
    margin-top: 1em;
}
#lot
{
    margin-top: 2em;
    padding: .6em 0 1.3em 0;
    background: #efefef;
}
#lot h5
{
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 .38em 1em;
    border-bottom: #fff .0625em solid;
}
#lot p
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.79;
    margin: 1em 1.4em;
    color: #ed2200;
}
#lot table
{
    width: 60em;
    margin: 0 2em;
    table-layout: fixed;
}
#lot table th,
#lot table td
{
    font-size: 12px;
    font-weight: bold;
    padding: .25em 0;
    text-align: left;
    vertical-align: top;
    border-top: #fff .083333333333333em solid;
}
#lot table th
{
    width: 22.5%;
}
#lot table td
{
    width: 77.5%;
}
#lot table td span
{
    display: block;
    color: #ed2200;
}
#lot ul {
    padding-left: 1.5em;
}
#lot ul li {
    list-style-type: disc;
    margin: 0.5em 0;
}
#article:before,
#article:after
{
    display: table;
    content: '';
}
#article:after
{
    clear: both;
}
#article dl
{
    float: left;
    width: 20em;
    margin-top: 1.2em;
}
#article dl + dl
{
    margin-left: 2em;
}
#article dl + dl + dl
{
    float: right;
    margin-left: 0;
}
#article dl dt
{
    padding-bottom: .8em;
}
#article dl dt a
{
    font-size: 12px;
    font-weight: bold;
    display: block;
    color: #000;
}
#article dl dt a img
{
    margin-bottom: 1.8em;
}
#article dl dt + dd
{
    font-size: 12px;
}
#article dl dt + dd + dd
{
    padding-top: .4em;
}
#article dl dt + dd + dd a
{
    font-size: 12px;
    line-height: 2.5;
    width: 10em;
    -webkit-border-radius: .333333333333333em;
            border-radius: .333333333333333em;
}
.en #article h4
{
    font: 18px adobe-jenson-pro, serif;
    line-height: 1.888888888888889;
    padding-left: 1.055555555555556em;
    border-bottom: .111111111111111em #cbcbcb solid;
    border-left: .444444444444444em #cbcbcb solid;
}
.en #article dl
{
    margin-top: .8em;
}
.en #article dl dt + dd + dd a
{
    width: 8.571428571428571em;
}
#comment > div
{
    overflow: hidden;
    margin-top: 1.2em;
}
#comment > div .disp
{
    position: relative;
    width: 66em;
    height: 47.5em;
}
#comment > div .disp > p
{
    font-size: 14px;
    color: #4c4c4c;
}
#comment > div .disp > div
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.23, 1, .32, 1);
       -moz-transition:    -moz-transform .6s cubic-bezier(.23, 1, .32, 1);
        -ms-transition:     -ms-transform .6s cubic-bezier(.23, 1, .32, 1);
         -o-transition:      -o-transform .6s cubic-bezier(.23, 1, .32, 1);
            transition:         transform .6s cubic-bezier(.23, 1, .32, 1);
}
#comment > div .disp > div div
{
    position: absolute;
    top: 0;
    width: 64em;
}
#comment > div dl
{
    position: relative;
}
#comment > div dl + dl
{
    margin-top: 2em;
}
#comment > div dl dt
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8em;
    height: 12.5em;
}
#comment > div dl dt img
{
    margin-bottom: .4em;
}
#comment > div dl dt span
{
    font-size: 12px;
    line-height: 1.5;
    display: block;
    text-align: center;
}
#comment > div dl dd
{
    position: relative;
    width: 52em;
    min-height: 12.5em;
    border: .1em #cbcbcb solid;
    -webkit-border-radius: .8em;
            border-radius: .8em;
}
#comment > div dl dd:after
{
    position: absolute;
    right: -3.5em;
    bottom: 0;
    width: 4.5em;
    height: 3.1em;
    margin: 0 -.1em -.1em 0;
    content: '';
    background-image: url('/store/techo/2016/detail_images/common/bg_comment.png');
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}
#comment > div dl dd p
{
    font-size: 14px;
    line-height: 1.64;
    padding: 1.14em 1.36em .857em;
}
#comment > div ul
{
    margin-top: 2em;
}
#comment > div ul:before,
#comment > div ul:after
{
    display: table;
    content: '';
}
#comment > div ul:after
{
    clear: both;
}
#comment > div ul li
{
    float: left;
    width: 12em;
}
#comment > div ul li a
{
    font-size: 14px;
    line-height: 3.214;
    display: block;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
#comment > div ul li.disable a
{
    cursor: default;
    pointer-events: none;
    opacity: 1 !important;
    background: #e5e5e5;
}
#comment > div ul li:first-child a:before
{
    font-size: 10px;
    margin: -.15em 3em 0 -2em;
}
#comment > div ul li:first-child + li
{
    margin-left: 1em;
}
#comment > div ul li:first-child + li a:after
{
    font-size: 10px;
    margin: -.15em -2em 0 3em;
}
#comment > div ul li:first-child + li + li
{
    float: right;
    width: 16em;
}
.no-backgroundsize #comment dd:after
{
    background-image: url('/store/techo/2016/detail_images/common/bg_comment-ie.png');
}
#demerit:before,
#demerit:after
{
    display: table;
    content: '';
}
#demerit:after
{
    clear: both;
}
#demerit > p
{
    font-size: 14px;
    margin: .714em 0 1.785em;
    color: #4c4c4c;
}
#demerit dl
{
    float: left;
    width: 31em;
    color: #4c4c4c;
}
#demerit dl + dl
{
    float: right;
}
#demerit dl + dl + ul
{
    padding-top: 2.3em;
}
#demerit dl dt
{
    cursor: pointer;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
        -ms-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s;
    color: #3698db;
}
#demerit dl dt span
{
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    max-width: 21.53846153846154em;
}
#demerit dl dt:hover
{
    color: #4c4c4c;
}
#demerit dl dt:hover:before
{
    border: .111111111111111em #fff solid;
    background: #efefef;
}
#demerit dl dt:before
{
    font-size: 9px;
    line-height: 1.666666666666667;
    overflow: hidden;
    width: 1.555555555555556em;
    height: 1.666666666666667em;
    margin: .222222222222222em .888888888888889em 0 0;
    padding-left: .111111111111111em;
    -webkit-transition: -webkit-transform .3s, background .3s, border .3s;
       -moz-transition:    -moz-transform .3s, background .3s, border .3s;
        -ms-transition:     -ms-transform .3s, background .3s, border .3s;
         -o-transition:      -o-transform .3s, background .3s, border .3s;
            transition:         transform .3s, background .3s, border .3s;
    text-align: center;
    vertical-align: top;
    border: .111111111111111em #3698db solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
#demerit dl dt.open
{
    cursor: default;
    color: #4c4c4c;
}
#demerit dl dt.open:before
{
    -webkit-transform: rotateZ(90deg);
       -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
         -o-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
    border: .111111111111111em #fff solid;
    background: #efefef;
}
#demerit dl dd
{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s;
       -moz-transition: max-height .3s;
        -ms-transition: max-height .3s;
         -o-transition: max-height .3s;
            transition: max-height .3s;
}
#demerit dl dd p
{
    font-size: 12px;
    line-height: 1.35;
    padding-top: .666em;
}
#demerit dl dd p img
{
    max-width: 100%;
}
#demerit dl dd + dt
{
    padding-top: 1.7em;
}
#demerit ul
{
    float: right;
    clear: right;
}
#demerit ul:before,
#demerit ul:after
{
    display: table;
    content: '';
}
#demerit ul:after
{
    clear: both;
}
#demerit ul li
{
    float: left;
}
#demerit ul li + li
{
    margin-left: 2em;
}
#demerit ul li a
{
    font-size: 12px;
    line-height: 3.33;
    padding: 0 1.33em;
    -webkit-border-radius: .333333333333333em;
            border-radius: .333333333333333em;
}
#demerit ul li a:after
{
    margin: -.15em -1em 0 1em;
}
.no-csstransitions #demerit dt.open:before
{
    content: '\e610';
}
.en #demerit
{
    padding-right: 2em;
    padding-left: 1.5em;
}
.en #demerit h4
{
    padding-bottom: .625em;
}
.en #demerit dl
{
    width: 29em;
}
.en #demerit dl + dl + ul
{
    padding-top: 1.8em;
    border-top: .1em #cbcbcb solid;
}
.en #demerit dl dt
{
    min-height: 3.9em;
    margin-top: .7em;
    padding-top: .8em;
    color: #3fa4e5;
}
.en #demerit dl dt span
{
    font-weight: normal;
    line-height: 1.5;
    max-width: 20em;
}
.en #demerit dl dt:hover
{
    color: #3fa4e5;
}
.en #demerit dl dt:hover:before
{
    border: .111111111111111em #3fa4e5 solid;
    background: #fff;
}
.en #demerit dl dt:before
{
    margin: .111111111111111em .888888888888889em 0 0;
    border: .111111111111111em #3fa4e5 solid;
}
.en #demerit dl dt.open
{
    color: #3fa4e5;
}
.en #demerit dl dt.open:before
{
    border: .111111111111111em #3fa4e5 solid;
    background: #fff;
}
.en #demerit dl dd + dt
{
    border-top: .1em #cbcbcb solid;
}
.en #demerit dl dd p
{
    line-height: 1.35;
    padding: .833333333333333em 0 1.25em;
}
.en #demerit ul
{
    width: 29em;
    margin-top: 1.6em;
}
.en #demerit ul li + li
{
    margin-left: 1em;
}
.en #demerit ul li + li a
{
    width: 12.857142857142858em;
}
.en #demerit ul li a
{
    width: 5.714285714285714em;
    padding: 0;
}
#specific h5
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.28;
    margin-top: 1em;
}
#specific table
{
    line-height: 1.5;
    width: 100%;
    margin-top: .6em;
    color: #3f3f3f;
}
#specific table + h5
{
    margin-top: 1.5em;
}
#specific th
{
    font-size: 12px;
    font-weight: bold;
    width: 20%;
    padding: .75em;
    vertical-align: top;
    border: .083333333333333em #cbcbcb solid;
    background: #efefef;
}
#specific td
{
    font-size: 12px;
    padding: .75em 0 .75em .75em;
    vertical-align: top;
    border: .083333333333333em #cbcbcb solid;
}
.en #specific h5
{
    line-height: 1.571428571428571;
    margin-top: .857142857142857em;
}
.en #specific table
{
    margin-top: .8em;
}
.en #specific table + h5
{
    margin-top: .857142857142857em;
}
#benefit
{
    line-height: 1.57;
}
#benefit a
{
    font-size: 14px;
    line-height: 3.21;
    width: 56.25%;
    margin: 0 auto;
}
#benefit p
{
    font-size: 14px;
    margin-top: .714em;
}
#benefit ul
{
    margin: .4em 0 2.3em;
}
#benefit ul:before,
#benefit ul:after
{
    display: table;
    content: '';
}
#benefit ul:after
{
    clear: both;
}
#benefit ul li
{
    float: left;
    width: 33.33%;
    text-align: center;
}
#benefit ul li img
{
    display: block;
    width: 15em;
    max-width: 100%;
    margin: 0 auto 1.7em;
}
#benefit ul li span
{
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
#staff
{
    font-size: 10px;
    position: relative;
    width: 88em;
    padding: 4em;
}
#staff:before,
#staff:after
{
    display: table;
    content: '';
}
#staff:after
{
    clear: both;
}
#staff strong
{
    font-weight: bold;
    padding-right: 1em;
}
#staff dl
{
    float: left;
    width: 38em;
}
#staff dl dt
{
    font-size: 14px;
}
#staff dl dd
{
    font-size: 14px;
}
#staff dl dd + dt
{
    margin-top: 1.75em;
}
#staff dl dd + dd
{
    margin-top: 1.75em;
}
#staff dl + dl
{
    float: right;
}
#staff a[href='#close']
{
    position: absolute;
    top: .7em;
    right: 1em;
    color: #3698db;
}
#staff a[href='#close']:before
{
    font-size: 16px;
    margin: 0;
}
#alert
{
    width: 55em;
    padding: 5em;
    text-align: center;
}
#alert p
{
    font-size: 14px;
    line-height: 1.57;
    margin: 2em 0 6em;
    text-align: left;
}
#alert p a
{
    color: #3698db;
}
#alert > a
{
    font-size: 12px;
    line-height: 2.5;
    display: inline-block;
    width: 5.833333333333333em;
    -webkit-border-radius: .333333333333333em;
            border-radius: .333333333333333em;
}
iframe[role='comment']
{
    font-size: 10px;
    width: 80em;
    min-height: 67em;
    border: none;
}
/*# sourceMappingURL=dev/store/techo/2016/styl/detail.css.map */