@charset "UTF-8";.header{display:flex;width:100%;height:var(--ponponcat-header-height);padding:var(--ponponcat-header-padding-top) var(--ponponcat-width-space) 0;position:fixed;top:0;left:0;z-index:100;background-color:var(--ponponcat-header-background-color);box-shadow:var(--ponponcat-header-box-shadow-x) var(--ponponcat-header-box-shadow-y) var(--ponponcat-header-box-shadow-blur) var(--ponponcat-header-box-shadow-size) var(--ponponcat-header-box-shadow-color);font-family:var(--ponponcat-text-header-font);font-weight:var(--ponponcat-text-header-font-weight);font-size:var(--ponponcat-text-header-font-size)}@media screen and (max-width: 960px){.header{padding-left:var(--ponponcat-width-space-medium);padding-right:var(--ponponcat-width-space-medium)}}@media screen and (max-width: 520px){.header{padding-left:var(--ponponcat-width-space-small);padding-right:var(--ponponcat-width-space-small)}}.header-logo{height:100%;display:block}.header-logo img{display:block;max-width:100%;max-height:100%;border-radius:0}.header-nav{margin-left:40px}@media screen and (max-width: 960px){.header-nav{display:none;margin:0;position:absolute;top:var(--ponponcat-header-height);left:0;background-color:var(--ponponcat-theme-color-90)}}.header-nav-list{display:flex;height:100%}@media screen and (max-width: 960px){.header-nav-list{display:block;height:calc(100vh - var(--ponponcat-header-height));width:100vw;padding:0 0 50px;overflow-y:scroll}}@media screen and (max-width: 960px){.header-nav-list-item{border-top:2px solid var(--ponponcat-header-nav-border-color);background-color:var(--ponponcat-header-background-color)}.header-nav-list-item:last-of-type{border-bottom:2px solid var(--ponponcat-header-nav-border-color)}}.header-nav-list-item-main{position:relative;transition:.5s color;white-space:nowrap}.header-nav-list-item-main:hover{color:var(--ponponcat-theme-color)}.header-nav-list-item-dropdown{display:none;background-color:var(--ponponcat-header-background-color);box-shadow:var(--ponponcat-header-box-shadow-x) var(--ponponcat-header-box-shadow-y) var(--ponponcat-header-box-shadow-blur) var(--ponponcat-header-box-shadow-size) var(--ponponcat-header-box-shadow-color);border-radius:5px;position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:200;width:auto;white-space:nowrap}@media screen and (max-width: 960px){.header-nav-list-item-dropdown{box-shadow:none;background-color:var(--ponponcat-header-dropdown-mobile-background-color);border-radius:0;width:100%;position:relative;top:0;left:0;transform:none}}.header-nav-list-item-dropdown li{height:auto}@media screen and (max-width: 960px){.header-nav-list-item-dropdown li{border-top:1px solid var(--ponponcat-header-nav-border-color);height:50px}.header-nav-list-item-dropdown li:last-of-type{border-bottom:1px solid var(--ponponcat-header-nav-border-color)}}.header-nav-list-item-dropdown li a{line-height:50px;height:100%;transition:.5s color}.header-nav-list-item-dropdown li a:hover{color:var(--ponponcat-theme-color)}.header-nav a,.header-nav span{display:inline-block;line-height:var(--ponponcat-header-line-height);padding:0 10px;text-align:center;width:100%}@media screen and (max-width: 960px){.header-nav a,.header-nav span{height:60px;line-height:60px;padding:0 10px;text-align:left}}.header-hamburger{display:none}@media screen and (max-width: 960px){.header-hamburger{display:flex;justify-content:space-between;flex-flow:column;margin:var(--ponponcat-header-hamburger-button-margin);margin-right:0;margin-left:auto;width:calc(var(--ponponcat-header-line-height) - var(--ponponcat-header-hamburger-button-margin) * 2);border:1px solid var(--ponponcat-theme-color);border-radius:5px;padding:15px 5px}.header-hamburger div{width:100%;height:7px;background-color:var(--ponponcat-theme-color);border-radius:7px}}.dropdown-mode{position:relative}.dropdown-mode .header-nav-list-item-main>a,.dropdown-mode .header-nav-list-item-main-text{padding-right:30px}.dropdown-mode .header-nav-list-item-main-dropicon{position:absolute;top:33px;right:5px;width:20px;height:20px;border-radius:100%;border:1px solid var(--ponponcat-header-dropicon-color);color:var(--ponponcat-header-dropicon-color);cursor:default}@media screen and (max-width: 960px){.dropdown-mode .header-nav-list-item-main-dropicon{width:48px;height:48px;top:6px;right:20px}}.dropdown-mode .header-nav-list-item-main-dropicon:after{content:"▼";position:absolute;top:-2px;left:3px;font-size:12px}@media screen and (max-width: 960px){.dropdown-mode .header-nav-list-item-main-dropicon:after{top:-9px;left:6px;font-size:36px}}