@charset "utf-8";
.wrapper {
  max-width: 100%;
}
#header .head-wrapper{
  z-index:10;
}
.wrapper .main-wrap {
  width: 100%;
  padding: 0;
  background: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  /* overflow: hidden; */
}
.main-wrap img {
  width: 100%;
  height: auto;
}
#footer .contain,
.wrap-link-footer {
  display: none;
}
.wrapper .main-wrap .anm {
  opacity: 0;
}
#fixbg{
  position: fixed;
  width: 100%;
  height: 100vh;
  background: url(/lineup/move/special/history/img/bg_cts.jpg) top;
  background-size: 100% auto;
  top: 0;
  left: 0;
}
#fixbg.bottomfix{
  position: absolute;
  bottom:0;
  top: auto;
  height: 200vh;
  overflow: hidden;
}
#fixbg .roadpos{
  display:block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
#fixbg.bottomfix .roadpos{
  bottom: calc(-50vh + 25.5em);
  top: auto;
}
#fixbg .croad{
  transform: perspective(26.2em) rotateZ(-1.7deg) rotateX(84.1deg) rotateY(13deg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 7.7em;
  margin-left: 33.5em;
  z-index: 1;
}
#fixbg .croad span{
  display:block;
  background: linear-gradient(-20deg, transparent 5%, white 17%, white 33%, transparent 95%);
  background-position-y: -9em;
  opacity: 0;
  position:absolute;
  width: 2.4em;
  height: 29.3em;
  transform: rotate(42.2deg) translate(1.7em, .7em);
  left: 0;
  top: 0;
}
#fixbg .croad.fix span{
  opacity: 0.8;
  background-position-y: 0em;
}
#fixbg .croad,
#fixbg .croad span{
 transition: .7s cubic-bezier(0.41, 0.09, 0.11, 0.9);
 /* will-change: transform; */
}

#fixbg.c2 .croad{
  margin-top: -1.7em;
  margin-left: 43.4em;
  transform: perspective(42.9em) rotateZ(-0.2deg) rotateX(85.3deg) rotateY(4deg);
}
#fixbg.c2 .croad span{
  height: 44.5em;
  transform: rotate(30.3deg) translate(0.2em, 2em) scaleX(2.8);
}
#fixbg.c3 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(44.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c3  .croad span{
 transform: rotate(79.9deg) translate(19.1em, 9em)  scale(1.4, 1);
}
#fixbg.c4 .croad{
  margin-top: -8.8em;
  margin-left: 39.4em;
  transform: perspective(64.2em) rotateZ(-1.7deg) rotateX(78.9deg) rotateY(1.5deg);
}
#fixbg.c4 .croad span{
  transform: rotate(40.9deg) translate(2.1em, 17.3em) scale(5.8, 2.2);
}
#fixbg.c5 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c5  .croad span{
 transform: rotate(69.1deg) translate(12.1em, 6em) scale(1.6, 1);
}
#fixbg.c6 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c6  .croad span{
 transform: rotate(64.1deg) translate(11.4em, 7.2em) scale(1.5, 1);
}
#fixbg.c7 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c7  .croad span{
 transform: rotate(64.1deg) translate(11.3em, 7.6em) scale(1.5, 1);
}
#fixbg.c8 .croad,
#fixbg.c9 .croad{
  margin-top: 2em;
  margin-left: 42.4em;
  transform: perspective(32.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(8deg);
}
#fixbg.c8 .croad span,
#fixbg.c9 .croad span{
  transform: rotate(28.9deg) translate(-0.3em, 4.7em) scale(2.1, 1.1);
}
#header,
#footer{
  z-index: 50;
  position: relative;
}
#ctsHistory .ctsInner{
  width: 98%;
  max-width:1440px;
  margin:0 auto;
  /* position: relative; */
}
.icon_home{
  position: sticky;
  will-change: transform, scroll-position;
  left: 100vw;
  top: 0;
  z-index: 5;
  width: 2.572em;
  display: block;
  transition:opacity .2s;
}
.icon_home a{
  right: 2.8em;
  position: relative;
  display: block;
}
.icon_home a img{
  padding: 1.4em;
}
.icon_home .hover{
  position:absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition:.2s;
}
.icon_home:hover .hover{
  opacity: 1;
}
.icon_home:hover{
  opacity:.6;
}
#ctsHistory .scroll{
  position: sticky;
  will-change: transform, scroll-position;
  bottom: 0;
  z-index: 3;
  transition:opacity .2s;
  opacity: 0;
}
#ctsHistory .scroll b{
  position: absolute;
  bottom:0;
  left: 2.2em;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: .97em;
  font-style: normal;
  opacity: 0.5;
  transform:rotate(90deg);
  transform-origin: 106% -229%;
  letter-spacing: 0.01em;
}
#ctsHistory .scroll span {
  display: block;
  width: 2px;
  margin-left: 2.15em;
  height: 4.1em;
  opacity: .5;
  position:relative;
}
#ctsHistory .scroll span:after {
  content:"";
  position:absolute;
  width:2px;
  height:100%;
  background: #5d5d5d;
  animation: scrollbar 1.5s infinite;
}
@keyframes scrollbar {
   0%,100%{
     top:0em;
     height:4.1em;
   }
   50%{
      top:4.1em;
      height:0em;
   }
   51%{
      top:0em;
      height:0em;
   }
}
#ctsHistory{
 position: relative;
 /* contain: paint; */
 /* overflow: hidden; */
 -webkit-font-smoothing: antialiased;
}
#ctsHistory nav.gnav {
  position: sticky;
  will-change: transform, scroll-position;
  bottom: 2.1em;
  width: 100%;
  text-align: center;
  font-family: "Outfit", sans-serif;
  overflow: hidden;
  z-index: 5;
  font-size: max(1em, 10px);
  display: none;
  opacity: 0;
  /* mix-blend-mode: multiply; */
  /* filter: brightness(1.2); */
}
#ctsHistory nav.gnav ul {
  display: inline-flex;
  justify-content: center;
  align-self: flex-end;
  width: 40em;
  padding: 0 2.4em 0 1.2em !important;
  border-radius: 2em;
  margin: 0 auto;
  transition: background 0.6s;
  position: relative;
  overflow: hidden;
}
#ctsHistory nav.gnav ul span{
  position:absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#ctsHistory nav.gnav ul span img{
  position:absolute;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(300deg, transparent 50%, black 60%);
  /* mask-image: linear-gradient(to left, transparent 50%, black 60%); */
  -webkit-mask-position-x: 100%;
  -webkit-mask-size: 300%;
  transition: -webkit-mask-position-x 0s;
  transition-delay:1s;
}
#ctsHistory nav.gnav ul.col1 span img:nth-child(1),
#ctsHistory nav.gnav ul.col2 span img:nth-child(2),
#ctsHistory nav.gnav ul.col3 span img:nth-child(3),
#ctsHistory nav.gnav ul.col4 span img:nth-child(4),
#ctsHistory nav.gnav ul.col5 span img:nth-child(5),
#ctsHistory nav.gnav ul.col6 span img:nth-child(6),
#ctsHistory nav.gnav ul.col7 span img:nth-child(7){
  -webkit-mask-position-x: 0%;
  transition:-webkit-mask-position-x 1s;
  transition-delay:0s;
  z-index:1;
}
#ctsHistory nav.gnav ul .top {
  position: relative;
  margin-right: 1.4em;
}
#ctsHistory nav.gnav ul.col1 li:nth-of-type(2) a,
#ctsHistory nav.gnav ul.col2 li:nth-of-type(3) a,
#ctsHistory nav.gnav ul.col3 li:nth-of-type(4) a,
#ctsHistory nav.gnav ul.col4 li:nth-of-type(5) a,
#ctsHistory nav.gnav ul.col5 li:nth-of-type(6) a,
#ctsHistory nav.gnav ul.col6 li:nth-of-type(7) a,
#ctsHistory nav.gnav ul.col7 li:nth-of-type(8) a {
  font-weight: 600;
  transform: scale(1.13);
  pointer-events: none;
  position: relative;
}
#ctsHistory nav.gnav ul li a:after {
  content: "";
  display: block;
  width: 2.6em;
  aspect-ratio: 1 / cos(30deg);
  clip-path: polygon(50% 0%, 100% 60%, 0% 60%);
  background: #fff;
  position: absolute;
  transform: translateY(0.8em);
  transition: transform 0.3s ease;
}
#ctsHistory nav.gnav ul li:nth-of-type(2) a:after,
#ctsHistory nav.gnav ul li:nth-of-type(3) a:after{
  margin-left: -0.18em;
}

#ctsHistory nav.gnav ul.col1 li:nth-of-type(2) a:after,
#ctsHistory nav.gnav ul.col2 li:nth-of-type(3) a:after,
#ctsHistory nav.gnav ul.col3 li:nth-of-type(4) a:after,
#ctsHistory nav.gnav ul.col4 li:nth-of-type(5) a:after,
#ctsHistory nav.gnav ul.col5 li:nth-of-type(6) a:after,
#ctsHistory nav.gnav ul.col6 li:nth-of-type(7) a:after,
#ctsHistory nav.gnav ul.col7 li:nth-of-type(8) a:after {
  transform: translateY(0em);
}

#ctsHistory nav.gnav ul .top:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.4em;
  right: -0.2em;
  top: 0.3em;
  background: #fff;
  position: absolute;
  z-index:1;
}
#ctsHistory .logo30th{
  width: 7.334em;
  left: calc(100vw - 10em);
  bottom: 1.7em;
  margin: 0 !important;
  position: sticky;
  will-change: transform, scroll-position;
  transition:opacity .2s;
}
#ctsHistory .bnr_gallery{
  width: 25.2224em;
  left: calc(100vw - 27.5em);
  bottom: 0;
  margin: 0 !important;
  position: sticky;
  will-change: transform, scroll-position;
  transition:opacity .4s;
  z-index: 5;
  transition-delay:.3s !important;
}
#ctsHistory .bnr_gallery img{
  transition:.3s;
}
#ctsHistory .bnr_gallery.hide{
  transition-delay:.6s !important;
  opacity:0;
  pointer-events:none;
}
#ctsHistory .bnr_gallery:hover img{
  filter:brightness(1.1);
}
#ctsHistory nav.gnav ul li a {
  color: #fff;
  padding: 0.4em 1.24em;
  display: inline-block;
  letter-spacing: 0.07em;
  font-weight: 300;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
img.paint {
  -webkit-mask-image: url("../img/transition2.png?2");
  mask-image: url("../img/transition2.png?2");
  mask-repeat: no-repeat;
  mask-size: 100% 11000%;
  mask-position: 0;
  animation: paint1 1.2s steps(109);
  animation-fill-mode: forwards;
  will-change: transform, scroll-position;
}
@keyframes paint1 {
  0% {
    opacity: 0;
    mask-position: 0 0%;
  }
  100% {
    opacity: 1;
    mask-position: 0 100%;
  }
}
img.paint2 {
  -webkit-mask-image: url("../img/transition3.png");
  mask-image: url("../img/transition3.png");
  mask-repeat: no-repeat;
  mask-size: 120% 7200%;
  mask-position: -20% 0%;
  animation: paint2 1.2s steps(72);
  animation-fill-mode: forwards;
  will-change: transform, scroll-position;
}
@keyframes paint2 {
  0% {
    opacity: 0;
    mask-position: 0 0%;
  }
  100% {
    opacity: 0.7;
    mask-position: 0 100%;
  }
}
.dummy {
  opacity: 0;
  width: 1px;
  position: absolute;
  top: -9999px;
}
/*============================
#ctsMv
============================*/
#ctsMv {
  /* height: 340em; */
  position: relative;
  padding-top: 20.5em;
  /* visibility: hidden; */
  /* overflow: visible; */
  contain: paint;
}
#ctsMv .ctsInner {
  /* height: calc(100vh - 127px); */
}
#ctsMv .stickywrap {
  position: sticky;
  will-change: transform, scroll-position;
  top: calc(50vh - 19.9em);
  /* height: calc(50vh - -19.9em); */
  /* background: #f0f; */
  z-index: 2;
}
#ctsMv h1 {
  position: relative;
  left: 50%;
  /* top: 50%; */
  margin: -20.4em 0 0 -33.8em;
  width: 64.429em;
  font-size: 1em;
  /* opacity: 0; */
}
#ctsMv h1 span {
  position: relative;
  width: 100%;
  display: block;
}
#ctsMv h1 span img {
  position: absolute;
  /* mix-blend-mode: multiply; */
}
#ctsMv h1 .txt01 {
  height: 8.75em;
}
#ctsMv h1 .w {
  opacity: 0;
  /* mask-image: url("../img/transition2.png"); */
  /* -webkit-mask-image: url("../img/transition2.png"); */
}
#ctsMv h1 .d {
  opacity: 0;
}
#ctsMv h1 .txt02 {
  width: 45.429em;
  margin: 0 0 0 10.5em;
  height: 8.86em;
}
#ctsMv h1 .txt03 {
  width: 37.215em;
  margin: 0 0 0 10.5em;
  height: 8em;
}
#ctsMv .road {
  width: 102em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 19.5em 0 0 -58.1em;
  -webkit-mask-image: linear-gradient(to left, transparent 50%, black 55%);
  mask-image: linear-gradient(to right, transparent 50%, black 53%);
  -webkit-mask-position-x: 220em;
  -webkit-mask-size: 220%;
  /* transition: -webkit-mask-position-x 1s cubic-bezier(0.29, 0.13, 0, 0.98); */
  display: none !important;
}
.c2 #ctsMv .road {
  transform: perspective(99em) skewX(34.2deg) skewY(2.2deg) rotateY(-9.9deg) scale(1.34) rotateX(6deg) rotateZ(-0.9deg) translate(-4.1em, -1em);
  margin-left:-59em;
  filter:blur(.2em);
}
.c2 #ctsMv .road,
.c1 #ctsMv .road{
  transition: 0.5s cubic-bezier(0.37, 0.21, 0.22, 0.81) 0.2s !important;
  transition-delay: 0.7s !important;
}
#ctsMv .move {
  top: -5.2em;
  left: 50%;
  position: relative; /* position: fixed; */
  width: 100%;
  height: 100%;
}
#ctsMv .move li {
  width: 20em;
  position: absolute;
  left: 0;
  top: 0;
}
#ctsMv .move li .p {
  opacity: 0;
}
#ctsMv .move li .p img{
  opacity:1;
}
#ctsMv .move li .w {
  /* opacity: 0; */
}
#ctsMv .move li img {
  position: absolute;
  width: 100%;
  opacity: 0;
}
#ctsMv .move .m01 {
  margin: -18.9em 0 0 -46.2em;
  width: 12.429em;
}
#ctsMv .move .m02 {
  margin: -18.6em 0 0 30.7em;
  width: 14.215em;
}
#ctsMv .move .m03 {
  margin: -9.85em 0 0 -38.8em;
  width: 15.572em;
}
#ctsMv .move .m04 {
  margin: -9.9em 0 0 22.15em;
  width: 15.572em;
}
#ctsMv .move .m05 {
  margin: -0.2em 0 0 -32.95em;
  width: 18.572em;
}
#ctsMv .move .m06 {
  margin: -0.25em 0 0 13.9em;
  width: 18.429em;
}
#ctsMv .move .m07 {
  margin: 2.45em 0 0 -16.6em;
  width: 30.072em;
  transform-origin: 200% 7em;
  transition: transform 0.1s;
}
#ctsMv .move .m07 span{display: block;perspective: 73em;perspective-origin: 120.7% 0em;width: 100%;}
#ctsMv .move .m07 .wheel{
  position:absolute;
  right: 0;
  top: 0;
  height: 4.5em;
  opacity: 1;
  width: 151.9%;
  transform: rotateY(76.5deg) rotate(8deg) translate(43.1em, 13.8em) skewX(12deg);
}
#ctsMv .move .m07 .wheel .t{
  position:absolute;
  width: 7.4em;
  width: 16.2%;
  opacity: 1;
  transition: transform 0.1s;
}
#ctsMv .move .m07 .wheel .t2 {
    position: absolute;
    right: 0;
}
#ctsMv .statement {
  width: 57em;
  text-align: center;
  left: 50%;
  position: relative;
  margin-left: -29.4em;
  margin-top: 58.6em;
  -webkit-mask-image: linear-gradient(to top, transparent 51%, black 54%);
  mask-image: linear-gradient(to top, transparent 51%, black 54%);
  -webkit-mask-position-y: -195em;
  -webkit-mask-size: 100% 390em;
  height: 150em;
  transition:.8s;
  /* background: #f0f; */
}
#ctsMv .statement.vis{
  -webkit-mask-position-y: -140em;
  transition:1.2s;
  transition-delay: .6s;
}
#ctsMv .statement .trigger1 {
  position: absolute;
  top: -10.2em;
}
#ctsMv .statement h2 {
  font-size: 1em;
  position: sticky;
  will-change: transform, scroll-position;
  top: calc(50% - 26em);
}
#ctsMv .statement h2 img {
  width: 52.643em;
  margin-left: 1.4em;
}
#ctsMv .statement p {
  font-size: 1.66em;
  width: 100%;
  margin-top: 2.55em;
  letter-spacing: 0.09em;
  line-height: 2.25;
  font-feature-settings: "palt";
  color: #0c66ba;
  font-weight: 500;
  position: sticky;
  will-change: transform, scroll-position;
  top: 5em;
  top: calc(50% - 11em);
}

/*============================
#ctsYear
============================*/
#ctsYear{
  overflow:hidden;
  /* background: #f0f; */
}
#ctsYear .yearwrap {
  /* border: #f0f 1px solid; */
  min-height: 200vh;
  margin-top: -144vh;
  /* opacity: 0; */
  pointer-events: none;
}
#ctsYear .yearwrap.current {
  pointer-events: all;
}
#ctsYear .y1995 {
  /* margin-top:0; */
  margin-top: -100em;
  position: relative;
}
#ctsYear .ctsInner {
  position: fixed;
  top: calc(50% + 0em);
  left: calc(50% - 51.7em);
  max-height: 90em;
  transform: translateY(-50%) !important;
  width: 100%;
  height: 100vh;
  z-index: 2;
}
#ctsYear .ctsInner.bottomfix{
  position: absolute;
  bottom: calc(-50vh - -8.5em);
  top:auto;
  overflow: hidden;
}
#ctsYear .line.v01 {
  position: absolute;
  width: 1.715em;
  left: 2.3em;
  top: -2.7em;
  pointer-events: none;
  transform-origin: 50% 0%;
}
#ctsYear .line.v02 {
  position: absolute;
  width: 1.715em;
  right: 5.7em;
  top: 16.3em;
  pointer-events: none;
  transform-origin: 50% 0%;
}
#ctsYear .line.h01 {
  position: absolute;
  height: 0.215em;
  width: auto;
  right: 17em;
  top: 15.4em;
  pointer-events: none;
  transform-origin: 0% 50%;
}
#ctsYear .road {
  left: 50%;
  top: 50%;
  position: absolute;
  margin: 1.1em 0 0 -51.4em;
  width: 105em;
  transition: 0.6s cubic-bezier(0.29, 0.11, 0.22, 0.81) !important;
  transition-delay: 0.2s !important;
  mask-image: linear-gradient(-14deg, transparent 60%, black 64%);
  -webkit-mask-position-x: 230vw;
  -webkit-mask-size: 230vw;
  transform-origin: 50% 50%;
  height:25em;
  z-index: -1;
  display: none !important;
}
.c3 #ctsYear .y1995 .road{
  transform: rotateX(22.1deg) rotateY(23deg) translate(-5em, -3em) skewY(4deg);
  mask-image: linear-gradient(-14deg, transparent 62%, black 65%);
  -webkit-mask-position-x: 220vw;
  -webkit-mask-size: 250vw;
  height: 40em;
}
#ctsYear .move {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 35.072em;
  margin: -9.9em 0 0 -14.55em;
  z-index: 9;
  transform-origin: 200% 7em;
  transition: transform 0.1s;
}
#ctsYear .move span{perspective: 111em;perspective-origin: 120.7% 0em;display: block;}
#ctsYear .move img {
  position: absolute;
}
#ctsYear .move .w {
  opacity: 0;
}
#ctsYear .move .p {
  opacity: 0;
}
#ctsYear .move .w.fix {
  animation: fout .6s  linear;
  animation-fill-mode: forwards;
}
@keyframes fout {
  0% {
    opacity: 70%;
  }
  100% {
    opacity: 0%;
  }
}
#ctsYear .move .wheel{
  position:absolute;
  width: 160.6%;
  right: 0;
  top: 0;
  height: 4.5em;
  /* background: #67f2ffdb; */
  display:none;
  transform: rotateY(75.7deg) rotate(6.2deg) translate(59em, 18.5em) skewX(2.2deg);
  opacity: 1;
}
#ctsYear .move .wheel .t{
  position:absolute;
  width: 7.6em;
  animation: wheel1 1s infinite linear;
}
@keyframes wheel1 {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(-90deg)
  }
}
@keyframes wheel2 {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(-110deg)
  }
}
@keyframes wheel3 {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(-102deg)
  }
}
@keyframes wheel4 {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(-74deg)
  }
}
#ctsYear .move .wheel .t2{
  position:absolute;
  right: 0;
  filter: brightness(0.8);
}
#ctsYear .txtArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 25.915em;
  margin-left: 6.4em;
}
#ctsYear .txtArea h2 {
  position: relative;
  margin: 4.1em 0 0 -0.65em;
  font-size: 1em;
  width: 27.215em;
}
#ctsYear .txtArea h2 .w {
  position: absolute;
  opacity: 0;
}
#ctsYear .txtArea h2 .d {
  position: relative;
  /* mix-blend-mode: multiply; */
  opacity: 2;
}
#ctsYear .txtArea h3 {
  font-size: 2.05em;
  margin: 0.3em 0 1.3em 0 !important;
  line-height: 1;
  color: #ed5239;
  opacity: 0.9;
}
#ctsYear .y1995 .txtArea h3 span {
  margin-right: 0.2em;
  margin-left: -0.13em;
}
#ctsYear .txtArea h3 span {
  font-size: 1.18em;
  display: inline-block;
  vertical-align: top;
  margin: -0.09em 0em 0em 0em;
}
#ctsYear .txtArea h4 {
  font-size: 1.42em;
  font-size: max(1.42em, 11px);
  letter-spacing: 0.09em;
  line-height: 1.5;
  font-feature-settings: "palt";
  opacity: 0.78;
}
#ctsYear .txtArea p {
  margin-top: 0.7em;
  font-weight: 400;
    opacity: 1;
  color: #2c2c2c;
  line-height: 1.95;
  text-align: justify;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
  padding-bottom: 5px;
  font-size: max(1.1em, 9px);
}
#ctsYear .txtArea p span{
  display:block;
  background: url(/lineup/move/special/history/img/line_text.png);
  background-size: 23.625em;
  padding-bottom: 0.1em;
}
#ctsYear .txtArea .flowtxt{
  max-height: calc(100vh - 37em);
  overflow: hidden;
  mask-image: linear-gradient(to top, transparent 0em, black 5em);
  -webkit-mask-position-y: 0;
  -webkit-mask-size: 100%;
  /* top: 0; */
  display: block;
  position: relative;
  margin-top: 0.7em;
}
#ctsYear .txtArea .flowtxt p{
  margin-top: 0;
  padding-bottom: 3.5em;
}
#ctsYear .txtArea  .overflow{
  position:absolute;
  left: 0;
  bottom: -2.5em;
  width: 100%;
  height: 8em;
  background: url(/lineup/move/special/history/img/arrow_overflow.svg)no-repeat center 4.7em;
  opacity: 0;
}
#ctsYear .txtArea p em {
  font-style: normal;
  font-weight: 600;
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(246 191 183 / 50%) 10%,
    rgb(246 191 183 / 50%) 80%,
    transparent 80%
  );
  color: #000;
}
#ctsYear .txtArea p sup{
  font-size: 0.6em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 0.92em .1em;
}
#ctsYear .txtArea p small{
    font-size: 0.7em;
    margin-top: 0.6em;
    display: block;
    text-align: left;
}
#ctsYear .catalog {
  left: 50%;
  width: 50%;
  position: absolute;
  top: 50%;
  height: 50%;
}
#ctsYear .catalog li {
  position: absolute;
  width: 20em;
}
#ctsYear .catalog.fix li,
#ctsYear .catalog.fix li span {
  transition: 0.6s cubic-bezier(0.27, 0, 0.1, 1.01);
}
#ctsYear .catalog.fix li:hover {
  transform: rotate(5deg) scale(1.08) !important;
  z-index: 4;
  filter: brightness(1.12);
}
#ctsYear .catalog.fix li:hover span {
  transform: rotate(-5deg) scale(1.5) !important;
}
#ctsYear .catalog li img {
  cursor: pointer;
}
#ctsYear .catalog .c01 {
  width: 15.643em;
  margin: -23.9em 0 0 2.4em;
}
#ctsYear .catalog .c01 img {
  transform: rotate(11.6deg);
}
#ctsYear .catalog li .plus {
  width: 1.358em;
  height: 1.358em;
  background: url(/lineup/move/special/history/img/icon_plus.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
  margin: -0.6em;
}
#ctsYear .catalog .c01 .plus {
  left: 0;
  right: auto;
  margin: -2.1em 0 0 0.7em;
}
#ctsYear .catalog .c02 {
  width: 16.143em;
  margin: -23.7em 0 0 19.6em;
}
#ctsYear .catalog .c02 img {
  transform: rotate(27.5deg);
}
#ctsYear .catalog .c02 .plus {
  margin: 4.3em -5.1em 0 0;
}
#ctsYear .catalog .c03 {
  width: 17.576em;
  margin: -4.3em 0 0 28.85em;
}
#ctsYear .catalog .c03 img {
  transform: rotate(12.1deg);
}
#ctsYear .catalog .c03 .plus {
  margin: 1.4em -1.8em 0 0;
}
#ctsYear .catalog .c04 {
  margin: 6.8em 0 0 22.5em;
  width: 15.358em;
}
#ctsYear .catalog .c04 .plus {
  left: 0;
  right: auto;
  margin: -0.7em 0 0 -0.6em;
}
#ctsYear h5.logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15.922em;
  margin: 18.6em 0 0 39.3em;
}
#ctsYear .y1998 .line.h01 {
  /* top: 15.7em; */
}
#ctsYear .y1998 .road {
  margin: 5.6em 0 0 -54.8em;
  width: 105em;
  height: auto;
  height: 14.073em;
  transform-origin: 69% 25%;
  mask-image: linear-gradient(-2.6deg, transparent 10em, black 14em);
  -webkit-mask-position-x: 230em;
}
.c4 #ctsYear .y1998 .road {
  transform: perspective(71em) skewX(2deg) rotateY(20deg) rotateX(56deg) rotateZ(-28deg) translate(24em, -17.6em);
  filter:blur(.2em);
  height: 35em;
  width: 90em;
}
#ctsYear .y1998 .move {
  width: 41.286em;
  margin: -7.9em 0 0 -15.65em;
  transform-origin: 400% 14em;
}
#ctsYear .y1998 .txtArea h2 {
  width: 27.286em;
}
#ctsYear .y1998 .txtArea h3 {
  color: #6a93b0;
  opacity: 0.8;
}
#ctsYear .y1998 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(170 226 245 / 50%) 10%,
    rgb(170 226 245 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y1998 .catalog .c01 {
  width: 27.043em;
  margin: -21.6em 0 0 -6.8em;
}
#ctsYear .y1998 .catalog .c01 img {
  transform: rotate(9.6deg);
}
#ctsYear .y1998 .catalog .c01 .plus {
  margin: -2.9em 0 0 0.3em;
}
#ctsYear .y1998 .catalog .c02 {
  width: 25.729em;
  margin: -23.9em 0 0 19.86em;
  z-index: 1;
}
#ctsYear .y1998 .catalog .c02 img {
  transform: rotate(-8.3deg);
}
#ctsYear .y1998 .catalog .c02 .plus {
  margin: -2.3em 0.9em 0 0;
}
#ctsYear .y1998 .catalog .c03 {
  width: 17.219em;
  margin: -5.45em 0 0 28.9em;
}
#ctsYear .y1998 .catalog .c03 img {
  transform: rotate(8.1deg);
}
#ctsYear .y1998 .catalog .c03 .plus {
  margin: 0.5em -1.5em 0 0;
}
#ctsYear .y1998 .catalog .c04 {
  margin: 8.3em 0 0 25.7em;
  width: 24.286em;
}
#ctsYear .y1998 .catalog .c04 img {
  transform: rotate(-10deg);
}
#ctsYear .y1998 .catalog .c04 .plus {
  right: 0;
  left: auto;
  bottom: 0;
  top: auto;
  margin: 0 0.3em 10.3em 0;
}
#ctsYear .y1998 h5.logo {
  width: 15.319em;
  margin: 19.1em 0 0 41.1em;
}

#ctsYear .y1998 .move span{
  perspective: 200em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y1998 .wheel{
  width: 80.1%;
  transform: rotateY(37.5deg) rotate(2.4deg) translate(1.9em, 15em) skewX(3deg);
}
#ctsYear .y1998 .wheel .t{
  width: 4.4em;
  animation: wheel2 1s infinite linear;
}
#ctsYear .y1998 .wheel .t2{
  filter: brightness(1);
}

#ctsYear .y2002 .road {
  margin: -3.6em 0 0 -60.3em;
  width: 113.215em;
  height: 31.715em;
  mask-image: linear-gradient(-47deg, transparent 60%, black 64%);
  transform-origin: 50% -208%;
}
.c5 #ctsYear .y2002 .road {
  mask-image: linear-gradient(-12deg, transparent 60%
60%
, black 64%);
  transform-origin: 50% -208%;
  transform: rotate(11deg) translate(13.4em, 4.3em) skewY(-1.1deg) skewX(6deg);
  height: 20.5em;
  width: 100em;
}
#ctsYear .y2002 .move {
  width: 37.215em;
  margin: -10.9em 0 0 -13.95em;
  transform-origin: 260% -6.5em;
  transform: scale(0.9);
}
#ctsYear .y2002 .txtArea h2 {
  margin: 3.7em 0 0 -0.65em;
  width: 32.143em;
}
#ctsYear .y2002 .txtArea h3 {
  margin: 0.35em 0 1.3em 0 !important;
  color: #8280bb;
  opacity: 0.8;
}
#ctsYear .y2002 .txtArea h4 {
  white-space: nowrap;
}
#ctsYear .y2002 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(187 173 255 / 50%) 10%,
    rgb(187 173 255 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y2002 .catalog .c01 {
  width: 28.715em;
  margin: -24.35em 0 0 -3.6em;
}
#ctsYear .y2002 .catalog .c01 img {
  transform: rotate(6.1deg);
}
#ctsYear .y2002 .catalog .c01 .plus {
  margin: -2em 0 0 -0.1em;
}
#ctsYear .y2002 .catalog .c02 {
  width: 25.35em;
  margin: -18.8em 0 0 19.9em;
}
#ctsYear .y2002 .catalog .c02 img {
  transform: rotate(-6.7deg);
}
#ctsYear .y2002 .catalog .c02 .plus {
  margin: -1.8em 0.8em 0 0;
}
#ctsYear .y2002 .catalog .c03 {
  width: 22.286em;
  margin: 0.55em 0 0 27.6em;
}
#ctsYear .y2002 .catalog .c03 img {
  transform: rotate(-15deg);
}
#ctsYear .y2002 .catalog .c03 .plus {
  margin: -3.3em 0.9em 0 0;
}
#ctsYear .y2002 .catalog .c04 {
  margin: 10.4em 0 0 23.1em;
  width: 21.358em;
}
#ctsYear .y2002 .catalog .c04 img {
  transform: rotate(14.4deg);
}
#ctsYear .y2002 .catalog .c04 .plus {
  right: 0;
  left: auto;
  margin: 2.3em -1.2em 0 0;
}
#ctsYear .y2002 h5.logo {
  width: 22.806em;
  margin: 21.9em 0 0 33.8em;
}

#ctsYear .y2002 .move span{
  perspective: 110em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y2002 .wheel{
  width: 110%;
  transform: rotateY(60.6deg) rotate(-4.3deg) rotateX(-10.9deg) translate(18.3em, 20.1em) skewX(8deg);
}
#ctsYear .y2002 .wheel .t{
  width: 5.4em;
  animation: wheel1 3s infinite linear;
}
#ctsYear .y2002 .move .wheel .t2{
  filter: brightness(0.8);
}
#ctsYear .y2006 .road {
  margin: 5.8em 0 0 -52.4em;
  width: 103.786em;
  height: auto;
  height: 17.8em;
}
.c6 #ctsYear .y2006 .road {
  transform: skewY(-1.6deg) skewX(-8deg) translate(-7em, 2em);
}
#ctsYear .y2006 .move {
  width: 39.429em;
  margin: -8.5em 0 0 -14.95em;
  transform-origin: 300% 10em;
}
#ctsYear .y2006 .txtArea h2 {
  margin: 3.7em 0 1em -0.65em;
  width: 32.286em;
}
#ctsYear .y2006 .txtArea h3 {
  color: #e4ab6a;
  opacity: 0.9;
  margin-left: -0.1em !important;
}
#ctsYear .y2006 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(244 209 155 / 50%) 10%,
    rgb(244 209 155 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y2006 .catalog .c01 {
  width: 17.004em;
  margin: -22.8em 0 0 1.9em;
}
#ctsYear .y2006 .catalog .c01 img {
  transform: rotate(5.6deg);
}
#ctsYear .y2006 .catalog .c01 .plus {
  margin: -1.5em 0 0 -0.1em;
}
#ctsYear .y2006 .catalog .c02 {
  width: 15.79em;
  margin: -24.9em 0 0 21.4em;
}
#ctsYear .y2006 .catalog .c02 img {
  transform: rotate(11.5deg);
}
#ctsYear .y2006 .catalog .c02 .plus {
  margin: 1.3em -2.8em 0 0;
}
#ctsYear .y2006 .catalog .c03 {
  width: 17.219em;
  margin: -4.15em 0 0 28.4em;
}
#ctsYear .y2006 .catalog .c03 img {
  transform: rotate(-1.6deg);
}
#ctsYear .y2006 .catalog .c03 .plus {
  margin: -0.75em -0.4em 0 0;
}
#ctsYear .y2006 .catalog .c04 {
  margin: 9.8em 0 0 33.25em;
  width: 6.358em;
}
#ctsYear .y2006 .catalog .c04 img {
  transform: rotate(-9.5deg);
}
#ctsYear .y2006 .catalog .c04 .plus {
  margin: 0em 0 0 -1.5em;
}
#ctsYear .y2006 .catalog .c05 {
  margin: 8.1em 0 0 38.85em;
  width: 6.431em;
}
#ctsYear .y2006 .catalog .c05 img {
  transform: rotate(17deg);
}
#ctsYear .y2006 .catalog .c05 .plus {
  margin: 0.6em -1.7em 0 0em;
}
#ctsYear .y2006 h5.logo {
  width: 26.163em;
  margin: 21.3em 0 0 30.7em;
}
#ctsYear .y2006 .move span{
  perspective: 120em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y2006 .wheel{
  width: 104.1%;
  transform: rotateY(62.5deg) rotate(5.8deg) translate(17.9em, 14.9em) skewX(3.4deg);
}
#ctsYear .y2006 .wheel .t{
  width: 5.3em;
  animation: wheel3 2s infinite linear;
}
#ctsYear .y2006 .wheel .t2{
  filter: brightness(1);
}
#ctsYear .y2010 .road {
  margin: 5.5em 0 0 -54.4em;
  width: 102.8em;
}
#ctsYear .y2010 .move {
  width: 39.858em;
  margin: -8.9em 0 0 -15.25em;
  transform-origin: 370% 4em;
}
#ctsYear .y2010 .txtArea h2 {
  margin: 3.7em 0 1em -0.65em;
  width: 29.929em;
}
#ctsYear .y2010 .txtArea h3 {
  margin-left: -0.1em !important;
  color: #ad7d99;
}
#ctsYear .y2010 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(228 181 209 / 50%) 10%,
    rgb(228 181 209 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y2010 .catalog .c01 {
  width: 16.719em;
  margin: -23.3em 0 0 3.15em;
}
#ctsYear .y2010 .catalog .c01 img {
  transform: rotate(9.4deg);
}
#ctsYear .y2010 .catalog .c01 .plus {
  margin: -1.9em 0 0 0.5em;
}
#ctsYear .y2010 .catalog .c02 {
  width: 16.29em;
  margin: -24.3em 0 0 22.3em;
}
#ctsYear .y2010 .catalog .c02 img {
  transform: rotate(21.6deg);
}
#ctsYear .y2010 .catalog .c02 .plus {
  margin: 3.2em -4.4em 0 0;
}
#ctsYear .y2010 .catalog .c03 {
  margin: -3.35em 0 0 30.5em;
}
#ctsYear .y2010 .catalog .c03 img {
  transform: rotate(-13.7deg);
}
#ctsYear .y2010 .catalog .c03 .plus {
  margin: -2.5em 1.3em 0 0;
}
#ctsYear .y2010 .catalog .c04 {
  margin: 9.5em 0 0 28.4em;
  width: 14.215em;
}
#ctsYear .y2010 .catalog .c04 img {
  transform: rotate(8deg);
}
#ctsYear .y2010 .catalog .c04 .plus {
  left: auto;
  right: 0;
  margin: 0.5em -1.2em 0 0;
}
#ctsYear .y2010 h5.logo {
  width: 26.765em;
  margin: 22.9em 0 0 30.6em;
}
#ctsYear .y2010 .move span{
  perspective: 142em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y2010 .wheel{
  width: 99.1%;
  transform: rotateY(58.5deg) rotate(2.8deg) translate(13.3em, 15.9em) skewX(6.4deg);
}
#ctsYear .y2010 .wheel .t{
  width: 5.4em;
  animation: wheel1 2s infinite linear;
}
#ctsYear .y2010 .wheel .t2{
  filter: brightness(1);
}
#ctsYear .y2010 .road {
  margin: 6.6em 0 0 -54em;
  width: 102.9em;
  height: 18.72em;
}
.c8 #ctsYear .y2014 .road {
  transform: rotate(5deg) skewY(-5deg) skewX(25deg) translate(13em, -4.4em);
  height: 32em;
  width: 87em;
}
#ctsYear .y2014 .move {
  width: 39.858em;
  margin: -9.3em 0 0 -15.25em;
  transform-origin: 240% 12em;
}
#ctsYear .y2014 .txtArea h2 {
  margin: 3.8em 0 0.9em -0.65em;
  width: 29.286em;
}
#ctsYear .y2014 .txtArea h3 {
  margin-left: -0.1em !important;
  color: #61a7d8;
}
#ctsYear .y2014 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(155 221 243 / 50%) 10%,
    rgb(155 221 243 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y2014 .catalog .c01 {
  width: 15.718em;
  margin: -23.3em 0 0 0.7em;
}
#ctsYear .y2014 .catalog .c01 img {
  transform: rotate(4.5deg);
}
#ctsYear .y2014 .catalog .c01 .plus {
  margin: -1.2em 0 0 -0.2em;
}
#ctsYear .y2014 .catalog .c02 {
  width: 24.72em;
  margin: -21em 0 0 18.8em;
}
#ctsYear .y2014 .catalog .c02 img {
  transform: rotate(-14.7deg);
}
#ctsYear .y2014 .catalog .c02 .plus {
  margin: -3.4em 2.1em 0 0;
}
#ctsYear .y2014 .catalog .c03 {
  width: 17.429em;
  margin: -3.1em 0 0 28.7em;
}
#ctsYear .y2014 .catalog .c03 img {
  transform: rotate(5.7deg);
}
#ctsYear .y2014 .catalog .c03 .plus {
  margin: 0.3em -1.2em 0 0;
}
#ctsYear .y2014 .catalog .c04 {
  margin: 10em 0 0 32.65em;
  width: 14.215em;
}
#ctsYear .y2014 .catalog .c04 img {
  transform: rotate(-9deg);
}
#ctsYear .y2014 .catalog .c04 .plus {
  margin: 0.7em 0 0 -1.4em;
}
#ctsYear .y2014 h5.logo {
  width: 27.195em;
  margin: 22.3em 0 0 23.7em;
}
#ctsYear .y2014 .move span{
  perspective: 127em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y2014 .wheel{
  width: 103.1%;
  transform: rotateY(61.9deg) rotate(4.1deg) translate(16.7em, 16.1em) skewX(6.4deg);
}
#ctsYear .y2014 .wheel .t{
  width: 5.6em;
  animation: wheel1 2s infinite linear;
}
#ctsYear .y2014 .wheel .t2{
  filter: brightness(1);
}
#ctsYear .y2010 .road {
  margin: 6.6em 0 0 -54em;
  width: 102.9em;
  height: 18.72em;
}
#ctsYear .y2025 {
  min-height: 0;
  height: 101vh;
}
#ctsYear .y2025 .line.h01 {
  top: 15.7em;
}
#ctsYear .y2025 .road {
  margin: 5.3em 0 0 -51.4em;
  width: 93em;
}
#ctsYear .y2025 .move {
  width: 37.786em;
  margin: -10.8em 0 0 -14.15em;
  transform-origin: 200% 7em;
}
#ctsYear .y2025 .txtArea {
  /* width: 27.8em; */
}
#ctsYear .y2025 .txtArea h2 {
  margin: 4em 0 0.8em -0.65em;
  width: 30.715em;
}
#ctsYear .y2025 .txtArea h3 {
  margin-left: -0.2em !important;
  color: #1b81c8;
}
#ctsYear .y2025 .txtArea p em {
  background: linear-gradient(
    0deg,
    transparent 10%,
    rgb(146 205 246 / 50%) 10%,
    rgb(146 205 246 / 50%) 80%,
    transparent 80%
  );
}
#ctsYear .y2025 .catalog .c01 {
  width: 17.572em;
  margin: -26em 0 0 -0.3em;
}
#ctsYear .y2025 .catalog .c01 img {
  transform: rotate(4.1deg);
}
#ctsYear .y2025 .catalog .c01 .plus {
  margin: -1.1em 0 0 -0.1em;
}
#ctsYear .y2025 .catalog .c02 {
  width: 28.207em;
  margin: -21.7em 0 0 16.9em;
}
#ctsYear .y2025 .catalog .c02 img {
  transform: rotate(-7.4deg);
}
#ctsYear .y2025 .catalog .c02 .plus {
  margin: -2.4em 0.8em 0 0;
}
#ctsYear .y2025 .catalog .c03 {
  margin: -1.95em 0 0 30.65em;
  width: 17.143em;
}
#ctsYear .y2025 .catalog .c03 img {
  transform: rotate(11.6deg);
}
#ctsYear .y2025 .catalog .c03 .plus {
  margin: 1.25em -1.8em 0 0;
}
#ctsYear .y2025 .catalog .c04 {
  margin: 9.75em 0 0 24.65em;
  width: 14.572em;
}
#ctsYear .y2025 .catalog .c04 img {
  transform: rotate(3.5deg);
}
#ctsYear .y2025 .catalog .c04 .plus {
  margin: -0.9em 0 0 -0.4em;
}
#ctsYear .y2025 h5.logo {
  width: 29.949em;
  margin: 20.8em 0 0 29.8em;
}
#ctsYear .y2025 .move span{
  perspective: 90em;
  perspective-origin: 120.7% 0em;
}
#ctsYear .y2025 .wheel{
  width: 178.9%;
  transform: rotateY(78.1deg) rotate(8.3deg) translate(71.4em, 17.7em) skewX(12.4deg);
}
#ctsYear .y2025 .wheel .t{
  width: 10.4em;
  animation: wheel4 2s infinite linear;
}
#ctsYear .y2025 .wheel .t2{
  filter: brightness(1);
}
/*============================
#ctsModal
============================*/
#ctsModal {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
}
#ctsModal .bg {
  background: #000;
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#ctsModal .close {
  width: 2.429em;
  position: absolute;
  right: 0;
  margin: -3em;
}
#ctsModal .close img {
  opacity: 0.6;
  cursor: pointer;
}
#ctsModal .close:hover img {
  opacity: 1;
}
#ctsModal .cts {
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#ctsModal .cts .viewer {
  width: 63.286em;
}
#ctsModal .cts .viewer.long {
  width: 88.143em;
}
#ctsModal .cts .viewer.half {
  width: 31.643em;
}
#ctsModal .cts .zoom {
  position: absolute;
  width: 2.55em;
  height: 2.55em; /* background: #fff; */
  border-radius: 50%;
  border: #8c8c8c 1px solid;
  right: 0;
  bottom: 0;
  margin: 0.1em -4.2em;
  cursor: pointer;
  display: none;
}
#ctsModal .cts .zoom:hover {
}
#ctsModal .cts .zoom:before,
#ctsModal .cts .zoom:after {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border: #fff 2px solid;
  border-bottom: 0;
  border-left: 0;
  left: 1.3em;
  top: 0.6em;
}
#ctsModal .cts .zoom:after {
  transform: rotate(180deg);
  left: 0.6em;
  top: 1.3em;
}
#ctsHistory > .cover {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
}
#ctsModal {
  font-size: max(1em, 1vw);
}
#moveon_common_share{
 display: block;
 z-index: 3;
 position: relative;
 height: 14.6em;
}
#moveon_common_share h4{
 width: 5.4em;
 display: block;
 margin: 0 auto;
 padding: 4.6em 0 .9em;
}
#moveon_common_share ul{
 display: flex;
 justify-content: center;
}
#moveon_common_share li{
 z-index:1;
 width: 2.83em;
 margin: 0 0.5em;
 transition:filter .4s;
}
#moveon_common_share li img {
  background: #3f91d6;
}
#moveon_common_share li a{
 z-index:1; 
}

@media screen and (max-width: 1440px) {
  #ctsHistory, #fixbg{
    font-size: .972vw;
  }
  #ctsModal{
    font-size: 1vw;
  }
}
@media (min-aspect-ratio: 16/8) {
  #ctsModal{
    font-size: 1.8vh;
  }
}
@media (min-aspect-ratio: 16/8) {
  #ctsHistory,
  #fixbg{
    font-size: 1.54vh;
  }
  #ctsYear .txtArea h4{
    width: 120%;
  }
  #ctsYear .ctsInner{
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
}
@media (min-aspect-ratio: 16/5) {
  #ctsMv .statement{
    -webkit-mask-position-y: 259.6em !important;
  }
}
@media screen and (min-width: 768px) {
  .forsp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .touch .article .wrapper .main-wrap{
    padding-top:0 !important;
  }
  .article .wrapper .main-wrap{
     padding-top:0 !important;
  }
  #ctsHistory {
    font-size: 2.5vw;
    overflow: visible;
    contain: paint;
  }
  .icon_home{
    width: 3.8em;
    height: 0;
  }
  .icon_home a img{
    padding: 1em;
  }
  .icon_home a{
    right: 2em;
  }
  #fixbg{
    background: url(/lineup/move/special/history/img/bg_cts_sp.jpg) no-repeat center;
    background-size: cover;
  }
  #fixbg .roadpos{
   opacity: 0 !important;
   height: 145em;
   transition: .3s;
  }
  #fixbg.c1  .roadpos{
   transform:translateY(-16em);
  }
  #fixbg.c2  .roadpos,
  #fixbg.c3  .roadpos,
  #fixbg.c4  .roadpos,
  #fixbg.c5  .roadpos,
  #fixbg.c6  .roadpos,
  #fixbg.c7  .roadpos,
  #fixbg.c8  .roadpos{
   opacity:1 !important;
  }
#fixbg .croad,
#fixbg .croad span{
  backface-visibility: hidden;
}
  #fixbg .croad{
  margin-top: -1.7em !important;
  margin-left: 43.4em !important;
  transform: perspective(42.9em) rotateZ(-0.2deg) rotateX(85.3deg) rotateY(4deg);
}
#fixbg.c3 .croad{
  transform: perspective(44.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c4 .croad{
  transform: perspective(64.2em) rotateZ(-1.7deg) rotateX(78.9deg) rotateY(1.5deg);
}
#fixbg.c5 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c6 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c7 .croad{
  margin-top: -2em;
  margin-left: 42.4em;
  transform: perspective(37.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(3deg);
}
#fixbg.c8 .croad,
#fixbg.c9 .croad{
  transform: perspective(32.2em) rotateZ(-0.7deg) rotateX(85.3deg) rotateY(8deg);
}

  #fixbg .croad span{
    height: 44.5em;
    transform: rotate(30.3deg) translate(-1.1em, 2em) scale(3.8, 2.8);
  }
  #fixbg.c3  .croad span{
   transform: rotate(79.9deg) translate(12em, 9em)  scale(1.9, 1);
  }
  #fixbg.c4 .croad span{
    transform: rotate(36.9deg) translate(-16.8em, -0.7em) scale(13.4, 2.2);
  }
  #fixbg.c5  .croad span{
   transform: rotate(69.1deg) translate(6em, 6em) scale(1.8, 1);
  }
  #fixbg.c6  .croad span{
   transform: rotate(64.1deg) translate(5.3em, 7.2em) scale(1.4, 1);
  }
  #fixbg.c7  .croad span{
   transform: rotate(64.1deg) translate(5.6em, 7.6em) scale(1.6, 1);
  }
  #fixbg.c8 .croad span,
  #fixbg.c9 .croad span{
    transform: rotate(28deg) translate(-1.5em, 4.7em) scale(2.1, 1.1);
  }

  
  .forpc {
    display: none !important;
  }
  
  #ctsHistory .scroll b{
    left: 1.5em;
    font-size: 1.17em;
    transform-origin: 100% -200%;
    letter-spacing: 0.01em;
  }
  #ctsHistory .scroll span {
    width: 2px;
    margin-left: 2em;
    height: 4.1em;
    opacity: .5;
  }
  #ctsHistory .scroll span:after {
    width:2px;
    height:100%;
  }
  #ctsHistory nav.gnav {
    bottom: 2.2em;
    font-size: 1.47em !important;
  }
  #ctsHistory nav.gnav ul {
    width: 23.2em;
    padding: 0 1.4em 0 1.2em !important;
    border-radius: 2em;
    margin: 0 auto;
  }
  #ctsHistory nav.gnav ul .top {
    position: relative;
    margin-right: 1.4em;
  }
  #ctsHistory nav.gnav ul li a:after {
    content: "";
    width: 2.6em;
    transform: translateY(0.4em);
    transition: transform 0.3s ease;
  }
  #ctsHistory nav.gnav ul.col1 li:nth-of-type(2) a:after,
  #ctsHistory nav.gnav ul.col2 li:nth-of-type(3) a:after,
  #ctsHistory nav.gnav ul.col3 li:nth-of-type(4) a:after,
  #ctsHistory nav.gnav ul.col4 li:nth-of-type(5) a:after,
  #ctsHistory nav.gnav ul.col5 li:nth-of-type(6) a:after,
  #ctsHistory nav.gnav ul.col6 li:nth-of-type(7) a:after,
  #ctsHistory nav.gnav ul.col7 li:nth-of-type(8) a:after {
    transform: translateY(-0.1em);
  }
  
  #ctsHistory nav.gnav ul .top:after {
    width: 1px;
    height: 1.4em;
    right: -0.2em;
    top: 0.3em;
  }
  #ctsHistory .logo30th,
  #ctsHistory .bnr_gallery{
    width: 100vw;
    left: calc(100vw - 4.15em);
    bottom: 0;
    z-index: 5;
    transition-delay: 0.1s !important;
  }
   #ctsHistory .bnr_gallery img{
     vertical-align:bottom;
   }
  #ctsHistory nav.gnav ul li a {
    transform-origin: 50% 50%;
    padding: 0.4em 0.56em;
    letter-spacing: 0.06em;
    font-size: 3.6vw;
  }
  
  img.draw {
    animation: draw1 0.5s steps(44);
  animation-fill-mode: forwards;
  }
  img.paint {
    animation: paint1 2.5s steps(109);
    animation-fill-mode: forwards;
  }
  img.paint2 {
    animation: paint2 1.2s steps(72);
  animation-fill-mode: forwards;
  }
  /*============================
  #ctsMv
  ============================*/
  #ctsMv {
    padding-top: 1px;
    font-size: 1.3svh;
    height: 120em;
    transition:opacity .4s;
    contain: none;
  }
  #ctsMv.hide {
    visibility:visible;
    pointer-events: none;
    opacity: 0 !important;
  }
  #ctsMv .stickywrap {
    top: calc(50vh - 29.9em);
  }
  #ctsMv h1 {
    left: 50%;
    margin: 0 0 0 -14.9em;
    width: 30.229em;
    font-size: 1em;
  }
  #ctsMv h1 span {
  }
  #ctsMv h1 .txt01 {
    height: 8.75em;
  }
  #ctsMv h1 .w {
  width: 100%;
  }
  #ctsMv h1 .d {
  }
  #ctsMv h1 .txt02 {
    width: 38.429em;
    margin: 0 0 0 12.5em;
    height: 8.86em;
  }
  #ctsMv h1 .txt03 {
    width: 37.215em;
    margin: 0 0 0 10.5em;
    height: 8em;
  }
  #ctsMv .road {
    width: 162.639%;
    margin: 44.7em 0 0 -36.9em;
    -webkit-mask-position-x: 0%;
    /* -webkit-mask-size: 1vw; */
    display: block !important;
  }
  #ctsMv .move {
    top: 25em;
  }
  #ctsMv .move li {
    width: 20em;
  }
  #ctsMv .move li img {
  }
  #ctsMv .move .m01 {
    margin: -4.45em 0 0 -18.6em;
    width: 7.22em;
  }
  #ctsMv .move .m02 {
    margin: -4.25em 0 0 -9.7em;
    width: 9.02em;
  }
  #ctsMv .move .m03 {
    margin: -4.55em 0 0 0.8em;
    width: 8.22em;
  }
  #ctsMv .move .m04 {
    margin: -4.65em 0 0 10.5em;
    width: 8.82em;
  }
  #ctsMv .move .m05 {
    margin: 1.55em 0 0 -14em;
    width: 11.829em;
  }
  #ctsMv .move .m06 {
    margin: 1.35em 0 0 1.2em;
    width: 11.729em;
  }
  #ctsMv .move .m07 {
    margin: 8.85em 0 0 -11.2em;
    width: 20.072em;
    transform-origin: 200% 7em;
  }
  #ctsMv .move .m07 span{
    perspective: 38em;
    perspective-origin: 121.7% 0em;
  }
  #ctsMv .move .m07 .wheel {
    /* display:none; */
    transform: rotateY(77.5deg) rotate(10.9deg) translate(21.4em, 7.1em) skewX(12deg);
    font-size: 1.3em;
  }
  #ctsMv .statement {
    width: 57em;
    left: 50%;
    margin-left: -29.4em;
    margin-top: 26.6em;
    -webkit-mask-position-y: 462.6em;
    -webkit-mask-size: 100% 246em;
    height: 118em;
    /* background: #ff0; */
  }
  #ctsMv .statement .trigger1 {
    top: -16.2em;
  }
  #ctsMv .statement h2 {
    font-size: 1em;
    top: calc(50% - 46.3em);
    height: 27em;
  }
  #ctsMv .statement h2 img {
    width: 39.8em;
    margin-left: 1.9em;
  }
  #ctsMv .statement p {
    font-size: 1.58em;
    margin-top: 2.55em;
    letter-spacing: 0.09em;
    line-height: 2.45;
    top: calc(50% - 11.4em);
    margin-left: 0.5em;
    -webkit-mask-image: linear-gradient(to top, transparent 51%, black 52%);
    mask-image: linear-gradient(to top, transparent 51%, black 52%);
    -webkit-mask-position-y: -195em;
    -webkit-mask-size: 100% 390em;
    opacity: 0;
  }
  #ctsMv .statement p.end{
    -webkit-mask-position-y: -161em;
    transition: 1.6s;
    opacity: 1;
  }
  /*============================
  #ctsYear
  ============================*/
  #ctsYear {
    overflow: visible;
}
  #ctsYear .yearwrap {
    min-height: 0;
    opacity: 0;
    margin-top: -56.8em;
    /* margin-top: 0; */
    margin-bottom: 13em;
    pointer-events: all;
  }
  #ctsYear .y1995 {
    margin-top: -14em;
    min-height: 140em;
  }
  #ctsYear .ctsInner {
    top: 0;
    height: auto;
    position: sticky;
    transform: none !important;
    left: auto;
    max-height: 9999em;
  }
  #ctsYear .line.v01 {
    width: 1.715em;
    left: 2.3em;
    top: -2.7em;
    transform-origin: 50% 0%;
  }
  #ctsYear .line.v02 {
    width: 1.715em;
    right: 5.7em;
    top: 16.3em;
    transform-origin: 50% 0%;
  }
  #ctsYear .line.h01 {
    height: 0.215em;
    right: 17em;
    top: 15.4em;
    transform-origin: 0% 50%;
  }
  #ctsYear .road {
    left: 0;
    top: 0;
    margin: 23.9em 0 0 -10.4em;
    width: 68em;
    -webkit-mask-position-x: -10% !important;
    -webkit-mask-size: 220% !important;
    z-index: 1;
    height: auto !important;
    /* display: block !important; */
  }
  #ctsYear .move {
    width: 27.972em;
    margin: 15.8em 0 0 0.65em;
    transform-origin: 200% 7em;
    transform: unset;
    opacity:1 !important;
    top: 0;
    left: 0;
    transition: 0s;
  }
  #ctsYear .move span{
    transition:.5s;
  }
    #ctsYear .move.opac{
      transition:.3s;
    }
  #ctsYear .move.opac span{
    opacity:.08 !important;
    transition: .5s !important;
  }
  #ctsYear .move .wheel{
    display:none !important;
  }
  #ctsYear .spsticky {
    position: sticky;
    will-change: transform, scroll-position;
    top:2em;
    z-index: 0;
  }
  #ctsYear .spback{
    background: #ff00ff33;
    position: sticky;
    will-change: transform, scroll-position;
    top: 20em;
    /* padding-top: 13em; */
  }
  #ctsYear .spmask{
  mask-image: linear-gradient(to bottom, transparent 24em, black 26em);
  -webkit-mask-position-y: -40em;
  -webkit-mask-size: 100% 300em;
  /* top: 0; */
  display: block;
  }
  #ctsYear .txtArea {
    width: 33.815em;
    margin-left: 3.1em;
    position: relative;
    text-align: center;
    z-index: 0;
  }
  #ctsYear .txtArea h2 {
    margin: 4.2em 0 0 2.35em !important;
    font-size: 1em;
    width: 29.201em !important;
  }
  #ctsYear .txtArea h2 .w.paint {
      animation: paint1 1.2s steps(109);
      animation-fill-mode: forwards;
  }
  #ctsYear .txtArea h2 .d {
  }
  #ctsYear .txtArea h3 {
    font-size: 1.83em;
    margin: 0.2em 0 1.3em !important;
    opacity: 0.9;
  }
  #ctsYear .y1995 .txtArea h3 span {
    margin-right: 0.2em;
  }
  #ctsYear .txtArea h3 span {
    font-size: 1.18em;
    margin: -0.09em 0em 0em 0em;
  }
  #ctsYear .txtArea h4 {
    font-size: 1.42em;
    font-size: 1.84em;
    letter-spacing: 0.09em;
    line-height: 1.5;
    opacity: 0.78;
    margin-top: 38.23em;
    text-align: left;
  }
  #ctsYear .txtArea p {
    margin-top: 0.65em;
    line-height: 1.87;
    letter-spacing: 0.06em;
    padding-bottom: 5px;
    font-size: 1.425em;
    background: none;
  }
  #ctsYear .txtArea p span{
    background-size: 22.5em !important;
  }
  #ctsYear .txtArea p small{
      font-size: 0.76em;
      margin-top: 0.7em;
      display: block;
      text-align: left;
  }
  #ctsYear .txtArea p small + small{
    margin-top:0;
  }
  #ctsYear .txtArea .flowtxt{
    overflow:visible;
    mask-image: none;
    max-height: unset;
  margin-top: 0.7em;
}
  #ctsYear .txtArea .overflow{
    display: none !important;
  }
#ctsYear .txtArea .flowtxt p{
  margin-top: 0;
  padding-bottom: 0;
}
  #ctsYear .txtArea p em {
    font-weight: 600;
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(246 191 183 / 50%) 10%,
      rgb(246 191 183 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .catalog {
  position: relative;
  display: block;
  left: 0;
  height: auto;
  top: 0;
  width: 100%;
  margin-top: 3em;
  min-height: 83.7em;
  }
  #ctsYear .catalog li {
    width: 20em;
    /* position: relative; */
  }
  #ctsYear .catalog.fix li:hover {
    transform: rotate(5deg) scale(1.08) !important;
    filter: brightness(1.12);
  }
  #ctsYear .catalog.fix li:hover span {
    transform: rotate(-5deg) scale(1.5) !important;
  }
  #ctsYear .catalog .c01 {
    width: 20.943em;
    margin: 1.7em 0 0 7.9em;
    z-index: 1;
  }
  #ctsYear .catalog .c01 img {
    transform: rotate(11.6deg);
  }
  #ctsYear .catalog li .plus {
    width: 2.058em;
    height: 2.058em;
    margin: -0.6em;
  }
  #ctsYear .catalog .c01 .plus {
    margin: 1.4em -2.5em 0 0;
    right: 0;
    left: auto;
  }
  #ctsYear .catalog .c02 {
    width: 19.943em;
    margin: 17.9em 0 0 14.2em;
  }
  #ctsYear .catalog .c02 img {
    transform: rotate(-13.4deg);
  }
  #ctsYear .catalog .c02 .plus {
    margin: 1.9em 0 0 -4.1em;
    left: 0;
    right: auto;
  }
  #ctsYear .catalog .c03 {
    width: 22.229em;
    margin: 45.75em 0 0 8.4em;
  }
  #ctsYear .catalog .c03 img {
    transform: rotate(12.1deg);
  }
  #ctsYear .catalog .c03 .plus {
    margin: 1.5em -2.5em 0 0;
  }
  #ctsYear .catalog .c04 {
    margin: 63em 0 0 7.4em;
    width: 19.858em;
  }
  #ctsYear .catalog .c04 img {
    transform: rotate(-13.4deg);
  }
  #ctsYear .catalog .c04 .plus {
    margin: 1.5em 0 0 -2.2em;
  }
  #ctsYear h5.logo {
    width: 19.1em;
    margin: 0 5em 0.4em 0;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
  }
  #ctsYear .y1998 {
  }
  #ctsYear .y1998 .road {
    margin: 26.6em 0 0 -13.8em;
    width: 75em;
  }
  #ctsYear .y1998 .move {
    width: 32.386em;
    margin: 15.9em 0 0 -8.45em;
    transform-origin: 400% 14em;
  }
  #ctsYear .y1998 .txtArea h2 {
    width: 24.515em;
  }
  #ctsYear .y1998 .txtArea h3 {
    color: #6a93b0;
    opacity: 0.8;
  }
  #ctsYear .y1998 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(170 226 245 / 50%) 10%,
      rgb(170 226 245 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .y1998 .catalog {
      min-height: 84em;
      margin-top: -3em;
  }
  #ctsYear .y1998 .catalog .c01 {
    width: 35.843em;
    margin: 9.4em 0 0 -1.8em;
  }
  #ctsYear .y1998 .catalog .c01 img {
    transform: rotate(9.6deg);
  }
  #ctsYear .y1998 .catalog .c01 .plus {
    margin: 2.4em -1.9em 0 0;
  }
  #ctsYear .y1998 .catalog .c02 {
    width: 28.9em;
    margin: 24.9em 0 0 3.9em;
    z-index: 1;
  }
  #ctsYear .y1998 .catalog .c02 img {
    transform: rotate(-8.3deg);
  }
  #ctsYear .y1998 .catalog .c02 .plus {
    margin: 1.3em 0 0 -2em;
  }
  #ctsYear .y1998 .catalog .c03 {
    width: 21.829em;
    margin: 45.85em 0 0 13.4em;
  }
  #ctsYear .y1998 .catalog .c03 img {
    transform: rotate(8.3deg);
  }
  #ctsYear .y1998 .catalog .c03 .plus {
    margin: 0.6em -2.1em 0 0;
  }
  #ctsYear .y1998 .catalog .c04 {
    margin: 62.3em 0 0 11em;
    width: 28.886em;
  }
  #ctsYear .y1998 .catalog .c04 img {
    transform: rotate(-4.4deg);
  }
  #ctsYear .y1998 .catalog .c04 .plus {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
    margin: 0 28.1em 8.1em 0;
  }
  #ctsYear .y1998 h5.logo {
    width: 19.419em;
    margin: 0 13.5em 0.6em 0;
  }
  #ctsYear .y2002 .road {
    margin: 21.2em 0 0 -25em;
    width: 79.215em;
  }
  #ctsYear .y2002 .move {
    width: 29.886em;
    margin: 16.9em 0 0 -2.35em;
  }
  #ctsYear .y2002 .txtArea {
    width: 33.815em;
  }
  #ctsYear .y2002 .txtArea h2 {
    margin: 4em 0 -0.5em 2.35em;
    width: 28.815em;
  }
  #ctsYear .y2002 .txtArea h3 {
    margin: 0.45em 0 0.75em !important;
    color: #8280bb;
    opacity: 0.8;
  }
  #ctsYear .y2002 .txtArea h4 {
    white-space: nowrap;
  }
  #ctsYear .y2002 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(187 173 255 / 50%) 10%,
      rgb(187 173 255 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .y2002 .catalog{
    min-height: 71em;
  }
  #ctsYear .y2002 .catalog .c01 {
    width: 33.7em;
    margin: 3.15em 0 0 3.7em;
  }
  #ctsYear .y2002 .catalog .c01 img {
    transform: rotate(6.1deg);
  }
  #ctsYear .y2002 .catalog .c01 .plus {
    margin: -2.8em 0 0 -0.2em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2002 .catalog .c02 {
    width: 29.1em;
    margin: 15.5em 0 0 3.9em;
    z-index: 1;
  }
  #ctsYear .y2002 .catalog .c02 img {
    transform: rotate(-6.7deg);
  }
  #ctsYear .y2002 .catalog .c02 .plus {
    margin: 1.3em 0 0 -1.6em;
  }
  #ctsYear .y2002 .catalog .c03 {
    width: 28.286em;
    margin: 37.75em 0 0 9.7em;
  }
  #ctsYear .y2002 .catalog .c03 img {
    transform: rotate(-15deg);
  }
  #ctsYear .y2002 .catalog .c03 .plus {
    margin: 3em -0.3px 0 -1.7em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2002 .catalog .c04 {
    margin: 50.4em 0 0 0.4em;
    width: 26.958em;
  }
  #ctsYear .y2002 .catalog .c04 img {
    transform: rotate(14.4deg);
  }
  #ctsYear .y2002 .catalog .c04 .plus {
    right: 0;
    left: auto;
    margin: 2.5em -1.8em 0 0;
  }
  #ctsYear .y2002 h5.logo {
    width: 30.006em;
    margin: 0 7.7em 0.5em 0;
  }
  #ctsYear .y2006 .road {
    margin: 27.6em 0 0 -16.8em;
    width: 70.786em;
  }
  #ctsYear .y2006 .move {
    width: 31.786em;
    margin: 16.3em 0 0 -4.65em;
    transform-origin: 300% 10em;
  }
  #ctsYear .y2006 .txtArea h2 {
    margin: 4em 0 0 2.35em;
    width: 29.015em;
  }
  #ctsYear .y2006 .txtArea h3 {
    color: #e4ab6a;
    opacity: 0.9;
    margin-left: -0.1em !important;
  }
  #ctsYear .y2006 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(244 209 155 / 50%) 10%,
      rgb(244 209 155 / 50%) 80%,
      transparent 80%
    );
  }
    #ctsYear .y2006 .ctsInner{
    }
  #ctsYear .y2006 .catalog {
  min-height: 91.7em;
  }
  #ctsYear .y2006 .catalog .c01 {
    width: 20.858em;
    margin: 1.2em 0 0 12.3em;
  }
  #ctsYear .y2006 .catalog .c01 img {
    transform: rotate(-7.8deg);
  }
  #ctsYear .y2006 .catalog .c01 .plus {
    margin: 0.3em 0 0  -1.9em;
    right: auto;
    left: 0;
  }
  #ctsYear .y2006 .catalog .c02 {
    width: 19.458em;
    margin: 18.6em 0 0 6.6em;
  }
  #ctsYear .y2006 .catalog .c02 img {
    transform: rotate(11.2deg);
  }
  #ctsYear .y2006 .catalog .c02 .plus {
    margin: 1.4em 0 0 20.9em;
  }
  #ctsYear .y2006 .catalog .c03 {
    width: 23.529em;
    margin: 45.45em 0 0 12.2em;
  }
  #ctsYear .y2006 .catalog .c03 img {
    transform: rotate(-1.8deg);
  }
  #ctsYear .y2006 .catalog .c03 .plus {
    margin: -1.15em -0.5em 0 0;
  }
  #ctsYear .y2006 .catalog .c04 {
    margin: 62.2em 0 0 8.25em;
    width: 11.858em;
  }
  #ctsYear .y2006 .catalog .c04 img {
    transform: rotate(-9.5deg);
  }
  #ctsYear .y2006 .catalog .c04 .plus {
    margin: 0.2em 0 0 -2.5em;
  }
  #ctsYear .y2006 .catalog .c05 {
    margin: 65.6em 0 0 20.45em;
    width: 11.986em;
  }
  #ctsYear .y2006 .catalog .c05 img {
    transform: rotate(17deg);
  }
  #ctsYear .y2006 .catalog .c05 .plus {
    margin: 1.2em -2.8em 0 0em;
  }
  #ctsYear .y2006 h5.logo {
    width: 33.563em;
    margin: 0 6.2em 0em 0;
  }
  #ctsYear .y2010 .road {
    margin: 26.3em 0 0 -11.4em;
    width: 67.8em;
  }
  #ctsYear .y2010 .move {
    width: 31.786em;
    margin: 16.3em 0 0 -7.05em;
    transform-origin: 370% 4em;
  }
  #ctsYear .y2010 .txtArea h2 {
    margin: 4em 0 0 3.5em;
    width: 26.815em;
  }
  #ctsYear .y2010 .txtArea h3 {
    margin-left: -0.1em !important;
    color: #ad7d99;
  }
  #ctsYear .y2010 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(228 181 209 / 50%) 10%,
      rgb(228 181 209 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .y2010 .catalog {
  min-height: 87.5em;
  }
  #ctsYear .y2010 .catalog .c01 {
    width: 21.158em;
    margin: 1.5em -0.1px 0 9.7em;
  }
  #ctsYear .y2010 .catalog .c01 img {
    transform: rotate(9.1deg);
  }
  #ctsYear .y2010 .catalog .c01 .plus {
    margin: -2.6em 0 0 0.4em;
    right: auto;
    left: 0;
  }
  #ctsYear .y2010 .catalog .c02 {
    width: 20.5em;
    margin: 17.2em 0 0 9em;
  }
  #ctsYear .y2010 .catalog .c02 img {
    transform: rotate(21.5deg);
  }
  #ctsYear .y2010 .catalog .c02 .plus {
    margin: 3.8em -5.6em 0 0;
    left: auto;
    right: 0;
  }
  #ctsYear .y2010 .catalog .c03 {
    width: 22.329em;
    margin: 46.55em 0 0 13.3em;
  }
  #ctsYear .y2010 .catalog .c03 img {
    transform: rotate(-13.6deg);
  }
  #ctsYear .y2010 .catalog .c03 .plus {
    margin: -3.2em 1.4em 0 0;
  }
  #ctsYear .y2010 .catalog .c04 {
    margin: 62.7em 0 0 6.5em;
    width: 20.615em;
  }
  #ctsYear .y2010 .catalog .c04 img {
    transform: rotate(8deg);
  }
  #ctsYear .y2010 .catalog .c04 .plus {
    margin: -2.2em 0 0 0.2em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2010 h5.logo {
    width: 35.865em;
    margin: 0em 5.4em 1em 0;
  }
  #ctsYear .y2010 h5.logo img{
    transform: rotate(-7.9deg);
  }
  #ctsYear .y2014 .road {
    margin: 27.5em 0 0 -18em;
    width: 71.5em;
  }
  #ctsYear .y2014 .move {
    width: 31.9em;
    margin: 15.3em 0 0 -2.85em;
    transform-origin: 240% 12em;
  }
  #ctsYear .y2014 .txtArea h2 {
    margin: 4em 0 0 3.75em;
    width: 26.215em;
  }
  #ctsYear .y2014 .txtArea h3 {
    margin-left: -0.1em !important;
  }
  #ctsYear .y2014 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(155 221 243 / 50%) 10%,
      rgb(155 221 243 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .y2014 .catalog{
    min-height: 78.5em;
  }
  #ctsYear .y2014 .catalog .c01 {
    width: 19.758em;
    margin: 1.1em 0 0 8em;
  }
  #ctsYear .y2014 .catalog .c01 img {
    transform: rotate(4.7deg);
  }
  #ctsYear .y2014 .catalog .c01 .plus {
    margin: -1.6em 0 0 -0.5em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2014 .catalog .c02 {
    width: 28.272em;
    margin: 18.5em 0 0 5.9em;
    z-index: 1;
  }
  #ctsYear .y2014 .catalog .c02 img {
    transform: rotate(-14.7deg);
  }
  #ctsYear .y2014 .catalog .c02 .plus {
    margin: -4em 2.1em 0 0;
    left: auto;
    right: 0;
  }
  #ctsYear .y2014 .catalog .c03 {
    width: 22.029em;
    margin: 38.4em 0 0 12.8em;
    z-index: 1;
  }
  #ctsYear .y2014 .catalog .c03 img {
    transform: rotate(5.7deg);
  }
  #ctsYear .y2014 .catalog .c03 .plus {
    margin: 1.1em 0 0 -2.2em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2014 .catalog .c04 {
    margin: 55.2em 0 0 6.1em;
    width: 21.015em;
  }
  #ctsYear .y2014 .catalog .c04 img {
    transform: rotate(-15deg);
  }
  #ctsYear .y2014 .catalog .c04 .plus {
    margin: 2.4em 0 0 -2.5em;
  }
  #ctsYear .y2014 h5.logo {
    width: 31.495em;
    margin: 0 7.7em 0em 0;
  }
  #ctsYear .y2025 {
    min-height: 132vh;
    margin-bottom: 0;
    height: auto;
  }
  #ctsYear .y2025 .line.h01 {
    top: 15.7em;
  }
  #ctsYear .y2025 .road {
    margin: 28.5em 0 0 -31.2em;
    width: 77.3em;
  }
  #ctsYear .y2025 .move {
    width: 30.4em;
    margin: 16em 0 0 -0.15em;
  }
  #ctsYear .y2025 .txtArea {
    width: 33.815em;
  }
  #ctsYear .y2025 .txtArea h2 {
    margin: 4em 0 0 3.05em;
    width: 27.615em;
  }
  #ctsYear .y2025 .txtArea h3 {
    margin-left: -0.2em !important;
    color: #1b81c8;
  }
  #ctsYear .y2025 .txtArea p em {
    background: linear-gradient(
      0deg,
      transparent 10%,
      rgb(146 205 246 / 50%) 10%,
      rgb(146 205 246 / 50%) 80%,
      transparent 80%
    );
  }
  #ctsYear .y2025 .catalog {
    min-height: 79.4em;
  }
  #ctsYear .y2025 .catalog .c01 {
    width: 22.972em;
    margin: 2.4em 0 0 7.9em;
  }
  #ctsYear .y2025 .catalog .c01 img {
    transform: rotate(-19.4deg);
  }
  #ctsYear .y2025 .catalog .c01 .plus {
    margin: 3.5em 0 0 -2.8em;
    left: 0;
    right: auto;
  }
  #ctsYear .y2025 .catalog .c02 {
    width: 29.2em;
    margin: 19.9em 0 0 5.4em;
  }
  #ctsYear .y2025 .catalog .c02 img {
    transform: rotate(-4.9deg);
  }
  #ctsYear .y2025 .catalog .c02 .plus {
    margin: 0.5em 0 0 -1.7em;
  }
  #ctsYear .y2025 .catalog .c03 {
    margin: 42.05em 0 0 13.2em;
    width: 22.343em;
  }
  #ctsYear .y2025 .catalog .c03 img {
    transform: rotate(11.6deg);
  }
  #ctsYear .y2025 .catalog .c03 .plus {
    margin: 1.65em -2.5em 0 0;
  }
  #ctsYear .y2025 .catalog .c04 {
    margin: 56.65em 0 0 3.75em;
    width: 18.972em;
  }
  #ctsYear .y2025 .catalog .c04 img {
    transform: rotate(3.5deg);
  }
  #ctsYear .y2025 .catalog .c04 .plus {
    margin: -1.4em 0 0 -0.7em;
  }
  #ctsYear .y2025 h5.logo {
    width: 37.949em;
    margin: 0 5.9em 0.4em 0;
  }
  
  /*============================
  #ctsModal
  ============================*/
  #ctsModal {
  }
  #ctsModal .close {
    width: 1.829em;
    margin: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  #ctsModal .close img {
    opacity: 1;
    z-index: 3;
  }
  #ctsModal .cts {
  }
  #ctsModal .cts .viewer {
    width: 25.086em;
  }
  #ctsModal .cts .viewer.long {
    width: 25em;
  }
  #ctsModal .cts .viewer.half {
    width: 24.843em;
  }
  #ctsModal .cts .zoom {
    width: 2.55em;
    height: 2.55em;
    margin: 0.1em -4.2em;
  }
  #ctsModal .cts .zoom:before,
  #ctsModal .cts .zoom:after {
    width: 0.5em;
    height: 0.5em;
    border: #fff 2px solid;
    left: 1.3em;
    top: 0.6em;
  }
  #ctsModal .cts .zoom:after {
    left: 0.6em;
    top: 1.3em;
  }
  #ctsModal {
    font-size: max(1em, 1vw);
  }
  .btn-top-sp{
    bottom: 6.2em;
    z-index: 10;
  }
  
  #ctsHistory .scroll.sohide,
  #ctsHistory .logo30th.sohide,
  #ctsHistory .bnr_gallery.sohide{
    opacity: 0 !important;
    transition: opacity 0.5s !important;
    pointer-events:none;
  }
  
  #ctsHistory .scroll,
  #ctsHistory .scroll.sohide{
    bottom: 0em;
    transition: bottom .4s cubic-bezier(0.45, 0.19, 0.1, 1.01) !important;
  }
  #ctsHistory .scroll.bnr{
    bottom: 5.3em;
  }
  
  #moveon_common_share{
    font-size: 1.55em;
    height: 5.7em;
  }
  #moveon_common_share h4{
    padding-top:3em;
    width: 3.2em;
    padding-bottom: 0.4em;
  }
  #moveon_common_share li{
    width: 1.93em;
    margin: 0 0.4em;
  }
  #moveon_common_share li img{
    background: #3f91d6;
  }
  @media (min-aspect-ratio: 4/6) {
    #ctsModal{
      opacity:.2;
      font-size: 2.3dvh;
    }
  }
}