/*color*/
/*util*/
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes scroll {
  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);
  }

  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);
  }

  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 {
  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);
  }

  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);
  }

  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 {
  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);
  }

  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);
  }

  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 btn_anim {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-moz-keyframes btn_anim {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes btn_anim {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  25% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }

  3.57143% {
    transform: translateY(0);
  }

  7.14286% {
    transform: translateY(0);
  }

  14.28571% {
    transform: translateY(-12vw);
  }

  17.85714% {
    transform: translateY(0);
  }

  21.42857% {
    transform: translateY(-12vw);
  }

  28.57143% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-moz-keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }

  3.57143% {
    transform: translateY(0);
  }

  7.14286% {
    transform: translateY(0);
  }

  14.28571% {
    transform: translateY(-12vw);
  }

  17.85714% {
    transform: translateY(0);
  }

  21.42857% {
    transform: translateY(-12vw);
  }

  28.57143% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes btn_anim_sp {
  0% {
    transform: translateY(0);
  }

  3.57143% {
    transform: translateY(0);
  }

  7.14286% {
    transform: translateY(0);
  }

  14.28571% {
    transform: translateY(-12vw);
  }

  17.85714% {
    transform: translateY(0);
  }

  21.42857% {
    transform: translateY(-12vw);
  }

  28.57143% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*size*/
@media screen and (min-width: 759px) {
  body #loader {
    visibility: visible;
  }
  body #wrapper {
    margin-top: 0;
    background: white;
    opacity: 1 !important;
  }
  body #wrapper div.inner {
    text-align: center;
  }
  body #wrapper #main {
    float: none;
    margin: 0 auto;
  }
  body #wrapper #main section .inner h2 {
    font-size: 3.8em;
  }
  body #wrapper #main section .inner .btn_area {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }
  body #wrapper #main section#kv {
    padding: 0 0 40px 0;
  }
  body #wrapper #main section#kv .slide {
    position: relative;
    /* .list {
    	max-width: 180vh;
        position: relative;
        margin: 0 auto;
    } */
  }
  body #wrapper #main section#kv .slide .item {
    display: block;
    line-height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body #wrapper #main section#kv .slide .item a {
    display: block;
  }
  body #wrapper #main section#kv .slide .item:first-child {
    position: relative;
  }
  body #wrapper #main section#kv .slide .item.current {
    z-index: 1;
  }
  body #wrapper #main section#kv .pager {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  body #wrapper #main section#kv .pager li {
    display: inline-block;
    margin: 0 12.5px;
  }
  body #wrapper #main section#kv .pager li a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d2d2d2;
    display: block;
  }
  body #wrapper #main section#kv .pager li a.current {
    background: #b38d3b;
  }
  body #wrapper #main section#question {
    overflow: hidden;
    height: 460px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #000000;
    background: linear-gradient(to bottom, #07243b 0%, #000203 100%);
  }
  body #wrapper #main section#old {
    overflow: hidden;
    height: 460px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #000000;
    background: linear-gradient(to right, #9287c3 0%, #572c88 100%);
  }
  body #wrapper #main section#mask {
    overflow: hidden;
    height: 460px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #000000;
    background: linear-gradient(90deg, #fcf4d2 20%, #ebce72 50%, #e9c765 70%);
  }
  body #wrapper #main section#question .inner, body #wrapper #main section#old, body #wrapper #main section#mask .inner {
    z-index: 2;
  }
  body #wrapper #main section#question .inner h2, body #wrapper #main section#old .inner h2, body #wrapper #main section#mask .inner h2 {
    font-size: 3em;
    color: #f1cb89;
    line-height: normal;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateY(50%);
    display: block;
  }
  body #wrapper #main section#mask .inner h2 {
    transform: translateY(80%);
  }
  body #wrapper #main section#question .inner h2 span, body #wrapper #main section#old .inner h2 span, body #wrapper #main section#mask .inner h2 span{
    font-size: 70%;
    line-height: 150%;
    display: block;
    padding: 20px 0;
  }
  body #wrapper #main section#question .inner h2 .l, body #wrapper #main section#old .inner h2 .l, body #wrapper #main section#mask .inner h2 .l{
    font-size: 1.674em;
  }

body #wrapper #main section#question .inner .btn_area, body #wrapper #main section#old .inner .btn_area, body #wrapper #main section#mask .inner .btn_area{
    position: absolute;
    right: auto;
    left: 50%;
    margin: auto;
    top: 0;
    margin-top: 30%;
    transform: scale(.8);
    transform-origin: 0 0;
}

  body #wrapper #main section#question .inner a span.l, body #wrapper #main section#old .inner a span.l, body #wrapper #main section#mask .inner a span.l{
    top: 0;
    left: 0;
  }
  body #wrapper #main section#question .inner a span.r, body #wrapper #main section#old .inner a span.r, body #wrapper #main section#mask .inner a span.r{
    top: 0;
    left: 0;
  }

  body #wrapper #main section#question .inner a:hover span.arw, body #wrapper #main section#old .inner a:hover span.arw, body #wrapper #main section#mask .inner a:hover span.arw{
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  body #wrapper #main section#question .inner figure, body #wrapper #main section#old .inner figure, body #wrapper #main section#mask .inner figure{
    line-height: 0;
    position: absolute;
    width: 600px;
    top: 0px;
    left: 0px;
  }
  body #wrapper #main section#question .mask_bg, body #wrapper #main section#old .mask_bg, body #wrapper #main section#mask .mask_bg{
    z-index: 3;
  }
  body #wrapper #main section#lineup {
    text-align: center;
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
  }
  body #wrapper #main section#lineup .inner {
    padding: 146px 0 148px 0;
  }
  body #wrapper #main section#lineup .inner h2 {
    color: #a31f25;
    line-height: 1em;
    margin: 0 0 45px 0;
    font-weight: 100;
  }
  body #wrapper #main section#lineup .inner .btn_area {
    bottom: 63px;
  }
  body #wrapper #main section#lineup .inner figure {
    width: 983px;
    margin: 0 auto;
    line-height: 0;
  }
  /*
  body #wrapper #main section#old {
    text-align: center;
    background: #fdecf6;
    background: -moz-linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);
    background: -webkit-linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);
    background: linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdecf6', endColorstr='#e8f7f9',GradientType=1 );
  }
  body #wrapper #main section#old .inner {
    padding: 72px 0 101px 0;
  }
  body #wrapper #main section#old .inner h2 {
    color: #b38d3b;
    line-height: 1.43em;
    font-weight: 100;
  }
  body #wrapper #main section#old .inner figure {
    width: 661px;
    margin: 0 auto;
  }
  body #wrapper #main section#old .inner .btn_area {
    bottom: 61px;
  }
  */
  
  body #wrapper #main section#heyashaum {
    background: url("../../img/top/heyasham_bg2.jpg") top;
  }
  body #wrapper #main section#heyashaum .bg {
    width: 1300px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 0;
  }
  body #wrapper #main section#heyashaum .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 52px 0 0 0;
    box-sizing: border-box;
    height: 100%;
  }
  body #wrapper #main section#heyashaum .inner h2 {
    color: #b38d3b;
    line-height: 1em;
    font-weight: 100;
  }
  body #wrapper #main section#heyashaum .inner h2 .s {
    font-size: 0.579em;
  }
  body #wrapper #main section#heyashaum .inner .btn_area {
    bottom: 62px;
  }
  body #wrapper #main section#movie h2 {
    color: #b38d3b;
    font-weight: 100;
    font-size: 4em;
    line-height: 1em;
    margin: 0 0 43px 0;
  }
  body #wrapper #main section#movie .inner {
    padding: 74px 0 0 0;
  }
  body #wrapper #main section#movie a {
    display: block;
    margin: 0 auto 39px;
    width: 780px;
    line-height: 0;
    position: relative;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  body #wrapper #main section#movie a span {
    position: absolute;
    width: 99px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 99px;
    margin: auto;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  body #wrapper #main section#movie a:hover {
    opacity: 0.8;
  }
  body #wrapper #main section#movie a:hover span {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  body #wrapper #main section#movie p {
    color: #b38d3b;
    font-weight: 100;
    font-size: 2.2em;
    line-height: 1em;
  }
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 607.5px;
    z-index: 10;
  }
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  body #reel .close {
    width: 85px;
    height: 85px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -60px;
    right: -60px;
    z-index: 5003;
  }
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  body #reel .close .bar span {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 28px;
    content: "";
    margin: -13px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 30px;
    content: "";
    margin: 7px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  body #reel .close:hover .bar {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}
/*size*/
@media screen and (max-width: 758px) {
  body {
  }
  body #loader {
    visibility: visible;
  }
  body #wrapper {
    margin-top: 0;
    background: white;
    opacity: 1 !important;
  }
  body #wrapper div.inner {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  body #wrapper #main {
    float: none;
    margin: 0 auto;
  }
  body #wrapper #main section .inner h2 {
    font-size: 52px;
    font-size: 6.93333vw;
  }
  body #wrapper #main section#question .inner .btn_area, body #wrapper #main section#old .inner .btn_area, body #wrapper #main section#mask .inner .btn_area{
    position: absolute;
    width: 70%;
    line-height: 0;
    right: 0;
    left: 0;
    margin: auto;
    top: 95.5vw;
  }
  body #wrapper #main section#kv {
    padding: 0 0 8vw 0;
  }
  body #wrapper #main section#kv .slide {
    position: relative;
    /* .list {
    	width: 50vh;
        position: relative;
        margin: 0 auto;
    } */
  }
  body #wrapper #main section#kv .slide .item {
    display: block;
    line-height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body #wrapper #main section#kv .slide .item a {
    display: block;
  }
  body #wrapper #main section#kv .slide .item:first-child {
    position: relative;
  }
  body #wrapper #main section#kv .slide .item.current {
    z-index: 1;
  }
  body #wrapper #main section#kv .pager {
    position: absolute;
    bottom: 3vw;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  body #wrapper #main section#kv .pager li {
    display: inline-block;
    margin: 0 1.5%;
  }
  body #wrapper #main section#kv .pager li a {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background: #d2d2d2;
    display: block;
  }
  body #wrapper #main section#kv .pager li a.current {
    background: #b38d3b;
  }
  body #wrapper #main section#question{
    overflow: visible;
    height: 125vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9vw 0 0 0;
    background: #000;
    background: linear-gradient(to bottom, #07243b 0%, #000203 100%);
  }
  body #wrapper #main section#old {
    overflow: visible;
    height: 125vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9vw 0 0 0;
    background: #000;
    background: linear-gradient(to right, #9287c3 0%, #572c88 100%);
  }
  body #wrapper #main section#mask {
    overflow: visible;
    height: 125vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9vw 0 0 0;
    background: #000;
    background: linear-gradient(90deg, #fcf4d2 20%, #ebce72 50%, #e9c765 70%);
  }
  
  body #wrapper #main section#question .inner, body #wrapper #main section#old .inner, body #wrapper #main section#mask .inner {
    z-index: 2;
  }
  body #wrapper #main section#question .inner h2, body #wrapper #main section#old .inner h2, body #wrapper #main section#mask .inner h2 {
    font-size: 48px;
    font-size: 5vw;
    color: #f1cb89;
    margin: 0 0 0 6%;
    line-height: 5vw;
    letter-spacing: 0.1vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  body #wrapper #main section#question .inner h2 span, body #wrapper #main section#old .inner h2 span, body #wrapper #main section#mask .inner h2 span{
    font-size: 70%;
    line-height: 150%;
    display: block;
    padding: 20px 0;
  }
  
  body #wrapper #main section#question .inner, h2 .lbody #wrapper #main section#old .inner h2 .l, h2 .lbody #wrapper #main section#mask .inner h2 .l {
    font-size: 80px;
    font-size: 10.66667vw;
  }
  body #wrapper #main section#question .inner a {

  }
  body #wrapper #main section#question .inner a span, body #wrapper #main section#old .inner a span, body #wrapper #main section#mask .inner a span {
    position: absolute;
  }
  body #wrapper #main section#question .inner a span.l, body #wrapper #main section#old .inner a span.l, body #wrapper #main section#mask .inner a span.l {
    top: 0;
    left: 0;
  }
  body #wrapper #main section#question .inner a span.r, body #wrapper #main section#old .inner a span.r , body #wrapper #main section#mask .inner a span.r{
    top: 0;
    left: 0;
  }
  body #wrapper #main section#question .inner a span.arw {

  }
  body #wrapper #main section#question .inner a span.t {

  }
  body #wrapper #main section#question .inner figure, body #wrapper #main section#old .inner figure , body #wrapper #main section#mask .inner figure{
    line-height: 0;
    position: absolute;
    width: 125%;
    top: 6.5vw;
    left: -4%;
  }
  body #wrapper #main section#question .mask_bg, body #wrapper #main section#old .mask_bg, body #wrapper #main section#mask .mask_bg {
    z-index: 3;
  }
  body #wrapper #main section#lineup {
    text-align: center;
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 54%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
  }
  body #wrapper #main section#lineup .inner {
    padding: 12vw 0 12vw 0;
  }
  body #wrapper #main section#lineup .inner h2 {
    color: #a31f25;
    line-height: 1em;
    margin: 0 0 10vw 0;
    font-weight: 100;
  }
  body #wrapper #main section#lineup .inner figure {
    margin: 0 auto;
    width: 88%;
  }
  body #wrapper #main section#lineup .inner .btn_area {
      margin-top:10vw;
  }
  
  /*
  body #wrapper #main section#old {
    text-align: center;
    background: #fdecf6;

    background: -moz-linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);

    background: -webkit-linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);

    background: linear-gradient(45deg, #fdecf6 0%, #f6edf4 29%, #eef4f9 50%, #e4f6f9 70%, #e8f7f9 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdecf6', endColorstr='#e8f7f9',GradientType=1 );
  }
  body #wrapper #main section#old .inner {
    padding: 10vw 0 23.5vw 0;
  }
  body #wrapper #main section#old .inner h2 {
    color: #b38d3b;
    line-height: 10.7vw;
    letter-spacing: 0.8vw;
    margin: 0 0 -2vw 0;
    font-weight: 100;
  }
  body #wrapper #main section#old .inner figure {
    width: 100%;
    margin: 0 auto;
  }
  body #wrapper #main section#old .inner .btn_area {
    bottom: 14vw;
  }
  */
  
  body #wrapper #main section#heyashaum {
    background: url("../../img/top/heyasham_bg2.jpg") top;
  }
  body #wrapper #main section#heyashaum .bg {
    position: relative;
    transform: translate(-50%, 0);
    line-height: 0;
    padding: 3.5vw 0 0 0;
    width: 230%;
    left: 49%;
    height: 143vw;
    overflow: hidden;
  }
  body #wrapper #main section#heyashaum .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 8.6vw 0 0 0;
    box-sizing: border-box;
    height: 100%;
  }
  body #wrapper #main section#heyashaum .inner h2 {
    color: #b38d3b;
    line-height: 7.7vw;
    letter-spacing: 0.6vw;
    font-weight: 100;
  }
  body #wrapper #main section#heyashaum .inner h2 .s {
    font-size: 32px;
    font-size: 4.26667vw;
  }
  body #wrapper #main section#heyashaum .inner .btn_area {
    bottom: 14vw;
  }
  body #wrapper #main section#movie h2 {
    color: #b38d3b;
    font-weight: 100;
    font-size: 52px;
    font-size: 6.93333vw;
    line-height: 1em;
    margin: 0 0 8.6vw 0;
  }
  body #wrapper #main section#movie .inner {
    width: 88%;
    margin: 0 6%;
    padding: 12.5vw 0 0 0;
  }
  body #wrapper #main section#movie a {
    display: block;
    line-height: 0;
    position: relative;
    margin: 0 0 7vw 0;
  }
  body #wrapper #main section#movie a span {
    position: absolute;
    width: 15.2%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 13vw;
    margin: auto;
  }
  body #wrapper #main section#movie p {
    color: #b38d3b;
    font-weight: 100;
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1em;
  }
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  body #reel .close {
    width: 47.5px;
    height: 47.5px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -37px;
    right: -13px;
    z-index: 5003;
  }
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  body #reel .close .bar span {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    content: "";
    margin: -12px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    content: "";
    margin: 8px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
}