@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}
}
html
{
    font-size: 62.5%;
    background: #f0f0eb;
}

body
{
    font: 10px/1.75;
    letter-spacing: .15em;

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

*
{
    font-weight: 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: #000;
}

a.btn-underline
{
    color: #0082ff;
}

img
{
    display: block;
    width: 100%;
}

.ico-cart:before
{
    display: inline-block;
    width: 1.57em;
    height: 1em;
    margin-top: 0;
    content: '';
    vertical-align: middle;
    background: url('/store/hashi/images/hashi2016_ico_cart.svg') no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}

#reference
{
    position: absolute;
    top: -9999px;
}

main
{
    font-family: 'A1 Mincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    background: #fff;
}

main header
{
    margin: 0 1.22%;
    padding-top: 1.1%;
}

main header h1
{
    display: none;
}

main header > div
{
    position: relative;
    overflow: hidden;
    padding-top: 80%;
}

main header > div > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

main header > div span
{
    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);
    background: #fff;

    backface-visibiliy: hidden;
}

main header > div span img
{
    /*height: 100%;*/
}

main header p
{
    font-size: 170%;
    line-height: 2.24;
    padding: 7.38% 0 6% 20%;
}

main section
{
    margin: 0 4.27%;
}

main section:nth-of-type(1)
{
    padding: 5.07% 0 9.6%;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
}

main section:nth-of-type(1) h3
{
    font-size: 170%;
    line-height: 2.24;
    padding-bottom: 2.13%;
    text-align: center;
}

main section:nth-of-type(1) a
{
    display: table;
    width: 74.67%;
    margin: 0 auto;
    border: 1px #000 solid;
}

main section:nth-of-type(1) a span
{
    display: table-cell;
    vertical-align: middle;
}

main section:nth-of-type(1) a:nth-of-type(1) span:nth-child(1)
{
    width: 34.13%;
    padding-top: 22.22%;
    background: url('/store/hashi/images/banner_yokoku.jpg') no-repeat 50% 50%;
    -webkit-background-size: auto 100%;
       -moz-background-size: auto 100%;
            background-size: auto 100%;
    margin-bottom: 20px;
}

main section:nth-of-type(1) a:nth-of-type(2) span:nth-child(1)
{
    width: 34.13%;
    padding-top: 22.22%;
    background: url('/store/hashi/images/hashi2016_s1_img.jpg') no-repeat 50% 50%;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
}

main section:nth-of-type(1) hr {
    border-top: 1px solid #000;
    margin: 60px 0;
}

main section:nth-of-type(1) a span:nth-child(2)
{
    font-size: 140%;
    line-height: 2.29;
    padding-left: 7.89%;
}

main section:nth-of-type(1) a:nth-of-type(1) span:nth-child(2) {
    font-size: 220%;
}

main section:nth-of-type(2)
{
    padding: 3.41% 0 6.83%;
    text-align: center;
}

main section:nth-of-type(2) > ul
{
    padding-bottom: 6.53%;
}

main section:nth-of-type(2) > ul:before,
main section:nth-of-type(2) > ul:after
{
    display: table;
    content: '';
}

main section:nth-of-type(2) > ul:after
{
    clear: both;
}

main section:nth-of-type(2) > ul li
{
    float: left;
    width: 24%;
}

main section:nth-of-type(2) > ul li + li
{
    margin-left: 1.33%;
}

main section:nth-of-type(2) > ul li:nth-child(3) a + a
{
    display: none;
}

main section:nth-of-type(2) > ul li:nth-child(4)
{
    float: right;
    margin-left: 0;
}

main section:nth-of-type(2) > ul li a
{
    display: block;
    text-align: center;
    border: 1px #000 solid;
}

main section:nth-of-type(2) > ul li a:before
{
    display: inline-block;
    height: 2.8em;
    content: '';
    vertical-align: middle;
}

main section:nth-of-type(2) > ul li a span
{
    font-size: 140%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    letter-spacing: .1em;
}

main section:nth-of-type(2) > p
{
    font-size: 170%;
    line-height: 1.76;
}

main section:nth-of-type(2) div
{
    padding: 0 4% 5.4em;
}

main section:nth-of-type(2) div:before,
main section:nth-of-type(2) div:after
{
    display: table;
    content: '';
}

main section:nth-of-type(2) div:after
{
    clear: both;
}

main section:nth-of-type(2) div dl
{
    width: 43.48%;
    letter-spacing: .1em;
}

main section:nth-of-type(2) div dl:nth-child(2n+1)
{
    float: left;
    clear: both;
}

main section:nth-of-type(2) div dl:nth-child(2n)
{
    float: right;
}

main section:nth-of-type(2) div dl:nth-child(2n) ~ dl
{
    margin-top: 5.6em;
}

main section:nth-of-type(2) div dl dt
{
    font-size: 230%;
    line-height: 1.48;
}

main section:nth-of-type(2) div dl dt small
{
    font-size: 73.91%;
    line-height: 1.76;
    display: block;
}

main section:nth-of-type(2) div dl dd:nth-of-type(1)
{
    position: relative;
    overflow: hidden;
    margin-bottom: 1.4em;
    padding-top: 66.67%;
    background: url('/common/images/loading.gif') no-repeat 50% 50%;
}

main section:nth-of-type(2) div dl dd:nth-of-type(1).state-ready img
{
    opacity: 0;
}

main section:nth-of-type(2) div dl dd:nth-of-type(1) img
{
    position: absolute;
    top: 0;
    left: 0;
    -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);
}

main section:nth-of-type(2) div dl dd:nth-of-type(2) span
{
    font-size: 170%;
    line-height: 1.76;
}

main section:nth-of-type(2) div dl dd:nth-of-type(2) span small
{
    font-size: 76.47%;
    line-height: 2.31;
}

main section:nth-of-type(2) div dl dd:nth-of-type(2) > small
{
    font-size: 130%;
    line-height: 2.15;
    display: block;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3)
{
    padding: 1.9em 20% 0;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3) a
{
    display: table;
    width: 100%;
    cursor: pointer;
    border: 1px #000 solid;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3) a.sold
{
    cursor: default;
    pointer-events: none;
    background: #000;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3) a.sold span
{
    color: #fff;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3) a span
{
    font-size: 140%;
    display: table-cell;
    height: 2em;
    vertical-align: middle;
}

main section:nth-of-type(2) div dl dd:nth-of-type(3) > span
{
    font-size: 130%;
    display: block;
    height: 1.75em;
    margin: .69em 0 -.15em;
    color: #f00;
}

main section:nth-of-type(2) div dl dd:nth-of-type(4)
{
    font-size: 140%;
    line-height: 2;
    padding-left: 20%;
    text-align: left;
}

main section.content
{
    padding-bottom: 5.73%;
}

main section.content h3
{
    display: table;
    width: 100%;
    text-align: center;
    background: #000;
}

main section.content h3:before
{
    display: table-cell;
    height: 6em;
    content: '';
    vertical-align: middle;
}

main section.content h3 span
{
    font-size: 270%;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    letter-spacing: .2em;
    color: #fff;
}

main section.content p
{
    font-size: 170%;
    line-height: 2.24;
    padding: 5.2% 8% 4.93% 18%;
}

main section.content p:last-child
{
    padding-bottom: 0 !important;
}

main section.content figure.state-ready span img
{
    opacity: 0;
}

main section.content figure span
{
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 66.67%;
    background: url('/common/images/loading.gif') no-repeat 50% 50%;
}

main section.content figure span img
{
    position: absolute;
    top: 0;
    left: 0;
    -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);
}

main section.content figure figcaption
{
    font-size: 130%;
    padding: 1.07% 0;
    text-align: center;
}

main section:nth-of-type(4) figure span
{
    padding-top: 100%;
}

main footer
{
    margin: 0 4.27%;
    padding-bottom: 4.51%;
}

main footer time
{
    font-size: 130%;
    line-height: 2.15;
    display: block;
    padding-bottom: 3.6%;
    text-align: center;
    letter-spacing: .2em;
}

main footer ul
{
    padding: 6.53% 11.33% 6.27%;
    border-top: #000 1px solid;
}

main footer ul:before,
main footer ul:after
{
    display: table;
    content: '';
}

main footer ul:after
{
    clear: both;
}

main footer ul li
{
    float: left;
    width: 8.62%;
}

main footer ul li + li
{
    margin-left: 14.31%;
}

main footer ul li:last-child
{
    float: right;
    margin-left: 0 !important;
}

main footer ul li a
{
    cursor: pointer;
}

main footer ul li a i
{
    display: block;
    overflow: hidden;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #000;
    -webkit-box-shadow: 2.5px 2.5px 2.5px rgba(0,0,0,.15);
            box-shadow: 2.5px 2.5px 2.5px rgba(0,0,0,.15);
}

main footer ul li a span
{
    display: block;
    padding-top: 16%;
}

main footer small
{
    display: block;
    width: 28.93%;
    margin: 0 auto;
}

.ua-desktop main
{
    width: 820px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 9.68px rgba(0,0,0,.45);
            box-shadow: 0 0 9.68px rgba(0,0,0,.45);
}

.ua-desktop a.btn-rollover
{
    -webkit-transition: background .3s cubic-bezier(.455, .03, .515, .955);
       -moz-transition: background .3s cubic-bezier(.455, .03, .515, .955);
        -ms-transition: background .3s cubic-bezier(.455, .03, .515, .955);
         -o-transition: background .3s cubic-bezier(.455, .03, .515, .955);
            transition: background .3s cubic-bezier(.455, .03, .515, .955);
    background-color: #fff;
}

.ua-desktop a.btn-rollover:hover
{
    -webkit-transition: background .15s cubic-bezier(.25, .46, .45, .94);
       -moz-transition: background .15s cubic-bezier(.25, .46, .45, .94);
        -ms-transition: background .15s cubic-bezier(.25, .46, .45, .94);
         -o-transition: background .15s cubic-bezier(.25, .46, .45, .94);
            transition: background .15s cubic-bezier(.25, .46, .45, .94);
    background-color: #c8e1b9;
}

.ua-desktop a.btn-trans i
{
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .3s cubic-bezier(.165, .84, .44, 1);
       -moz-transition:    -moz-transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .3s cubic-bezier(.165, .84, .44, 1);
        -ms-transition:     -ms-transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .3s cubic-bezier(.165, .84, .44, 1);
         -o-transition:      -o-transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .3s cubic-bezier(.165, .84, .44, 1);
            transition:         transform .3s cubic-bezier(.165, .84, .44, 1), box-shadow .3s cubic-bezier(.165, .84, .44, 1);
}

.ua-desktop a.btn-trans:hover i
{
    -webkit-transition: -webkit-transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s cubic-bezier(.25, .46, .45, .94);
       -moz-transition:    -moz-transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s cubic-bezier(.25, .46, .45, .94);
        -ms-transition:     -ms-transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s cubic-bezier(.25, .46, .45, .94);
         -o-transition:      -o-transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s cubic-bezier(.25, .46, .45, .94);
            transition:         transform .15s cubic-bezier(.25, .46, .45, .94), box-shadow .15s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: translate(1.5px, 1.5px);
       -moz-transform: translate(1.5px, 1.5px);
        -ms-transform: translate(1.5px, 1.5px);
         -o-transform: translate(1.5px, 1.5px);
            transform: translate(1.5px, 1.5px);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
            box-shadow: 0 0 0 rgba(0,0,0,0);
}

.ua-desktop a.btn-underline:hover
{
    text-decoration: underline;
}

.ua-mobile main section:nth-of-type(2) > ul li:nth-child(3) a
{
    display: none;
}

.ua-mobile main section:nth-of-type(2) > ul li:nth-child(3) a + a
{
    display: block;
}

/*# sourceMappingURL=dev/store/hashi/styl/hashi2016.css.map */

@media (max-width: 768px)
{
    .ico-cart:before {
        margin-top: -.2em;
    }
    .ua-mobile body
    {
        letter-spacing: .1em;
    }

    .ua-mobile .device-pc
    {
        display: none;
    }

    .ua-mobile #reference
    {
        height: 1rem;
    }

    .ua-mobile main header
    {
        margin: 0;
        padding: 0;
    }

    .ua-mobile main header > div
    {
        padding-top: 143%;
    }

    .ua-mobile main header p
    {
        font-size: 140%;
        line-height: 2;
        padding: 7.5% 2.34% 10.47% 4.69%;
    }

    .ua-mobile main section
    {
        margin: 0;
    }

    .ua-mobile main section:nth-of-type(1)
    {
        padding: 5.94% 0 12.34%;
    }

    .ua-mobile main section:nth-of-type(1) h3
    {
        font-size: 140%;
        line-height: 2.17;
        padding-bottom: 2.66%;
    }

    .ua-mobile main section:nth-of-type(1) a
    {
        width: 85%;
    }

    .ua-mobile main section:nth-of-type(1) a span:nth-child(2)
    {
        font-size: 100%;
        line-height: 1.4;
        padding-left: 3.94%;
        letter-spacing: .1em;
    }

    .ua-mobile main section:nth-of-type(2)
    {
        padding: 4.38% 4.69% 11.56%;
    }

    .ua-mobile main section:nth-of-type(2) > ul
    {
        padding-bottom: 7.66%;
    }

    .ua-mobile main section:nth-of-type(2) > ul li
    {
        float: left;
        width: 48.28%;
    }

    .ua-mobile main section:nth-of-type(2) > ul li:nth-child(2n+1)
    {
        clear: both;
    }

    .ua-mobile main section:nth-of-type(2) > ul li:nth-child(2n)
    {
        float: right;
    }

    .ua-mobile main section:nth-of-type(2) > ul li:nth-child(1)
    {
        margin-left: 0;
    }

    .ua-mobile main section:nth-of-type(2) > ul li:nth-child(2) a span
    {
        letter-spacing: -.1em;
    }

    .ua-mobile main section:nth-of-type(2) > ul li + li
    {
        margin-left: 0;
    }

    .ua-mobile main section:nth-of-type(2) > ul li + li + li
    {
        padding-top: 3.45%;
    }

    .ua-mobile main section:nth-of-type(2) > ul li a:before
    {
        height: 2.4em;
    }

    .ua-mobile main section:nth-of-type(2) > ul li a span
    {
        font-size: 100%;
        letter-spacing: -.05em;
    }

    .ua-mobile main section:nth-of-type(2) > p
    {
        font-size: 100%;
    }

    .ua-mobile main section:nth-of-type(2) div
    {
        padding: 0 11.21% 2.7em;
    }

    .ua-mobile main section:nth-of-type(2) div dl
    {
        width: 100%;
    }

    .ua-mobile main section:nth-of-type(2) div dl + dl
    {
        margin-top: 2.8em;
    }

    .ua-mobile main section:nth-of-type(2) div dl dt
    {
        font-size: 140%;
        margin: 0 -14.44%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dt small
    {
        font-size: 86.96%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(1)
    {
        margin-bottom: .7em;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(2)
    {
        margin: 0 -14.44%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(2) span
    {
        font-size: 110%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(2) span small
    {
        font-size: 85%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(2) > small
    {
        font-size: 85%;
        line-height: 1.65;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(3)
    {
        padding: .95em 18.89% 0;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(3) a span
    {
        font-size: 120%;
        height: 2.82em;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(3) > span
    {
        font-size: 85%;
    }

    .ua-mobile main section:nth-of-type(2) div dl dd:nth-of-type(4)
    {
        font-size: 100%;
        padding-left: 18.89%;
    }

    .ua-mobile main section.content
    {
        padding-bottom: 10.47%;
    }

    .ua-mobile main section.content h3:before
    {
        height: 3em;
    }

    .ua-mobile main section.content h3 span
    {
        font-size: 160%;
        letter-spacing: 0;
    }

    .ua-mobile main section.content p
    {
        font-size: 140%;
        line-height: 2.17;
        padding: 4.22% 4.69% 4.06% 4.69%;
    }

    .ua-mobile main section.content figure
    {
        margin: 0 4.69%;
    }

    .ua-mobile main section.content figure figcaption
    {
        font-size: 100%;
        padding: 1.38% 0;
        letter-spacing: .15em;
    }

    .ua-mobile main footer
    {
        margin: 0;
        padding-bottom: 8.59%;
    }

    .ua-mobile main footer time
    {
        font-size: 85%;
        padding-bottom: 10.78%;
    }

    .ua-mobile main footer ul
    {
        padding: 9.22% 10.16% 11.41%;
    }

    .ua-mobile main footer ul li
    {
        width: 14.71%;
    }

    .ua-mobile main footer ul li + li
    {
        margin-left: 13.73%;
    }

    .ua-mobile main footer ul li a i
    {
        -webkit-box-shadow: 1.875px 1.875px 1.875px rgba(0,0,0,.15);
                box-shadow: 1.875px 1.875px 1.875px rgba(0,0,0,.15);
    }

    .ua-mobile main footer ul li a span
    {
        padding-top: 16%;
    }

    .ua-mobile main footer small
    {
        width: 63.59%;
    }
}