<!DOCTYPE html>
<!--[if IE 9 ]>    <html dir="ltr" lang="en-US" class="ie9"> <![endif]-->
<!--[if (gte IE 10)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US"><!--<![endif]-->
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>500 Error // VIZ</title>
    <style>
      html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%,-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%} 
      body {background-color:#F2F2F2;color:#2E2E2E;font-family:Circular,Avenir,sans-serif;margin:0;height:100%;}
      div,footer,header,section {display:block;}
      h1,h2,p {margin:0;padding:0;}
      h1,h2 {font-weight:400;font-size:1em;}
      a {-webkit-transition-property:color,background-color;-moz-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;color:#FF0000;text-decoration:none;background-color:transparent;}
      img {border:0;max-width:100%;}
      .bg-black {background-color:#000;}
      .bg-off-black {background-color:#2E2E2E;}
      .bg-red {background-color:#FF0000;}
      .bg-trans-white {background-color:rgba(255,255,255,0.8);}
      .bg-yellow {background-color:#FFCE58;}
      .color-white {color:#FFF;}
      .flex {display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
      .flex-justify {-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-ms-flex-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;}
      .g-3--lg {}
      .g-omega--lg {margin-right:0;}
      .last-row {}
      .line-solid {line-height:1;}
      .line-tight {line-height:1.15;}
      .mar-b-lg {margin-bottom:30px;}
      .mar-b-xl--lg {}
      .mar-y-xl {margin-top:60px;margin-bottom:60px;}
      .nihongo {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
      .o_logo-bottom {padding:7.5px 30px 7.5px 20px;overflow:visible;position:relative;}
      .o_logo-bottom:before {content:"";position:absolute;width:75pc;top:0;bottom:0;right:0;background-color:#000;}
      .o_logo-img {-webkit-align-self:center;-moz-align-self:center;align-self:center;-ms-flex-item-align:center;display:block;position:relative;z-index:1;width:3pc;height:auto;}
      .o_logo-top {-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;box-ordinal-group:1;-webkit-order:1;-moz-order:1;order:1;-ms-flex-order:1;padding:7.5px 20px 7.5px 30px;overflow:visible;position:relative;z-index:3;}
      .o_logo-top:before {content:"";position:absolute;width:75pc;top:0;bottom:0;background-color:#FF0000;}
      .o_site-footer, .o_site-header {overflow:hidden;}
      .pad-y-xl {padding-top:60px;padding-bottom:60px;}
      .pad-y-xxl {padding-top:90px;padding-bottom:90px;}
      .row {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:3%;padding-right:3%;max-width:85.875rem;margin-left:auto;margin-right:auto;}
      .row.last_row {padding-bottom:60px;}
      .row:after {content:"";display:table;clear:both;}
      .style-spin {-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);}
      .type-center {text-align:center;}
      .type-lg {font-size:39px;}
      .type-lg--md {}
      .type-md {font-size:28px;}
      .type-xl--lg {}
      .type-xl--md {font-size:56px;}
      .type-xxl--lg {}
      .weight-bold {font-weight:700;}

      .wrapper {min-height:100%;height:auto !important;height:100%;margin-bottom:-12em;}
      footer {height:12em;}
    </style>
  </head>

  <body class="bg-yellow">
    <header class="o_site-header bg-trans-white">
      <div class="row flex flex-justify">
        <h1 class="o_logo-top bg-red flex g-3--lg g-omega--lg">
          <a href="/" class="o_logo-img color-white type-md weight-bold">
            <img alt="VIZ" src="https://dw9to29mmj727.cloudfront.net/misc/logo-static-new-sm.png" />
          </a>
        </h1>
      </div>
    </header>

    <div class="row pad-y-xxl wrapper">
      <div class="type-center type-lg type-xl--md type-xxl--lg line-solid mar-b-lg">
        <div class="nihongo style-spin mar-b-lg mar-b-xl--lg">しまった~！</div>
        <h2 class="weight-bold">500 SERVER ERROR</h2>
      </div>
      <div class="type-center type-md type-lg--md type-xl--lg line-tight">
        <p>Something went wrong. Try again later or go back to the <a href="/">home page</a>.</p>
      </div>
      <div class="pad-y-xxl"></div>
    </div>

    <footer class="o_site-footer bg-off-black">
      <div class="row flex">
        <div class="o_logo-bottom bg-black flex g-3--lg g-omega--lg">
          <a href="/" class="o_logo-img color-white type-md weight-bold">
            <img alt="VIZ" src="https://dw9to29mmj727.cloudfront.net/misc/logo-static-new-sm.png" />
          </a>
        </div>
      </div>
      <div class="row pad-y-xl"></div>
    </footer>

  </body>
</html>

