@charset "utf-8";
.device-pc #yokoku > header
{
    letter-spacing: .12em;
}

.device-pc #yokoku > header h1
{
    width: 96em;
    margin: 0 auto 3em;
}

.device-pc #yokoku > header h1 span
{
    font-family: Roboto, Helvetica, Arial, Lucida Grande, sans-serif;
    font-weight: 700;
    display: table;
}

.device-pc #yokoku > header h1 span time
{
    font-size: 36px;
    line-height: 1.56;
    display: table-cell;
    padding: 0 .28em;
    vertical-align: middle;
    white-space: nowrap;
    border: .11em solid #000;
    background: #ffea8c;
}

.device-pc #yokoku > header h1 span time + strong
{
    padding-left: 1.04em;
}

.device-pc #yokoku > header h1 span small
{
    font-size: 18px;
    display: table-cell;
    width: 7.22em;
    padding-left: .56em;
    vertical-align: middle;
    white-space: nowrap;
}

.device-pc #yokoku > header h1 span strong
{
    font-size: 24px;
    display: table-cell;
    padding-left: .63em;
    vertical-align: middle;
    text-decoration: underline;
}

.device-pc #yokoku > header ul
{
    width: 94em;
    margin: 0 auto;
    text-align: right;
}

.device-pc #yokoku > header ul li
{
    display: inline-block;
}

.device-pc #yokoku > header ul li + li:before
{
    font-family: Roboto, Helvetica, Arial, Lucida Grande, sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 0 .33em;
    content: '/';
}

.device-pc #yokoku > header ul li a
{
    font-family: 'TBRGothic DB', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.device-pc #yokoku > header ul li a[href]:hover
{
    opacity: .7;
}

.device-pc #yokoku > header > div
{
    position: relative;
    height: 12em;
    margin-bottom: 4.4em;
    text-align: center;
    background: #ff000a url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/parts_bg_check_red.png') repeat;
}

.device-pc #yokoku > header > div a
{
    position: absolute;
    top: calc(50% - 4em);
    left: calc(50% - 20.1em);
    display: block;
    width: 40.2em;
}

.device-pc #yokoku > header > div a:hover
{
    opacity: .7;
}

.device-pc #yokoku > header > div a img
{
    width: 100%;
}

.device-pc #yokoku > footer
{
    margin-top: 12em;
    letter-spacing: .12em;
    background: #fff;
}

.device-pc #yokoku > footer ul:nth-child(1)
{
    width: 96em;
    margin: 0 auto;
    padding: 4em 0;
    text-align: center;
    border-top: .1em solid #000;
    border-bottom: .1em solid #000;
}

.device-pc #yokoku > footer ul:nth-child(1) li
{
    display: inline-block;
    width: 6.6em;
}

.device-pc #yokoku > footer ul:nth-child(1) li + li
{
    margin-left: 3em;
}

.device-pc #yokoku > footer ul:nth-child(1) li a
{
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    color: #000;
}

.device-pc #yokoku > footer ul:nth-child(1) li a:hover
{
    opacity: .7;
}

.device-pc #yokoku > footer ul:nth-child(1) li a img
{
    font-size: 10px;
    display: block;
    width: 100%;
    margin-bottom: .4em;
}

.device-pc #yokoku > footer ul:nth-child(2)
{
    padding: 8em 0;
}

.device-pc #yokoku > footer ul:nth-child(2) li a
{
    display: block;
    width: 60em;
    height: 10em;
    margin: 0 auto;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
}

.device-pc #yokoku > footer ul:nth-child(2) li a:hover
{
    opacity: .7;
}

.device-pc #yokoku > footer ul:nth-child(2) li + li
{
    margin-top: 8em;
}

.device-pc #yokoku > footer ul:nth-child(2) li:nth-child(1) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/lineup_2018_pc_en.png');
}

.device-pc #yokoku > footer ul:nth-child(2) li:nth-child(2) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/hobonichitecho2017_en.png');
}

.device-pc #yokoku > footer ul:nth-child(2) li:nth-child(3) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/en/banner_yokoku_pc.png');
}

.device-pc #yokoku > footer > div
{
    height: 14.5em;
    padding-top: 3.9em;
    text-align: center;
    background: #ccc url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/parts_bg_check_gray.png') repeat;
}

.device-pc #yokoku > footer > div a
{
    display: inline-block;
    width: 9.2em;
    vertical-align: middle;
}

.device-pc #yokoku > footer > div a:hover
{
    opacity: .7;
}

.device-pc #yokoku > footer > div a img
{
    width: 100%;
}

.device-pc #yokoku > footer > div small
{
    font-family: Times New Roman, serif;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-left: 3.75em;
    vertical-align: middle;
    color: #000;
}

.device-sp #yokoku > header
{
    letter-spacing: .02em;
}

.device-sp #yokoku > header h1
{
    margin: 0 3.13% 25px;
}

.device-sp #yokoku > header h1 span
{
    font-family: Roboto, Helvetica, Arial, Lucida Grande, sans-serif;
    font-weight: 700;
}

.device-sp #yokoku > header h1 span time
{
    font-size: 22px;
    line-height: 1.55;
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    vertical-align: middle;
    white-space: nowrap;
    border: 4px solid #000;
    background: #ffea8c;
}

.device-sp #yokoku > header h1 span small
{
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.device-sp #yokoku > header h1 span strong
{
    font-size: 20px;
    display: block;
    margin-top: 15px;
    text-decoration: underline;
}

.device-sp #yokoku > header ul
{
    margin: 0 3.13% 5px;
    text-align: right;
}

.device-sp #yokoku > header ul li
{
    display: inline-block;
}

.device-sp #yokoku > header ul li + li:before
{
    font-family: Roboto, Helvetica, Arial, Lucida Grande, sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px;
    content: '/';
}

.device-sp #yokoku > header ul li a
{
    font-family: 'TBRGothic DB', sans-serif;
    font-size: 11px;
    font-weight: 700;
    display: inline;
    color: #000;
}

.device-sp #yokoku > header > div
{
    position: relative;
    height: 80px;
    margin-bottom: 15px;
    text-align: center;
    background: #ff000a url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/parts_bg_check_red.png') repeat;
}

.device-sp #yokoku > header > div a
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 50%;
    max-width: 346px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.device-sp #yokoku > header > div a img
{
    width: 100%;
}

.device-sp #yokoku > footer
{
    margin-top: 80px;
    letter-spacing: .02em;
    background: #fff;
}

.device-sp #yokoku > footer ul:nth-child(1)
{
    margin: 0 3.13%;
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.device-sp #yokoku > footer ul:nth-child(1) li
{
    display: inline-block;
    width: 18%;
}

.device-sp #yokoku > footer ul:nth-child(1) li + li
{
    margin-left: 20px;
}

.device-sp #yokoku > footer ul:nth-child(1) li a
{
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    color: #000;
}

.device-sp #yokoku > footer ul:nth-child(1) li a img
{
    font-size: 10px;
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

.device-sp #yokoku > footer ul:nth-child(2)
{
    padding: 30px 3.13%;
}

.device-sp #yokoku > footer ul:nth-child(2) li a
{
    font-size: 0;
    display: block;
    width: 100%;
    padding-top: 28.13%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
}

.device-sp #yokoku > footer ul:nth-child(2) li + li
{
    margin-top: 30px;
}

.device-sp #yokoku > footer ul:nth-child(2) li:nth-child(1) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/lineup_2018_sp_en.png');
}

.device-sp #yokoku > footer ul:nth-child(2) li:nth-child(2) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/en/hobonichitecho2017_sp_en.png');
}

.device-sp #yokoku > footer ul:nth-child(2) li:nth-child(3) a
{
    background-image: url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/en/banner_yokoku_sp.png');
}

.device-sp #yokoku > footer > div
{
    height: 143px;
    padding-top: 38px;
    text-align: center;
    background: #ccc url('//www.1101.com/store/techo/en/magazine/2018/yokoku/yokoku_2018/images/parts_bg_check_gray.png') repeat;
}

.device-sp #yokoku > footer > div a
{
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}

.device-sp #yokoku > footer > div a img
{
    width: 100%;
}

.device-sp #yokoku > footer > div small
{
    font-family: Times New Roman, serif;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    color: #000;
}

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