@charset "utf-8";
.js-m-3 { opacity: 0; -webkit-transform: translate(30px, 0); -ms-transform: translate(30px, 0); transform: translate(30px, 0); -webkit-transition: opacity .8s ease, transform .8s ease;
 transition: opacity .8s ease, transform .8s ease;
}
.js-m-3.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {background-color: #eca954;}
::-webkit-scrollbar-thumb:window-inactive {background-color: #eca954;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #eca954;}

.r-header { width: auto; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; height: 60px; line-height: 60px; z-index: 6; padding-right:20px; color:#333; font-size:14px;}
.r-header .search-btn { font-size: 18px; color: #fff; text-align: center; width: 30px; line-height: 30px; cursor: pointer; background: #00a040; border-radius: 50%; }
.r-header .warp-buy { position: relative; }
.r-header .buy-btn { font-size: 15px; color: #000; margin-right: .75rem;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100px; line-height: 100px; position: relative; }
.r-header .buy-btn .sp { width: 22px; height: 22px; margin-right: 10px; }
.r-header .buybox { width: 280px; background: #fff; padding: .5rem .75rem;
border: 1px solid #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: absolute; top: 100px; left: calc(50% - 140px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; -webkit-transition: all .3s ease;
 transition: all .3s ease;
visibility: hidden; }
.r-header .buybox:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #e6e6e6; position: absolute; left: calc(50% - 10px); top: -20px; }
.r-header .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100px; margin-right: 15px; height: 40px; line-height: 40px; font-size: 14px; color: #666; border-bottom: 1px solid #e5e5e5; display: block; -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.r-header .li .sp { margin-right: 13px; width: 25px; height: 25px; }
.r-header .li:hover { color: #00a040; }
.r-header .li:nth-child(2n) {
 margin-right: 0;
}
.r-header .warp-buy:hover .buybox { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.r-header .hamburger { padding: 0; height: 13px; }
.r-header .hamburger-box { width: 25px; height: 18px; display: block; }
.r-header .hamburger-inner::before {
 top: -8px;
 left: 0px;
}
.r-header .hamburger-inner::after {
 bottom: -8px;
 left: 0px;
}
.r-header .hamburger { opacity: 1; }
.r-header .hamburger:hover { opacity: 1; }
.r-header .hamburger-inner, .r-header .hamburger-inner::before, .r-header .hamburger-inner::after {
 width: 25px;
 height: 2px;
 background: #000;
}
.r-header .hamburger.is-active .hamburger-inner, .r-header .hamburger.is-active .hamburger-inner::before, .r-header .hamburger.is-active .hamburger-inner::after {
 background: #000;
 left: 0;
 -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.r-header .hamburger--3dx-r .hamburger-inner { -webkit-transition: -webkit-transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important; transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }
.r-header .hamburger--3dx-r .hamburger-inner::before, header .r-header .hamburger--3dx-r .hamburger-inner::after {
 -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.r-header .hamburger--3dx-r.is-active .hamburger-inner::before {
 -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
 transform: translate3d(0, 8px, 0) rotate(45deg);
}
.r-header .hamburger--3dx-r.is-active .hamburger-inner::after {
 -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
 transform: translate3d(0, -8px, 0) rotate(-45deg);
}

.warp-nav { width: 100%; height: 100vh; left: 0; top: 0; background:#fff; position: fixed; display: none; padding-top: 1rem; z-index: 8; }
.warp-nav ul { width: 100%; /*padding:0 .3rem;*/ height: calc(100vh - 2.8rem); overflow-x: hidden; overflow-y: auto; }
.warp-nav li { border-bottom: 1px solid #ddd; font-size: 16px; }
.warp-nav .tit { display: block; width: 100%; padding: 0 .4rem; font-size: .32rem; line-height: 1rem; color: #333; position: relative; box-sizing: border-box; margin-bottom: 0; }
.warp-nav .tit:hover{color:#eca954;}
.warp-nav .sub-tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.warp-nav .sub-tit .sp {width:28px; height:28px; line-height:28px; text-align: center; -webkit-transition: all .3s; transition: all .3s;}
.warp-nav .sub-tit.on {color:#eca954; border-bottom: 1px solid transparent; }
.warp-nav .sub-tit.on .sp { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.warp-nav .sec-list { line-height: 40px; padding: 0 4%; display:none; }
.warp-nav .sec-list p { font-size: 14px; }
.warp-nav .sec-list p:first-child { border-top: 1px solid #ddd; }
.warp-nav .sec-list a { padding-left: 3%; color: #666; display: block; border-bottom: 1px solid #ddd; }
.warp-nav .sec-list a:hover{color:#eca954;}
.warp-nav .sec-list a:last-child { border-bottom: none; }
 @media (max-width: 1280px) {
.r-header li {
 margin: 0 .3rem;
}
}
@media (max-width: 1024px) {
 .mobile-box {
 width: auto;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-flow: row wrap;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 -webkit-box-pack: start;
 -webkit-justify-content: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
}
 .mobile-box .r-header {
 width: 30px;
 margin-right: .5rem;
}
 .mobile-box .m-block .r-header {
 width: auto;
 margin-right: 0;
}
 header .r-header .search-btn {
 background: none;
 color: #333;
 font-size: 22px;
}
.r-header, .nheader {
 height: 60px;
 line-height: 60px;
}
 .warp-nav {
 padding-top:60px;
}
 .warp-nav .tit {
 padding: 0 5%;
 font-size: 16px;
 line-height: 60px;
}
 .warp-nav ul {
 height: calc(100vh - 135px);
}
}
@media (max-width: 767px) {
.r-header {
 height: 60px;
 line-height: 60px;
}
.r-header .search-btn {
 font-size: .32rem;
}
 .z-st-menu .formbox {
 padding: .3rem 0;
}
 .st-menu ul li a {
 padding: .2rem 5%;
 font-size: .28rem;
}
 .z-st-menu .form .input1 {
 font-size: .28rem;
}
 .z-st-menu .form {
 height: 35px;
 line-height: 35px;
}
 .z-st-menu .input1 {
 height: 35px;
 line-height: 35px;
}
 .z-st-menu .form .submit {
 width: 45px;
 height: 35px;
 line-height: 35px;
}
 .mobile-box .r-header {
 margin-right: .2rem;
}
 .warp-nav .tit {
 line-height: 50px;
}
}
@media (max-width: 425px) {
.r-header .search-btn {
 font-size: .44rem;
}
 .warp-nav .bot a {
 font-size:14px;
}
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover { opacity: 0.7; }
.hamburger.is-active:hover { opacity: 0.7; }
 .hamburger.is-active .hamburger-inner,  .hamburger.is-active .hamburger-inner::before,  .hamburger.is-active .hamburger-inner::after {
 background-color: #000;
}
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
 width: 40px;
 height: 4px;
 background-color: #000;
 border-radius: 4px;
 position: absolute;
 transition-property: transform;
 transition-duration: 0.15s;
 transition-timing-function: ease;
}
 .hamburger-inner::before, .hamburger-inner::after {
 content: "";
 display: block;
}
 .hamburger-inner::before {
 top: -10px;
}
 .hamburger-inner::after {
 bottom: -10px;
}
/*
   * 3DX
   */
.hamburger--3dx .hamburger-box { perspective: 80px; }
.hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); }
 .hamburger--3dx.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dx.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box { perspective: 80px; }
.hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); }
 .hamburger--3dx-r.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dx-r.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
   * 3DY
   */
.hamburger--3dy .hamburger-box { perspective: 80px; }
.hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); }
 .hamburger--3dy.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dy.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box { perspective: 80px; }
.hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); }
 .hamburger--3dy-r.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dy-r.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box { perspective: 80px; }
.hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); }
 .hamburger--3dxy.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dxy.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box { perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
 .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
 transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
 .hamburger--3dxy-r.is-active .hamburger-inner::before {
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--3dxy-r.is-active .hamburger-inner::after {
 transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
 transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
 .hamburger--arrow.is-active .hamburger-inner::after {
 transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
 transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
 .hamburger--arrow-r.is-active .hamburger-inner::after {
 transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
 transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .hamburger--arrowalt .hamburger-inner::after {
 transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .hamburger--arrowalt.is-active .hamburger-inner::before {
 top: 0;
 transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
 transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
 .hamburger--arrowalt.is-active .hamburger-inner::after {
 bottom: 0;
 transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
 transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
 transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .hamburger--arrowalt-r .hamburger-inner::after {
 transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .hamburger--arrowalt-r.is-active .hamburger-inner::before {
 top: 0;
 transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
 transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
 .hamburger--arrowalt-r.is-active .hamburger-inner::after {
 bottom: 0;
 transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
 transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); }
 .hamburger--arrowturn.is-active .hamburger-inner::before {
 transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
 .hamburger--arrowturn.is-active .hamburger-inner::after {
 transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); }
 .hamburger--arrowturn-r.is-active .hamburger-inner::before {
 transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
 .hamburger--arrowturn-r.is-active .hamburger-inner::after {
 transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
 transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); }
 .hamburger--boring.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
}
 .hamburger--boring.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(-90deg);
}
/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--collapse .hamburger-inner::after {
 top: -20px;
 transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
 .hamburger--collapse .hamburger-inner::before {
 transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--collapse.is-active .hamburger-inner::after {
 top: 0;
 opacity: 0;
 transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
 .hamburger--collapse.is-active .hamburger-inner::before {
 top: 0;
 transform: rotate(-90deg);
 transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--collapse-r .hamburger-inner::after {
 top: -20px;
 transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
 .hamburger--collapse-r .hamburger-inner::before {
 transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--collapse-r.is-active .hamburger-inner::after {
 top: 0;
 opacity: 0;
 transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
 .hamburger--collapse-r.is-active .hamburger-inner::before {
 top: 0;
 transform: rotate(90deg);
 transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
 .hamburger--elastic .hamburger-inner::before {
 top: 10px;
 transition: opacity 0.125s 0.275s ease;
}
 .hamburger--elastic .hamburger-inner::after {
 top: 20px;
 transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; }
 .hamburger--elastic.is-active .hamburger-inner::before {
 transition-delay: 0s;
 opacity: 0;
}
 .hamburger--elastic.is-active .hamburger-inner::after {
 transform: translate3d(0, -20px, 0) rotate(-270deg);
 transition-delay: 0.075s;
}
/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
 .hamburger--elastic-r .hamburger-inner::before {
 top: 10px;
 transition: opacity 0.125s 0.275s ease;
}
 .hamburger--elastic-r .hamburger-inner::after {
 top: 20px;
 transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; }
 .hamburger--elastic-r.is-active .hamburger-inner::before {
 transition-delay: 0s;
 opacity: 0;
}
 .hamburger--elastic-r.is-active .hamburger-inner::after {
 transform: translate3d(0, -20px, 0) rotate(270deg);
 transition-delay: 0.075s;
}
/*
   * Emphatic
   */
.hamburger--emphatic { overflow: hidden; }
.hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; }
 .hamburger--emphatic .hamburger-inner::before {
 left: 0;
 transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
 .hamburger--emphatic .hamburger-inner::after {
 top: 10px;
 right: 0;
 transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; }
 .hamburger--emphatic.is-active .hamburger-inner::before {
 left: -80px;
 top: -80px;
 transform: translate3d(80px, 80px, 0) rotate(45deg);
 transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
 .hamburger--emphatic.is-active .hamburger-inner::after {
 right: -80px;
 top: -80px;
 transform: translate3d(-80px, 80px, 0) rotate(-45deg);
 transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r { overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; }
 .hamburger--emphatic-r .hamburger-inner::before {
 left: 0;
 transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
 .hamburger--emphatic-r .hamburger-inner::after {
 top: 10px;
 right: 0;
 transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; }
 .hamburger--emphatic-r.is-active .hamburger-inner::before {
 left: -80px;
 top: 80px;
 transform: translate3d(80px, -80px, 0) rotate(-45deg);
 transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
 .hamburger--emphatic-r.is-active .hamburger-inner::after {
 right: -80px;
 top: 80px;
 transform: translate3d(-80px, -80px, 0) rotate(45deg);
 transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
 transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
 .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
 opacity: 0;
 transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
 .hamburger--minus.is-active .hamburger-inner::before {
 top: 0;
}
 .hamburger--minus.is-active .hamburger-inner::after {
 bottom: 0;
}
/*
   * Slider
   */
.hamburger--slider .hamburger-inner { top: 2px; }
 .hamburger--slider .hamburger-inner::before {
 top: 10px;
 transition-property: transform, opacity;
 transition-timing-function: ease;
 transition-duration: 0.15s;
}
 .hamburger--slider .hamburger-inner::after {
 top: 20px;
}
.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); }
 .hamburger--slider.is-active .hamburger-inner::before {
 transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
 opacity: 0;
}
 .hamburger--slider.is-active .hamburger-inner::after {
 transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner { top: 2px; }
 .hamburger--slider-r .hamburger-inner::before {
 top: 10px;
 transition-property: transform, opacity;
 transition-timing-function: ease;
 transition-duration: 0.15s;
}
 .hamburger--slider-r .hamburger-inner::after {
 top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); }
 .hamburger--slider-r.is-active .hamburger-inner::before {
 transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
 opacity: 0;
}
 .hamburger--slider-r.is-active .hamburger-inner::after {
 transform: translate3d(0, -20px, 0) rotate(90deg);
}
/*
   * Spin
   */
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--spin .hamburger-inner::before {
 transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
 .hamburger--spin .hamburger-inner::after {
 transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--spin.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
 transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
 .hamburger--spin.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(-90deg);
 transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--spin-r .hamburger-inner::before {
 transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
 .hamburger--spin-r .hamburger-inner::after {
 transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--spin-r.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
 transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
 .hamburger--spin-r.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(90deg);
 transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Spring
   */
.hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; }
 .hamburger--spring .hamburger-inner::before {
 top: 10px;
 transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--spring .hamburger-inner::after {
 top: 20px;
 transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; }
 .hamburger--spring.is-active .hamburger-inner::before {
 top: 0;
 transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
 transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--spring.is-active .hamburger-inner::after {
 top: 0;
 transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
 transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--spring-r .hamburger-inner::after {
 top: -20px;
 transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
 .hamburger--spring-r .hamburger-inner::before {
 transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--spring-r.is-active .hamburger-inner::after {
 top: 0;
 opacity: 0;
 transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
 .hamburger--spring-r.is-active .hamburger-inner::before {
 top: 0;
 transform: rotate(90deg);
 transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Stand
   */
.hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
 .hamburger--stand .hamburger-inner::before {
 transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--stand .hamburger-inner::after {
 transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
 .hamburger--stand.is-active .hamburger-inner::before {
 top: 0;
 transform: rotate(-45deg);
 transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
 .hamburger--stand.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(45deg);
 transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
 .hamburger--stand-r .hamburger-inner::before {
 transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--stand-r .hamburger-inner::after {
 transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
 .hamburger--stand-r.is-active .hamburger-inner::before {
 top: 0;
 transform: rotate(-45deg);
 transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
 .hamburger--stand-r.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(45deg);
 transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 .hamburger--squeeze .hamburger-inner::before {
 transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
 .hamburger--squeeze .hamburger-inner::after {
 transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 .hamburger--squeeze.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
 transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
 .hamburger--squeeze.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(-90deg);
 transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
 .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
 transition-duration: 0s;
 transition-delay: 0.1s;
 transition-timing-function: linear;
}
 .hamburger--vortex .hamburger-inner::before {
 transition-property: top, opacity;
}
 .hamburger--vortex .hamburger-inner::after {
 transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
 .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
 transition-delay: 0s;
}
 .hamburger--vortex.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
}
 .hamburger--vortex.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(90deg);
}
/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
 .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
 transition-duration: 0s;
 transition-delay: 0.1s;
 transition-timing-function: linear;
}
 .hamburger--vortex-r .hamburger-inner::before {
 transition-property: top, opacity;
}
 .hamburger--vortex-r .hamburger-inner::after {
 transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
 .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
 transition-delay: 0s;
}
 .hamburger--vortex-r.is-active .hamburger-inner::before {
 top: 0;
 opacity: 0;
}
 .hamburger--vortex-r.is-active .hamburger-inner::after {
 bottom: 0;
 transform: rotate(-90deg);
}