utton:hover { color:#ffffff; background:#fc583e; } .pc .header_fix #header { background:rgba(255,255,255,1); } .pc .header_fix #header:hover { background:rgba(255,255,255,1); } .header_fix #header_logo a, .pc .header_fix #header_lang.type1 a.active_site, .pc .header_fix #header_lang.type2 > ul > li > a { color:#000000 !important; } .pc .header_fix #global_menu > ul > li > a { color:#000000; } .pc .header_fix #global_menu > ul > li > a:after { background:#fc583e; } #site_wrap { display:none; } #site_loader_overlay { background: #fff; opacity: 1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999; } #site_loader_animation { width: 100%; min-width: 160px; font-size: 16px; text-align: center; position: fixed; top: 50%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: loading-dots-fadein .5s linear forwards; -moz-animation: loading-dots-fadein .5s linear forwards; -o-animation: loading-dots-fadein .5s linear forwards; -ms-animation: loading-dots-fadein .5s linear forwards; animation: loading-dots-fadein .5s linear forwards; } #site_loader_animation i { width: .5em; height: .5em; display: inline-block; vertical-align: middle; background: #e0e0e0; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 .25em; background: #fc583e; -webkit-animation: loading-dots-middle-dots .5s linear infinite; -moz-animation: loading-dots-middle-dots .5s linear infinite; -ms-animation: loading-dots-middle-dots .5s linear infinite; -o-animation: loading-dots-middle-dots .5s linear infinite; animation: loading-dots-middle-dots .5s linear infinite; } #site_loader_animation i:first-child { -webkit-animation: loading-dots-first-dot .5s infinite; -moz-animation: loading-dots-first-dot .5s linear infinite; -ms-animation: loading-dots-first-dot .5s linear infinite; -o-animation: loading-dots-first-dot .5s linear infinite; animation: loading-dots-first-dot .5s linear infinite; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em); } #site_loader_animation i:last-child { -webkit-animation: loading-dots-last-dot .5s linear infinite; -moz-animation: loading-dots-last-dot .5s linear infinite; -ms-animation: loading-dots-last-dot .5s linear infinite; -o-animation: loading-dots-last-dot .5s linear infinite; animation: loading-dots-last-dot .5s linear infinite; } @-webkit-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-moz-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-o-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-webkit-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-moz-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-o-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-webkit-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-moz-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-o-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-webkit-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @-moz-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @-o-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @media only screen and (max-width: 767px) { #site_loader_animation i { width: 0.25em; height: 0.25em; margin: 0 0.125em; } }

遺伝子

ニュース