#pankuzu {
	margin-top: 8px;
	margin-bottom: 1em;
}

#pankuzu:after{
	content:"";
	display:block;
	clear:both;
}

#pankuzu ul {
    padding-left: 3%;
    padding-right: 3%;
    border-style: solid;
    border-radius: 12px;
    border-width: 2px;
    border-color: rgb(255,255,255);
    background-image: linear-gradient(rgb(248,249,250) 0%, rgb(236,240,245) 98%, rgb(236,240,245) 99%);
    box-shadow: 1px 3px 2px 0px rgba(204,204,204,0.75), inset -1px -1px 0px rgb(168,177,190), inset 1px 1px 0px rgb(168,177,190);
    display: flex;
    flex-wrap: wrap;
}

#pankuzu ul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    list-style-type: none;
    margin-right: 0.5em;
}

#pankuzu ul li:before {
	/* liの前に記号追加 */
	content: " > ";
}

#pankuzu ul li:first-child:before {
	/* 最初のliだけcontentを消す */
	content: none;
}

/*横幅1000pxまでのデバイス*/
@media screen and (max-width:1000px){
    #pankuzu ul {
        flex-direction: column;
    }
}