#ShinkanESI {
  -webkit-text-size-adjust: 100%;
  background: #fff;
  position: relative;
}
#wrapper #ShinkanESI {
  width: 100%;
}
#ShinkanESI a {
  border: none;
}
#ShinkanESI a.TopicsLink {
  color: #4163a3 !important;
  background: none !important;
  padding: 0 !important;
}
#ShinkanESI img {
  border: none;
}
#ShinkanESI .cFix {
  display: block;
}
#ShinkanESI .cFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#wrapper #ShinkanESI .Title {
  background-color: transparent;
  padding: 10px 0 0;
}
#ShinkanESI .Title h2 {
  color: #4163a3;
  text-align: center;
  float: none;
  display: block;
}
#ShinkanESI .Title h2 a {
  color: #4163a3;
  background: none;
  padding: 0;
}
#ShinkanESI #ThreeWrapper {
  width: 660px;
  height: 543px;
  position: relative;
}
#wrapper #ShinkanESI #ThreeWrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#wrapper #ShinkanESI #ThreeWrapper:before {
  content: "";
  display: block;
  padding-top: 103%;
}
#ShinkanESI div#CarInfo {
  width: 100%;
  height: 143px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_bg.png);
}
#wrapper #ShinkanESI div#CarInfo {
  height: auto;
  position: absolute;
  top: 0;
}
#wrapper #ShinkanESI div#CarInfo:before {
  content: "";
  display: block;
  padding-top: 22%;
}
#ShinkanESI div#CarInfo .inner {
  width: 100%;
  height: 143px;
}
#wrapper #ShinkanESI div#CarInfo .inner {
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
}
#ShinkanESI div#CarInfo .inner.s0 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_0.png);
}
#ShinkanESI div#CarInfo .inner.s100 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_100.png);
}
#ShinkanESI div#CarInfo .inner.s300 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_300.png);
}
#ShinkanESI div#CarInfo .inner.s500 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_500.png);
}
#ShinkanESI div#CarInfo .inner.s700 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_700.png);
}
#ShinkanESI div#CarInfo .inner.sN700 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/pc_N700.png);
}
#ShinkanESI #ThreeJS {
  width: 100%;
  height: 360px;
  z-index: 1;
  position: relative;
  left: 0;
  top: 0;
  background-color: #fff;
}
#wrapper #ShinkanESI #ThreeJS {
  position: absolute;
  height: auto;
  top: 21.6%;
}
#wrapper #ShinkanESI #ThreeJS:before {
  content: "";
  display: block;
  padding-top: 70%;
}
#wrapper #ShinkanESI #ThreeJS canvas {
  position: absolute;
  top: 0;
}
#ShinkanESI.glError #ThreeJS ul {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_BG.png);
  background-size: cover;
}
#wrapper #ShinkanESI.glError #ThreeJS ul {
  position: absolute;
  top: 0;
}
#ShinkanESI.glError #ThreeJS ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
}
#wrapper #ShinkanESI.glError #ThreeJS ul li {
  background-position: left;
}
#ShinkanESI.glError #ThreeJS ul li.s0 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_0.png);
}
#ShinkanESI.glError #ThreeJS ul li.s100 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_100.png);
}
#ShinkanESI.glError #ThreeJS ul li.s300 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_300.png);
}
#ShinkanESI.glError #ThreeJS ul li.s500 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_500.png);
}
#ShinkanESI.glError #ThreeJS ul li.s700 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_700.png);
}
#ShinkanESI.glError #ThreeJS ul li.sN700 {
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/render_N700.png);
}
#ShinkanESI.glError #ThreeJS ul li.nowCar {
  opacity: 1;
}
#ShinkanESI div#CarBtn {
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
#ShinkanESI div#CarBtn a {
  display: block;
  width: calc( ( 100% / 6 ) - 1px );
  height: 40px;
  padding: 10px;
  margin: 0 1px 0 0;
  box-sizing: border-box;
  text-align: center;
  background-color: #9f9f9f;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  float: left;
  user-select: none;
}
#wrapper #ShinkanESI div#CarBtn a {
  font-size: 12px;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#wrapper #ShinkanESI div#CarBtn a:last-child {
  width: calc( ( 100% / 6 ) - 0px );
}
#ShinkanESI div#CarBtn a.nowCar {
  background-color: #4163a3;
}
#ShinkanESI div#CarBtn a:last-child {
  margin: 0;
}
#ShinkanESI div#CarBtn a:hover {
  opacity: .8;
}
#ShinkanESI div#CarBtn a.nowCar:hover {
  opacity: 1;
  cursor: default;
}
#ShinkanESI #loadingScreen {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 543px;
  z-index: 80;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#wrapper #ShinkanESI #loadingScreen {
  height: 100%;
}
#ShinkanESI #loadingScreen #loading {
  width: 100%;
  height: 170px;
  overflow: hidden;
}
#ShinkanESI #loadingScreen #loading .loadcircle {
  width: 86px;
  height: 86px;
  opacity: 0.7;
  margin: 0 auto;
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/load_circle.png);
  background-size: 86px 86px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: spin 1.8s linear infinite;
  -moz-animation: spin 1.8s linear infinite;
  -ms-animation: spin 1.8s linear infinite;
  -o-animation: spin 1.8s linear infinite;
  animation: spin 1.8s linear infinite;
}
#ShinkanESI #loadingScreen #loading .loadtxt {
  width: 100%;
  height: 170px;
  background-image: url(//www.asahicom.jp/news/esi/ichikiji/c1/special/train/shinkansen500/images/load_txt2.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 170px 170px;
  position: absolute;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#ShinkanESI_comment {
  margin: 5px 0 0;
}
#wrapper #ShinkanESI_comment {
  margin: 5px 5px 0;
}
#ShinkanESI_comment p {
  color: #5A5A53;
  font-size: 80% !important;
  text-align: right;
}