@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */ }

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit; }

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit; }

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0; }

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */ }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item;
  /* Add the correct display in all browsers */ }

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */ }

[hidden],
template {
  display: none;
  /* Add the correct display in IE */ }

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */ }

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */ }

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */ }

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0; }

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default; }

[type="number"] {
  width: auto;
  /* Firefox 36+ */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */ }

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */ }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */ }

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */ }

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */ }

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */ }

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */ }

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */ }

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */ }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */ }

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */ }

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */ }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit; }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default; }

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

@media (max-width: 359px) {
  br.xxs-more {
    display: none !important; } }
@media (max-width: 479px) {
  br.xs-more {
    display: none !important; } }
@media (max-width: 767px) {
  br.sm-more {
    display: none !important; } }
@media (max-width: 991px) {
  br.md-more {
    display: none !important; } }
@media (min-width: 360px) {
  br.xxs-less {
    display: none !important; } }
@media (min-width: 480px) {
  br.xs-less {
    display: none !important; } }
@media (min-width: 768px) {
  br.sm-less {
    display: none !important; } }
@media (min-width: 992px) {
  br.md-less {
    display: none !important; } }
@media (max-width: 991px) {
  br.pc {
    display: none !important; } }
@media (min-width: 992px) {
  br.mobile {
    display: none !important; } }

@media (min-width: 480px) {
  .hidden-xs-up {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 479px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-pc {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-sp {
    display: none !important; } }

body {
  position: relative;
  background-color: #fff;
  color: #333;
  line-height: 1.35; }
  body a {
    color: #333;
    text-decoration: none; }
    body a:hover, body a:active, body a:focus {
      text-decoration: none; }
  body *:focus {
    outline: none !important; }
  body p {
    line-height: 1.6;
    margin: 0 0 1em 0; }
    body p:last-of-type {
      margin-bottom: 0; }
  body small {
    font-size: 85%; }
  body img {
    vertical-align: bottom; }
  body iframe {
    width: 100%; }
  body ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    list-style-type: none;
    padding: 0;
    margin: 0; }
    body ul.disc li, body ul.square li, body ul.circle li, body ul.decimal li, body ul.decimal-leading-zero li {
      margin-left: 20px; }
    body ul.disc {
      list-style-type: disc; }
    body ul.circle {
      list-style-type: circle; }
    body ul.square {
      list-style-type: square; }
    body ul.decimal {
      list-style-type: decimal; }
    body ul.decimal-leading-zero {
      list-style-type: decimal-leading-zero; }
  body dl dd, body dl dt {
    line-height: 1.5; }
  body dl dd {
    margin-left: 0; }
  body dl.disc dd, body dl.square dd, body dl.circle dd, body dl.decimal dd, body dl.decimal-leading-zero dd {
    display: list-item;
    margin-left: 18px; }
  body dl.disc dd {
    list-style-type: disc; }
  body dl.circle dd {
    list-style-type: circle; }
  body dl.square dd {
    list-style-type: square; }
  body dl.decimal dd {
    list-style-type: decimal; }
  body dl.decimal-leading-zero dd {
    list-style-type: decimal-leading-zero; }
  body .preloader {
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px; }

.site-header {
  position: fixed;
  z-index: 100;
  width: 100%;
  padding: 20px;
  border-bottom: solid 1px #ccc;
  font-family: "futura-pt", sans-serif;
  color: #333;
  text-align: left;
  background-color: #fff; }
  .site-header nav .logo {
    padding: 10px; }
  .site-header nav ul.mainMenu {
    margin-top: 10px; }
    .site-header nav ul.mainMenu:before, .site-header nav ul.mainMenu:after {
      content: " ";
      display: table; }
    .site-header nav ul.mainMenu:after {
      clear: both; }
    .site-header nav ul.mainMenu a {
      display: block; }
    .site-header nav ul.mainMenu > li {
      float: left; }
      .site-header nav ul.mainMenu > li a {
        padding: 5px 10px;
        font-size: 15px; }
      .site-header nav ul.mainMenu > li:hover ul.subMenu {
        display: block; }
      .site-header nav ul.mainMenu > li ul.subMenu {
        position: absolute;
        display: none; }
        .site-header nav ul.mainMenu > li ul.subMenu li a {
          padding: 5px 10px;
          font-size: 13px; }
  .site-header #menuBtn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 44px;
    height: 44px;
    padding: 20px;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 10px; }
    .site-header #menuBtn span {
      margin-top: 22px; }
      .site-header #menuBtn span:before {
        top: -14px; }
      .site-header #menuBtn span:after {
        bottom: -14px; }
    .site-header #menuBtn span, .site-header #menuBtn span:before, .site-header #menuBtn span:after {
      background-color: #777;
      height: 2px;
      width: 44px;
      position: absolute;
      display: block;
      content: '';
      -webkit-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
    .site-header #menuBtn:hover span:before {
      top: -17px; }
    .site-header #menuBtn:hover span:after {
      bottom: -17px; }
    .menuOpen .site-header #menuBtn {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      display: block;
      width: 44px;
      height: 44px;
      padding: 20px;
      cursor: pointer; }
      .menuOpen .site-header #menuBtn span {
        margin-top: 22px; }
        .menuOpen .site-header #menuBtn span:before {
          top: -2px; }
        .menuOpen .site-header #menuBtn span:after {
          bottom: -2px; }
      .menuOpen .site-header #menuBtn span, .menuOpen .site-header #menuBtn span:before, .menuOpen .site-header #menuBtn span:after {
        background-color: #777;
        height: 2px;
        width: 44px;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; }
      .menuOpen .site-header #menuBtn span {
        background-color: transparent; }
        .menuOpen .site-header #menuBtn span:before {
          top: 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .menuOpen .site-header #menuBtn span:after {
          bottom: 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .menuOpen .site-header #menuBtn:hover span:before, .menuOpen .site-header #menuBtn:hover span:after {
        background-color: #9d9d9d; }

.site-footer {
  position: relative; }
  .site-footer .copyright {
    position: relative;
    background-color: #000;
    font-size: 10px;
    letter-spacing: 2px;
    text-align: center;
    padding: 80px;
    color: #fff; }

#pageTop {
  width: 55px;
  height: 55px;
  -webkit-transition: margin-bottom 0.2s ease-out 0s;
  -o-transition: margin-bottom 0.2s ease-out 0s;
  transition: margin-bottom 0.2s ease-out 0s;
  position: relative;
  cursor: pointer;
  color: white;
  text-align: center;
  text-decoration: none;
  margin-bottom: -80px;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #000;
  z-index: 40; }
  #pageTop:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: rotate(315deg) translateX(-2.2px) translateY(2.2px);
    -moz-transform: rotate(315deg) translateX(-2.2px) translateY(2.2px);
    -ms-transform: rotate(315deg) translateX(-2.2px) translateY(2.2px);
    -o-transform: rotate(315deg) translateX(-2.2px) translateY(2.2px);
    transform: rotate(315deg) translateX(-2.2px) translateY(2.2px);
    left: 0;
    right: 0; }
  #pageTop:hover:after {
    bottom: 10px; }
  #pageTop.visible {
    margin-bottom: 0; }
  #pageTop.scrollable {
    position: absolute;
    bottom: 100%; }

#movie {
  visibility: hidden; }
  #movie.visible {
    visibility: visible; }
  #movie img {
    width: auto;
    max-width: 100%; }
  #movie .container {
    margin-left: auto;
    margin-right: auto;
    width: auto; }
    @media (min-width: 360px) {
      #movie .container {
        width: auto; } }
    @media (min-width: 480px) {
      #movie .container {
        width: 450px; } }
    @media (min-width: 768px) {
      #movie .container {
        padding-left: 0;
        padding-right: 0;
        width: 600px; } }
    @media (min-width: 992px) {
      #movie .container {
        padding-left: 0;
        padding-right: 0;
        width: 1000px; } }
    @media (max-width: 991px) {
      #movie .container {
        padding-left: 5%;
        padding-right: 5%; } }
  #movie .letterAnim span {
    opacity: 0;
    display: inline-block; }
  #movie #keyvisual {
    position: relative;
    overflow: hidden;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s; }
    #movie #keyvisual:before {
      z-index: 1;
      content: "";
      -webkit-transition: background-color 0.5s ease-out 0s;
      -o-transition: background-color 0.5s ease-out 0s;
      transition: background-color 0.5s ease-out 0s;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      top: -2.5%;
      left: -2.5%;
      right: -2.5%;
      bottom: -2.5%;
      width: 105%;
      height: 105%;
      display: block; }
    #movie #keyvisual.visible {
      opacity: 1; }
      #movie #keyvisual.visible .center .title {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
      #movie #keyvisual.visible .center .button {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    #movie #keyvisual .bg {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 40% center;
      background-image: url(../img/kv.jpg);
      height: 80vh; }
      @media (min-width: 992px) {
        #movie #keyvisual .bg {
          background-position: center center;
          height: 46vw; } }
    #movie #keyvisual .center {
      z-index: 10;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 100%;
      text-align: center; }
      #movie #keyvisual .center .title {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 1s ease-out 0.7s;
        -o-transition: all 1s ease-out 0.7s;
        transition: all 1s ease-out 0.7s; }
        #movie #keyvisual .center .title img {
          margin: 80px auto 80px;
          padding: 0 10px; }
          @media (min-width: 992px) {
            #movie #keyvisual .center .title img {
              margin: 0 auto 80px; } }
      #movie #keyvisual .center a {
        -webkit-transition: opacity 0.2s ease-out 0s;
        -o-transition: opacity 0.2s ease-out 0s;
        transition: opacity 0.2s ease-out 0s; }
        #movie #keyvisual .center a:hover {
          opacity: 0.5; }
      #movie #keyvisual .center .button {
        margin: auto;
        max-width: 100%;
        width: 30vw;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 1s ease-out 1.2s;
        -o-transition: all 1s ease-out 1.2s;
        transition: all 1s ease-out 1.2s; }
        @media (min-width: 768px) {
          #movie #keyvisual .center .button {
            width: auto; } }
  #movie #bridge {
    padding: 40px 0; }
    @media (min-width: 360px) {
      #movie #bridge {
        padding: 50px 0; } }
    @media (min-width: 480px) {
      #movie #bridge {
        padding: 60px 0; } }
    @media (min-width: 768px) {
      #movie #bridge {
        padding: 70px 0; } }
    @media (min-width: 992px) {
      #movie #bridge {
        padding: 80px 0; } }
    #movie #bridge p {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-out 0s;
      -o-transition: opacity 0.5s ease-out 0s;
      transition: opacity 0.5s ease-out 0s;
      text-align: center;
      font-weight: 600;
      letter-spacing: 0.05em;
      font-size: 14px;
      line-height: 1.8;
      padding-bottom: 1em; }
      #movie #bridge p.active {
        opacity: 1; }
      @media (min-width: 360px) {
        #movie #bridge p {
          font-size: 16px;
          line-height: 2; } }
      @media (min-width: 480px) {
        #movie #bridge p {
          font-size: 18px;
          line-height: 2.1; } }
      @media (min-width: 768px) {
        #movie #bridge p {
          font-size: 20px;
          line-height: 2.2; } }
      @media (min-width: 992px) {
        #movie #bridge p {
          letter-spacing: 0.07em;
          font-size: 24px;
          line-height: 2.3; } }
  #movie #commentary {
    position: relative;
    z-index: 2; }
    #movie #commentary .baby {
      position: relative; }
      #movie #commentary .baby img {
        position: absolute; }
    #movie #commentary .intro {
      -webkit-transition: all 0.1s linear 0s;
      -o-transition: all 0.1s linear 0s;
      transition: all 0.1s linear 0s;
      opacity: 0;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      width: auto; }
      @media (min-width: 360px) {
        #movie #commentary .intro {
          width: auto; } }
      @media (min-width: 480px) {
        #movie #commentary .intro {
          width: 450px; } }
      @media (min-width: 768px) {
        #movie #commentary .intro {
          padding-left: 0;
          padding-right: 0;
          width: 600px; } }
      @media (min-width: 992px) {
        #movie #commentary .intro {
          padding-left: 0;
          padding-right: 0;
          width: 815px; } }
      @media (max-width: 991px) {
        #movie #commentary .intro {
          padding-left: 5%;
          padding-right: 5%; } }
      #movie #commentary .intro:before, #movie #commentary .intro:after {
        content: " ";
        display: table; }
      #movie #commentary .intro:after {
        clear: both; }
      #movie #commentary .intro.active {
        -webkit-transition: all 0s ease-out 0s;
        -o-transition: all 0s ease-out 0s;
        transition: all 0s ease-out 0s;
        opacity: 1; }
        #movie #commentary .intro.active .lead span {
          background-size: 100% 100%; }
          #movie #commentary .intro.active .lead span:first-child {
            -webkit-transition: all 0.3s ease-out 0.2s;
            -o-transition: all 0.3s ease-out 0.2s;
            transition: all 0.3s ease-out 0.2s; }
          #movie #commentary .intro.active .lead span:last-child {
            -webkit-transition: all 0.3s ease-out 0.25s;
            -o-transition: all 0.3s ease-out 0.25s;
            transition: all 0.3s ease-out 0.25s; }
        #movie #commentary .intro.active .title {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: opacity 0.2s ease-out 1s, transform 0.5s ease-out 1s;
          -o-transition: opacity 0.2s ease-out 1s, transform 0.5s ease-out 1s;
          transition: opacity 0.2s ease-out 1s, transform 0.5s ease-out 1s; }
          @media (min-width: 992px) {
            #movie #commentary .intro.active .title {
              -webkit-transition: opacity 0.2s ease-out 0.5s, transform 0.5s ease-out 0.5s;
              -o-transition: opacity 0.2s ease-out 0.5s, transform 0.5s ease-out 0.5s;
              transition: opacity 0.2s ease-out 0.5s, transform 0.5s ease-out 0.5s; } }
        #movie #commentary .intro.active .baby {
          opacity: 1;
          -webkit-transition: all 0.3s ease-out 0.6s;
          -o-transition: all 0.3s ease-out 0.6s;
          transition: all 0.3s ease-out 0.6s;
          -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -o-transform: scale(0.6);
          transform: scale(0.6); }
          @media (min-width: 992px) {
            #movie #commentary .intro.active .baby {
              -webkit-transition: all 0.3s ease-out 0.7s;
              -o-transition: all 0.3s ease-out 0.7s;
              transition: all 0.3s ease-out 0.7s; } }
          @media (min-width: 360px) {
            #movie #commentary .intro.active .baby {
              -webkit-transform: scale(0.7);
              -ms-transform: scale(0.7);
              -o-transform: scale(0.7);
              transform: scale(0.7); } }
          @media (min-width: 480px) {
            #movie #commentary .intro.active .baby {
              -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
              -o-transform: scale(0.8);
              transform: scale(0.8); } }
          @media (min-width: 768px) {
            #movie #commentary .intro.active .baby {
              -webkit-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9);
              transform: scale(0.9); } }
          @media (min-width: 992px) {
            #movie #commentary .intro.active .baby {
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1); } }
          #movie #commentary .intro.active .baby .hand {
            -webkit-transform-origin: center 100%;
            -moz-transform-origin: center 100%;
            -ms-transform-origin: center 100%;
            transform-origin: center 100%;
            -webkit-animation: handAmin 3s ease-out 1.2s infinite;
            -o-animation: handAmin 3s ease-out 1.2s infinite;
            animation: handAmin 3s ease-out 1.2s infinite; }
@-webkit-keyframes handAmin {
  12.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  22.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@-moz-keyframes handAmin {
  12.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  22.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@keyframes handAmin {
  12.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  22.5% {
    -webkit-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -moz-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -ms-transform: rotate(45deg) translateX(-10px) translateY(10px);
    -o-transform: rotate(45deg) translateX(-10px) translateY(10px);
    transform: rotate(45deg) translateX(-10px) translateY(10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
        #movie #commentary .intro.active ul li {
          cursor: pointer;
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0); }
          #movie #commentary .intro.active ul li:nth-of-type(1) {
            -webkit-transition: opacity 0.2s ease-out 1.5s, transform 0.5s ease-out 1.5s;
            -o-transition: opacity 0.2s ease-out 1.5s, transform 0.5s ease-out 1.5s;
            transition: opacity 0.2s ease-out 1.5s, transform 0.5s ease-out 1.5s; }
          #movie #commentary .intro.active ul li:nth-of-type(2) {
            -webkit-transition: opacity 0.2s ease-out 1.6s, transform 0.5s ease-out 1.6s;
            -o-transition: opacity 0.2s ease-out 1.6s, transform 0.5s ease-out 1.6s;
            transition: opacity 0.2s ease-out 1.6s, transform 0.5s ease-out 1.6s; }
          #movie #commentary .intro.active ul li:nth-of-type(3) {
            -webkit-transition: opacity 0.2s ease-out 1.7s, transform 0.5s ease-out 1.7s;
            -o-transition: opacity 0.2s ease-out 1.7s, transform 0.5s ease-out 1.7s;
            transition: opacity 0.2s ease-out 1.7s, transform 0.5s ease-out 1.7s; }
          #movie #commentary .intro.active ul li:nth-of-type(4) {
            -webkit-transition: opacity 0.2s ease-out 1.8s, transform 0.5s ease-out 1.8s;
            -o-transition: opacity 0.2s ease-out 1.8s, transform 0.5s ease-out 1.8s;
            transition: opacity 0.2s ease-out 1.8s, transform 0.5s ease-out 1.8s; }
          @media (min-width: 992px) {
            #movie #commentary .intro.active ul li:nth-of-type(1) {
              -webkit-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              -o-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s; }
            #movie #commentary .intro.active ul li:nth-of-type(2) {
              -webkit-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              -o-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s; }
            #movie #commentary .intro.active ul li:nth-of-type(3) {
              -webkit-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              -o-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s; }
            #movie #commentary .intro.active ul li:nth-of-type(4) {
              -webkit-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              -o-transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s;
              transition: opacity 0.2s ease-out 1.25s, transform 0.5s ease-out 1.25s; } }
      #movie #commentary .intro .lead {
        margin-left: 20px;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
        line-height: 2; }
        #movie #commentary .intro .lead span {
          -webkit-transition: all 0s linear 0.1s;
          -o-transition: all 0s linear 0.1s;
          transition: all 0s linear 0.1s;
          white-space: nowrap;
          background-size: 0 100%;
          background-image: -webkit-linear-gradient(left, transparent 0%, #e10023 0%);
          background-image: -moz-linear-gradient(left, transparent 0%, #e10023 0%);
          background-image: -ms-linear-gradient(left, transparent 0%, #e10023 0%);
          background-image: -o-linear-gradient(left, transparent 0%, #e10023 0%);
          background-image: linear-gradient(to left, transparent 0%, #e10023 0%);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 0% 100%;
          font-weight: 600;
          color: #fff;
          font-size: 13px;
          padding: 10px 20px; }
          @media (min-width: 360px) {
            #movie #commentary .intro .lead span {
              font-size: 15px; } }
          @media (min-width: 480px) {
            #movie #commentary .intro .lead span {
              font-size: 17px; } }
          @media (min-width: 768px) {
            #movie #commentary .intro .lead span {
              font-size: 19px; } }
          @media (min-width: 992px) {
            #movie #commentary .intro .lead span {
              font-size: 21px;
              padding: 10px 20px; } }
          #movie #commentary .intro .lead span:last-child {
            margin-left: 50px; }
            @media (min-width: 992px) {
              #movie #commentary .intro .lead span:last-child {
                margin-left: 80px; } }
      #movie #commentary .intro .title {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
        -webkit-transition: all 0s linear 0.1s;
        -o-transition: all 0s linear 0.1s;
        transition: all 0s linear 0.1s; }
        #movie #commentary .intro .title img {
          display: block;
          height: auto;
          width: 80%;
          max-width: 415px;
          margin: 0 auto; }
          @media (min-width: 992px) {
            #movie #commentary .intro .title img {
              margin: 100px 0 0; } }
      #movie #commentary .intro .baby {
        opacity: 0;
        -webkit-transition: all 0s linear 0.1s;
        -o-transition: all 0s linear 0.1s;
        transition: all 0s linear 0.1s;
        position: relative;
        top: 0;
        max-width: 310px;
        margin: -50px auto -40px;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5); }
        @media (min-width: 360px) {
          #movie #commentary .intro .baby {
            margin: -20px auto -10px;
            -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6); } }
        @media (min-width: 480px) {
          #movie #commentary .intro .baby {
            margin: 0 auto 10px;
            -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -o-transform: scale(0.7);
            transform: scale(0.7); } }
        @media (min-width: 768px) {
          #movie #commentary .intro .baby {
            margin: 20px auto 30px;
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8); } }
        @media (min-width: 992px) {
          #movie #commentary .intro .baby {
            position: absolute;
            margin: auto;
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
            top: 15px;
            right: 0; } }
        #movie #commentary .intro .baby .face {
          z-index: 10;
          width: 190px;
          top: 0;
          right: 40px; }
        #movie #commentary .intro .baby .hand {
          z-index: 9;
          top: 120px;
          right: -20px; }
        #movie #commentary .intro .baby .img1 {
          z-index: 7;
          top: 50px;
          right: 220px; }
        #movie #commentary .intro .baby .img2 {
          z-index: 6;
          top: 140px;
          right: 190px;
          width: 152px; }
        #movie #commentary .intro .baby .text {
          z-index: 8;
          top: 190px;
          right: 180px;
          width: 192px; }
        #movie #commentary .intro .baby p {
          z-index: 11;
          position: relative;
          padding-top: 250px;
          text-align: center;
          font-size: 15px;
          white-space: nowrap;
          line-height: 1.6; }
          #movie #commentary .intro .baby p span {
            color: #e10023;
            font-weight: 600;
            font-size: 18px; }
      #movie #commentary .intro ul {
        margin: 20px -8px; }
        #movie #commentary .intro ul:before, #movie #commentary .intro ul:after {
          content: " ";
          display: table; }
        #movie #commentary .intro ul:after {
          clear: both; }
        #movie #commentary .intro ul li {
          opacity: 0;
          -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
          -o-transform: translateY(40px);
          transform: translateY(40px);
          -webkit-transition: all 0s linear 0.1s;
          -o-transition: all 0s linear 0.1s;
          transition: all 0s linear 0.1s;
          float: left;
          width: 25%;
          padding: 8px;
          text-align: center; }
          #movie #commentary .intro ul li .item {
            width: 100px; }
          #movie #commentary .intro ul li .logo {
            width: 120px;
            margin: 10px auto 20px; }
    #movie #commentary .detail {
      overflow-x: hidden;
      background-color: #fff;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; }
      .fixed #movie #commentary .detail {
        position: fixed; }
      #movie #commentary .detail .line {
        position: absolute;
        width: 100%;
        margin: auto;
        padding: 30px 0;
        background-color: #fff;
        -webkit-transition: opacity 0.3s ease-out 0s;
        -o-transition: opacity 0.3s ease-out 0s;
        transition: opacity 0.3s ease-out 0s;
        text-align: center;
        z-index: 2; }
        @media (max-width: 991px) {
          #movie #commentary .detail .line {
            padding-left: 5%;
            padding-right: 5%; } }
        #movie #commentary .detail .line.active {
          -webkit-transition: opacity 0.3s ease-out 0s;
          -o-transition: opacity 0.3s ease-out 0s;
          transition: opacity 0.3s ease-out 0s;
          opacity: 1; }
          html.fixed #movie #commentary .detail .line.active {
            transition-property: none; }
          html:not(.fixed) #movie #commentary .detail .line.active {
            -webkit-transition-delay: 2s;
            transition-delay: 2s; }
      #movie #commentary .detail .detailInner {
        position: relative;
        height: 100vh;
        overflow: hidden; }
        #movie #commentary .detail .detailInner .infoContainer {
          margin-left: auto;
          margin-right: auto;
          width: auto;
          position: relative;
          top: 80px; }
          @media (min-width: 360px) {
            #movie #commentary .detail .detailInner .infoContainer {
              width: auto; } }
          @media (min-width: 480px) {
            #movie #commentary .detail .detailInner .infoContainer {
              width: 450px; } }
          @media (min-width: 768px) {
            #movie #commentary .detail .detailInner .infoContainer {
              padding-left: 0;
              padding-right: 0;
              width: 550px; } }
          @media (min-width: 992px) {
            #movie #commentary .detail .detailInner .infoContainer {
              padding-left: 0;
              padding-right: 0;
              width: 850px; } }
          @media (min-width: 992px) {
            #movie #commentary .detail .detailInner .infoContainer {
              top: 50%;
              height: 60vh;
              margin-top: -30vh;
              margin-top: calc(-30vh - 30px); } }
          #movie #commentary .detail .detailInner .infoContainer .imageContainer {
            position: relative;
            z-index: 10; }
            @media (min-width: 992px) {
              #movie #commentary .detail .detailInner .infoContainer .imageContainer {
                height: 400px;
                width: 290px;
                position: relative;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                -o-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
            #movie #commentary .detail .detailInner .infoContainer .imageContainer .movie {
              position: relative;
              text-align: center;
              z-index: 11;
              width: 50%;
              margin: auto; }
              @media (min-width: 992px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .movie {
                  position: absolute;
                  width: 290px;
                  bottom: 0; } }
              #movie #commentary .detail .detailInner .infoContainer .imageContainer .movie .thumb {
                display: block;
                border: solid 2px #e10023;
                margin-bottom: 20px; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .movie .thumb.thumb_2 {
                  position: absolute;
                  z-index: 10;
                  top: 0;
                  opacity: 0;
                  -webkit-transition: opacity 0.3s ease-out 0s;
                  -o-transition: opacity 0.3s ease-out 0s;
                  transition: opacity 0.3s ease-out 0s; }
                  #movie #commentary .detail .detailInner .infoContainer .imageContainer .movie .thumb.thumb_2.active {
                    opacity: 1; }
            #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby {
              position: absolute;
              width: 290px;
              height: 200px;
              z-index: 12;
              -webkit-transform: scale(0.4);
              -ms-transform: scale(0.4);
              -o-transform: scale(0.4);
              transform: scale(0.4);
              margin-top: -16%; }
              #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby img {
                position: absolute; }
              @media (min-width: 360px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby {
                  -webkit-transform: scale(0.45);
                  -ms-transform: scale(0.45);
                  -o-transform: scale(0.45);
                  transform: scale(0.45); } }
              @media (min-width: 480px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby {
                  -webkit-transform: scale(0.5);
                  -ms-transform: scale(0.5);
                  -o-transform: scale(0.5);
                  transform: scale(0.5); } }
              @media (min-width: 768px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby {
                  -webkit-transform: scale(0.6);
                  -ms-transform: scale(0.6);
                  -o-transform: scale(0.6);
                  transform: scale(0.6); } }
              @media (min-width: 992px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby {
                  -webkit-transform: scale(1);
                  -ms-transform: scale(1);
                  -o-transform: scale(1);
                  transform: scale(1);
                  margin-top: auto;
                  top: 0;
                  left: 0; } }
              @media (max-width: 991px) {
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby1, #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby3 {
                  -webkit-transform-origin: left top;
                  -moz-transform-origin: left top;
                  -ms-transform-origin: left top;
                  transform-origin: left top;
                  left: 10px; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby2, #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby4 {
                  -webkit-transform-origin: right top;
                  -moz-transform-origin: right top;
                  -ms-transform-origin: right top;
                  transform-origin: right top; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby1 {
                  left: 0; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby2 {
                  right: 10px; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby3 {
                  left: 25px; }
                #movie #commentary .detail .detailInner .infoContainer .imageContainer .baby.baby4 {
                  right: 20px; } }
          #movie #commentary .detail .detailInner .infoContainer .textContainer {
            overflow: hidden;
            position: relative;
            height: 45vh;
            margin-top: 30px;
            width: 100%; }
            @media (min-width: 992px) {
              #movie #commentary .detail .detailInner .infoContainer .textContainer {
                position: absolute;
                top: 0;
                right: 0;
                height: 60vh !important;
                width: 480px;
                margin-top: 0; } }
            #movie #commentary .detail .detailInner .infoContainer .textContainer .scene {
              padding-top: 150px;
              padding-bottom: 200px; }
              #movie #commentary .detail .detailInner .infoContainer .textContainer .scene:last-child {
                padding-bottom: 100px; }
              #movie #commentary .detail .detailInner .infoContainer .textContainer .scene:first-child {
                padding-top: 50px; }
                @media (min-width: 992px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer .scene:first-child {
                    padding-top: 50px; } }
            #movie #commentary .detail .detailInner .infoContainer .textContainer p {
              opacity: 0;
              line-height: 2.2;
              text-align: center;
              font-size: 11px;
              margin-bottom: 20px;
              -webkit-transition: transform 1s ease-out 0s, opacity 0.3s linear 0s;
              -o-transition: transform 1s ease-out 0s, opacity 0.3s linear 0s;
              transition: transform 1s ease-out 0s, opacity 0.3s linear 0s; }
              #movie #commentary .detail .detailInner .infoContainer .textContainer p:last-child {
                margin-bottom: 0; }
              #movie #commentary .detail .detailInner .infoContainer .textContainer p.active {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0); }
              @media (min-width: 360px) {
                #movie #commentary .detail .detailInner .infoContainer .textContainer p {
                  font-size: 13px;
                  margin-bottom: 25px; } }
              @media (min-width: 480px) {
                #movie #commentary .detail .detailInner .infoContainer .textContainer p {
                  font-size: 14px;
                  margin-bottom: 30px; } }
              @media (min-width: 768px) {
                #movie #commentary .detail .detailInner .infoContainer .textContainer p {
                  font-size: 15px;
                  margin-bottom: 40px; } }
              @media (min-width: 992px) {
                #movie #commentary .detail .detailInner .infoContainer .textContainer p {
                  text-align: left;
                  font-size: 16px;
                  margin-bottom: 50px;
                  width: 480px; } }
              #movie #commentary .detail .detailInner .infoContainer .textContainer p span {
                background-image: -webkit-linear-gradient(left, transparent 0%, #ffff66 0%);
                background-image: -moz-linear-gradient(left, transparent 0%, #ffff66 0%);
                background-image: -ms-linear-gradient(left, transparent 0%, #ffff66 0%);
                background-image: -o-linear-gradient(left, transparent 0%, #ffff66 0%);
                background-image: linear-gradient(to left, transparent 0%, #ffff66 0%);
                background-repeat: no-repeat;
                background-position: 0 .8em;
                background-size: 0 .5em;
                -webkit-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                color: #e10023;
                font-size: 15px; }
                @media (min-width: 360px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p span {
                    font-size: 17px; } }
                @media (min-width: 480px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p span {
                    font-size: 18px; } }
                @media (min-width: 768px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p span {
                    font-size: 19px; } }
                @media (min-width: 992px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p span {
                    font-size: 22px; } }
                #movie #commentary .detail .detailInner .infoContainer .textContainer p span.active {
                  background-size: 100% .5em; }
              #movie #commentary .detail .detailInner .infoContainer .textContainer p.note {
                font-size: 7px; }
                @media (min-width: 360px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p.note {
                    font-size: 8px; } }
                @media (min-width: 480px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p.note {
                    font-size: 9px; } }
                @media (min-width: 768px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p.note {
                    font-size: 10px; } }
                @media (min-width: 992px) {
                  #movie #commentary .detail .detailInner .infoContainer .textContainer p.note {
                    font-size: 11px; } }
        #movie #commentary .detail .detailInner .linkContainer {
          position: absolute;
          bottom: 10px;
          left: 0;
          right: 0;
          margin: auto;
          width: 320px;
          height: 95px; }
          @media (min-width: 360px) {
            #movie #commentary .detail .detailInner .linkContainer {
              width: 360px;
              bottom: 20px; } }
          @media (min-width: 480px) {
            #movie #commentary .detail .detailInner .linkContainer {
              bottom: 30px;
              width: 400px; } }
          @media (min-width: 992px) {
            #movie #commentary .detail .detailInner .linkContainer {
              bottom: 5%; } }
          #movie #commentary .detail .detailInner .linkContainer .scene {
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-color: #e10023;
            border-radius: 15px;
            z-index: 3;
            -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -o-transform: scale(0.7);
            transform: scale(0.7); }
            @media (min-width: 360px) {
              #movie #commentary .detail .detailInner .linkContainer .scene {
                -webkit-transform: scale(0.75);
                -ms-transform: scale(0.75);
                -o-transform: scale(0.75);
                transform: scale(0.75); } }
            @media (min-width: 480px) {
              #movie #commentary .detail .detailInner .linkContainer .scene {
                -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                -o-transform: scale(0.8);
                transform: scale(0.8); } }
            @media (min-width: 768px) {
              #movie #commentary .detail .detailInner .linkContainer .scene {
                -webkit-transform: scale(0.85);
                -ms-transform: scale(0.85);
                -o-transform: scale(0.85);
                transform: scale(0.85); } }
            @media (min-width: 992px) {
              #movie #commentary .detail .detailInner .linkContainer .scene {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1); } }
          #movie #commentary .detail .detailInner .linkContainer .item {
            position: relative;
            margin: auto;
            height: 100%;
            width: 285px; }
            #movie #commentary .detail .detailInner .linkContainer .item .photo {
              position: absolute;
              top: 50%;
              -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              -o-transform: translate(0, -50%);
              transform: translate(0, -50%);
              position: absolute;
              left: 0;
              width: 85px;
              height: auto; }
            #movie #commentary .detail .detailInner .linkContainer .item .logo {
              top: 10px;
              position: absolute;
              height: auto;
              left: 95px;
              width: 180px; }
          #movie #commentary .detail .detailInner .linkContainer .button {
            position: absolute;
            height: auto;
            bottom: 10px;
            width: 100px;
            left: 135px; }
            @media (min-width: 992px) {
              #movie #commentary .detail .detailInner .linkContainer .button {
                width: 100px;
                left: 135px; } }
      @media (max-width: 991px) {
        #movie #commentary .detail .baby .fukidashi {
          -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
          -o-transform: scale(0.9);
          transform: scale(0.9); } }
      #movie #commentary .detail .baby1 .face {
        width: 134px;
        top: 45px;
        right: -30px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby1 .face {
            top: 30px;
            width: 140px; } }
      #movie #commentary .detail .baby1 .hand {
        width: 45px;
        top: 110px;
        right: 110px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby1 .hand {
            top: 95px;
            width: 48px;
            right: 120px; } }
      #movie #commentary .detail .baby1 .fukidashi {
        left: -10px;
        top: -5px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby1 .fukidashi {
            left: 15px;
            top: -85px; } }
      #movie #commentary .detail .baby2 .face {
        width: 127px;
        top: 30px;
        right: 10px; }
      #movie #commentary .detail .baby2 .hand {
        width: 50px;
        top: 130px;
        right: 140px; }
      @media (max-width: 991px) {
        #movie #commentary .detail .baby2 .fukidashi {
          top: -60px;
          left: -25px; } }
      #movie #commentary .detail .baby3 .face {
        width: 135px;
        top: 20px;
        left: 0; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby3 .face {
            top: -5px; } }
      #movie #commentary .detail .baby3 .hand {
        width: 198px;
        top: 125px;
        left: -10px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby3 .hand {
            top: 100px; } }
      #movie #commentary .detail .baby3 .fukidashi {
        top: -20px;
        left: 90px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby3 .fukidashi {
            top: -135px;
            left: -70px; } }
      #movie #commentary .detail .baby4 .face {
        width: 150px;
        top: 0px;
        right: -30px; }
      #movie #commentary .detail .baby4 .hand {
        width: 64px;
        top: 80px;
        right: 125px; }
      #movie #commentary .detail .baby4 .fukidashi {
        left: -40px; }
        @media (max-width: 991px) {
          #movie #commentary .detail .baby4 .fukidashi {
            top: -60px;
            left: -5px; } }
      #movie #commentary .detail .textContainer {
        -webkit-transition: opacity 0.3s ease-out 0s;
        -o-transition: opacity 0.3s ease-out 0s;
        transition: opacity 0.3s ease-out 0s; }
        .fixed #movie #commentary .detail .textContainer {
          -webkit-transition: opacity 0.3s ease-out 0s;
          -o-transition: opacity 0.3s ease-out 0s;
          transition: opacity 0.3s ease-out 0s;
          opacity: 1;
          visibility: visible; }
        #movie #commentary .detail .textContainer .scene {
          opacity: 0;
          -webkit-transition: opacity 0.3s ease-out 0s;
          -o-transition: opacity 0.3s ease-out 0s;
          transition: opacity 0.3s ease-out 0s; }
          #movie #commentary .detail .textContainer .scene.active {
            opacity: 1;
            -webkit-transition: opacity 0s ease-out 0s;
            -o-transition: opacity 0s ease-out 0s;
            transition: opacity 0s ease-out 0s; }
      html:not(.fixed) #movie #commentary .detail .imageContainer .scene1 {
        position: relative; }
      #movie #commentary .detail .imageContainer .scene {
        position: absolute;
        height: 100%; }
        @media (min-width: 992px) {
          #movie #commentary .detail .imageContainer .scene {
            bottom: 0; } }
        @media (max-width: 991px) {
          #movie #commentary .detail .imageContainer .scene {
            top: 0; } }
        #movie #commentary .detail .imageContainer .scene .movie {
          z-index: 5;
          opacity: 0;
          -webkit-transition: opacity 0.3s ease-out 0.1s;
          -o-transition: opacity 0.3s ease-out 0.1s;
          transition: opacity 0.3s ease-out 0.1s; }
        #movie #commentary .detail .imageContainer .scene .baby {
          opacity: 0; }
        #movie #commentary .detail .imageContainer .scene.active {
          position: relative; }
          #movie #commentary .detail .imageContainer .scene.active .movie {
            z-index: 10;
            opacity: 1;
            -webkit-transition: opacity 0.3s ease-out 0s;
            -o-transition: opacity 0.3s ease-out 0s;
            transition: opacity 0.3s ease-out 0s; }
          #movie #commentary .detail .imageContainer .scene.active .baby {
            animation: babyAmin1 0.3s ease-out 0.15s, fadeAmin 0.3s ease-out 0.15s;
            animation-fill-mode: forwards; }
            @media (min-width: 360px) {
              #movie #commentary .detail .imageContainer .scene.active .baby {
                animation: babyAmin2 0.3s ease-out 0.15s, fadeAmin 0.3s ease-out 0.15s;
                animation-fill-mode: forwards; } }
            @media (min-width: 480px) {
              #movie #commentary .detail .imageContainer .scene.active .baby {
                animation: babyAmin3 0.3s ease-out 0.15s, fadeAmin 0.3s ease-out 0.15s;
                animation-fill-mode: forwards; } }
            @media (min-width: 768px) {
              #movie #commentary .detail .imageContainer .scene.active .baby {
                animation: babyAmin4 0.3s ease-out 0.15s, fadeAmin 0.3s ease-out 0.15s;
                animation-fill-mode: forwards; } }
            @media (min-width: 992px) {
              #movie #commentary .detail .imageContainer .scene.active .baby {
                animation: babyAmin5 0.3s ease-out 0s, fadeAmin 0.3s ease-out 0s;
                animation-fill-mode: forwards; } }
@-webkit-keyframes fadeAmin {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeAmin {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes fadeAmin {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-webkit-keyframes babyAmin1 {
  0% {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); } }
@-moz-keyframes babyAmin1 {
  0% {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); } }
@keyframes babyAmin1 {
  0% {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  100% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); } }
@-webkit-keyframes babyAmin2 {
  0% {
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    -o-transform: scale(0.35);
    transform: scale(0.35); }
  100% {
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45); } }
@-moz-keyframes babyAmin2 {
  0% {
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    -o-transform: scale(0.35);
    transform: scale(0.35); }
  100% {
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45); } }
@keyframes babyAmin2 {
  0% {
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    -o-transform: scale(0.35);
    transform: scale(0.35); }
  100% {
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45); } }
@-webkit-keyframes babyAmin3 {
  0% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); } }
@-moz-keyframes babyAmin3 {
  0% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); } }
@keyframes babyAmin3 {
  0% {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); } }
@-webkit-keyframes babyAmin4 {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }
@-moz-keyframes babyAmin4 {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }
@keyframes babyAmin4 {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); } }
@-webkit-keyframes babyAmin5 {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes babyAmin5 {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes babyAmin5 {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
            #movie #commentary .detail .imageContainer .scene.active .baby.baby1 .hand {
              -webkit-transform-origin: 100% bottom;
              -moz-transform-origin: 100% bottom;
              -ms-transform-origin: 100% bottom;
              transform-origin: 100% bottom;
              -webkit-animation: handAmin1 3s ease-out 0.8s infinite;
              -o-animation: handAmin1 3s ease-out 0.8s infinite;
              animation: handAmin1 3s ease-out 0.8s infinite; }
@-webkit-keyframes handAmin1 {
  12.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  22.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@-moz-keyframes handAmin1 {
  12.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  22.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@keyframes handAmin1 {
  12.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  22.5% {
    -webkit-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -moz-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -ms-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    -o-transform: rotate(-50deg) translateX(10px) translateY(-10px);
    transform: rotate(-50deg) translateX(10px) translateY(-10px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
            #movie #commentary .detail .imageContainer .scene.active .baby.baby2 .hand {
              -webkit-transform-origin: center 100%;
              -moz-transform-origin: center 100%;
              -ms-transform-origin: center 100%;
              transform-origin: center 100%;
              -webkit-animation: handAmin2 3s ease-out 0.8s infinite;
              -o-animation: handAmin2 3s ease-out 0.8s infinite;
              animation: handAmin2 3s ease-out 0.8s infinite; }
@-webkit-keyframes handAmin2 {
  12.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  22.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@-moz-keyframes handAmin2 {
  12.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  22.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
@keyframes handAmin2 {
  12.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  22.5% {
    -webkit-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(-38deg) translateX(5px) translateY(5px);
    -o-transform: rotate(-38deg) translateX(5px) translateY(5px);
    transform: rotate(-38deg) translateX(5px) translateY(5px); }
  35% {
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0); } }
            #movie #commentary .detail .imageContainer .scene.active .baby.baby3 .hand {
              -webkit-transform-origin: center 100%;
              -moz-transform-origin: center 100%;
              -ms-transform-origin: center 100%;
              transform-origin: center 100%;
              -webkit-animation: handAmin3 3s ease-out 0.8s infinite;
              -o-animation: handAmin3 3s ease-out 0.8s infinite;
              animation: handAmin3 3s ease-out 0.8s infinite; }
@-webkit-keyframes handAmin3 {
  12.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  22.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  35% {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0); } }
@-moz-keyframes handAmin3 {
  12.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  22.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  35% {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0); } }
@keyframes handAmin3 {
  12.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  22.5% {
    -webkit-transform: scale(1.1) translateX(3px);
    -moz-transform: scale(1.1) translateX(3px);
    -ms-transform: scale(1.1) translateX(3px);
    -o-transform: scale(1.1) translateX(3px);
    transform: scale(1.1) translateX(3px); }
  35% {
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0); } }
            #movie #commentary .detail .imageContainer .scene.active .baby.baby4 .hand {
              -webkit-transform-origin: center 100%;
              -moz-transform-origin: center 100%;
              -ms-transform-origin: center 100%;
              transform-origin: center 100%;
              -webkit-animation: handAmin4 3s ease-out 0.8s infinite;
              -o-animation: handAmin4 3s ease-out 0.8s infinite;
              animation: handAmin4 3s ease-out 0.8s infinite; }
@-webkit-keyframes handAmin4 {
  12.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  22.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  35% {
    -webkit-transform: rotate(0) scale(1) translateX(0);
    -moz-transform: rotate(0) scale(1) translateX(0);
    -ms-transform: rotate(0) scale(1) translateX(0);
    -o-transform: rotate(0) scale(1) translateX(0);
    transform: rotate(0) scale(1) translateX(0); } }
@-moz-keyframes handAmin4 {
  12.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  22.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  35% {
    -webkit-transform: rotate(0) scale(1) translateX(0);
    -moz-transform: rotate(0) scale(1) translateX(0);
    -ms-transform: rotate(0) scale(1) translateX(0);
    -o-transform: rotate(0) scale(1) translateX(0);
    transform: rotate(0) scale(1) translateX(0); } }
@keyframes handAmin4 {
  12.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  22.5% {
    -webkit-transform: rotate(-20deg) scale(1) translateX(5px);
    -moz-transform: rotate(-20deg) scale(1) translateX(5px);
    -ms-transform: rotate(-20deg) scale(1) translateX(5px);
    -o-transform: rotate(-20deg) scale(1) translateX(5px);
    transform: rotate(-20deg) scale(1) translateX(5px); }
  35% {
    -webkit-transform: rotate(0) scale(1) translateX(0);
    -moz-transform: rotate(0) scale(1) translateX(0);
    -ms-transform: rotate(0) scale(1) translateX(0);
    -o-transform: rotate(0) scale(1) translateX(0);
    transform: rotate(0) scale(1) translateX(0); } }
      #movie #commentary .detail .linkContainer .scene {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.25s ease-out 0.2s;
        -o-transition: all 0.25s ease-out 0.2s;
        transition: all 0.25s ease-out 0.2s; }
        #movie #commentary .detail .linkContainer .scene.active {
          opacity: 1;
          visibility: visible;
          -webkit-transition: all 0.25s ease-out 0s;
          -o-transition: all 0.25s ease-out 0s;
          transition: all 0.25s ease-out 0s; }
  #movie .extra {
    position: relative;
    z-index: 1; }
    .fixed #movie .extra {
      padding-top: 100vh; }

/*# sourceMappingURL=style.css.map */