.toc a {
  color           : #c0c0c0;
  outline         : none;
  text-decoration : none;
}

.toc a:focus,
.toc a:hover {
  color : #000;
}

.toc a:focus,
button:focus {
  outline : none;
}

.hidden {
  position       : absolute;
  width          : 0;
  height         : 0;
  overflow       : hidden;
  pointer-events : none;
}

.flip-nav {
  display : none!important;
}

.arrow-nav__item {
  max-width : 32px;
  cursor    : pointer;
}

.arrow-nav__item svg {
  max-width : 100%;
}

.arrow-nav,
.slideshow .nav {
  display : none;
}

.slide__figure-title {
  margin      : 0.5rem 0 0 0;
  font-size   : inherit;
  font-weight : normal;
}

.slide__figure-title::before {
  content : '\2015';
  display : inline-block;
  margin  : 0 0.5rem 0 0;
}

.slide__figure-description {
  margin        : 0;
  margin-bottom : 0;
  color         : #c0c0c0;
  font-style    : italic;
}

.slide__figure {
  display        : flex;
  position       : relative;
  width          : calc(100vw - 3rem);
  max-width      : 500px;
  height         : 250px;
  margin         : 0 auto 2rem auto;
  flex-direction : column;
}

.slide__figure-inner {
  position : relative;
  flex     : 1;
}

.slide__figure-img {
  position            : relative;
  width               : 100%;
  height              : 100%;
  background-repeat   : no-repeat;
  background-position : 50% 50%;
  background-size     : cover;
}

.slide__number {
  display : none;
}

@media
  screen
  and (min-width : 53em) {
  .slideshow {
    position : relative;
    width    : 100vw;
    height   : 100vh;
  }

  .slideshow__indicator {
    z-index          : 6000;
    display          : none;
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 10px;
    height           : 100%;
    background       : #334bf7;
    transform-origin : 0% 50%;
  }

  .slideshow__indicator:last-child {
    right            : 0;
    left             : auto;
    transform-origin : 100% 50%;
  }

  .slideshow .slide {
    --gridgap             : 1vw;
    --gridwidth           : 100%;
    --gridheight          : 100%;
    display               : grid;
    display               : grid;
    position              : absolute;
    top                   : 0;
    left                  : 0;
    width                 : var(--gridwidth);
    height                : var(--gridheight);
    padding               : 4vh calc(3vw + 20px);
    background-color      : #fff;
    align-content         : center;
    justify-content       : center;
    grid-gap              : var(--gridgap);
    grid-area             : 2 / 1 / 3 / 2;
    grid-template-columns : repeat(20,calc(var(--gridwidth) / 20 - var(--gridgap)));
    grid-template-rows    : repeat(20,calc(var(--gridheight) / 20 - var(--gridgap)));
    pointer-events        : none;
  }

  .slide--layout-1 .slide__figure:first-child {
    grid-area : 2 / 2 / 14 / 10;
  }

  .slide--layout-1 .slide__figure:nth-child(2) {
    grid-area : 2 / 17 / 9 / 21;
  }

  .slide--layout-1 .slide__figure:nth-child(3) {
    grid-area : 14 / 6 / 21 / 9;
  }

  .slide--layout-1 .slide__figure:nth-child(4) {
    grid-area : 11 / 12 / 21 / 18;
  }

  .slide--layout-2 .slide__figure:first-child {
    grid-area : 4 / 1 / 18 / 10;
  }

  .slide--layout-2 .slide__figure:nth-child(2) {
    grid-area : 2 / 12 / 9 / 18;
  }

  .slide--layout-2 .slide__figure:nth-child(3) {
    grid-area : 10 / 16 / 21 / 21;
  }

  .slide--layout-3 .slide__figure:first-child {
    grid-area : 3 / 6 / 8 / 10;
  }

  .slide--layout-3 .slide__figure:nth-child(2) {
    grid-area : 2 / 14 / 9 / 21;
  }

  .slide--layout-3 .slide__figure:nth-child(3) {
    grid-area : 10 / 2 / 18 / 10;
  }

  .slide--layout-3 .slide__figure:nth-child(4) {
    grid-area : 11 / 12 / 21 / 18;
  }

  .slide--layout-4 .slide__figure:first-child {
    grid-area : 1 / 6 / 8 / 10;
  }

  .slide--layout-4 .slide__figure:nth-child(2) {
    grid-area : 3 / 12 / 10 / 18;
  }

  .slide--layout-4 .slide__figure:nth-child(3) {
    grid-area : 11 / 4 / 21 / 9;
  }

  .slide--layout-4 .slide__figure:nth-child(4) {
    grid-area : 13 / 12 / 21 / 18;
  }

  .slide--layout-5 .slide__figure:first-child {
    grid-area : 5 / 1 / 18 / 10;
  }

  .slide--layout-5 .slide__figure:nth-child(2) {
    grid-area : 5 / 12 / 18 / 21;
  }

  .slide--current {
    z-index        : 100;
    pointer-events : auto;
  }
  .slideshow .slide--current {
    z-index        : 100;
    pointer-events : auto;
  }

  .slide__figure {
    width     : auto;
    max-width : none;
    height    : auto;
    margin    : 0;
  }

  .slide__figure-inner {
    overflow  : hidden;
    transform : rotate3d(0,1,0,0.1deg);
  }

  .slide__figure-img {
    z-index : 10;
    opacity : 1;
  }

  .slide__figure-reveal {
    z-index    : 20;
    position   : absolute;
    top        : -1px;
    left       : -1px;
    width      : calc(100% + 2px);
    height     : calc(100% + 2px);
    background : #fff;
  }

  .slide__figure-reveal {
    transform : translate3d(0,0,0);
  }

  .slide--current .slide__figure-reveal {
    transform : translate3d(100%,0,0);
  }

  .slide__figure-title {
    opacity : 0;
  }

  .slide--current .slide__figure-title {
    opacity : 1;
  }

  .slide__figure-description {
    opacity : 0;
  }

  .slide--current .slide__figure-description {
    opacity : 1;
  }

  .slide__deco {
    position    : absolute;
    overflow    : hidden;
    font-size   : 10vw;
    font-weight : bold;
    line-height : 1;
    perspective : 1000px;
  }

  .slide__deco-inner {
    display  : block;
    position : relative;
  }

  .slide__deco--2 .slide__deco-inner {
    left : -50%;
  }

  .slide__deco--3 .slide__deco-inner {
    right : -50%;
  }

  .slide__deco--1 {
    bottom : 10vh;
    left   : -2.65vw;
  }

  .slide__deco--2 {
    top       : 7vh;
    left      : 50%;
    font-size : 17vw;
  }

  .slide__deco--3 {
    right     : 0;
    bottom    : 10vh;
    font-size : 17vw;
  }

  .slide__number {
    display  : block;
    position : absolute;
    bottom   : 1rem;
  }

  .slide__number--left {
    left : calc(1rem + 10px);
  }

  .slide__number--right {
    right : calc(1rem + 10px);
  }

  .slideshow .flip-revealer {
    z-index        : 5000;
    display        : flex;
    position       : absolute;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    pointer-events : none;
  }

  .slideshow .revealer__item {
    position : relative;
    width    : 50%;
    height   : 100%;
    overflow : hidden;
  }

  .slideshow .revealer__item--left {
    border-right : 1px solid #f0f0f0;
  }

  .slideshow .revealer__item-inner {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #fff;
    transform  : translate3d(100%,0,0);
  }

  .slideshow .nav {
    z-index  : 4000;
    display  : block;
    position : absolute;
    top      : 1rem;
    left     : calc(1rem + 10px);
  }

  .nav__button {
    margin      : 0 1rem 0.5rem 0;
    padding     : 0;
    color       : #0b44fb;
    border      : 0;
    background  : none;
    line-height : 1;
  }

  .nav__button:focus {
    outline : none;
  }

  .nav__button:hover {
    color : #000;
  }

  .nav__button-text {
    display       : block;
    position      : relative;
    padding-right : 0.75rem;
  }

  .nav__button-text::after,
  .nav__button-text::before {
    content    : '';
    position   : absolute;
    top        : 50%;
    right      : 0;
    width      : 7px;
    height     : 1px;
    background : currentColor;
  }

  .nav__button-text::after {
    transition : opacity 0.2s,
                 transform 0.2s;
  }

  .nav--open .nav__button-text::after {
    opacity   : 0;
    transform : rotate(90deg);
  }

  .nav__button-text::before {
    transform  : rotate(90deg);
    transition : transform 0.2s;
  }

  .nav--open .nav__button-text::before {
    transform : rotate(0deg);
  }

  .toc__item {
    display        : block;
    margin         : 0.35rem 0;
    opacity        : 0;
    opacity        : 0;
    pointer-events : none;
  }

  .nav--open .toc__item {
    pointer-events : auto;
  }

  .toc__item-page {
    display        : inline-block;
    width          : 1.5rem;
    color          : #c0c0c0;
    pointer-events : none;
  }

  .toc__item-title {
    color          : #878787;
    pointer-events : none;
  }

  .toc__item--current .toc__item-title,
  .toc__item:hover .toc__item-title {
    color : #000;
  }

  .arrow-nav {
    z-index         : 4000;
    display         : block;
    display         : flex;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    padding         : 1.25rem;
    align-items     : center;
    justify-content : space-between;
    pointer-events  : none;
  }

  .arrow-nav__item {
    margin         : 0;
    padding        : 0;
    color          : #0b44fb;
    border         : 0;
    background     : none;
    pointer-events : auto;
  }

  .arrow-nav__item:hover {
    color : #000;
  }

  .arrow-nav__item--prev {
    visibility : hidden;
  }

  .arrow-nav__item--prev .icon {
    transform : rotate(180deg);
  }

  .icon--nav {
    transition     : transform 0.2s;
    pointer-events : none;
  }

  .arrow-nav__item--next:hover .icon--nav {
    transform : translate3d(-2px,0,0);
  }

  .arrow-nav__item--prev:hover .icon--nav {
    transform : rotate(180deg) translate3d(-2px,0,0);
  }

  .nav__chapter {
    display     : inline-block;
    margin      : 0;
    font-size   : inherit;
    font-weight : normal;
    line-height : 1;
  }
}

@media(min-width:768px)
   {
  .head-bottom-area.top-nav-collapse {
    top : 0;
  }
}