@charset 'utf-8';
#headeline
{
    margin: 13px 0 11px;
}
main
{
    padding-bottom: 61px;
}
main > section
{
    position: relative;
    padding-top: 16px;
    border-bottom: #e5e5e5 1px solid;
}
main > section + section
{
    padding-top: 51px;
}
main > section h3.title
{
    margin-bottom: -3px;
    padding-top: 10px;
    cursor: pointer;
}
main > section h3.title span
{
    font-size: 18px;
    line-height: 1;
}
main > section > div
{
    padding: 0 3.13%;
}
main > section > div > p
{
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: .05em;
    color: #808080;
}
main > section > a
{
    position: absolute;
    z-index: 1;
    bottom: -31px;
    left: 50%;
    width: 93.75%;
    height: 31px;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    color: #000;
    border-right: #e5e5e5 1px solid;
    border-bottom: #e5e5e5 1px solid;
    border-left: #e5e5e5 1px solid;
    -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    background: #fff;
}
main > section > a.open:before
{
    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
         -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
main > section > a:before
{
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    -webkit-transition: -webkit-transform .3s;
       -moz-transition:    -moz-transform .3s;
        -ms-transition:     -ms-transform .3s;
         -o-transition:      -o-transform .3s;
            transition:         transform .3s;
}
main #slide
{
    padding-bottom: 12px;
    text-align: center;
    border-bottom: #e5e5e5 1px solid;
}
main #slide.ready
{
    z-index: -1;
}
main #slide.ready > ul
{
    opacity: 0;
}
main #slide > div
{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
main #slide > div ul
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #slide > div ul li
{
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);
    background: url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 10% auto;
       -moz-background-size: 10% auto;
            background-size: 10% auto;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #slide > div ul li.ready img
{
    opacity: 0;
}
main #slide > div ul li:first-child
{
    left: 0;
}
main #slide > div ul li.active
{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
main #slide > div ul li:before
{
    font-size: 22px;
    line-height: 1.14;
    position: absolute;
    z-index: 1;
    right: 9px;
    bottom: 9px;
    display: block;
    overflow: hidden;
    overflow: hidden;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #509be5;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
}
main #slide > div ul li img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
}
main #slide > ul
{
    font-size: 0;
    padding-top: 9px;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
}
main #slide > ul li
{
    font-size: 10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-transition: background .6s;
       -moz-transition: background .6s;
        -ms-transition: background .6s;
         -o-transition: background .6s;
            transition: background .6s;
    vertical-align: top;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #808080;
}
main #slide > ul li + li
{
    margin-left: 12px;
}
main #slide > ul li.current
{
    -webkit-transition: background .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: background .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: background .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: background .45s cubic-bezier(.25, .46, .45, .94);
            transition: background .45s cubic-bezier(.25, .46, .45, .94);
    background: #ccc;
}
main #info
{
    display: none;
    padding: 10px 6%;
    border-bottom: #e5e5e5 1px solid;
}
main #info p
{
    font-size: 14px;
    line-height: 1.79;
    letter-spacing: .05em;
    color: #e60000;
}
main #detail.disabled
{
    margin-bottom: -60px;
    border-bottom: none;
}
main #detail.disabled #about
{
    height: auto !important;
    min-height: 0;
}
main #detail.disabled #about:after
{
    display: none;
}
main #detail.disabled #about ~ a
{
    display: none;
}
main #detail header
{
    margin: 0 3.13%;
    margin-bottom: 25px;
    padding: 2px 0 10px;
    border-bottom: #e5e5e5 1px solid;
}
main #detail header:before,
main #detail header:after
{
    display: table;
    content: '';
}
main #detail header:after
{
    clear: both;
}
main #detail header h2
{
    margin-bottom: 21px;
}
main #detail header h2 span
{
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: bottom;
}
main #detail header h2 span img
{
    font-size: 10px;
    display: block;
}
main #detail header h2 strong
{
    font-size: 20px;
    line-height: 1.4;
    display: block;
}
main #detail header h2 small
{
    font-size: 14px;
    line-height: 1.4;
    display: block;
}
main #detail header div
{
    float: left;
    width: 81.33%;
}
main #detail header div:before,
main #detail header div:after
{
    display: table;
    content: '';
}
main #detail header div:after
{
    clear: both;
}
main #detail header div img
{
    float: left;
    width: 25%;
    max-width: 61px;
    padding-right: 1px;
}
main #detail header > a
{
    display: none;
    float: right;
    width: 13.33%;
    max-width: 40px;
}
main #detail header > a.like i
{
    color: #e60000;
}
main #detail header > a i
{
    position: relative;
    width: 100%;
    padding-top: 70%;
    color: #e5e5e5;
    border: 1px #e5e5e5 solid;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}
main #detail header > a i:before
{
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #detail #about
{
    position: relative;
    height: 244px;
    min-height: 244px;
}
main #detail #about.open:after
{
    height: 0;
    opacity: 0;
}
main #detail #about:after
{
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 106.67%;
    height: 50px;
    content: '';
    -webkit-transition: opacity .45s, height .45s;
       -moz-transition: opacity .45s, height .45s;
        -ms-transition: opacity .45s, height .45s;
         -o-transition: opacity .45s, height .45s;
            transition: opacity .45s, height .45s;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background: -webkit-linear-gradient(top, rgba(255,255,255,.5), #fff);
    background:    -moz-linear-gradient(top, rgba(255,255,255,.5), #fff);
    background:      -o-linear-gradient(top, rgba(255,255,255,.5), #fff);
    background:     -ms-linear-gradient(top, rgba(255,255,255,.5), #fff);
    background:         linear-gradient(to bottom, rgba(255,255,255,.5), #fff);
}
main #detail #about > *:not(.tmpl-title)
{
    display: block !important;
}
main #products
{
    margin-top: 60px;
    margin-bottom: 13px;
    border-top: #e5e5e5 1px solid;
    border-bottom: #e5e5e5 1px solid;
}
main #products dl
{
    padding: 0 3.13% 9px;
    background: #f5f5f5;
}
main #products dl dt
{
    padding: 10px 0 18px;
}
main #products dl dt span
{
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: bottom;
}
main #products dl dt span img
{
    display: block;
}
main #products dl dt strong
{
    font-size: 20px;
    line-height: 1.4;
    display: block;
}
main #products dl dt small
{
    font-size: 14px;
    line-height: 1.4;
    display: block;
}
main #products #item-image
{
    padding-bottom: 55px;
}
main #products #item-image:before,
main #products #item-image:after
{
    display: table;
    content: '';
}
main #products #item-image:after
{
    clear: both;
}
main #products #item-image figure
{
    position: relative;
    display: block;
    float: left;
    width: 65.33%;
    padding-top: 65.33%;
    background: url('/store/techo/sp/ja/2017/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 16.33% auto;
       -moz-background-size: 16.33% auto;
            background-size: 16.33% auto;
}
main #products #item-image figure img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
       -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
}
main #products #item-image figure img.state-ready
{
    opacity: 0;
}
main #products #item-image ul
{
    float: left;
    width: 32%;
    margin-left: 1.33%;
}
main #products #item-image ul[class]
{
    display: none;
}
main #products #item-image ul li
{
    float: left;
    width: 46%;
    margin-left: 4%;
    padding-bottom: 4%;
}
main #products #item-image ul li[class]
{
    display: none;
}
main #products #item-image ul li a
{
    position: relative;
    padding-top: 100%;
}
main #products #item-image ul li a:after
{
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: opacity .3s ease;
       -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
    opacity: 0;
    background: #e60000;
}
main #products #item-image ul li a.current
{
    cursor: default;
    pointer-events: none;
}
main #products #item-image ul li a.current:after
{
    opacity: 1;
}
main #products #item-image ul li a img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
       -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
         -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
}
main #products #item-image ul li a img.state-ready
{
    opacity: 0;
}
main #products .mdi-unfold-more
{
    font-size: 16px;
    font-weight: normal;
    line-height: 2.5;
    position: relative;
    border: 1px #999 solid;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #fff;
}
main #products .mdi-unfold-more:after
{
    font-size: 14px;
    line-height: 1.75;
    position: absolute;
    top: 0;
    left: 0;
    content: '商品を選択してください：';
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);
}
main #products .mdi-unfold-more:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    right: 6px;
}
main #products .mdi-unfold-more select
{
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 30px 0 5.03%;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
main #products .mdi-unfold-more select:-moz-focusring
{
    color: transparent;
    text-shadow: 0 0 0 #000;
}
main #products .mdi-unfold-more select::-ms-value
{
    background: none;
}
main #products .mdi-unfold-more select::-ms-expand
{
    display: none;
}
main #products .mdi-unfold-more option
{
    color: #000;
}
main #products #item-price
{
    padding-top: 10px;
    letter-spacing: .05em;
}
main #products #item-price span
{
    font-size: 21px;
    color: #e60000;
}
main #products #item-price span[class]
{
    display: none;
}
main #products #item-price small
{
    font-size: 14px;
}
main #products #item-notice
{
    padding-bottom: 14px;
}
main #products #item-notice p
{
    font-size: 14px;
    padding-top: 18px;
    letter-spacing: .05em;
    color: #e60000;
}
main #products #item-notice p[class]
{
    display: none;
    padding-top: 18px !important;
}
main #products #item-notice p[class][style*='block'] ~ p
{
    padding-top: 6px;
}
main #products #item-stock
{
    font-size: 0;
    border-top: #e5e5e5 1px solid;
}
main #products #item-stock:before
{
    font-size: 10px;
    display: inline-block;
    height: 38px;
    content: '';
    vertical-align: middle;
}
main #products #item-stock strong
{
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    width: 33.33%;
    vertical-align: middle;
    letter-spacing: .05em;
}
main #products #item-stock span
{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.31;
    display: inline-block;
    max-width: 66.67%;
    vertical-align: middle;
    letter-spacing: .05em;
}
main #products #item-stock span + span
{
    font-weight: bold;
    color: #e60000;
}
main #products #item-amount
{
    font-size: 0;
    padding: 10px 0;
    border-top: #e5e5e5 1px solid;
}
main #products #item-amount strong
{
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    width: 33.33%;
    vertical-align: middle;
}
main #products #item-amount ul
{
    display: inline-block;
    width: 66.67%;
    max-width: 200px;
    vertical-align: middle;
}
main #products #item-amount ul:before,
main #products #item-amount ul:after
{
    display: table;
    content: '';
}
main #products #item-amount ul:after
{
    clear: both;
}
main #products #item-amount ul li
{
    float: left;
}
main #products #item-amount ul li + li
{
    position: relative;
    width: 30.5%;
    height: 40px;
    cursor: pointer;
    -webkit-transition: color .3s, background-color .3s;
       -moz-transition: color .3s, background-color .3s;
        -ms-transition: color .3s, background-color .3s;
         -o-transition: color .3s, background-color .3s;
            transition: color .3s, background-color .3s;
    color: #fff;
    border-left: 1px #fff solid;
    background: #509be5;
}
main #products #item-amount ul li + li:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #products #item-amount ul li + li.disabled
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #d8d8d8;
}
main #products #item-amount ul li:first-child
{
    overflow: hidden;
    width: 39%;
    height: 40px;
    text-align: center;
    border: 1px #999 solid;
    -webkit-border-radius: 6px 0 0 6px;
            border-radius: 6px 0 0 6px;
    background: #fff;
}
main #products #item-amount ul li:first-child var
{
    font-size: 16px;
    font-style: normal;
    line-height: 2.38;
    letter-spacing: .05em;
}
main #products #item-amount ul li:first-child + li + li
{
    -webkit-border-radius: 0 6px 6px 0;
            border-radius: 0 6px 6px 0;
}
main #products #item-btn
{
    padding: 8px 0 30px;
    border-top: #e5e5e5 1px solid;
}
main #products #item-btn a
{
    display: none;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 6px;
            border-radius: 6px;
}
main #products #item-btn a:before
{
    display: inline-block;
    margin-right: 1.33%;
    vertical-align: middle;
}
main #products #item-btn a:after
{
    display: inline-block;
    height: 60px;
    content: '';
    vertical-align: middle;
}
main #products #item-btn a span
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.31;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: .05em;
}
main #products #item-btn a.btn-cart
{
    background: #509be5;
}
main #products #item-btn a.btn-cart span:after
{
    content: 'カートに入れる';
}
main #products #item-btn a.btn-mail
{
    margin-top: 10px;
    background: #509be5;
    display: none !important; /* 0801 受付終了 */
}
main #products #item-btn a.btn-mail span:after
{
    content: '再販売お知らせメール';
}
main #products #item-btn a.btn-lot
{
    background: #189944;
}
main #products #item-btn a.btn-lot span:after
{
    content: '抽選販売に申込む';
}
main #products .item-detail
{
    padding: 9px 0;
    letter-spacing: .05em;
    border-top: #e5e5e5 1px solid;
}
main #products .item-detail:before,
main #products .item-detail:after
{
    display: table;
    content: '';
}
main #products .item-detail:after
{
    clear: both;
}
main #products .item-detail strong
{
    font-size: 14px;
    line-height: 1.5;
    float: left;
    width: 46.67%;
}
main #products .item-detail strong span
{
    display: inline-block;
}
main #products .item-detail strong ~ *
{
    font-weight: normal;
    float: right;
    width: 53.33%;
}
main #products .item-detail strong ~ *[class]
{
    display: none;
}
main #products .item-detail > span
{
    font-size: 16px;
    line-height: 1.31;
}
main #products .item-detail ul
{
    padding: 6px 0 13px;
}
main #products .item-detail ul li + li
{
    margin-top: 2px;
}
main #products .item-detail ul li img
{
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle;
}
main #products .item-detail ul li span
{
    font-size: 14px;
    line-height: 1.29;
    display: inline-block;
    width: calc(100% - 38px);
    padding-left: 4px;
    vertical-align: middle;
}
main #products .item-detail > a
{
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    display: block !important;
    margin-bottom: 7px;
    padding-right: 20px;
}
main #products .item-detail > a:before
{
    font-size: 20px;
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
}
main #products .item-detail > a span
{
    display: inline-block;
}
main #products.soldout #item-btn a.btn-cart
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #ccc;
}
main #products.soldout #item-btn a.btn-cart:before
{
    display: none;
}
main #products.soldout #item-btn a.btn-cart span:after
{
    content: '在庫なし';
}
main #products.soldout #item-btn a[style*='block'] + a.btn-mail
{
    /*display: block !important;*/
    display: none !important; /* 0801 受付終了 */
}
main #products.soldout #item-btn a.btn-lot
{
    cursor: default;
    pointer-events: none;
    color: #808080;
    background: #d8d8d8;
}
main #products.soldout #item-btn a.btn-lot:before
{
    display: none;
}
main #products.soldout #item-btn a.btn-lot span:after
{
    content: '受付終了';
}
main #comment > div
{
    padding: 0;
}
main #comment > div > div
{
    position: relative;
    margin-top: 14px;
}
main #comment > div > div > p
{
    font-size: 14px;
    font-weight: normal;
    padding: 8px 3.13% 0;
}
main #comment > div > div > p + div
{
    display: none;
}
main #comment > div > div > div
{
    overflow: hidden;
}
main #comment > div > div > div div
{
    -webkit-transition-property: -webkit-transform;
       -moz-transition-property:    -moz-transform;
        -ms-transition-property:     -ms-transform;
         -o-transition-property:      -o-transform;
            transition-property:         transform;
}
main #comment > div > div > div div:before,
main #comment > div > div > div div:after
{
    display: table;
    content: '';
}
main #comment > div > div > div div:after
{
    clear: both;
}
main #comment > div > div > div div dl
{
    float: left;
    letter-spacing: .05em;
}
main #comment > div > div > div div dl.active dd:first-child p
{
    opacity: 1;
}
main #comment > div > div > div div dl dd:first-child
{
    position: relative;
    position: relative;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    min-height: 168px;
    margin: 0 1.92%;
    padding: 6px 0;
    border: 1px #e5e5e5 solid;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    background: #f5f5f5;
}
main #comment > div > div > div div dl dd:first-child:before
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 10.08%;
    width: 16px;
    height: 26px;
    content: '';
    -webkit-transform: translate(0, 24px);
       -moz-transform: translate(0, 24px);
        -ms-transform: translate(0, 24px);
         -o-transform: translate(0, 24px);
            transform: translate(0, 24px);
    background-image: url('/store/techo/pc/ja/2017/images/comment/comment_arrow.svg');
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}
main #comment > div > div > div div dl dd:first-child p
{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 4%;
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    letter-spacing: .05em;
    opacity: 0;
}
main #comment > div > div > div div dl dd:first-child + dd
{
    font-size: 12px;
    padding-right: 1.92%;
    text-align: right;
    color: #808080;
}
main #comment > div > div > div div dl dt
{
    font-size: 14px;
    line-height: 1.5;
    margin-top: -6px;
    padding-left: 11.92%;
}
main #comment > div > div > div div dl dt i
{
    position: relative;
    display: inline-block;
    width: 17.47%;
    margin-left: 26px;
    padding-top: 17.47%;
    vertical-align: middle;
}
main #comment > div > div > div div dl dt i img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -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);
}
main #comment > div > div > div div dl dt span
{
    line-height: 1.7;
    display: inline-block;
    width: 63.32%;
    padding-left: 4.37%;
    vertical-align: middle;
    word-wrap: break-word;
}
main #comment > div > div > ul li
{
    position: absolute;
    top: 0;
    width: 25px;
    height: 100%;
    padding-bottom: calc(12.5% + 15px);
    -webkit-transition: opacity .6s;
       -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
         -o-transition: opacity .6s;
            transition: opacity .6s;
}
main #comment > div > div > ul li:nth-child(1)
{
    left: 0;
}
main #comment > div > div > ul li:nth-child(2)
{
    right: 0;
}
main #comment > div > div > ul li.disabled
{
    opacity: 0;
}
main #comment > div > div > ul li a
{
    position: relative;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(0,0,0,0);
}
main #comment > div > div > ul li a:before
{
    font-size: 36px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}
main #comment > div > ul
{
    padding: 14px 3.13% 30px;
}
main #comment > div > ul:before,
main #comment > div > ul:after
{
    display: table;
    content: '';
}
main #comment > div > ul:after
{
    clear: both;
}
main #comment > div > ul li
{
    float: right;
}
main #spec > div > dl
{
    padding: 12px 0 17px;
}
main #spec > div > dl > dt
{
    font-size: 16px;
    line-height: 1.56;
    position: relative;
    padding: 8px 0;
    padding-right: 24px;
    border-bottom: #e5e5e5 1px solid;
}
main #spec > div > dl > dt:empty
{
    display: none;
}
main #spec > div > dl > dt:before
{
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    -webkit-transition: -webkit-transform .3s;
       -moz-transition:    -moz-transform .3s;
        -ms-transition:     -ms-transform .3s;
         -o-transition:      -o-transform .3s;
            transition:         transform .3s;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #spec > div > dl > dt.btn-accord
{
    cursor: pointer;
}
main #spec > div > dl > dt:not(.btn-accord) + dd
{
    height: auto !important;
}
main #spec > div > dl > dt.open:before
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
main #spec > div > dl > dd + dt
{
    margin-top: 32px;
}
main #spec > div > dl > dd dl
{
    font-size: 14px;
    padding-bottom: 7px;
    letter-spacing: .05em;
    border-bottom: #e5e5e5 1px solid;
}
main #spec > div > dl > dd dl dt
{
    line-height: 1.79;
    padding-top: 7px;
}
main #spec > div > dl > dd dl dd
{
    font-weight: normal;
    padding-bottom: 11px;
}
main #spec > div > dl > dd dl dd strong
{
    font-weight: bold;
    display: block;
}
main #spec > div > dl > dd dl dd + dt
{
    border-top: #e5e5e5 1px solid;
}
main #spec > div > dl > dd > a
{
    margin: 7px;
}
main #spec > div > dl > dd div
{
    margin-top: 22px;
}
main #spec > div > dl > dd div figure
{
    background: url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 10.67% auto;
       -moz-background-size: 10.67% auto;
            background-size: 10.67% auto;
}
main #spec > div > dl > dd div figure + figure
{
    margin-top: 8px;
}
main #spec > div > dl > dd div ol
{
    margin-top: 18px;
}
main #spec > div > dl > dd div ol li
{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.96;
    letter-spacing: .05em;
}
main #spec > div > dl > dd div ol li:before
{
    padding-right: .5em;
}
main #spec > div > dl > dd div ol li:nth-child(1):before
{
    content: '1.';
}
main #spec > div > dl > dd div ol li:nth-child(2):before
{
    content: '2.';
}
main #spec > div > dl > dd div ol li:nth-child(3):before
{
    content: '3.';
}
main #spec > div > dl > dd div ol li:nth-child(4):before
{
    content: '4.';
}
main #spec > div > dl > dd div ol li:nth-child(5):before
{
    content: '5.';
}
main #spec > div > dl > dd div ol li:nth-child(6):before
{
    content: '6.';
}
main #spec > div > dl > dd div ol li:nth-child(7):before
{
    content: '7.';
}
main #spec > div > dl > dd div ol li:nth-child(8):before
{
    content: '8.';
}
main #spec > div > dl > dd div ol li:nth-child(9):before
{
    content: '9.';
}
main #spec > div > dl > dd div ol li:nth-child(10):before
{
    content: '10.';
}
main #spec > div > dl > dd div ol li:nth-child(11):before
{
    content: '11.';
}
main #spec > div > dl > dd div ol li:nth-child(12):before
{
    content: '12.';
}
main #spec > div > dl > dd div ol li:nth-child(13):before
{
    content: '13.';
}
main #spec > div > dl > dd div ol li:nth-child(14):before
{
    content: '14.';
}
main #spec > div > dl > dd div ol li:nth-child(15):before
{
    content: '15.';
}
main #spec > div > a
{
    margin: 32px 0 17px;
}
main #demerit > div:before,
main #demerit > div:after
{
    display: table;
    content: '';
}
main #demerit > div:after
{
    clear: both;
}
main #demerit > div > p
{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.53;
    padding: 20px 0 15px;
    text-align: left;
    color: #000;
}
main #demerit > div > p + p
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.56;
    padding: 0 0 13px;
    border-bottom: #e5e5e5 1px solid;
}
main #demerit > div dl br:not(.device-sp)
{
    display: none;
}
main #demerit > div dl dt
{
    position: relative;
    padding-bottom: 13px;
    border-bottom: #e5e5e5 1px solid;
}
main #demerit > div dl dt span
{
    font-size: 16px;
    line-height: 1.56;
}
main #demerit > div dl dt.mdi-chevron-down
{
    padding-right: 24px;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
        -ms-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s;
    color: #509be5;
}
main #demerit > div dl dt.mdi-chevron-down:before
{
    line-height: 1.04;
    position: absolute;
    right: 0;
    bottom: 13px;
    -webkit-transition: -webkit-transform .3s;
       -moz-transition:    -moz-transform .3s;
        -ms-transition:     -ms-transform .3s;
         -o-transition:      -o-transform .3s;
            transition:         transform .3s;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}
main #demerit > div dl dt.btn-accord
{
    cursor: pointer;
}
main #demerit > div dl dt.btn-accord span
{
    display: inline-block;
    vertical-align: middle;
}
main #demerit > div dl dt.btn-accord:after
{
    display: inline-block;
    width: 0;
    height: 50px;
    content: '';
    vertical-align: middle;
}
main #demerit > div dl dt:not(.btn-accord) + dd
{
    height: auto !important;
}
main #demerit > div dl dt.open.btn-accord
{
    color: #000;
}
main #demerit > div dl dt.open.btn-accord:before
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
main #demerit > div dl dt:not(.mdi-chevron-down) + dd
{
    height: auto !important;
}
main #demerit > div dl dd p
{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.79;
    padding-top: 4px;
}
main #demerit > div dl dd p img
{
    margin: 8px 0;
}
main #demerit > div dl dd + dt
{
    margin-top: 22px;
}
main #demerit > div > ul
{
    float: right;
    padding: 9px 0 19px;
}
main #demerit > div > ul li + li
{
    margin-top: 12px;
}
main #demerit > div > ul li a
{
    font-weight: normal;
    margin: 0;
    white-space: nowrap;
}
main #magazine > div > p
{
    padding: 7px 0 21px;
}
main #magazine > div > ul
{
    padding-bottom: 17px;
}
main #magazine > div > ul > li
{
    width: 100% !important;
    border-bottom: #e5e5e5 1px solid;
}
main #magazine > div > ul > li + li
{
    margin-top: 19px;
}
main #magazine > div > ul > li a dl dt
{
    position: relative;
    overflow: hidden;
    padding-top: 56%;
    background: url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
    -webkit-background-size: 10.67% auto;
       -moz-background-size: 10.67% auto;
            background-size: 10.67% auto;
}
main #magazine > div > ul > li a dl dt > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main #magazine > div > ul > li a dl dd.mdi-arrow-right-bold
{
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding: 1px 15px 3px 1.67%;
    letter-spacing: .05em;
    color: #000;
}
main #magazine > div > ul > li a dl dd.mdi-arrow-right-bold:before
{
    font-size: 16px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #509be5;
}
main #magazine > div > ul > li a dl dd.mdi-arrow-right-bold strong
{
    font-weight: bold;
    display: block;
}
main #recommend > div
{
    padding: 0;
}
main #recommend > div > ul
{
    padding-top: 22px;
    padding-bottom: 11px;
}
main #recommend > div > ul > li
{
    background-position: 50% calc(50% - 38px);
}
main #recommend > div > ul > li a dl dd
{
    height: 77px;
}
main #lot > div > p
{
    font-size: 14px;
    line-height: 1.75;
    padding-top: 19px;
    text-align: left;
    color: #e60000;
}
main #lot > div dl
{
    font-size: 14px;
    padding-top: 18px;
    letter-spacing: .05em;
}
main #lot > div dl dt
{
    line-height: 1.79;
    padding-top: 10px;
    border-top: #e5e5e5 1px solid;
}
main #lot > div dl dd
{
    font-weight: normal;
    padding-bottom: 18px;
}
main #lot > div dl dd:last-child
{
    padding-bottom: 12px;
}
main #lot > div dl dd strong
{
    font-weight: bold;
    display: block;
}
main #lot > div dl dd ul li
{
    position: relative;
    padding-left: 14px;
}
main #lot > div dl dd ul li:before
{
    position: absolute;
    left: 0;
    content: '・';
}
main #staff > div dl
{
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .05em;
}
main #staff > div dl:first-child
{
    padding-top: 20px;
}
main #staff > div dl:first-child dt:first-child
{
    margin-top: 0;
}
main #staff > div dl:last-child
{
    padding-bottom: 21px;
}
main #staff > div dl dt
{
    margin-top: 19px;
}
main #staff > div dl dd
{
    font-weight: normal;
}
main #staff > div dl dd a
{
    display: inline;
}
.ua-desktop main #slide > div ul li
{
    -webkit-background-size: 32px auto;
       -moz-background-size: 32px auto;
            background-size: 32px auto;
}
.ua-desktop main #slide > ul li
{
    cursor: pointer;
}
#detail_toolstoys main #item-image ul
{
    overflow: hidden;
    height: 0;
}
#alert
{
    width: 100%;
    padding: 26px 6.25% 18px;
    text-align: center;
}
#alert h4
{
    margin-bottom: 18px;
    text-align: center;
}
#alert h4 span
{
    font-size: 16px;
    line-height: 1.31;
    display: inline-block;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
#alert p
{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding-bottom: 26px;
    text-align: left;
    letter-spacing: .05em;
}
#alert p a
{
    display: inline;
}
#alert > a
{
    display: inline-block;
}
#alert > a span
{
    font-size: 16px;
    color: #509be5;
}
#alert ul:before,
#alert ul:after
{
    display: table;
    content: '';
}
#alert ul:after
{
    clear: both;
}
#alert ul li
{
    float: left;
    width: 46.43%;
}
#alert ul li + li
{
    float: right;
}
#alert ul li + li a
{
    color: #509be5;
    background: none;
}
#alert ul li a
{
    display: block;
    color: #fff;
    border: 1px #509be5 solid;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #509be5;
}
#alert ul li a span
{
    font-size: 14px;
    font-weight: bold;
    line-height: 2.71;
}
#about[data-device='sp']
{
    font-weight: normal;
    word-wrap: break-word;
}
#about[data-device='sp'] br:not([role='device-sp'])
{
    display: none;
}
#about[data-device='sp'] > *:last-child
{
    margin-bottom: 28px;
}
#about[data-device='sp'] h4
{
    font-size: 18px;
    line-height: 1.56;
    display: inline-block;
    margin-bottom: 11px;
}
#about[data-device='sp'] b
{
    font-weight: bold;
}
#about[data-device='sp'] i
{
    font-style: italic;
}
#about[data-device='sp'] u
{
    text-decoration: underline;
}
#about[data-device='sp'] strike
{
    text-decoration: line-through;
}
#about[data-device='sp'] a.btn-plain
{
    font-weight: bold;
    display: table;
    max-width: 100%;
    padding-right: 24px;
}
#about[data-device='sp'] a.btn-plain:before,
#about[data-device='sp'] a.btn-plain:after
{
    display: table;
    content: '';
}
#about[data-device='sp'] a.btn-plain:after
{
    clear: both;
}
#about[data-device='sp'] a.btn-plain img
{
    display: table-cell;
    vertical-align: middle;
}
#about[data-device='sp'] a.btn-plain img[data-val='80']
{
    min-width: 80px;
    max-width: 80px;
}
#about[data-device='sp'] a.btn-plain img[data-val='80'] + span
{
    padding-left: 10px;
}
#about[data-device='sp'] a.btn-plain img[data-val='160']
{
    min-width: 120px;
    max-width: 120px;
}
#about[data-device='sp'] a.btn-plain img[data-val='160'] + span
{
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    top: -3px;
    max-width: 264px;
    padding-left: 10px;
    vertical-align: top;
    word-break: break-all;
}
#about[data-device='sp'] a.btn-plain img[data-val='160'] + span + i
{
    bottom: 0;
}
#about[data-device='sp'] a.btn-plain span
{
    display: table-cell;
    vertical-align: middle;
}
#about[data-device='sp'] a.btn-plain i
{
    font-size: 24px;
    line-height: 1;
    position: absolute;
    top: inherit;
    right: 0;
    bottom: calc(50% - .5em);
}
#about[data-device='sp'] a.btn-plain i:before
{
    font-size: 24px;
    line-height: 1;
}
#about[data-device='sp'] a.btn-round
{
    font-size: 0;
    display: block;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    background: #509be5;
}
#about[data-device='sp'] a.btn-round:before
{
    display: inline-block;
    height: 56px;
    content: '';
    vertical-align: middle;
}
#about[data-device='sp'] a.btn-round span
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    max-width: calc(100% - 24px);
    text-align: left;
    vertical-align: middle;
}
#about[data-device='sp'] a.btn-round i
{
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
#about[data-device='sp'] [data-type='image']
{
    font-size: 10px;
}
#about[data-device='sp'] [data-type='image']:not(img)
{
    width: 100%;
    margin-top: 28px;
}
#about[data-device='sp'] [data-type='image'] img
{
    width: 100% !important;
}
#about[data-device='sp'] img[data-type='image']
{
    width: 100% !important;
}
#about[data-device='sp'] [data-type='youtube']
{
    width: 100% !important;
    margin-top: 28px;
}
#about[data-device='sp'] [data-type='youtube'] figure
{
    position: relative;
    display: block;
    width: 100% !important;
    padding-top: 56.25% !important;
}
#about[data-device='sp'] [data-type='youtube'] iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about[data-device='sp'] .content-text
{
    font-size: 16px;
}
#about[data-device='sp'] .content-text a
{
    display: inline;
}
#about[data-device='sp'] .content-text font[size='2']
{
    font-size: 75%;
}
#about[data-device='sp'] .content-text font[size='3']
{
    font-size: 87.5%;
}
#about[data-device='sp'] .content-text font[size='5']
{
    font-size: 112.5%;
}
#about[data-device='sp'] .content-text font[size='6']
{
    font-size: 125%;
}
#about[data-device='sp'] .content-text font[size] font[size]
{
    font-size: 100%;
}
#about[data-device='sp'] .content-text img:not([role='br'])
{
    font-size: 10px;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='sp'] .content-text img:not([role='br'])[data-icon='face']
{
    width: 4.5em;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon])
{
    width: 100% !important;
    margin-top: 28px;
    margin-bottom: 28px;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]) + br + img[data-val],
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]):first-child
{
    margin-top: 0;
}
#about[data-device='sp'] .content-text img:not([role='br']):not([data-icon]):last-child
{
    margin-bottom: 0;
}
#about[data-device='sp'] .content-text [data-type='youtube']
{
    font-size: 0;
    position: relative;
    display: inline-block;
    margin: 0;
    padding-top: 56.25%;
}
#about[data-device='sp'] .content-text ul li,
#about[data-device='sp'] .content-text ol li
{
    position: relative;
    padding-left: 16px;
}
#about[data-device='sp'] .content-text ul li + li,
#about[data-device='sp'] .content-text ol li + li
{
    margin-top: 9px;
}
#about[data-device='sp'] .content-text ul li:before,
#about[data-device='sp'] .content-text ol li:before
{
    position: absolute;
    left: 0;
    content: '・';
    white-space: nowrap;
}
#about[data-device='sp'] .content-text ul li[data-marker]:not([data-marker='']):before,
#about[data-device='sp'] .content-text ol li[data-marker]:not([data-marker='']):before
{
    content: attr(data-marker) '' !important;
}
#about[data-device='sp'] .content-text ol li
{
    padding-left: 16px;
}
#about[data-device='sp'] .content-text ol li:nth-child(1):before
{
    content: '1.';
}
#about[data-device='sp'] .content-text ol li:nth-child(2):before
{
    content: '2.';
}
#about[data-device='sp'] .content-text ol li:nth-child(3):before
{
    content: '3.';
}
#about[data-device='sp'] .content-text ol li:nth-child(4):before
{
    content: '4.';
}
#about[data-device='sp'] .content-text ol li:nth-child(5):before
{
    content: '5.';
}
#about[data-device='sp'] .content-text ol li:nth-child(6):before
{
    content: '6.';
}
#about[data-device='sp'] .content-text ol li:nth-child(7):before
{
    content: '7.';
}
#about[data-device='sp'] .content-text ol li:nth-child(8):before
{
    content: '8.';
}
#about[data-device='sp'] .content-text ol li:nth-child(9):before
{
    content: '9.';
}
#about[data-device='sp'] .content-text ol li:nth-child(10):before
{
    content: '10.';
}
#about[data-device='sp'] .content-text span.indent
{
    display: block;
    padding-left: 16px;
    text-indent: -16px;
}
#about[data-device='sp'] *:not(:first-child) > div.content-text
{
    margin-top: 28px;
}
#about[data-device='sp'] .content-caption
{
    margin-top: 28px;
}
#about[data-device='sp'] .content-caption .content-text
{
    font-size: 14px;
}
#about[data-device='sp'] .content-link
{
    margin-top: 28px;
}
#about[data-device='sp'] .content-link + .content-link
{
    margin-top: 20px;
}
#about[data-device='sp'] .tmpl-title
{
    display: none;
    margin-bottom: 23px;
    border-bottom: 1px #e5e5e5 solid;
}
#about[data-device='sp'] .tmpl-title h2
{
    margin-bottom: 21px;
}
#about[data-device='sp'] .tmpl-title h2 span
{
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: bottom;
}
#about[data-device='sp'] .tmpl-title h2 span img
{
    font-size: 10px;
    display: block;
}
#about[data-device='sp'] .tmpl-title h2 strong
{
    font-size: 20px;
    line-height: 1.4;
    display: block;
}
#about[data-device='sp'] .tmpl-title h2 small
{
    font-size: 14px;
    line-height: 1.4;
    display: block;
}
#about[data-device='sp'] .tmpl-title + *
{
    margin-top: 0 !important;
}
#about[data-device='sp'] .tmpl-default
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-border
{
    margin-top: 28px;
    margin-right: .63%;
    margin-left: .63%;
    padding: 13px calc(2.5% - 2px);
    border: 2px #d9d9d9 solid;
}
#about[data-device='sp'] .tmpl-gray
{
    margin-top: 28px;
    margin-right: .63%;
    margin-left: .63%;
    padding: 13px 2.5%;
    background: #f5f5f5;
}
#about[data-device='sp'] .tmpl-column-2
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-column-2 > div dl + dl
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-column-2 > div dl:first-child ~ dl dd:first-child
{
    margin-top: -28px;
}
#about[data-device='sp'] .tmpl-column-2 > div dl dt img
{
    width: 100% !important;
}
#about[data-device='sp'] .tmpl-column-2 > div dl dd
{
    font-size: 14px;
    padding-top: 5px;
}
#about[data-device='sp'] .tmpl-column-3
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-column-3 > div dl + dl
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-column-3 > div dl:first-child ~ dl dd:first-child
{
    margin-top: -28px;
}
#about[data-device='sp'] .tmpl-column-3 > div dl dt img
{
    width: 100% !important;
}
#about[data-device='sp'] .tmpl-column-3 > div dl dd
{
    font-size: 14px;
    padding-top: 5px;
}
#about[data-device='sp'] .tmpl-column-spec
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-column-spec dl dt img
{
    width: 100% !important;
}
#about[data-device='sp'] .tmpl-column-spec dl dd
{
    font-size: 14px;
    padding-top: 5px;
}
#about[data-device='sp'] .tmpl-column-spec dl dd ol li:first-line
{
    font-size: 16px;
    font-weight: bold;
}
#about[data-device='sp'] .tmpl-column-spec dl dd ol li + li
{
    margin-top: 9px;
}
#about[data-device='sp'] .tmpl-link
{
    margin-top: 28px;
}
#about[data-device='sp'] .tmpl-link li + li
{
    margin-top: 20px;
}
#about[data-device='sp'] .tmpl-link-aa
{
    margin-top: 28px;
    text-align: center;
}
#about[data-device='sp'] .tmpl-link-aa h4
{
    font-size: 20px;
    margin-bottom: 7px;
}
#about[data-device='sp'] .tmpl-link-aa ul
{
    text-align: left;
}
#about[data-device='sp'] .tmpl-link-aa ul li
{
    padding: 5px 0;
}
#about[data-device='sp'] .tmpl-link-aa ul li + li
{
    border-top: 1px #e5e5e5 solid;
}
#about[data-device='sp'] .tmpl-link-aa ul li a img
{
    width: 50px;
}
#about[data-device='sp'] .tmpl-link-aa ul li a span
{
    padding-left: 10px;
}
#about[data-device='sp'] .tmpl-link-aa ul li a br
{
    display: inherit;
}
#about[data-device='sp'] .tmpl-link-hse
{
    margin-top: 28px;
    text-align: center;
}
#about[data-device='sp'] .tmpl-link-hse h4
{
    font-size: 20px;
    margin-bottom: 10px;
}
#about[data-device='sp'] .tmpl-link-hse > a
{
    font-weight: normal;
}
#about[data-device='sp'] .tmpl-link-hse > a img
{
    width: 100%;
}
#about[data-device='sp'] .tmpl-link-hse > a span
{
    font-size: 16px;
    line-height: 1.5;
    display: block;
    padding: .44em 0 .69em;
    text-align: left;
    color: #000;
}
#about[data-device='sp'] .tmpl-link-hse > a i
{
    position: relative;
    display: block;
    padding-right: 21px;
    text-align: right;
    color: #509be5;
}
#about[data-device='sp'] .tmpl-link-hse > a i:before
{
    font-size: 21px;
    line-height: 1;
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
}
#about[data-device='sp'] .tmpl-link-hse > a i:after
{
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
    content: 'ほぼ日ストア購入特典について';
}
#about[data-device='sp'] .tmpl-banner
{
    margin-top: 30px;
}
#about[data-device='sp'] .tmpl-banner > ul
{
    max-width: 450px;
    margin: 0 auto;
}
#about[data-device='sp'] .tmpl-banner > ul:before,
#about[data-device='sp'] .tmpl-banner > ul:after
{
    display: table;
    content: '';
}
#about[data-device='sp'] .tmpl-banner > ul:after
{
    clear: both;
}
#about[data-device='sp'] .tmpl-banner > ul > li
{
    float: left;
    width: calc(50% - 5px);
}
#about[data-device='sp'] .tmpl-banner > ul > li + li
{
    float: right;
}
#about[data-device='sp'] .tmpl-banner > ul > li > a
{
    position: relative;
    display: block;
    padding-top: 52.08%;
}
#about[data-device='sp'] .tmpl-banner > ul > li > a img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}
/*# sourceMappingURL=dev/store/techo/ja/2018/sp/styl/detail.css.map */