/*以下初期化用*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
abbr, address, cite, code,
b, i,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
  background-color: #000000;
}

ul,ol {
  list-style: none;
}

/*-----------------------------PC,SP共通---------------------------------*/

/* widthに % 指定をすると*/
.resizeImg {
  max-width: 100%;
  height: auto;
}

.link_1 {
  color: #ffffff;
}

#bodyPosition {
  color: #ffffff;
  font-size: 16px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
}

.adjust_A {
  margin: 0px 14px 0px 0px;
}

header {
  width: 1024px;
  margin: 0px 0px 26px 0px;
}

#navBox {
  display: grid;
  grid-template-columns: 512px 512px;
}

#navLeft {
  height: 34px;
  grid-column: 1/2;
}

#navUl {
  padding: 14px 0px 0px 20px;
  display: flex;
}

#slide {
  text-align: center;
}


/*要素の幅に自動調整させ、背景白を表示する*/
#img {
  display: inline-block;
  background-color: #ffffff;
}

#toolbar {
  height:56px;
  margin: 0px 0px 18px 0px;
}

#old_1_img {
  vertical-align: top;
}

#difference {
  /*padding: 5px 0px 0px 0px;*/
  padding: 5px 115px 0px 0px;
  text-align: right;
}

footer {
  height: 18px;
  text-align: center;
}

.copyright {
  font-size: 16px;
  padding: 1px 0px 1px 0px;
}

/* ウィンドウ幅の最小値: chrome 500px safari 504px*/
@media screen and (max-width: 500px) {
  
  /*-----------------------------------------------------------------------*/

  #bodyPosition {
    font-size: 14px;
    width: 400px;
  }

  .adjust_A {
     margin: 0px 8px 0px 0px;
  }

  header {
    width: 400px;
  }

  #navBox {
    grid-template-columns: 300px 100px;
  }
  
  #navUl {
    padding: 13px 0px 0px 10px;
  }
  
  /* 「#slide」の「text-align: center;」を動作させるために必要（中央揃えは要素内の「width」を元に計算するため） */
  #img {
    width: 300px;
  }

  #toolbar {
    height:16px;
    margin: 0px 0px 16px 0px;
  }
  
  #difference {
    font-size: 12px;
    padding: 5px 50px 0px 0px;
  }

  footer {
    height: 12px;
  }
  
  .copyright {
    font-size: 10px;
  }

}