﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.BreadCrumbs_Standard .ModuleReference {
    background: #fff;
    width: 1160px !important;
    margin: 80px auto 0px;
}

.BreadCrumbs_Standard .inside_b {
    padding: 80px;
}


/* == ボックス調整 == */
.BreadCrumbs_Standard .p-left
{
    position: relative;
    width: 95%;
}

.BreadCrumbs_Standard .p-right {
    position: absolute;
    right: 90px;
    top: 80px;
}

.BreadCrumbs_Standard ol {
    list-style: none;
    padding: 0px !important;
}

.BreadCrumbs_Standard li
{
    display: inline-block;
}

.BreadCrumbs_Standard .bread a
{
    background: rgba(0, 0, 0, 0) url("../../../Images/bread_sep.png") no-repeat right 3px !important;
    margin: 0 5px 0 0;
    padding: 2px 25px 2px 0 !important;
}

.BreadCrumbs_Standard .LIanc a
{
    background: none !important;
    display: inline-block !important;
    padding: 2px 5px 2px 3px !important;
}

.BreadCrumbs_Standard .LIanc img
{
    vertical-align: middle;
}

.BreadCrumbs_Standard .p-right img
{
    vertical-align: bottom;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BreadCrumbs_Standard .ModuleReference {
    background: #fff;
    width: 320px !important;
    margin: 0px auto;
}

.BreadCrumbs_Standard .inside_b {
    padding: 0px 15px;
}


/* == ボックス調整 == */
.BreadCrumbs_Standard .p-left {
    position: relative;
    width: 290px;
    overflow-x: scroll;
}

.BreadCrumbs_Standard .p-right {
    display: none;
}

.BreadCrumbs_Standard ol {
    list-style: none;
    padding: 10px 0px !important;
    width: max-content;
    margin: 0px !important;
}

.BreadCrumbs_Standard li {
    display: inline-block;
    font-size: small;
}

.BreadCrumbs_Standard .bread a {
    background: rgba(0, 0, 0, 0) url("../../../Images/bread_sep.png") no-repeat right 5px !important;
    margin: 0 5px 0 0;
    padding: 2px 20px 2px 0 !important;
    background-size: 10px !important;
}

.BreadCrumbs_Standard .LIanc a
{
    background: none !important;
    display: inline-block !important;
    padding: 2px 5px 2px 3px !important;
}

.BreadCrumbs_Standard .LIanc img
{
    vertical-align: middle;
}

.BreadCrumbs_Standard .p-right img
{
    vertical-align: bottom;
}
}
