div.ccm-page header{width:365px;position:fixed;top:0;left:0;background:#00f;min-height:100%;display:flex;flex-direction:column;justify-content:space-around}div.ccm-page header nav.nav-menu{padding:0 40px;width:100%}div.ccm-page header nav.nav-menu ul.menu-list,div.ccm-page header .footer-box ul.social-icons{margin:0;padding:0}div.ccm-page header nav.nav-menu ul.menu-list li{position:relative;padding:.25em 0}div.ccm-page header nav.nav-menu ul.menu-list li a{display:block;padding:0;color:#fff;font-size:15px;text-decoration:none !important}div.ccm-page header nav.nav-menu ul.menu-list li a::before{display:block;float:left;content:"";width:0;height:1px;margin-top:12px;margin-right:0;background-color:#9cc3ff;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}div.ccm-page header nav.nav-menu ul.menu-list li a.active,div.ccm-page header nav.nav-menu ul.menu-list li a:hover{color:#9cc3ff !important}div.ccm-page header nav.nav-menu ul.menu-list li a.active::before,div.ccm-page header nav.nav-menu ul.menu-list li a:hover::before{width:50px;margin-right:10px}div.ccm-page header nav.nav-menu ul.menu-list li small::before{content:" ";font-size:15px}div.ccm-page header .footer-box{text-align:left;padding:0 40px;margin-top:auto}div.ccm-page header .footer-box p{color:#eee;line-height:1.3}div.ccm-page header .footer-box ul.social-icons{padding:20px 0}div.ccm-page header .footer-box ul.social-icons li{display:inline-block;margin-right:5px}div.ccm-page header .footer-box ul.social-icons li a{color:#eee;font-size:14px;width:40px;height:40px;display:inherit;border:2px solid #f0f0f0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;line-height:36px;text-align:center}div.ccm-page header .footer-box ul.social-icons li a:hover{color:#fff;background:#b2ccec;border-color:transparent}div.ccm-page header .footer-box ul.social-icons li:last-child{margin-right:0}div.ccm-page header a.elemadded{display:none;color:#fff;font-size:13px;font-family:"Open Sans","Noto Sans JP",sans-serif;text-transform:uppercase;font-weight:400;padding:15px 0;text-align:center;text-decoration:none;border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}@media (max-width:991px){div.ccm-page header{position:relative;width:100%;height:auto !important;display:block;padding-top:20px;text-align:center}div.ccm-page header .logo{padding:10px 5px;margin-bottom:10px}div.ccm-page header nav.nav-menu{padding:0;overflow-x:hidden;display:none;text-align:center;border-bottom:1px solid #f1f1f1}div.ccm-page header nav.nav-menu>ul.menu-list{padding:15px 0}div.ccm-page header nav.nav-menu>ul.menu-list li{border:none !important;padding:2px 0}div.ccm-page header nav.nav-menu ul.menu-list li a.active::before,div.ccm-page header nav.nav-menu ul.menu-list li a:hover::before{width:0;margin-right:0}div.ccm-page header nav.nav-menu>ul.menu-list li a::after{display:none}div.ccm-page header .footer-box{padding:0;text-align:center}div.ccm-page header .footer-box ul.social-icons{padding:15px 0}div.ccm-page header .footer-box ul.social-icons li{margin-right:0px}div.ccm-page header .footer-box p{display:none}div.ccm-page header::after{width:0}div.ccm-page header a.elemadded{display:block}}