/*color*/
/*util*/
@-webkit-keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-moz-keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-webkit-keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-moz-keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@-moz-keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@-webkit-keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@-moz-keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@-webkit-keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@-moz-keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@-webkit-keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

@-moz-keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

@keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (min-width: 769px) {
  /* line 5, ../../../../src/page/gallery/css/_pc.scss */
  body {
    /*
    background: url(../img/_guide_pc.jpg) no-repeat top center;
    //-webkit-background-size: 100% auto;
    //background-size: 100% auto;
    #wrapper{
    	@include opacity(0.6);
    	width:1300px !important;
    	float: none !important;
    	margin: 90px auto 0 !important;
    }
    #header{
    	@include opacity(0.6);
    }  */
  }
  /* line 22, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie {
    padding: 98px 0 120px 0;
  }
  /* line 25, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie .inner h1 {
    line-height: 1;
    font-size: 40px;
    position: relative;
    margin: 0 0 91px 0;
  }
  /* line 30, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie .inner h1 span {
    position: absolute;
    background: #595757;
    height: 1px;
    width: 269px;
    top: 19px;
  }
  /* line 36, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie .inner h1 span.l {
    left: 0;
  }
  /* line 39, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie .inner h1 span.r {
    right: 0;
  }
  /* line 42, ../../../../src/page/gallery/css/_pc.scss */
  body #wrapper #main section#movie .inner h1 span.s {
    width: 239px;
    top: 23px;
  }
}
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (max-width: 768px) {
  /* line 5, ../../../../src/page/gallery/css/_sp.scss */
  body {
    /*
    background: url(../img/_guide_sp.jpg) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    #wrapper{
    	@include opacity(0.6);
    }
    #header {
    	@include opacity(0.6);
    } */
  }
  /* line 20, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie {
    padding: 10vw 0 10.4vw 0;
  }
  /* line 23, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie .inner h1 {
    font-size: 40px;
    font-size: 5.33333vw;
    line-height: 1;
    position: relative;
    margin: 0 0 10.1vw 0;
  }
  /* line 28, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie .inner h1 span {
    position: absolute;
    background: #595757;
    height: 1px;
    width: 19.2%;
    top: 2.4vw;
  }
  /* line 34, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie .inner h1 span.l {
    left: 1%;
  }
  /* line 37, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie .inner h1 span.r {
    right: 1%;
  }
  /* line 40, ../../../../src/page/gallery/css/_sp.scss */
  body #wrapper #main section#movie .inner h1 span.s {
    top: 3vw;
    width: 15%;
  }
}