.content__timeslip html, .content__timeslip body, .content__timeslip div, .content__timeslip span, .content__timeslip object, .content__timeslip iframe, .content__timeslip h1, .content__timeslip h2, .content__timeslip h3, .content__timeslip h4, .content__timeslip h5, .content__timeslip h6, .content__timeslip p, .content__timeslip blockquote, .content__timeslip pre, .content__timeslip abbr, .content__timeslip address, .content__timeslip cite, .content__timeslip code, .content__timeslip del, .content__timeslip dfn, .content__timeslip em, .content__timeslip img, .content__timeslip ins, .content__timeslip kbd, .content__timeslip q, .content__timeslip samp, .content__timeslip small, .content__timeslip strong, .content__timeslip sub, .content__timeslip sup, .content__timeslip var, .content__timeslip b, .content__timeslip i, .content__timeslip dl, .content__timeslip dt, .content__timeslip dd, .content__timeslip ol, .content__timeslip ul, .content__timeslip li, .content__timeslip fieldset, .content__timeslip form, .content__timeslip label, .content__timeslip legend, .content__timeslip table, .content__timeslip caption, .content__timeslip tbody, .content__timeslip tfoot, .content__timeslip thead, .content__timeslip tr, .content__timeslip th, .content__timeslip td, .content__timeslip article, .content__timeslip aside, .content__timeslip canvas, .content__timeslip details, .content__timeslip figcaption, .content__timeslip figure, .content__timeslip footer, .content__timeslip header, .content__timeslip hgroup, .content__timeslip menu, .content__timeslip nav, .content__timeslip section, .content__timeslip summary, .content__timeslip time, .content__timeslip mark, .content__timeslip audio, .content__timeslip video {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}
.content__timeslip body {
  margin: 0;
  line-height: 1;
}
.content__timeslip article, .content__timeslip aside, .content__timeslip details, .content__timeslip figcaption, .content__timeslip figure, .content__timeslip footer, .content__timeslip header, .content__timeslip hgroup, .content__timeslip menu, .content__timeslip nav, .content__timeslip section {
  display: block;
}
.content__timeslip nav ul {
  list-style: none;
}
.content__timeslip blockquote, .content__timeslip q {
  quotes: none;
}
.content__timeslip blockquote:before, .content__timeslip blockquote:after, .content__timeslip q:before, .content__timeslip q:after {
  content: "";
  content: none;
}
.content__timeslip a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}
.content__timeslip ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
.content__timeslip mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
.content__timeslip del {
  text-decoration: line-through;
}
.content__timeslip abbr[title], .content__timeslip dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
.content__timeslip table {
  border-collapse: collapse;
  border-spacing: 0;
}
.content__timeslip hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #cccccc;
}
.content__timeslip input, .content__timeslip select {
  vertical-align: middle;
}
.content__timeslip ul, .content__timeslip ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content__timeslip ul li, .content__timeslip ol li {
  margin: 0;
  padding: 0;
}
.content__timeslip dialog {
  padding: 0;
}
.content__timeslip section {
  position: relative;
}

@media screen and (min-width: 751px) {
  .header-pc:before {
    display: none;
  }
  .content__timeslip {
    position: relative;
    padding-bottom: 1.5625vw;
    background: url(../img/timeslip/bg.webp) center center/15px 15px repeat;
  }
  .content__timeslip:before {
    position: absolute;
    right: 0;
    bottom: 0vw;
    left: 0;
    width: 100%;
    height: 0.078125vw;
    margin: auto;
    background-color: black;
    content: "";
  }
  .content__timeslip:after {
    position: absolute;
    right: 0;
    bottom: 0.3125vw;
    left: 0;
    width: 100%;
    height: 0.078125vw;
    margin: auto;
    background-color: black;
    content: "";
  }
  .content__timeslip .head {
    background-color: white;
  }
  .content__timeslip .head__container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
            justify-content: center;
    width: 100vw;
    height: 10.9375vw;
    background: url(../img/timeslip/title_bg.webp) center center/cover no-repeat;
  }
  .content__timeslip .head__title {
    display: block;
    width: 50.9375vw;
    height: 3.984375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/title.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .head__pankuzu {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
            justify-content: flex-end;
    width: 100%;
    height: 2.890625vw;
    margin-top: 0.15625vw;
    padding-right: 2.734375vw;
    border-top: 0.15625vw solid black;
    border-bottom: 0.15625vw solid black;
    background-color: white;
    font-size: 0.9375vw;
    letter-spacing: 0.18em;
  }
  .content__timeslip .head__pankuzu a {
    margin-right: 0.46875vw;
    color: #00487a;
    text-decoration: underline;
  }
  .content__timeslip .navicon {
    padding-top: 2.1875vw;
    padding-bottom: 2.1875vw;
  }
  .content__timeslip .navicon__title {
    font-weight: 900;
    font-size: 1.640625vw;
    letter-spacing: 0.2em;
    text-align: center;
  }
  .content__timeslip .navicon__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            justify-content: center;
    margin-top: 2.34375vw;
  }
  .content__timeslip .navicon__list__item {
    -webkit-transition: all 0.3s 0s ease;
    width: 10.15625vw;
    height: 4.21875vw;
    margin: 0 0.15625vw;
    cursor: pointer;
    transition: all 0.3s 0s ease;
  }
  .content__timeslip .navicon__list__item:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .content__timeslip .navicon__list__item1 {
    background: url(../img/timeslip/nav6.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item1:hover {
    background: url(../img/timeslip/nav6_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item2 {
    background: url(../img/timeslip/nav3.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item2:hover {
    background: url(../img/timeslip/nav3_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item3 {
    background: url(../img/timeslip/nav1.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item3:hover {
    background: url(../img/timeslip/nav1_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item4 {
    background: url(../img/timeslip/nav2.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item4:hover {
    background: url(../img/timeslip/nav2_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item5 {
    background: url(../img/timeslip/nav5.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item5:hover {
    background: url(../img/timeslip/nav5_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item6 {
    background: url(../img/timeslip/nav4.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item6:hover {
    background: url(../img/timeslip/nav4_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item7 {
    background: url(../img/timeslip/nav7.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item7:hover {
    background: url(../img/timeslip/nav7_over.webp) center center/contain no-repeat;
  }
  .content__timeslip .piccontent {
    width: 84.375vw;
    margin: 0 auto 6.25vw;
  }
  .content__timeslip .piccontent__imgcontainer {
    position: relative;
    width: 84.375vw;
    margin: 0.9375vw auto 0;
  }
  .content__timeslip .piccontent__imgcontainer:before {
    display: block;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4.6875vw;
    width: 1.25vw;
    height: 13.4765625vw;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/timeslip/timeslip.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    text-indent: -99999px;
  }
  .content__timeslip .piccontent__imgcontainer:after {
    -webkit-transform: rotate(180deg);
    display: block;
    display: block;
    position: absolute;
    top: 0;
    right: -4.6875vw;
    bottom: 0;
    width: 1.25vw;
    height: 13.4765625vw;
    margin: auto;
    overflow: hidden;
            transform: rotate(180deg);
    background-image: url(../img/timeslip/timeslip.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    text-indent: -99999px;
  }
  .content__timeslip .piccontent__img {
    position: relative;
    width: 84.375vw;
    height: 59.0625vw;
    margin: 0 auto;
    padding: 0.78125vw;
    border: 1px solid black;
    background-color: white;
  }
  .content__timeslip .piccontent__img__inner {
    -webkit-transition: opacity 0.4s ease;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .content__timeslip .piccontent__img__inner.is-ready {
    opacity: 1;
  }
  .content__timeslip .piccontent__img__old {
    -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
            clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  }
  .content__timeslip .piccontent__img__new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .content__timeslip .piccontent__img__slider {
    -webkit-transform: translateX(-50%);
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    width: 3.90625vw;
    height: 100%;
            transform: translateX(-50%);
    cursor: ew-resize;
  }
  .content__timeslip .piccontent__img__slider__line {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 0.15625vw;
    height: 100%;
    margin: auto;
    background-color: #dcff00;
  }
  .content__timeslip .piccontent__img__slider__arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 3.9453125vw;
    height: 3.9453125vw;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/timeslip/picslider.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent__namelistcontainer {
    -webkit-font-feature-settings: "palt" 1;
       -moz-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
  }
  .content__timeslip .piccontent__namelistcontainer .name {
    font-size: 1.015625vw;
    text-orientation: upright;
  }
  .content__timeslip .piccontent__attention {
    margin-top: 1.5625vw;
    padding-left: 0.3125vw;
    font-size: 0.859375vw;
  }
  .content__timeslip .piccontent .orientation__horizontal .piccontent__namelistcontainer {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            justify-content: space-between;
    margin-top: 0.78125vw;
  }
  .content__timeslip .piccontent .orientation__horizontal .piccontent__namelist {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            flex-direction: row-reverse;
  }
  .content__timeslip .piccontent .orientation__horizontal .piccontent__namelist__item {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
    font-size: 0.859375vw;
    line-height: 154%;
    text-orientation: upright;
            writing-mode: vertical-rl;
  }
  .content__timeslip .piccontent .orientation__horizontal .piccontent__namelist__left li {
    margin-right: 1.25vw;
  }
  .content__timeslip .piccontent .orientation__horizontal .piccontent__namelist__right li {
    margin-left: 1.25vw;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__img {
    width: 53.90625vw;
    height: 68.75vw;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelistcontainer {
    position: relative;
    width: 53.90625vw;
    height: 0.078125vw;
    margin: 0 auto;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelist__item {
    margin-bottom: 1.09375vw;
    font-size: 0.859375vw;
    line-height: 154%;
    white-space: nowrap;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelist__item:last-of-type {
    margin-bottom: 0;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelist sup {
    font-size: 0.625vw;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelist__left {
    position: absolute;
    bottom: 0;
    left: -16.40625vw;
    width: 15.625vw;
    text-align: right;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__namelist__right {
    position: absolute;
    right: -16.40625vw;
    bottom: 0;
    width: 15.625vw;
    text-align: left;
  }
  .content__timeslip .piccontent__pdata {
    position: relative;
    width: 100%;
    margin-top: 0.78125vw;
    padding-top: 1.09375vw;
    padding-right: 3.125vw;
    padding-bottom: 0.78125vw;
    padding-left: 18.75vw;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-weight: 500;
    font-size: 1.09375vw;
    line-height: 180%;
  }
  .content__timeslip .piccontent__pdata__title {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.34375vw;
    width: 14.21875vw;
    height: 3.9453125vw;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/timeslip/photodata.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent1 .piccontent__head {
    display: block;
    width: 84.1796875vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head6.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent1 .piccontent__namelistcontainer {
    display: block;
    width: 84.3359375vw;
    height: 14.6484375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/text6.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent1 .piccontent__namelistcontainer li {
    display: none;
  }
  .content__timeslip .piccontent2 .piccontent__head {
    display: block;
    width: 84.1015625vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head3.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent2 .piccontent__pdata {
    margin-top: 1.875vw;
  }
  .content__timeslip .piccontent3 .piccontent__head {
    display: block;
    width: 83.984375vw;
    height: 4.8046875vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent3 .piccontent__namelistcontainer {
    display: block;
    width: 84.5703125vw;
    height: 15.546875vw;
    overflow: hidden;
    background-image: url(../img/timeslip/text1.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent3 .piccontent__namelistcontainer li {
    display: none;
  }
  .content__timeslip .piccontent4 .piccontent__head {
    display: block;
    width: 84.140625vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head2.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent5 .piccontent__head {
    display: block;
    width: 84.3359375vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head5.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent5 .piccontent__namelistcontainer {
    display: block;
    width: 84.3359375vw;
    height: 15.546875vw;
    overflow: hidden;
    background-image: url(../img/timeslip/text5.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent5 .piccontent__namelistcontainer li {
    display: none;
  }
  .content__timeslip .piccontent6 .piccontent__head {
    display: block;
    width: 84.1015625vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head4.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent6 .piccontent__namelistcontainer {
    display: block;
    width: 84.3359375vw;
    height: 14.6484375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/text4.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent6 .piccontent__namelistcontainer li {
    display: none;
  }
  .content__timeslip .piccontent7 .piccontent__head {
    display: block;
    width: 84.0625vw;
    height: 4.84375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head7.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .attention {
    width: 84.375vw;
    margin: 7.03125vw auto 0vw;
    padding-bottom: 0.78125vw;
    font-size: 0.859375vw;
    line-height: 154%;
    letter-spacing: 0.08em;
  }
  .content__timeslip .attention span {
    margin-right: 2.34375vw;
  }
  .backtotop {
    display: block;
    display: block;
    width: 15.6640625vw;
    height: 3.9453125vw;
    margin: 2.34375vw auto 2.34375vw;
    overflow: hidden;
    background-image: url(../img/timeslip/btn_backtop.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
}
@media screen and (max-width: 750px) {
  .header-sp-flex:before {
    display: none;
  }
  .content__timeslip {
    position: relative;
    padding-bottom: 0vw;
    background: url(../img/timeslip/bg.webp) center center/2vw 2vw repeat;
  }
  .content__timeslip:before {
    position: absolute;
    right: 0;
    bottom: 0vw;
    left: 0;
    width: 100%;
    height: 0.1333333333vw;
    margin: auto;
    background-color: black;
    content: "";
  }
  .content__timeslip:after {
    position: absolute;
    right: 0;
    bottom: 0.8vw;
    left: 0;
    width: 100%;
    height: 0.1333333333vw;
    margin: auto;
    background-color: black;
    content: "";
  }
  .content__timeslip .head {
    background-color: white;
  }
  .content__timeslip .head__container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
            justify-content: center;
    width: 100vw;
    height: 21.3333333333vw;
    background: url(../img/timeslip/title_sp.webp) center center/cover no-repeat;
  }
  .content__timeslip .head__title {
    display: none;
  }
  .content__timeslip .head__pankuzu {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
            justify-content: flex-end;
    width: 100%;
    height: 6.4vw;
    margin-top: 0.2666666667vw;
    padding-right: 4.6666666667vw;
    border-top: 0.2666666667vw solid black;
    border-bottom: 0.2666666667vw solid black;
    background-color: white;
    font-size: 2.6666666667vw;
    letter-spacing: 0.18em;
  }
  .content__timeslip .head__pankuzu a {
    margin-right: 0.8vw;
    color: #00487a;
    text-decoration: underline;
  }
  .content__timeslip .navicon {
    padding-top: 6.9333333333vw;
    padding-bottom: 6.4vw;
  }
  .content__timeslip .navicon__title {
    font-weight: 900;
    font-size: 4vw;
    letter-spacing: 0.2em;
    text-align: center;
  }
  .content__timeslip .navicon__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            flex-wrap: wrap;
            justify-content: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 4vw;
  }
  .content__timeslip .navicon__list__item {
    width: 23.4666666667vw;
    height: 8.8vw;
    margin: 0 0vw 2.6666666667vw;
  }
  .content__timeslip .navicon__list__item a {
    -webkit-transition: all 0.3s 0s ease;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s 0s ease;
  }
  .content__timeslip .navicon__list__item1 {
    background: url(../img/timeslip/nav6.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item2 {
    background: url(../img/timeslip/nav3.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item3 {
    background: url(../img/timeslip/nav1.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item4 {
    background: url(../img/timeslip/nav2.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item5 {
    background: url(../img/timeslip/nav5.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item6 {
    background: url(../img/timeslip/nav4.webp) center center/contain no-repeat;
  }
  .content__timeslip .navicon__list__item7 {
    background: url(../img/timeslip/nav7.webp) center center/contain no-repeat;
  }
  .content__timeslip .piccontent {
    width: 100%;
    margin: 0 auto 18.6666666667vw;
  }
  .content__timeslip .piccontent__head {
    margin: 0 auto;
  }
  .content__timeslip .piccontent__imgcontainer {
    position: relative;
    width: 100%;
    margin: 1.6vw auto 0;
  }
  .content__timeslip .piccontent__img {
    position: relative;
    width: 100vw;
    height: 67.0666666667vw;
    margin: 0 auto;
    padding: 1.3333333333vw;
    border: 1px solid black;
    background-color: white;
  }
  .content__timeslip .piccontent__img__inner {
    -webkit-transition: opacity 0.4s ease;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .content__timeslip .piccontent__img__inner.is-ready {
    opacity: 1;
  }
  .content__timeslip .piccontent__img__old {
    -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
            clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  }
  .content__timeslip .piccontent__img__new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .content__timeslip .piccontent__img__slider {
    -webkit-transform: translateX(-50%);
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    width: 8vw;
    height: 100%;
            transform: translateX(-50%);
    cursor: ew-resize;
  }
  .content__timeslip .piccontent__img__slider__line {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 0.2666666667vw;
    height: 100%;
    margin: auto;
    background-color: #dcff00;
  }
  .content__timeslip .piccontent__img__slider__arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 8.1333333333vw;
    height: 8.1333333333vw;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/timeslip/picslider_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent__namelistcontainer {
    -webkit-font-feature-settings: "palt" 1;
       -moz-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    padding: 1.3333333333vw 4vw 0;
    font-size: 2.4vw;
    white-space: nowrap;
  }
  .content__timeslip .piccontent__namelistcontainer .name {
    font-size: 3.0666666667vw;
  }
  .content__timeslip .piccontent__attention {
    margin-top: 3.2vw;
    padding-right: 4vw;
    padding-left: 4vw;
    font-size: 2.6666666667vw;
    line-height: 150%;
  }
  .content__timeslip .piccontent .piccontent__namelistcontainer {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
            justify-content: space-between;
    margin-top: 1.3333333333vw;
  }
  .content__timeslip .piccontent .piccontent__namelist__item {
    margin-bottom: 2.6666666667vw;
    font-size: 2.4vw;
    line-height: 140%;
  }
  .content__timeslip .piccontent .piccontent__namelist sup {
    font-size: 1.8666666667vw;
  }
  .content__timeslip .piccontent .piccontent__namelist__right li {
    text-align: right;
  }
  .content__timeslip .piccontent .orientation__vertical .piccontent__img {
    width: 100%;
    height: 127.6vw;
  }
  .content__timeslip .piccontent__pdata {
    position: relative;
    width: 100%;
    margin-top: 4vw;
    padding-top: 5.8666666667vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 1.3333333333vw;
    padding-left: 5.3333333333vw;
    font-weight: 500;
    font-size: 3.2vw;
    line-height: 184%;
  }
  .content__timeslip .piccontent__pdata__title {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 92.1333333333vw;
    height: 2.9333333333vw;
    margin: auto;
    overflow: hidden;
    background-image: url(../img/timeslip/photodata_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent__pdata:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -1.3333333333vw;
    left: 0;
    width: 92vw;
    height: 0.2vw;
    margin: auto;
    background-color: black;
    content: "";
  }
  .content__timeslip .piccontent1 .piccontent__head {
    display: block;
    width: 92.2666666667vw;
    height: 13.4666666667vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head6_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent1 .piccontent__attention {
    margin-top: 5.3333333333vw;
  }
  .content__timeslip .piccontent2 .piccontent__head {
    display: block;
    width: 92.2666666667vw;
    height: 13.4666666667vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head3_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent3 .piccontent__head {
    display: block;
    width: 92.2666666667vw;
    height: 13.3333333333vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head1_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent4 .piccontent__head {
    display: block;
    width: 92.6666666667vw;
    height: 13.0666666667vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head2_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent5 .piccontent__head {
    display: block;
    width: 92.4vw;
    height: 13.4666666667vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head5_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent5 .piccontent__pdata__read {
    letter-spacing: 0.08em;
  }
  .content__timeslip .piccontent6 .piccontent__head {
    display: block;
    width: 92.2666666667vw;
    height: 13.4666666667vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head4_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .piccontent7 .piccontent__head {
    display: block;
    width: 92.2666666667vw;
    height: 13.2vw;
    overflow: hidden;
    background-image: url(../img/timeslip/head7_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
  .content__timeslip .attention {
    width: 100%;
    margin: -1.3333333333vw auto 0vw;
    padding: 0 4vw 5.0666666667vw;
    font-size: 2.6666666667vw;
    line-height: 180%;
    letter-spacing: 0.2em;
    text-align: right;
  }
  .backtotop {
    display: block;
    display: block;
    width: 42.8vw;
    height: 10.8vw;
    margin: 2.1333333333vw auto 2.1333333333vw;
    overflow: hidden;
    background-image: url(../img/timeslip/btn_backtop_sp.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -99999px;
  }
}