#logout-dropdown #pro-sp-user{display:none}#toggle:checked+#logout-dropdown{position:absolute}@media (max-width:768px){nav{height:auto}#top-container{box-sizing:border-box;height:auto}#headerlogo{margin-left:1.3333333333vw;padding:1.3333333333vw 0;height:auto;width:40vw}#headerlogo img{width:100%}#headerlogo img,#nav-user{margin:0;height:auto}#nav-user label{border-radius:50%;background-image:none;background-color:#e42f2a;font-size:0;padding:0;margin-right:2.6666666667vw;height:10vw;width:10vw;position:relative;z-index:1}#nav-user label:before{content:"";display:block;background:url(/img/img_ico_chara.png) no-repeat 50%;background-size:auto 100%;margin-top:-.4vw;height:6vw;width:10vw;position:absolute;top:50%;left:50%;z-index:1;transform:translateX(-50%) translateY(-50%)}#logout-dropdown{background-color:#fcc;height:auto;width:100%;box-shadow:none;border:none;border-radius:0;padding-bottom:1.3333333333vw;top:13.8666666667vw}#logout-dropdown>a{border-radius:.6666666667vw;background-color:#fff;color:#3490dc;display:block;margin:0 auto;padding:2vw 0;line-height:1;text-decoration:none;width:97.3333333333vw}#logout-dropdown #logout{font-size:3.7333333333vw;padding:0}#logout-dropdown #logout:hover{background-color:#fff}#logout-dropdown #pro-sp-user{display:block;color:#000;font-size:3.7333333333vw;line-height:1.5;margin:0 auto;padding:2vw 0;text-align:left;width:97.3333333333vw;white-space:break-spaces}#logout-dropdown #pro-sp-user:hover{background-color:#fcc}}