/* Mobile View */
@media screen and (max-width: 45em){

#position{
display:none;
}

}

/* Mobile View > Tablet */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

#position{
display:inline-block;
width:100%;
padding:.5rem .75rem 0 .75rem;
}

}


/* Mobile View > Tablet and Above */
@media screen and (min-width: 45rem){

#position > *{
margin:0;
padding:0;
}

#position ol{
list-style-type:none;
}

#position ol li{
float:left;
width:auto;
margin:0 .25em 0 0
}

#position ol li a{
font-weight:normal;
font-size:var(--s-font-size);
}

#position ol li a:before{
display:inline-block;
content:'';
width:.75em;
height:.5em;
}

#position ol li a:before{
background:url('/asset/img/icon/arrow.svg') no-repeat top left;
}

}


/* Desktop View */
@media screen and (min-width: 79.5rem){

#position{
display:inline-block;
width:100%;
padding:.5rem .75rem;
}

}