.logo {max-width: 200px;
& a {color:#000;}
& .bigfont {font-size:30px; font-weight:bold;}
& .little {display: block;line-height: normal;margin-top:-4px;}
}




header {display: flex; align-items: center; justify-content: space-between; padding:40px 30px 20px;
    & .item:nth-child(2) {margin-left: auto;}
    & .mainnavi a, .subnavi a {font-family: sans-serif; color:#000; margin:0 4px; padding:0px 2px; position:relative;display: inline-block;}
 
    }

    #shop-footer {padding-block:min(100px,10%);
    & h5 {opacity: .4;}
    & a {position:relative;display: inline-block;}
    &  a::after {content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background:#000;
        transform: scaleX(0); 
        transform-origin: bottom right;
        transition: transform 0.3s ease; }

    &  a:hover::after,
    &  a:focus::after {
        transform: scaleX(1);
        transform-origin: bottom left; 
        transition: transform 0.3s ease;}
    & .cfsb {align-items: start;}
}

.copyright {font-family: sans-serif; font-size: 13px; text-align: center; padding:30px;}