@charset "utf-8";
#breadcrumbs {
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    text-align: left;
}
#breadcrumbs ul, #breadcrumbs ol {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    max-width: 940px;
    list-style-type: none;
}
#breadcrumbs ul li, #breadcrumbs ol li {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0;
    color: #fff;
    font-size: 10px;
    line-height: 3;
}
#breadcrumbs dl {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#breadcrumbs dl dd {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0;
    color: #fff;
    font-size: 10px;
    line-height: 3;
}
#breadcrumbs a {
    display: block;
    margin: 0;
    padding: 0 1.5em 0 0;
    background: url(//www.pasela.co.jp/img/bg_breadcrumbs_white.png) center right no-repeat;
    color: #fff;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-decoration: none;
}
#breadcrumbs a:hover {
    color: #c00;
}
#breadcrumbs.white ul li, #breadcrumbs.white ol li, #breadcrumbs.white dl dd {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0;
    color: #333;
    line-height: 2.5;
}
#breadcrumbs.white a {
    display: block;
    margin: 0;
    padding: 0 1.5em 0 0;
    background: url(//www.pasela.co.jp/img/bg_breadcrumbs_gray.png) center right no-repeat;
    color: #f60;
    line-height: 2.5;
}
#breadcrumbs.white a:hover {
    color: #f90;
}
.middle {
    width: 940px !important;
}
.narrow {
    width: 800px !important;
}
.narrow_less {
    width: 780px !important;
}
.narrow_min {
    width: 700px !important;
}
.narrow_con {
    margin: 0 0 0 10px !important;
}
.rhythm {
    width: 850px !important;
}
.bg_gray {
    background: #eee !important;
}
.bg_yellow {
    background: #ebc639;
}
h1.breadcrumbs_link {
    font-size: 10px;
}
#breadcrumbs h1 {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    font-size: 10px !important;
}
#breadcrumbs dd:last-child a, #breadcrumbs li:last-child a {
    pointer-events: none;
    background: none;
    text-decoration: none;
    color: inherit;
}
#breadcrumbs_plural {
    text-align: left;
}
#breadcrumbs_plural div {
    display: inline;
}
#breadcrumbs_plural a {
    margin: 0;
    padding: 0 1.5em 0 0;
    background: url(//www.pasela.co.jp/img/bg_breadcrumbs_gray.png) center right no-repeat;
    color: #f60;
    line-height: 2;
}
#breadcrumbs_plural * {
    font-size: 10px;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
#breadcrumbs div {
    display: inline;
}
#breadcrumbs_plural .last {
    background: none;
    pointer-events: none;
    text-decoration: none;
    color: inherit;
}
#breadcrumbs_plural .end:last-child a {
    pointer-events: none;
    background: none;
    text-decoration: none;
    color: #000;
}

@media screen and (max-width:768px) {
#breadcrumbs ul, #breadcrumbs ol {
    position: relative;
    overflow: scroll;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
}
#breadcrumbs, #breadcrumbs ul, #breadcrumbs ol {
    position: relative;
}
#breadcrumbs::before, #breadcrumbs::before {
    /*content: "";*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 20px;
    height: 18px;
    box-shadow: -20px 0 10px #eee inset;
}
#breadcrumbs ul li, #breadcrumbs ol li, #breadcrumbs dl dd {
    float: none !important;
    display: inline-block;
}
}