@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 '-apple-system', BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Yu Gothic', YuGothic, Verdana, Meiryo, 'M+ 1p', sans-serif;
    position: relative;
    min-width: 100em;
    letter-spacing: .05em;

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

body .device-sp
{
    display: none;
}

*
{
    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: #509be5;
}

/*@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
{
    text-align: center;
}

.title span
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.33;
    display: inline-block;
    border-bottom-width: .13em;
    border-bottom-style: solid;
}

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

/*.btn-external
  &:after
    content ""
    width 1em
    height 1em
    background-image url(/store/techo/2018/images/mdi-open-in-new-black.svg)
    background-repeat no-repeat
    background-size 100% 100%
    display inline-block
    vertical-align middle
    position relative
    top -.1em*/

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: 16px;
    font-weight: bold;
    line-height: 3.75;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 3.75em;
    text-align: center;
    color: #fff;
    background: #3698db;
}

.btn-mobile i
{
    font-size: 28px;
    line-height: 2.14;
    margin-right: .18em;
}

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

.btn-gotop
{
    position: fixed;
    z-index: 20;
    right: 2em;
    bottom: 1.5em;
    width: 4em;
    height: 4em;
    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: #000;
    border: .1em #e5e5e5 solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #f2f2f2;

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

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

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

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

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

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

.btn-plain
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.btn-plain.mdi-arrow-right
{
    padding-right: 1.5em;
}

.btn-plain.mdi-arrow-right:before
{
    position: absolute;
    right: 0;
    bottom: calc(50% - .5em);
}

.btn-plain.mdi-arrow-left
{
    padding-left: 1.5em;
}

.btn-plain.mdi-arrow-left:before
{
    position: absolute;
    bottom: calc(50% - .5em);
    left: 0;
}

.btn-slide
{
    position: relative;
    display: block;
    width: 22.5em;
    cursor: pointer;
}

.btn-slide dl
{
    overflow: hidden;
}

.btn-slide dl:first-child dd:last-child
{
    -webkit-transition: border .3s cubic-bezier(.165, .84, .44, 1);
       -moz-transition: border .3s cubic-bezier(.165, .84, .44, 1);
        -ms-transition: border .3s cubic-bezier(.165, .84, .44, 1);
         -o-transition: border .3s cubic-bezier(.165, .84, .44, 1);
            transition: border .3s cubic-bezier(.165, .84, .44, 1);
}

.btn-slide 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-slide 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-slide dl dt > img.state-ready,
.btn-slide dl dt > img.state-ready-forced,
.btn-slide dl dt > img.ready
{
    visibility: hidden;
    opacity: 0;
}

.btn-slide dl dt i
{
    position: absolute;
    top: 0;
    left: 0;
    width: 4em;
}

.btn-slide dl dt i + i
{
    top: 4.1em;
}

.btn-slide dl dt i + i + i
{
    top: 8.2em;
}

.btn-slide dl dt i + i + i + i
{
    top: 12.3em;
}

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

.btn-slide dl dd
{
    font-weight: bold;
    line-height: 1.8;
    position: relative;
    overflow: hidden;
    padding: .6em 0 0 .5em; /*&.mdi-heart
        padding-right 3em
        &:before
          color #e5e5e5
          font-size 18px
          position absolute
          bottom round(1em*6/18,2)
          right round(1em*6/18,2)*/
    letter-spacing: 0;
    color: #000;
    border-bottom: .1em #e5e5e5 solid;
}

.btn-slide dl dd:nth-of-type(1)
{
    padding-right: 3em;
}

.btn-slide dl dd:nth-of-type(1) span
{
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 1.8em;

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

.btn-slide dl dd:nth-of-type(1) strong
{
    font-size: 12px;
    line-height: 1.5;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;

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

.btn-slide dl dd.mdi-arrow-right-bold
{
    padding-right: 2em !important;
}

.btn-slide dl dd.mdi-arrow-right-bold:before
{
    font-size: 16px;
    position: absolute;
    right: .13em;
    bottom: .13em;
    color: #509be5;
}

.btn-slide dl dd i.btn-fav
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3em;
    height: 3em;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
        -ms-transition: color .3s;
         -o-transition: color .3s;
            transition: color .3s;
    color: rgba(0,0,0,.3);
}

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

.btn-slide dl dd ol li
{
    font-size: 12px;
    line-height: 1.5;
}

.btn-slide dl dd ol li small
{
    font-size: 10px;
    line-height: 1.8;
    display: none;
}

.btn-slide dl dd ol li small:empty
{
    display: none;
}

.btn-slide dl dd ol li small:not(:empty):before
{
    display: none;
}

.btn-slide dl dd ol li small:after
{
    font-size: 12px;
    line-height: 1.5;
    content: '：';
}

.btn-slide dl dd p
{
    font-size: 12px;
    line-height: 1.5;
}

.btn-slide dl dd p:nth-last-of-type(2)
{
    font-weight: normal;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 4.5em;
    margin: 0 -1.67em .67em 0;

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

.btn-slide dl dd p:nth-last-of-type(1) span
{
    display: block;
    color: #000;
}

.btn-slide dl dd p:nth-last-of-type(1) strong
{
    display: block;
    color: #e60000;
}

.btn-slide dl + dl
{
    position: absolute;
    top: 22.5em;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height .3s cubic-bezier(.165, .84, .44, 1);
       -moz-transition: height .3s cubic-bezier(.165, .84, .44, 1);
        -ms-transition: height .3s cubic-bezier(.165, .84, .44, 1);
         -o-transition: height .3s cubic-bezier(.165, .84, .44, 1);
            transition: height .3s cubic-bezier(.165, .84, .44, 1);
    -webkit-border-radius: 0 0 .4em .4em;
            border-radius: 0 0 .4em .4em;
    background-color: #509be5;
}

.btn-slide dl + dl dd
{
    color: #fff;
    border-bottom-color: #fff;
}

.btn-slide dl + dl dd:last-child
{
    border-bottom-color: rgba(229,229,229,0);
}

.btn-slide dl + dl dd.mdi-arrow-right-bold:before
{
    color: #fff;
}

.btn-slide dl + dl dd.mdi-heart:before
{
    color: rgba(0,0,0,.1);
}

.btn-slide dl + dl dd p:nth-last-child(1) span
{
    color: #fff;
}

.btn-slide dl + dl dd p:nth-last-child(1) strong
{
    color: #fff;
}

.btn-slide:hover dl:first-child dd:last-child
{
    -webkit-transition: border .3s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: border .3s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: border .3s cubic-bezier(.25, .46, .45, .94);
         -o-transition: border .3s cubic-bezier(.25, .46, .45, .94);
            transition: border .3s cubic-bezier(.25, .46, .45, .94);
    border-bottom-color: rgba(229,229,229,0);
}

.btn-slide:hover dl:first-child + dl
{
    height: calc(100% - 22.5em);
    -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);
}

.soldout:not(.unreleased) .btn-slide dl dd
{
    color: #808080;
}

.soldout:not(.unreleased) .btn-slide dl + dl dd
{
    color: #fff;
}

.btn-slide dl i.btn-fav.like
{
    color: #e60000;
}

.btn-slide dl + dl i.btn-fav.like
{
    color: #fff;
}

.color-original
{
    color: #5c2849;
}

.bg-original
{
    background-color: #5c2849;
}

.color-weeks
{
    color: #1fccc9;
}

.bg-weeks
{
    background-color: #1fccc9;
}

.color-cousin
{
    color: #ea4863;
}

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

.color-planner
{
    color: #a53e5c;
}

.bg-planner
{
    background-color: #a53e5c;
}

.color-hontai
{
    color: #f26444;
}

.bg-hontai
{
    background-color: #f26444;
}

.color-5year
{
    color: #40220f;
}

.bg-5year
{
    background-color: #40220f;
}

.color-toolstoys
{
    color: #f2ba49;
}

.bg-toolstoys
{
    background-color: #f2ba49;
}

#cover_original a[class*='btn-slide'],
a.btn-slide.original
{
    color: #5c2849;
}

#cover_original a[class*='btn-slide'] dl + dl,
a.btn-slide.original dl + dl
{
    background-color: #5c2849;
}

#cover_original a[class*='btn-slide'] dl + dl dd i.btn-fav:not(.like),
a.btn-slide.original dl + dl dd i.btn-fav:not(.like)
{
    color: rgba(217,217,217,.5);
}

#cover_original a[class*='btn-slide'] dl dd ol li:nth-child(1) small,
a.btn-slide.original dl dd ol li:nth-child(1) small
{
    display: inline;
}

#cover_original a[class*='btn-slide'] dl dd ol li:nth-child(1) small:before,
a.btn-slide.original dl dd ol li:nth-child(1) small:before
{
    content: 'セット';
}

#cover_original a[class*='btn-slide'] dl dd ol li:nth-child(2) small,
a.btn-slide.original dl dd ol li:nth-child(2) small
{
    display: inline;
}

#cover_original a[class*='btn-slide'] dl dd ol li:nth-child(2) small:before,
a.btn-slide.original dl dd ol li:nth-child(2) small:before
{
    content: 'カバーのみ';
}

#weeks a[class*='btn-slide']
{
    color: #1fccc9;
}

#weeks a[class*='btn-slide'] dl + dl
{
    background-color: #1fccc9;
}

#weeks_cover a[class*='btn-slide'] dl dd ol li:nth-child(1) small,
a.btn-slide.weeks_cover dl dd ol li:nth-child(1) small
{
    display: inline;
}

#weeks_cover a[class*='btn-slide'] dl dd ol li:nth-child(1) small:before,
a.btn-slide.weeks_cover dl dd ol li:nth-child(1) small:before
{
    content: 'カバーのみ';
}

#cover_cousin a[class*='btn-slide'],
a.btn-slide.cousin
{
    color: #ea4863;
}

#cover_cousin a[class*='btn-slide'] dl + dl,
a.btn-slide.cousin dl + dl
{
    background-color: #ea4863;
}

#cover_cousin a[class*='btn-slide'] dl dd ol li:nth-child(1) small,
a.btn-slide.cousin dl dd ol li:nth-child(1) small
{
    display: inline;
}

#cover_cousin a[class*='btn-slide'] dl dd ol li:nth-child(1) small:before,
a.btn-slide.cousin dl dd ol li:nth-child(1) small:before
{
    content: 'セット';
}

#cover_cousin a[class*='btn-slide'] dl dd ol li:nth-child(2) small,
a.btn-slide.cousin dl dd ol li:nth-child(2) small
{
    display: inline;
}

#cover_cousin a[class*='btn-slide'] dl dd ol li:nth-child(2) small:before,
a.btn-slide.cousin dl dd ol li:nth-child(2) small:before
{
    content: 'カバーのみ';
}

#cover_planner a[class*='btn-slide'],
a.btn-slide.planner
{
    color: #a53e5c;
}

#cover_planner a[class*='btn-slide'] dl + dl,
a.btn-slide.planner dl + dl
{
    background-color: #a53e5c;
}

#cover_planner a[class*='btn-slide'] dl dd ol li:nth-child(1) small,
a.btn-slide.planner dl dd ol li:nth-child(1) small
{
    display: inline;
}

#cover_planner a[class*='btn-slide'] dl dd ol li:nth-child(1) small:before,
a.btn-slide.planner dl dd ol li:nth-child(1) small:before
{
    content: 'セット';
}

#cover_planner a[class*='btn-slide'] dl dd ol li:nth-child(2) small,
a.btn-slide.planner dl dd ol li:nth-child(2) small
{
    display: inline;
}

#cover_planner a[class*='btn-slide'] dl dd ol li:nth-child(2) small:before,
a.btn-slide.planner dl dd ol li:nth-child(2) small:before
{
    content: 'カバーのみ';
}

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

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

#hontai a[class*='btn-slide'],
a.btn-slide.hontai
{
    color: #f26444;
}

#hontai a[class*='btn-slide'] dl + dl,
a.btn-slide.hontai dl + dl
{
    background-color: #f26444;
}

[id='5year'] a[class*='btn-slide'],
a.btn-slide[class*='5year']
{
    color: #40220f;
}

[id='5year'] a[class*='btn-slide'] dl + dl,
a.btn-slide[class*='5year'] dl + dl
{
    background-color: #40220f;
}

[id='5year'] a[class*='btn-slide'] dl + dl dd i.btn-fav:not(.like),
a.btn-slide[class*='5year'] dl + dl dd i.btn-fav:not(.like)
{
    color: rgba(217,217,217,.5);
}

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

[id='5year'] li[id*='_cover'] a[class*='btn-slide'] dl dd ol li:nth-child(1) small:before,
li[id*='_cover'] a.btn-slide[class*='5year'] dl dd ol li:nth-child(1) small:before
{
    content: 'セット';
}

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

[id='5year'] li[id*='_cover'] a[class*='btn-slide'] dl dd ol li:nth-child(2) small:before,
li[id*='_cover'] a.btn-slide[class*='5year'] dl dd ol li:nth-child(2) small:before
{
    content: 'カバーのみ';
}

#toolstoys a[class*='btn-slide'],
a.btn-slide.toolstoys
{
    color: #f2ba49;
}

#toolstoys a[class*='btn-slide'] dl + dl,
a.btn-slide.toolstoys dl + dl
{
    background-color: #f2ba49;
    background-color: rgba(242,186,73,.9);
}

#toolstoys .title
{
    color: #f2ba49;
}

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;
    top: .8em;
    left: 50%;
    width: 19.9em;
    margin-left: -48em;
}

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

#footer-history,
#footer-lineup,
#footer-related,
#footer-sitemap
{
    text-align: center;
}

#footer-history h3,
#footer-lineup h3,
#footer-related h3,
#footer-sitemap h3
{
    margin-bottom: 2em;
}

#footer-history
{
    padding: 3.7em 0 4em;
    border-top: #e5e5e5 .1em solid;
    border-bottom: #e5e5e5 .1em solid;
    background: #f5f5f5;
}

#footer-history p
{
    font-size: 14px;
    font-weight: bold;
}

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

#footer-history ul li
{
    font-size: 10px;
    position: relative;
    display: inline-block;
    width: 8.7em;
    height: 8.7em;
    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-lineup
{
    padding: 7.6em 0 7.7em;
    border-bottom: #e5e5e5 .1em solid;
}

#footer-lineup ul
{
    width: 96em;
    margin: 0 auto;
}

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

#footer-lineup ul:after
{
    clear: both;
}

#footer-lineup ul li
{
    display: block;
    float: left;
    width: 17.6em;
}

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

#footer-lineup ul li + li + li + li + li
{
    float: right;
    margin-left: 0;
}

#footer-lineup ul li a
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    padding-bottom: .36em;
    color: #000;
}

#footer-lineup ul li a small
{
    font-size: 12px;
    line-height: 1.75;
    display: block;
}

#footer-lineup ul li a img
{
    display: block;
    width: 100%;
    margin-bottom: .36em;
}

#footer-related
{
    padding: 8em 0 2.4em;
    border-bottom: #e5e5e5 .1em solid;
}

#footer-related ul:first-child
{
    width: 96em;
    margin: 0 auto 7.4em;
    padding: 0 .1em;
}

#footer-related ul:first-child:before,
#footer-related ul:first-child:after
{
    display: table;
    content: '';
}

#footer-related ul:first-child:after
{
    clear: both;
}

#footer-related ul:first-child li
{
    display: block;
    float: left;
    width: 14.3em;

    backgroun: #f00;
}

#footer-related ul:first-child li + li
{
    margin-left: 2em;
}

#footer-related ul:first-child li + li + li + li + li + li
{
    float: right;
    margin-left: 0;
}

#footer-related ul:first-child li a
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    padding-bottom: .36em;
    color: #000;
}

#footer-related ul:first-child li a small
{
    font-size: 10px;
    line-height: 2.1;
    display: block;
    white-space: nowrap;
    letter-spacing: 0;
}

#footer-related ul:first-child li a img
{
    display: block;
    width: 100%;
    margin-bottom: .36em;
}

#footer-related ul:first-child + ul
{
    display: inline-block;
    vertical-align: top;
}

#footer-related ul:first-child + ul:before,
#footer-related ul:first-child + ul:after
{
    display: table;
    content: '';
}

#footer-related ul:first-child + ul:after
{
    clear: both;
}

#footer-related ul:first-child + ul:before
{
    font-size: 12px;
    font-weight: bold;
    line-height: 2.5;
    float: left;
    content: 'シェアする';
    color: #666;
}

#footer-related ul:first-child + ul li
{
    float: left;
    margin-left: 3em;
}

#footer-related ul:first-child + ul li + li
{
    margin-left: 3.6em;
}

#footer-related ul:first-child + ul li a
{
    position: relative;
    display: block;
    width: 3em;
    height: 3em;
    cursor: pointer;
}

#footer-related ul:first-child + ul li a:before
{
    font-size: 36px;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

#footer-related ul:first-child + ul li a.mdi-facebook-box
{
    color: #2d4486;
}

#footer-related ul:first-child + ul li a.mdi-twitter
{
    color: #55acee;
}

#footer-related ul:first-child + ul li a.icon-line
{
    color: #00c300;
}

#footer-related ul:first-child + ul li a.icon-line iframe
{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
}

#footer-sitemap
{
    position: relative;
    padding: 5.4em 0 4.5em;
    text-align: left;
    background: #f5f5f5;
}

#footer-sitemap h1
{
    position: absolute;
    top: 4em;
    left: 50%;
    width: 16.6em;
    margin-left: -8.3em;
}

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

#footer-sitemap > ul
{
    width: 96em;
    margin: 0 auto;
    padding: 3em 0 3.4em 4em;
    border-bottom: #e5e5e5 .1em solid;
}

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

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

#footer-sitemap > ul li:nth-child(4) ul span
{
    color: #666;
}

#footer-sitemap > ul li:nth-child(4) ul ul
{
    margin-top: .9em;
}

#footer-sitemap > ul li:nth-child(4) ul ul:before,
#footer-sitemap > ul li:nth-child(4) ul ul:after
{
    display: table;
    content: '';
}

#footer-sitemap > ul li:nth-child(4) ul ul:after
{
    clear: both;
}

#footer-sitemap > ul li:nth-child(4) ul ul li
{
    float: left;
}

#footer-sitemap > ul li:nth-child(4) ul ul li + li
{
    margin-left: 2.5em;
}

#footer-sitemap > ul li:nth-child(4) ul ul li a
{
    font-size: 10px;
    position: relative;
    display: block;
    width: 2em;
    height: 2em;
    cursor: pointer;
}

#footer-sitemap > ul li:nth-child(4) ul ul li a:before
{
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    color: #404040;
}

#footer-sitemap > ul li:nth-child(4) ul ul li a iframe
{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
}

#footer-sitemap > ul li + ul > li:first-child + li
{
    width: 44em;
}

#footer-sitemap > ul li + ul > li:first-child + li + li a
{
    font-weight: bold;
}

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

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

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

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

#footer-sitemap > div
{
    width: 88em;
    margin: 3.4em auto 0;
}

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

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

#footer-sitemap > div ul
{
    float: left;
}

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

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

#footer-sitemap > div ul + ul
{
    float: right;
    width: 22em;
}

#footer-sitemap > div ul + ul li + li
{
    float: right;
}

#footer-sitemap > div ul li
{
    float: left;
}

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

#footer-sitemap > div ul li a
{
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

#footer-sitemap > div ul li a i
{
    font-size: 150%;
    line-height: 1.17;
}

#footer-sitemap > div small
{
    font-size: 12px;
    display: block;
    clear: both;
    padding-top: 2.5em;
    text-align: center;
}

main > header
{
    padding-bottom: 3.7em;
    text-align: center;
    border-bottom: #e5e5e5 .1em solid;
}

main > header h2
{
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1.46em;
}

main > header p
{
    font-size: 16px;
    line-height: 1.75;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    letter-spacing: 0;
}

.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: 6em #3698db solid;
}

nav[role='extra']
{
    width: 96em;
    height: 4em;
    margin: 0 auto;
    padding: .5em 0;
}

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

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

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

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: left;
    height: 3em;
    margin-right: 3.2em;
    padding-top: .5em;
}

nav[role='extra'] ul li:first-child
{
    padding-right: 3.2em;
    border-right: .1em #808080 solid;
}

nav[role='extra'] ul li:nth-child(5)
{
    margin-right: 2.5em;
}

nav[role='extra'] ul li:nth-child(5) ~ li
{
    margin-right: 1.3em;
}

nav[role='extra'] ul li:nth-child(5) ~ li + li
{
    margin-right: 0;
}

nav[role='extra'] ul li:nth-child(5) ~ li a
{
    position: relative;
    padding-left: 2.5em;
}

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

nav[role='extra'] ul li:nth-child(5) ~ li a.mdi-heart:before
{
    font-size: 18px;
    left: .33em;
}

nav[role='extra'] ul li:nth-child(5) ~ li a.mdi-heart var
{
    background: #509be5;
}

nav[role='extra'] ul li:nth-child(5) ~ li a.icon-cart:before
{
    font-size: 22px;
    left: .18em;
}

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

nav[role='extra'] ul li:nth-child(5) ~ li a var
{
    line-height: 1.67;
    display: block;
    overflow: hidden;
    width: 1.67em;
    height: 1.67em;
    text-align: center;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

nav[role='extra'] ul li:nth-child(5) ~ li a var.digit
{
    font-size: 10px;
    line-height: 2;
    width: 2em;
    height: 2em;
    letter-spacing: -.05em;
}

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

nav[role='global']
{
    width: 96em;
    height: 6em;
    margin: 0 auto;
    text-align: center;
}

nav[role='global'] ul
{
    position: relative;
    display: inline-block;
    vertical-align: top;
}

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

nav[role='global'] ul li:first-child
{
    width: 7.2em;
}

nav[role='global'] ul li:first-child:before
{
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20.8em;
    content: 'ラインナップとお買いもの';
    text-align: center;
    color: #fff;
    background: #e60000;
}

nav[role='global'] ul li:first-child + li
{
    width: 13.6em;
}

nav[role='global'] ul li:first-child + li + li
{
    width: 15.5em;
}

nav[role='global'] ul li:first-child + li + li + li
{
    width: 17.3em;
}

nav[role='global'] ul li:first-child + li + li + li + li
{
    width: 15.6em;
}

nav[role='global'] ul li:first-child + li + li + li + li + li
{
    width: 18.6em;
}

nav[role='global'] ul li.current a
{
    color: #e60000;
    background: #fff;
}

nav[role='global'] ul li a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 3;
    display: block;
    overflow: hidden;
    height: 3.75em;
    padding-top: .75em;
    text-align: center;
    letter-spacing: 0;
    color: #000;
}

.ua-desktop nav[role='global'] ul li a
{
    -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;
}

.ua-desktop nav[role='global'] ul li a:hover
{
    color: #e60000;
    background: #fff;
}

[data-category='lineup'] nav[role='global'] a[href*='/lineup/'],
[data-category='toolstoys'] nav[role='global'] a[href*='/toolstoys/'],
[data-category='about'] nav[role='global'] a[href*='/about/'],
[data-category='all_about'] nav[role='global'] a[href*='/all_about/'],
[data-category='collection'] nav[role='global'] a[href*='/collection/'],
[data-category='magazine'] nav[role='global'] a[href*='/magazine/']
{
    color: #e60000;
    background: #fff;
}

nav[role='breadcrumb']
{
    padding: .7em 0 1.2em;
}

nav[role='breadcrumb'] ol
{
    width: 96em;
    margin: 0 auto;
}

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: 12px;
    line-height: 1.5;
    float: left;
}

nav[role='breadcrumb'] ol li:before
{
    font-size: 18px;
    display: inline-block;
    margin: 0 .39em 0 .33em;
    vertical-align: middle;
}

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

nav[role='drawer']
{
    position: fixed;
    z-index: 21;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 6em;
    height: 6em;
    -webkit-transition: width .45s cubic-bezier(.77, 0, .175, 1), height .45s cubic-bezier(.77, 0, .175, 1), border .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: width .45s cubic-bezier(.77, 0, .175, 1), height .45s cubic-bezier(.77, 0, .175, 1), border .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: width .45s cubic-bezier(.77, 0, .175, 1), height .45s cubic-bezier(.77, 0, .175, 1), border .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94);
         -o-transition: width .45s cubic-bezier(.77, 0, .175, 1), height .45s cubic-bezier(.77, 0, .175, 1), border .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94);
            transition: width .45s cubic-bezier(.77, 0, .175, 1), height .45s cubic-bezier(.77, 0, .175, 1), border .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94);
    border-right: .1em #e5e5e5 solid;
    border-bottom: .1em #e5e5e5 solid;
    border-left: .1em #e5e5e5 solid;
    -webkit-border-radius: 0 0 .4em .4em;
            border-radius: 0 0 .4em .4em;
    background: #f2f2f2;
}

nav[role='drawer'].open
{
    width: 24em;
    -webkit-border-radius: 0 0 .4em .4em !important;
            border-radius: 0 0 .4em .4em !important;
}

nav[role='drawer'].open > div:first-child a span:first-child
{
    -webkit-transform: translate(0, 0) translateZ(0) rotate(-45deg);
       -moz-transform: translate(0, 0) translateZ(0) rotate(-45deg);
        -ms-transform: translate(0, 0) translateZ(0) rotate(-45deg);
         -o-transform: translate(0, 0) translateZ(0) rotate(-45deg);
            transform: translate(0, 0) translateZ(0) rotate(-45deg);
}

nav[role='drawer'].open > div:first-child a span:first-child + span
{
    -webkit-transform: translate(0, 0) translateZ(0) rotate(45deg);
       -moz-transform: translate(0, 0) translateZ(0) rotate(45deg);
        -ms-transform: translate(0, 0) translateZ(0) rotate(45deg);
         -o-transform: translate(0, 0) translateZ(0) rotate(45deg);
            transform: translate(0, 0) translateZ(0) rotate(45deg);
}

nav[role='drawer'].open > div:first-child a span:first-child + span + span
{
    opacity: 0;
}

nav[role='drawer'].disabled
{
    top: -6em;
    pointer-events: none;
}

nav[role='drawer'] > div:first-child
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 23.8em;
    height: 6em;
    border-bottom: .1em #e5e5e5 solid;
    background: #f2f2f2;
}

nav[role='drawer'] > div:first-child a
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 6em;
    height: 6em;
    cursor: pointer;

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

nav[role='drawer'] > div:first-child a:before
{
    display: none;
}

nav[role='drawer'] > div:first-child a span
{
    position: absolute;
    top: calc(50% - .1em);
    left: calc(50% - .9em);
    display: block;
    width: 1.8em;
    height: .2em;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.77, 0, .175, 1), opacity .45s cubic-bezier(.77, 0, .175, 1);
       -moz-transition:    -moz-transform .45s cubic-bezier(.77, 0, .175, 1), opacity .45s cubic-bezier(.77, 0, .175, 1);
        -ms-transition:     -ms-transform .45s cubic-bezier(.77, 0, .175, 1), opacity .45s cubic-bezier(.77, 0, .175, 1);
         -o-transition:      -o-transform .45s cubic-bezier(.77, 0, .175, 1), opacity .45s cubic-bezier(.77, 0, .175, 1);
            transition:         transform .45s cubic-bezier(.77, 0, .175, 1), opacity .45s cubic-bezier(.77, 0, .175, 1);
    background: #000;

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

nav[role='drawer'] > div:first-child a span:before
{
    display: none;
}

nav[role='drawer'] > div:first-child a span:first-child
{
    -webkit-transform: translate(0, -.5em) translateZ(0);
       -moz-transform: translate(0, -.5em) translateZ(0);
        -ms-transform: translate(0, -.5em) translateZ(0);
         -o-transform: translate(0, -.5em) translateZ(0);
            transform: translate(0, -.5em) translateZ(0);
}

nav[role='drawer'] > div:first-child a span:first-child + span
{
    -webkit-transform: translate(0, .5em) translateZ(0);
       -moz-transform: translate(0, .5em) translateZ(0);
        -ms-transform: translate(0, .5em) translateZ(0);
         -o-transform: translate(0, .5em) translateZ(0);
            transform: translate(0, .5em) translateZ(0);
}

nav[role='drawer'] > div:first-child + div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 23.8em;
}

nav[role='drawer'] > div:first-child + div > div
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding-top: 6em;
}

nav[role='drawer'] > div:first-child + div > div > ul
{
    padding-bottom: .5em;
}

nav[role='drawer'] > div:first-child + div > div > ul > li
{
    border-bottom: .1em #e5e5e5 solid;
}

nav[role='drawer'] > div:first-child + div > div > ul > li:last-child
{
    border-bottom: none;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 2.38;
    display: block;
    padding-left: .63em;
    color: #000;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart,
nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart
{
    position: relative;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart:before,
nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart:before
{
    display: inline-block;
    vertical-align: middle;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart span,
nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart span
{
    display: inline-block;
    margin: 0 .5em 0 .13em;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart var,
nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart var
{
    font-size: 12px;
    line-height: 1.67;
    position: relative;
    top: -.1em;
    display: inline-block;
    overflow: hidden;
    width: 1.67em;
    height: 1.67em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart var.digit,
nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart var.digit
{
    font-size: 10px;
    line-height: 2;
    width: 2em;
    height: 2em;
    letter-spacing: -.05em;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart:before
{
    color: #e60000;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.icon-cart var
{
    background: #e60000;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart:before
{
    font-size: 22px;
    padding: 0 .05em;
    color: #509be5;
}

nav[role='drawer'] > div:first-child + div > div > ul > li a.mdi-heart var
{
    background: #509be5;
}

nav[role='drawer'] + div
{
    font-size: 10px !important;
    width: 96em !important;
    height: 0 !important;
    margin: 0 auto;
}

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

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

#modal dl dt
{
    font-size: 35px;
    font-weight: bold;
    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: 4em;
}

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

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

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

#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: #509be5;
}

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

#headeline p
{
    position: relative;
    width: 96em;
    margin: 0 auto;
}

#headeline p span
{
    display: block;
    height: 8em;
    -webkit-border-radius: .8em;
            border-radius: .8em;
    background: #5ab546;
}

#headeline p span img
{
    position: absolute;
}

#headeline p span img:nth-child(1)
{
    top: calc(50% - 2.3em);
    left: calc(50% - 7.7em);
    width: 15.3em;
}

#headeline p span img:nth-child(2)
{
    top: -1em;
    left: calc(50% + 9.7em);
    width: 6.4em;
}

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