@charset "UTF-8";


/*================================================================================
　dynavi SMT用CSS
=================================================================================*/

/* breadcrumb-dynavi-smt */
#breadcrumb-dynavi-smt{
display: block;
background-color: #eee;
border-bottom: 2px solid #ccc;
padding: 10px;
}
#breadcrumb-dynavi-smt .nav-breadcrumb{
display: block;
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
}

#breadcrumb-dynavi-smt .nav-breadcrumb ul{
margin: 0;
padding: 0;
vertical-align: top;
}
#breadcrumb-dynavi-smt .nav-breadcrumb ul > li{
display: inline-block;
vertical-align: top;
margin:0 0 0 5px;
}
#breadcrumb-dynavi-smt .nav-breadcrumb ul > li:not(:first-child):before{
content:">";
display: inline-block;
padding-right: 5px;
}
#breadcrumb-dynavi-smt .nav-breadcrumb ul > li a{
}


/* ローカルナビ */
.dynavi-nav-local.nav-local a{
display: inline-block;
position: relative;
padding: 10px 26px 9px 10px;
text-indent: 0;
}
.dynavi-nav-local.nav-local a:not(.btn-toggle):before,
.dynavi-nav-local.nav-local .is-current a:not(.btn-toggle):before,
.pc .dynavi-nav-local.nav-local a:not(.btn-toggle):hover:before{
position: absolute;
display: inline-block;
content: "";
margin-right: 6px;
width: 6px;
height: 10px;
top: 0;
bottom: 0;
right: 11px;
margin: auto;
background: url(/content/dam/nttcom/hq/jp/business/cmn/dcc-temp/docomo/images_osp/common/ico/ico_heading_arrow.svg) no-repeat right;
background-size: 6px 10px;
}
.dynavi-nav-local .menu-lv2 .menu-item.is-current{
padding: 10px 26px 9px 10px;
border-left: 4px solid #c03;
color: #c03;
font-weight: bold;
}



/* 製品ページローカルナビ非表示 */
#product-dynavi-area .dynavi-nav-local{
display: none !important;
}
#product-dynavi-area #breadcrumb-dynavi-smt{
border-top: #ccc 1px solid;
}