/* ---------------------------------------------------------------------------------- * * Fonts * */ @font-face {font-family:'Futura-Maxi-Std-Bold';src:url('fonts/Futura-Maxi-Std-Bold.ttf') format('truetype'),url('fonts/Futura-Maxi-Std-Bold.woff2') format('woff2'),url('fonts/Futura-Maxi-Std-Bold.woff') format('woff');font-style:normal;font-weight:normal;} @font-face {font-family:'Futura-Maxi-Std-Demi';src:url('fonts/Futura-Maxi-Std-Demi.ttf') format('truetype'),url('fonts/Futura-Maxi-Std-Demi.woff2') format('woff2'),url('fonts/Futura-Maxi-Std-Demi.woff') format('woff');font-style:normal;font-weight:normal;} @font-face {font-family:'Futura-Maxi-Std-Book';src:url('fonts/Futura-Maxi-Std-Book.ttf') format('truetype'),url('fonts/Futura-Maxi-Std-Book.woff2') format('woff2'),url('fonts/Futura-Maxi-Std-Book.woff') format('woff');font-style:normal;font-weight:normal;} @font-face {font-family:'Futura-Maxi-Std-Light';src:url('fonts/Futura-Maxi-Std-Light.ttf') format('truetype'),url('fonts/Futura-Maxi-Std-Light.woff2') format('woff2'),url('fonts/Futura-Maxi-Std-Light.woff') format('woff');font-style:normal;font-weight:normal;} body,*{font-family:'i9Figure','Futura-Maxi-Std-Demi','游ゴシック体',YuGothic,'游ゴシック Medium','Yu Gothic Medium','游ゴシック','Yu Gothic','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif;color:#000;font-weight:bold;} /* ---------------------------------------------------------------------------------- * * Localize site.css * */ body{min-height:100vh;} super{vertical-align:super;color:inherit;} a{color:inherit;text-decoration:underline;} a:active, a:focus, a:hover{color:black !important;text-decoration:underline;} a.underlined{text-decoration:underline;} a.noUnderline, a.noUnderline:active, a.noUnderline:focus, a.noUnderline:hover a.noUnderline *, a.noUnderline:active *, a.noUnderline:focus *, a.noUnderline:hover *{text-decoration:none;} h1,h2,h3,h4,h5,h6{color:inherit;} p{font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;-moz-font-feature-settings:'nlck','kern','liga','clig','calt';-ms-font-feature-settings:'nlck','kern','liga','clig','calt';-webkit-font-feature-settings:'nlck','kern','liga','clig','calt';font-feature-settings:'nlck','kern','liga','clig','calt';line-height:1.8em;text-align:justify;text-justify:inter-ideograph;display:block;margin-bottom:10px;} pre{tab-size:48px;-moz-tab-size:48px;margin:0;padding:0;background:none;border:none;box-sizing:border-box;white-space:pre-wrap;word-break:normal;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;-moz-font-feature-settings:'nlck','kern','liga','clig','calt';-ms-font-feature-settings:'nlck','kern','liga','clig','calt';-webkit-font-feature-settings:'nlck','kern','liga','clig','calt';font-feature-settings:'nlck','kern','liga','clig','calt';line-height:1.8em;text-align:justify;text-justify:inter-ideograph;display:block;margin-bottom:10px;} p{color:inherit;font-size:16px;line-height:28px;} pre.asText{color:inherit;font-size:16px;line-height:28px;} hr{background:transparent;border:none;border-top:1px solid rgba(0,0,255,.5);} hr.white{border-top:1px solid rgba(255,255,255,.8) !important;} hr.gray{border-top:1px solid rgba(0,0,0,.25);} hr.transparent{border-color:transparent;} a.grayscale, a.grayscale *, img.grayscale{filter:grayscale(100%) contrast(120%);opacity:.8;} a.grayscale:active, a.grayscale:focus, a.grayscale:hover{filter:grayscale(0%) contrast(100%);opacity:.9;} a.colored{opacity:.9;} a.colored:active, a.colored:focus, a.colored:hover{filter:grayscale(100%) contrast(120%);opacity:.8;} blockquote{line-height:175%;border-left:1px solid rgba(0,0,255,.5);margin:0 15px 0 15px;padding:0 0 0 30px;} blockquote .largeText, blockquote .largestText, blockquote .smallText{padding-top:0;padding-bottom:0;margin-top:-.25em;margin-bottom:-.25em;} table{width:100%;} table,tr,td,th{border-collapse:collapse;vertical-align:top} tr{border-bottom:1px solid rgba(0,0,255,.5);} tr:first-child{border-top:1px solid rgba(0,0,255,.5);} th, td{padding:4px 12px;border-left:1px solid rgba(0,0,255,.5);} th{font-size:14px;line-height:28px;} td{font-size:14px;line-height:28px;} th:first-child, td:first-child{border-left:none;} table.noborder tr{border-bottom:none;} table.noborder tr:first-child{border-top:none;} table.noborder th, table.noborder td{border-left:none;} /* swiper */ .swiper-single .swiper-pagination{position:absolute;width:100%;bottom:0px;text-align:center;padding-right:20px;} .swiper-single .swiper-pagination-bullet{height:9px;width:9px;margin:0 0 0 16px;background:black;} /* nav-tab */ .nav-tabs b{font-size:14px;} .nav.nav-tabs li a:active, .nav.nav-tabs li a:focus, .nav.nav-tabs li a:hover{text-decoration:none;} .tab-pane{margin:0;padding:15px;} /* ---------------------------------------------------------------------------------- * * header#main - css * */ /* * for general navigation */ body{padding-top:0px;padding-bottom:0px;} header#main {box-sizing:border-box;margin:0;padding:0;position:fixed;top:0px;width:100%;height:0px;z-index:20000;color:black;background-color:rgba(255,255,255,0);-webkit-transition:0.05s ease-in-out;-moz-transition:0.05s ease-in-out;transition:0.05s ease-in-out;} header#main a{color:inherit;} header#main a:active{color:rgba(0,125,214,1);} header#main nav{box-sizing:border-box;} #logo-type {margin:-7px 0 0 0;padding:0 15px 0 0;float:left;font-size:23px;width:((100% - 1120px) / 2);color:inherit;} #logo-type a:hover, #logo-type a:active{color:magenta;} #menu {box-sizing:border-box;margin:-6px 0 0 0;padding:0;float:left;width:100%;} #menu-contents {float:left;margin-top:8px;height:40px;} #menu-contents .menu-item {cursor:pointer;display:inline-block;text-indent:10px;margin-right:8px;font-size:14px;font-family:'i9Figure', 'NHaasGroteskTXW01-75Bd', sans-serif;position:relative;} #menu-contents .menu-item:first-child {text-indent:0px;padding-left:0px;} #menu-contents .menu-item:last-child {/*text-indent:0px;padding-left:15px;*/} #menu-contents .menu-item a{letter-spacing:1px;} #menu-contents .menu-item a:active, #menu-contents .menu-item a:hover{color:magenta;} #menu-contents .menu-item a.active{color:rgba(0,125,214,1);} #menu-contents .menu-item a.active:hover, #menu-contents .menu-item a.active:active{color:magenta;} #menu-contents-more:hover{color:magenta;} #menu-contents-more:hover .caret-menu, #menu-contents-more .caret-menu:hover{border-top:3px solid rgba(255, 255, 255, 1);display:block;top:30px;opacity:1;} #menu-user {float:left;display:block;height:40px;margin-top:2px;padding-top:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:12px;right:20px;max-width:200px;letter-spacing:1px;font-size:12px;cursor:pointer;} #menu-user:hover{color:magenta;} #menu-user:hover .caret-menu, #menu-user .caret-menu:hover{border-top:3px solid rgba(255, 255, 255, 1);display:block;top:35px;right:20px;} .caret-menu{font-family:'i9Figure', 'NeueHaasGroteskText W01', 'Helvetica Cyrillic', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;margin-top:-3px;min-width:240px;background-color:#fff;color:#333;padding:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:fixed;display:none;transition-duration:3s;font-size:1em;text-indent:5px;box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);-webkit-box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);-moz-box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);} .caret-menu a{display:block;letter-spacing:1px;color:#fff;padding-right:60px;} .caret-menu a:hover, .caret-menu a:active{color:magenta !important;} .caret-menu hr{opacity:.61;margin:10px 0;} /* * for mobile navigation */ #nav-toggle{display:block;width:36px;height:40px;position:absolute;top:12px;right:0px;cursor:pointer;z-index:20000;} #nav-toggle div{position:relative;} #nav-toggle span{display:block;height:1px;background-color:black;position:absolute;width:100%;left:0;-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;transition:0.25s ease-in-out;} #nav-toggle:hover span{background:black;} #nav-toggle span:nth-child(1){top:12px;} #nav-toggle span:nth-child(2){top:24px;} #nav-toggle span:nth-child(3){top:36px;} #nav-toggle.open span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} #nav-toggle.open{transform:scale(1.33);transform-origin:top center;} #nav-toggle-menu{display:none;position:fixed;left:0px;height:100vh;right:0px;top:0px;background-color:rgba(0,125,214,1);z-index:10000;padding:20px 0 0 0;color:#fff;font-size:1em;} #nav-toggle-menu hr{height:1px;border-top-color:#fff;opacity:1;margin:20px 0 20px 0;} #nav-toggle-menu hr.gray{border-top-color:#999;margin-bottom:-10px;} #nav-toggle-menu a{display:block;letter-spacing:1px;padding:8px 0;color:#fff !important;} #nav-toggle-menu a:hover{text-decoration:underline;} /* scr-xxs */ @media (max-width:400px) { #nav-toggle{display:block;width:32px;height:40px;position:absolute;top:0px;right:-5px;cursor:pointer;z-index:20000;} #nav-toggle span:nth-child(1){top:0px;} #nav-toggle span:nth-child(2){top:8px;} #nav-toggle span:nth-child(3){top:16px;} #nav-toggle.open span:nth-child(1){top:8px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:8px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} } /* scr-xs */ @media (min-width:401px) and (max-width:767px) { #nav-toggle{display:block;width:32px;height:40px;position:absolute;top:0px;right:-5px;cursor:pointer;z-index:20000;} #nav-toggle span:nth-child(1){top:0px;} #nav-toggle span:nth-child(2){top:8px;} #nav-toggle span:nth-child(3){top:16px;} #nav-toggle.open span:nth-child(1){top:8px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:8px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} } /* scr-sm */ @media (min-width:768px) and (max-width:991px) { #nav-toggle{display:block;width:32px;height:40px;position:absolute;top:0px;right:-5px;cursor:pointer;z-index:20000;} #nav-toggle span:nth-child(1){top:0px;} #nav-toggle span:nth-child(2){top:8px;} #nav-toggle span:nth-child(3){top:16px;} #nav-toggle.open span:nth-child(1){top:8px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:8px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} } /* scr-md */ @media (min-width:992px) and (max-width:1119px) { #nav-toggle{display:block;width:36px;height:40px;position:absolute;top:12px;right:0px;cursor:pointer;z-index:20000;} #nav-toggle span:nth-child(1){top:12px;} #nav-toggle span:nth-child(2){top:24px;} #nav-toggle span:nth-child(3){top:36px;} #nav-toggle.open span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} } /* scr-lg */ @media (min-width:1120px){ #nav-toggle{display:block;width:36px;height:40px;position:absolute;top:12px;right:0px;cursor:pointer;z-index:20000;} #nav-toggle span:nth-child(1){top:12px;} #nav-toggle span:nth-child(2){top:24px;} #nav-toggle span:nth-child(3){top:36px;} #nav-toggle.open span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} } /* * media queries */ /* header#main -xs */ @media (max-width:767px) { header#main {border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);} header#main #menu {display:none;} header#main #nav-toggle{display:block;} #nav-toggle{right:0px;top:12px;} header#main #logo-type {width:100%;position:absolute;top:9px;left:-2px;font-size:25px;} } /* header#main -sm */ @media (min-width:768px) { header#main {border-left:60px solid rgba(0,0,0,0);border-right:60px solid rgba(0,0,0,0);} header#main #menu {display:none;} header#main #nav-toggle{display:block;} #nav-toggle-menu{padding:20px 40px;} #nav-toggle{right:-30px;top:12px} header#main #logo-type {width:100%;position:absolute;top:8px;left:-2px;font-size:28px;} } /* header#main -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { header#main {border-left:40px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);} header#main nav{position:static;height:auto;width:1120px;margin:auto;background:black;} header#main #logo-type {width:calc(28% + 12px);margin-top:-10px;position:static;float:left;font-size:24px;} header#main #menu {width:auto;display:block;} header#main #menu #menu-contents .menu-item{margin-right:12px;} header#main #nav-toggle{display:none;} #nav-toggle{right:0px;} } /* header#main -lg */ @media (min-width:1120px) { header#main {border-left:40px solid rgba(0,0,0,0);border-right:40px solid rgba(0,0,0,0);} header#main nav{position:static;height:auto;width:1200px;margin:auto;} header#main #logo-type {width:calc(33% + 12px);margin-top:-10px;position:static;float:left;font-size:24px;} header#main #menu {width:auto;} header#main #menu #menu-contents .menu-item{margin-right:24px;} header#main #nav-toggle{display:none;} #nav-toggle{right:0px;} } /* header#main -xl */ @media (min-width:1300px) {/* header#main {border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);} nav{width:100%;position:relative;background:yellow;} header#main #logo-type {width:((100% - 1120px) / 2);position:absolute;top:12px;left:0;} header#main #menu {width:1200px;} header#main #nav-toggle{display:none;} #nav-toggle{right:5px;} */} /* ---------------------------------------------------------------------------------- * * header#sub - css * */ header#sub{box-sizing:border-box;margin:0;padding:0;position:fixed;top:0px;width:100%;z-index:10000;background-color:rgba(0,125,214,0);background-color:rgba(255,255,255,0);-webkit-transition:0.05s ease-in-out;-moz-transition:0.05s ease-in-out;transition:0.05s ease-in-out;color:#aaa;} header#sub .row{margin-top:0px;} header#sub h6{height:auto;margin:0;padding:0;background:rgba(0,255,255,0);overflow:hidden;font-size:11px;letter-spacing:.05em;line-height:11px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0,125,214,1);color:#777;} header#sub h6 a{font-size:inherit;color:inherit;display:inline;} header#sub h6 a:hover, header#sub h6 a:active{color:#000;text-decoration:none;} @media (max-width:767px) { /* header#main -xs */ header#sub{top:0px} #outestWrapper{padding-top:80px;} } @media (min-width:768px) { /* header#main -sm */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } @media (min-width:992px) { /* header#main -md これ以上のサイズが通常のヘッダーメニュー */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } @media (min-width:1120px) { /* header#main -lg */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } /* ---------------------------------------------------------------------------------- * * footer - css * */ #footer{min-height:10vh;} #footerCredit{position:relative;margin-top:30px;} #returnToTop{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;right:15px;bottom:30px;width:80px;height:80px;z-index:300000;-webkit-transition-property:all;-webkit-transition-duration:.125s;-webkit-transition-timing-function:linear;opacity:0;} #returnToTop img:active,#returnToTop img:hover{opacity:.61;} @media (max-width:767px) { #returnToTop{right:18px;bottom:30px;} .copyright-notice{font-size:9px;}} @media (min-width:768px) { #returnToTop{right:18px;bottom:30px;} .copyright-notice{font-size:9px;}} @media (min-width:992px) { #returnToTop{right:18px;bottom:30px;} .copyright-notice{font-size:11px;}} @media (min-width:1120px) { #returnToTop{right:18px;bottom:30px;} .copyright-notice{font-size:13px;}} .grid-sizer, .grid-item{display:block;box-sizing:border-box;margin:0;padding:0;background-size:100% 100%;} .grid-item.transparent{background-color:transparent;} .grid-item-inner{width:0px;height:0px;box-sizing:border-box;margin:0;padding:0 0 100% 0;} #nav-toggle-menu .show-introduction{cursor:pointer;} #nav-toggle-menu .show-introduction:hover{text-decoration:underline !important;} #nav-toggle-menu .show-student-work{text-decoration:none !important;cursor:pointer;} #nav-toggle-menu .show-student-work:hover{text-decoration:underline !important;} .grid-item{cursor:pointer;background-position:center center;} .grid-item:hover{ animation-name:grid-item; animation-duration:.2s; animation-fill-mode:forwards; } @keyframes grid-item { from{ filter:hue-rotate(0deg) saturate(100%) brightness(100%); background-size:100% 100%; } to{ filter:hue-rotate(0deg) saturate(100%) brightness(100%); background-size:105% 105%; } } #student-work{display:none;} .show-introduction{cursor:pointer;} #introduction{display:none;position:relative;z-index:1000;padding:0;width:100%;height:100%;background:rgba(255,255,255,.95);box-sizing:content-box;border-right:100px solid rgba(255,255,255,.95);} .gd-close{cursor:pointer;z-index:500000;width:36px;position:fixed;top:20px;right:30px;display:none;} .gd-close:hover{opacity:.61;} /* scr-xxs */ @media (max-width:400px) { .gd-close{cursor:pointer;z-index:3000;width:32px;position:fixed;top:10px;right:15px;display:none;} } /* scr-xs */ @media (min-width:401px) and (max-width:767px) { .gd-close{cursor:pointer;z-index:3000;width:32px;position:fixed;top:10px;right:15px;display:none;} } /* scr-sm */ @media (min-width:768px) and (max-width:991px) { .gd-close{cursor:pointer;z-index:3000;width:32px;position:fixed;top:10px;right:15px;display:none;} } /* scr-md */ @media (min-width:992px) and (max-width:1119px) { .gd-close{cursor:pointer;z-index:3000;width:36px;position:fixed;top:20px;right:30px;display:none;} } /* scr-lg */ @media (min-width:1120px){ .gd-close{cursor:pointer;z-index:3000;width:60px;position:fixed;top:20px;right:30px;display:none;} } #logo-type-gd{position:fixed;width:100vw;z-index:3000;} #static_logo{position:fixed; filter:brightness(0%);/*加藤追記210522*/} #static_logo:hover{opacity:.61;} #side-menus-top{position:fixed;height:auto;max-height:100px;display:block;font-size:12px;font-weight:bold;line-height:220%;color:black;text-decoration:none;z-index:2000; } #side-menus{position:fixed;top:151px;margin:0 0 0 -30px;padding:10px 0 0 30px;display:block;font-size:13px;font-weight:bold;line-height:250%;color:black;text-decoration:none;} #side-menus.class:hover{background-color:none;color:white;} #side-menus.class.active{background-color:none;color:white;} #side-menus a{font-size:16px;line-height:36px;text-decoration:none;} #side-menus a:hover, #side-menus a.active{text-decoration:none;border-bottom:1px solid black;letter-spacing:.38px;} #overlap{position:absolute;z-index:2000;width:100vw;height:200vh;overflow:hidden;overflow-y:auto;background-color:rgba(255,255,255,.9);} .arrow_left img{margin:10px 0 0 0;opacity:.95;z-index:3000;} .arrow_left:hover{opacity:.61;} .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw + 50px);margin:0 -25px;padding:0;} /* scr-xxs */ @media (max-width:400px) { .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw);margin:0;padding:0;} #logo-type-gd{position:fixed;width:100vw;z-index:3000;left:0px;} #static_logo{height:90px;padding:0 0 0 0;margin:10px 0 20px 10px;max-width:calc(100vw - 20px);} } /* scr-xs */ @media (min-width:401px) and (max-width:767px) { .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw);margin:0;padding:0;} #logo-type-gd{position:fixed;width:100vw;z-index:3000;left:0px;} #static_logo{height:90px;padding:0 0 0 0;margin:15px 0 20px 10px;max-width:calc(100vw - 30px);} } /* scr-sm */ @media (min-width:768px) and (max-width:991px) { .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw + 100px);margin:0 0 0 -50px;padding:0;} #logo-type-gd{position:fixed;width:100vw;z-index:3000;left:0px;} #static_logo{height:105px;padding:0 0 0 0;margin:10px 0 20px 0px;} } /* scr-md */ @media (min-width:992px) and (max-width:1119px) { .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw + 25px);margin:0 0 0 0;padding:0;} #static_logo{height:105px;padding:0 0 0 0;margin:10px 0 20px -5px;} #logo-type-gd{margin-left:-10px;} #side-menus-top{margin-left:-20px;} #side-menus{margin-left:-50px;width:100%;} } /* scr-lg */ @media (min-width:1120px){ .gd.wrapper{margin:0;padding:0;border:none;position:relative;top:-80px;} .gd.container{width:100vw !important;min-width:calc(100vw + 25px);margin:0 0 0 0;padding:0;} #static_logo{height:105px;padding:0 0 0 0;margin:10px 0 25px -5px;} #logo-type-gd{margin-left:-10px;} #side-menus-top{margin-left:-20px;} #side-menus{margin-left:-50px;width:100%;} }