header{position:fixed;z-index:200;width:100%;height:100%;pointer-events:none}@media screen and (min-width: 960px){header #gNavi{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}}header #gNavi .inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:url(../images/common/bg_gnavi.jpg) center top repeat-x;background-size:auto 100%;border-bottom:solid 5px #fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);pointer-events:all;padding:8% 0}header #gNavi .inner ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:baseline;align-items:baseline}@media screen and (max-width: 959px){header #gNavi .inner{-webkit-justify-content:center;justify-content:center;height:calc(90 / 750 * 100vw + 5px);box-sizing:border-box}header #gNavi .inner .logo{width:calc(104 / 750 * 95vw)}header #gNavi .inner .portal{width:calc(58 / 750 * 95vw);margin-left:0.75em}header #gNavi .inner ul{width:70%}header #gNavi .inner ul li{margin-left:0.4em}header #gNavi .inner ul li:nth-child(1){width:calc(169 / 750 * 100vw);max-width:169px}header #gNavi .inner ul li:nth-child(2){width:calc(134 / 750 * 100vw);max-width:134px}header #gNavi .inner ul li:nth-child(3){width:calc(254 / 750 * 100vw);max-width:254px}header #gNavi .inner ul li:nth-child(4){width:calc(192 / 750 * 100vw);max-width:192px}}@media screen and (min-width: 960px){header #gNavi .inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:calc(80 / 1300 * 100vw);max-height:80px;padding:0 min(calc(50 / 1300 * 100vw),50px);border-left:solid 10px #fff;border-right:solid 10px #fff;border-radius:0 0 min(calc(70 / 1300 * 100vw),70px) min(calc(70 / 1300 * 100vw),70px)}header #gNavi .inner .logo{width:calc(104 / 1300 * 100vw);max-width:104px}header #gNavi .inner .portal{width:calc(58 / 1300 * 100vw);max-width:58px;margin-left:1em}header #gNavi .inner ul li{margin-left:1em}header #gNavi .inner ul li:nth-child(1){width:calc(169 / 1300 * 100vw);max-width:169px}header #gNavi .inner ul li:nth-child(2){width:calc(134 / 1300 * 100vw);max-width:134px}header #gNavi .inner ul li:nth-child(3){width:calc(254 / 1300 * 100vw);max-width:254px}header #gNavi .inner ul li:nth-child(4){width:calc(192 / 1300 * 100vw);max-width:192px}}
