.header{align-items:center;background-color:#dadada;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100px;left:0;padding:0 5%;position:fixed;top:0;width:100vw}.header .marquee{background-color:#ffec1a;height:12px;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:100vw}.header .marquee .marquee-track{animation:marquee 20s linear infinite;display:flex;width:-moz-max-content;width:max-content}.header .marquee .marquee-track span{flex-shrink:0;font-size:8px;margin-right:80px}.header .inner{align-items:center;display:flex;gap:10%;height:50px;justify-content:space-between;margin-top:-5px;width:100%}.header .inner .wrap-logo{aspect-ratio:16/9;display:block;-o-object-fit:contain;object-fit:contain;width:150px}.header .inner .wrap-logo img{height:100%;width:100%}.header .inner .wrap-menu{display:flex;flex-direction:column;height:100%;width:100%}.header .inner .wrap-menu .deco{align-items:center;display:flex;height:12px;width:100%}.header .inner .wrap-menu .deco img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header .inner .wrap-menu nav{align-items:center;background-color:#e2e2e2;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);height:100%;padding:6px}.header .inner .wrap-menu nav li{align-items:center;background-color:#f4f4f4;display:flex;height:16px;height:100%;justify-content:center;list-style:none}.header .inner .wrap-menu nav li a{color:#000;font-size:12px;text-decoration:none}.header .inner .wrap-menu nav li a:hover{color:#ff6b81}.header .wrap-user-name{background-color:#ddd;height:18px;left:0;position:absolute;top:82px;width:100vw}.header .wrap-user-name .user-name{font-size:14px;margin:0}.header .font-list{align-items:center;background-color:#b7f279;border-radius:20px 0 0 20px;display:flex;gap:10px;padding:4px 6px 4px 20px;position:absolute;right:0;top:110px;width:50%}.header .font-list .des{font-size:14px}.header .font-list .button-box{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.header .font-list .button-box button{background-color:#eee;border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.header .font-list .button-box button.active{background-color:#ff6b81;color:#fff}.header .font-list.is-close{overflow:hidden;width:100px}.header .font-list.is-close .button-box{display:none}.is-sp .inner{gap:20px}.is-sp .inner .wrap-logo{height:40px;-o-object-fit:contain;object-fit:contain;width:60px}.is-sp .inner .wrap-menu{width:100%}.is-sp .inner .wrap-menu nav li a{font-size:10px;line-height:1}.is-sp .font-list{width:70%}.is-sp .font-list .button-box{gap:6px;grid-template-columns:repeat(2,1fr);width:100%}.is-sp .font-list .button-box button{font-size:16px;height:24px;padding:0;width:100%}.admin-header{background-image:url(./bg_admin_header.BmZ95S60.PNG)}.front-header{background-image:url(./bg_front_header.R9UcPsOb.jpeg)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}