@media (max-width: 549px) {
    :root {
        --bs-upper-line-width: 28px;
    }

	#fp__bar-shop .hippo-link {
		padding: var(--length-1x) 0px var(--length-1x);
		position: absolute;
		top: 0;
		left: 0;
		left: auto;
        width: 50%;
        text-align: center;
        background-color: #fff;
        color: #000;
        display: inline-table;
	}
/*
	#fp__bar-shop .upper-link {
        margin: 0;
        transform: rotate(-90deg) translate(calc(-50% + 13px), 30vw);
        background-color: var(--black-color);
        width: 30vh;
        text-align: left;
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 15px;
        font-size: 12px;
        color: #fff;
    }
*/
    #fp__bar-shop .upper-link {
        margin: 0;
        background-color: var(--black-color);
        /*background-color: var(--active-color);*/
        width: 30vh;
        text-align: left;
        position: absolute;
        padding: 0px 15px;
        font-size: 12px;
        color: #fff;
        transform: rotate(-90deg);
        transform-origin: top right;
        top: 0;
        right: calc(var(--bs-upper-line-width) - 1px);
        height: var(--bs-upper-line-width);
        line-height: var(--bs-upper-line-width);
    }
    
    #fp__bar-shop .upper-link:hover {
        background-color: #fff;
        color: var(--active-color);
    }
}