@charset "utf-8";

[id^='place'] #primary
{
    line-height: 1.75;
    margin: 1.7em 0 15em;
}

[id^='place'] #primary a
{
    color: #3698db;
}

[id^='place'] #primary h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    clear: both;
    padding: 2.166666666666667em 0 1.166666666666667em;
    border-bottom: .166666666666667em #e5e5e5 solid;
}

[id^='place'] #primary h2 + p
{
    font-size: 14px;
    margin-top: 1.428571428571429em;
}

[id^='place'] #primary h2 + p + p
{
    display: none;
}

[id^='place'] #primary ul[role='category']
{
    float: left;
}

[id^='place'] #primary ul[role='category'] + ul
{
    float: right;
}

[id^='place'] #primary ul[role='category'] + ul:before
{
    content: '商品から、お店を調べる';
}

[id^='place'] #primary ul[role='category']:before
{
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: 100%;
    content: 'お店から、商品を調べる';
    letter-spacing: 0;
    color: #7f7f7f;
    border-bottom: #cbcbcb .083333333333333em solid;
}

[id^='place'] #primary ul[role='category'] li
{
    font-size: 10px;
    display: inline-block;
}

[id^='place'] #primary ul[role='category'] li + li
{
    margin-left: 1.4em;
}

[id^='place'] #primary ul[role='category'] li.current a
{
    cursor: default;
    pointer-events: none;
    color: #7f7f7f;
}

[id^='place'] #primary ul[role='category'] li.current a:hover
{
    opacity: 1;
}

[id^='place'] #primary ul[role='category'] li a
{
    font-size: 13px;
    letter-spacing: 0;
}

[id^='place'] #primary ul[role='category'] li a small
{
    font-size: 11px;
    display: inline-block;
    margin-left: -.5em;
}

#place #primary
{
    margin: 1.7em 0 5.9em;
}

#place #primary a.deep
{
    font-size: 14px;
    line-height: 2.857142857142857;
    color: #fff;
}

#place #primary > div
{
    padding-top: 1.9em;
    border-top: .5em #e5e5e5 solid;
}

#place #primary > div h3
{
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
}

#place #primary > div h3:before
{
    font-size: 33px;
}

#place #primary h2
{
    padding-top: 0;
    border-bottom: none;
}

#place #primary h2 + div
{
    margin-bottom: 9.2em;
}

#place #primary h2 + div p
{
    font-size: 14px;
    line-height: 1.714285714285714;
    margin-top: 2.142857142857143em;
}

#place #primary h2 + div p a
{
    display: inline-block;
    width: 21.428571428571427em;
    margin-left: 1.642857142857143em;
    vertical-align: middle;
}

#place #primary h2 + div + div:before,
#place #primary h2 + div + div:after
{
    display: table;
    content: '';
}

#place #primary h2 + div + div:after
{
    clear: both;
}

#place #primary h2 + div + div > div
{
    position: relative;
    padding-bottom: 9.1em;
}

#place #primary h2 + div + div > div > ul
{
    display: none;
    width: 17.8em;
    padding-top: 4.5em;
}

#place #primary h2 + div + div > div > ul.fixed
{
    position: fixed;
    top: 0;
    left: 78.2em;
    display: block;
}

#place #primary h2 + div + div > div > ul.top
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin-left: 0 !important;
}

#place #primary h2 + div + div > div > ul.bottom
{
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    margin-left: 0 !important;
}

#place #primary h2 + div + div > div > ul:before
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 3.333333333333333em;
    display: block;
    content: 'お店から、\A取り扱い商品を調べる';
    white-space: pre;
}

#place #primary h2 + div + div > div > ul:after
{
    font-size: 26px;
    position: absolute;
    top: .153846153846154em;
    left: 0;
    margin: 0;
}

#place #primary h2 + div + div > div > ul li
{
    border-bottom: .1em #e5e5e5 solid;
}

#place #primary h2 + div + div > div > ul li:first-child
{
    border-top: .1em #e5e5e5 solid;
}

#place #primary h2 + div + div > div > ul li a
{
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    display: block;
    min-height: 2em;
    padding: 1.166666666666667em 0 1.083333333333333em;
    color: #000;
}

#place #primary h2 + div + div > div > ul li a:after
{
    line-height: 2;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    overflow: hidden;
    width: 2em;
    height: 1.916666666666667em;
    margin: 0;
    margin-top: -1.083333333333333em;
    padding-top: .083333333333333em;
    text-align: center;
    color: #3698db;
    border: .083333333333333em #3698db solid;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

#place #primary h2 + div + div > div > ul li a small
{
    font-size: 12px;
    font-weight: normal;
    display: block;
}

#place #primary h2 + div + div h3
{
    float: left;
    margin-bottom: 1.769230769230769em;
}

#place #primary h2 + div + div h3 + p
{
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    float: right;
    margin-top: -.333333333333333em;
    padding-left: 1em;
}

#place #primary h2 + div + div h3 + p:before
{
    position: absolute;
    left: 0;
    content: '＊';
}

#place #primary h2 + div + div h3 + p + div
{
    clear: both;
}

#place #primary .section
{
    position: relative;
    width: 72em;
}

#place #primary .section + .section
{
    margin-top: 5.5em;
}

#place #primary .section h4
{
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    height: 2.083333333333333em;
    padding-left: .916666666666667em;
    background: #fff4c7;
}

#place #primary .section h4:after
{
    display: inline-block;
    height: 2.333333333333333em;
    content: '';
    vertical-align: middle;
}

#place #primary .section h4 small
{
    font-size: 14px;
    display: inline-block;
    margin-right: 1.5em;
    vertical-align: middle;
}

#place #primary .section h4 + p
{
    font-size: 14px;
    line-height: 2;
    padding: 1.714285714285714em 0 1.5em;
}

#place #primary .section h4 + p small
{
    font-size: 12px;
    line-height: 2.333333333333333;
    display: block;
    color: #7f7f7f;
}

#place #primary .section > a
{
    width: 15.714285714285714em;
}

#place #primary .section > a + ul
{
    font-size: 12px;
    line-height: 1.666666666666667;
    padding-top: 2.6em;
}

#place #primary .section > ol
{
    position: absolute;
    top: 0;
    right: 0;
    width: 15.6em;
    padding: 1.6em 1.7em 2.3em;
    border-left: .2em #fff solid;
    background: #e5e5e5 url('../images/bg_ol.png') no-repeat bottom center;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
}

#place #primary .section > ol:before
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    content: '取り扱い商品';
    text-align: center;
    color: #fff;
    -webkit-border-radius: .75em;
            border-radius: .75em;
    background: #7f7f7f;
}

#place #primary .section > ol li
{
    margin: .5em -1.7em 0 0;
    background: none;
}

#place #primary .section > ol li + li
{
    margin-top: .2em;
}

#place #primary .section > ol li span
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.333333333333333;
    display: inline-block;
    vertical-align: middle;
}

#place #primary .section > ol li:before
{
    font-size: 48px;
    width: 1em;
    height: 1em;
    margin: 0 .104166666666667em 0 0;
    color: #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

#place #primary .section#s1 > ul
{
    clear: both;
}

#place #primary .section#s1 > a
{
    float: left;
}

#place #primary .section#s1 > a + a
{
    margin-left: 1.428571428571429em;
}

#place #primary .section#s3 h5
{
    font-size: 14px;
    line-height: 2;
    margin-top: -.357142857142857em;
}

#place #primary .section#s3 h5 + ul
{
    width: 45.6em;
}

#place #primary .section#s3 h5 + ul:before,
#place #primary .section#s3 h5 + ul:after
{
    display: table;
    content: '';
}

#place #primary .section#s3 h5 + ul:after
{
    clear: both;
}

#place #primary .section#s3 h5 + ul li
{
    float: left;
    width: 50%;
}

#place #primary .section#s3 h5 + ul li a
{
    font-size: 14px;
    line-height: 2;
}

#place #primary .section#s4 > a
{
    width: 20em;
}

#place #primary .section#s5:before,
#place #primary .section#s5:after
{
    display: table;
    content: '';
}

#place #primary .section#s5:after
{
    clear: both;
}

#place #primary .section#s5 > dl
{
    float: left;
    width: 32em;
    margin-top: -.2em;
}

#place #primary .section#s5 > dl + dl
{
    float: right;
    width: 40em;
}

#place #primary .section#s5 > dl dt
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.571428571428571;
}

#place #primary .section#s5 > dl dd
{
    font-size: 12px;
    line-height: 1.833333333333333;
}

#place #primary .section#s5 > dl dd + dt
{
    margin-top: 1.571428571428571em;
}

#place_loft #primary table
{
    width: 96em;
}

#place_loft #primary table tr td
{
    width: 20%;
    padding: .9em 0;
    border-right: #cbcbcb .1em solid;
    border-left: #cbcbcb .1em solid;
}

#place_loft #primary table tr td a
{
    font-size: 14px;
    display: inline-block;
    margin: 0 .642857142857143em;
}

#place_loft #primary table tr:nth-child(odd) td,
#place_loft #primary table tr.nth-odd td
{
    background: #f2f2f2;
}

#place_loft #primary table + h4
{
    margin-top: 2.125em;
}

#place_loft #primary h3
{
    font-size: 20px;
    font-weight: bold;
    margin-top: 3em;
}

#place_loft #primary h3 + h4
{
    margin-top: .75em;
}

#place_loft #primary h4
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .56em;
}

#place_weeks #primary ul[role='pref']
{
    display: none;
    margin: 3.5em 0 6em;
    padding-top: .5em;
    background: #f2f2f2;
}

#place_weeks #primary ul[role='pref']:before,
#place_weeks #primary ul[role='pref']:after
{
    display: table;
    content: '';
}

#place_weeks #primary ul[role='pref']:after
{
    clear: both;
}

#place_weeks #primary ul[role='pref'] li
{
    float: left;
    width: 6em;
    padding-bottom: .2em;
    text-align: center;
}

#place_weeks #primary ul[role='pref'] li a
{
    font-size: 13px;
}

#place_weeks #primary h4
{
    font-size: 16px;
    font-weight: bold;
    margin-top: 1.625em;
    padding: .5em 0;
}

#place_weeks #primary table
{
    width: 96em;
}

#place_weeks #primary table tr th,
#place_weeks #primary table tr td
{
    font-size: 14px;
    padding: .857142857142857em 0 .857142857142857em .5em;
    border-right: #cbcbcb .071428571428571em solid;
    border-left: #cbcbcb .071428571428571em solid;
}

#place_weeks #primary table tr:nth-child(odd) th,
#place_weeks #primary table tr:nth-child(odd) td,
#place_weeks #primary table tr.nth-odd th,
#place_weeks #primary table tr.nth-odd td
{
    background: #f2f2f2;
}

#place_weeks #primary table tr th
{
    font-weight: bold;
    width: 13.571428571428571em;
}

#place_weeks #primary table tr td *
{
    font-weight: bold;
    display: inline-block;
    margin-right: 2em;
}

#place_prod #primary
{
    position: relative;
}

#place_prod #primary > div
{
    position: relative;
    padding-top: 10.9em;
}

#place_prod #primary h2 + p
{
    padding-bottom: 3em;
}

#place_prod #primary ul[role='prod']
{
    z-index: 10;
    display: none;
    width: 96em;
    height: 5.1em;
    text-align: center;
    border-bottom: .1em #fff solid;
    background: #f2f2f2;
}

#place_prod #primary ul[role='prod'].top
{
    position: absolute;
    margin-left: 0 !important;
}

#place_prod #primary ul[role='prod'].bottom
{
    position: absolute;
    bottom: 0;
    margin-left: 0 !important;
}

#place_prod #primary ul[role='prod'].fixed
{
    position: fixed;
    top: 0;
    left: 0;
}

#place_prod #primary ul[role='prod'] li
{
    display: inline-block;
    padding-top: 1.3em;
    vertical-align: middle;
}

#place_prod #primary ul[role='prod'] li + li
{
    margin-left: 5em;
}

#place_prod #primary ul[role='prod'] li a
{
    font-size: 14px;
    display: inline-block;
}

#place_prod #primary h4
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3.625em;
}

#place_prod #primary table
{
    font-weight: bold;
    width: 96em;
    text-align: center;
}

#place_prod #primary table[role='th']
{
    position: absolute;
    z-index: 5;
    display: none;
    overflow: hidden;
    height: 5em;
    margin-top: -5em;
}

#place_prod #primary table[role='th'].top
{
    position: absolute;
    margin-left: 0 !important;
}

#place_prod #primary table[role='th'].bottom
{
    position: absolute;
    bottom: 0;
    margin-left: 0 !important;
}

#place_prod #primary table[role='th'].fixed
{
    position: fixed;
    top: 5.1em;
    left: 0;
    margin-top: 0;
}

#place_prod #primary table[role='th'] th
{
    width: 4.916666666666667em;
    padding: .583333333333333em 0;
    text-align: center;
    vertical-align: middle;
    background: #f2f2f2;
}

#place_prod #primary table[role='th'] th:first-child
{
    width: 38em;
}
#place_prod #primary table[role='th'] th:first-child + th {
    width: 6.916666666666667em;
}

#place_prod #primary table[role='th'] th:last-child,
#place_prod #primary table[role='th'] th.last-child
{
    width: auto;
}

#place_prod #primary table[role='th'] th small
{
    font-size: 10px;
}

#place_prod #primary table#tt td:first-child
{
    width: 40em;
}

#place_prod #primary table#tt td a
{
    width: 35em;
}

#place_prod #primary table tr th,
#place_prod #primary table tr td
{
    font-size: 12px;
    line-height: 1.5;
    height: 4.166666666666667em;
    padding: .583333333333333em 0;
    border-right: .083333333333333em #cbcbcb solid;
    border-left: .083333333333333em #cbcbcb solid;
}

#place_prod #primary table tr th.nth-even,
#place_prod #primary table tr:nth-child(even) td,
#place_prod #primary table tr.nth-even td
{
    background: #f2f2f2;
}

#place_prod #primary table tr th:first-child
{
    width: 15em;
    padding: 1.333333333333333em 0 0 .833333333333333em;
    text-align: left;
    vertical-align: top;
}

#place_prod #primary table tr th[rowspan='1']
{
    padding: 0 0 0 .833333333333333em;
    vertical-align: middle;
}

#place_prod #primary table tr th + td
{
    width: 23em;
    padding-left: .833333333333333em;
    text-align: left;
}

#place_prod #primary table tr td
{
    width: 4.916666666666667em;
}
#place_prod #primary table tr th + td + td {
    width: 6.916666666666667em;
}

#place_prod #primary table tr td:first-child
{
    width: 23em;
    padding-left: .833333333333333em;
    text-align: left;
}

#place_prod #primary table tr td:last-child,
#place_prod #primary table tr td.last-child
{
    width: auto;
}

#place_prod #primary table tr td img
{
    width: 3em;
    height: 3em;
    margin-right: 1em;
    vertical-align: middle;
}

#place_prod #primary table tr td a
{
    display: inline-block;
    width: 18em;
    vertical-align: middle;
}

/*# sourceMappingURL=dev/store/techo/2016/place/styl/place.css.map */