@charset "UTF-8";
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1sinfinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: round-decimal(5.2083333333vw, 3) 0; } }
@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1sinfinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 5.208vw 0; } }
@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1sinfinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 5.208vw 0; } }
@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }
/*
Swiper
Modal
loader
Drag
*/
#baseVW {
width: 100vw;
position: fixed;
left: -200vw;
opacity: 0;
height: 100vh; }

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
float: left; }

.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }

.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank {
visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto; }

.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
display: none; }

.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%; }

.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }

.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2; }

button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }

.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-o-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right,.2s -webkit-transform;
transition: .2s right,.2s -webkit-transform;
-o-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000; }

.swiper-pagination-lock {
display: none; }

.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }

.swiper-scrollbar-cursor-drag {
cursor: move; }

.swiper-scrollbar-lock {
display: none; }

.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }

.swiper-slide-zoomed {
cursor: move; }

.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-cube {
overflow: visible; }

.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }

.swiper-container-flip {
overflow: visible; }

.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px; }

@keyframes loading {
0% {
opacity: 0; }
50% {
opacity: 1; }
66% {
opacity: 1; }
100% {
opacity: 0; } }
/* 
loader
*********************/
#loader {
display: block !important;
background: #eae4da;
width: 100%;
height: 100%;
z-index: 1000000;
position: fixed;
left: 0;
top: 0;
backdrop-filter: blur(10px); }

#loader .loader {
width: 23.877vw;
height: 24.609vw;
position: fixed;
right: 50%;
top: 50%;
margin: -12.305vw -12.012vw 0 0;
text-align: center;
font-family: 'Cinzel', serif;
background: url("/assets/dmg/img/loading.png") no-repeat left top/cover; }
#loader .loader span {
position: absolute;
left: 0.39em;
bottom: 0;
z-index: 10;
width: 100%;
font-size: 2.344vw;
color: #5b3504;
text-align: center;
display: block;
letter-spacing: 0.078em;
animation: loading 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

@media screen and (min-width: 1024px) {
#loader .loader {
width: 163px;
height: 168px;
margin: -84px -82px 0 0; }
#loader .loader span {
font-size: 16px; } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverinr {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoveroutr {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1s infinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 5.208vw 0; } }
@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }
/*
Base
section
header
footer
animation
blog-parts
*/
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0; }

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal; }

ul {
list-style: none; }

button, input, select, textarea {
margin: 0; }

html {
box-sizing: border-box; }

*,
*:before,
*:after {
box-sizing: inherit; }

embed, iframe, object {
height: auto;
max-width: 100%; }

audio {
max-width: 100%; }

iframe {
border: 0; }

table {
border-collapse: collapse;
border-spacing: 0; }

td, th {
padding: 0;
text-align: left; }

textarea, input[type="email"], input[type="password"], input[type="text"], input[type="button"], input[type="submit"] {
-webkit-appearance: none; }

textarea {
resize: vertical; }

input:-webkit-autofill {
-webkit-box-shadow: 0 0 1000px white inset;
outline: none; }

input, button {
outline: none; }

area {
border: none;
outline: none; }

img {
-ms-interpolation-mode: bicubic; }

* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.25);
max-height: 999999px; }
*::before, *::after {
/*will-change:all;*/
box-sizing: border-box; }

em, i, b {
font-weight: normal;
font-style: normal; }

body {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: "Noto Serif TC", sans-serif; }

input, textarea, select {
font-family: "Noto Serif TC", sans-serif; }

a {
cursor: pointer;
text-decoration: none;
color: #000; }

.clr {
clear: both; }

.hide {
position: absolute !important;
left: -9999px !important;
top: -9999px !important; }

section {
clear: both;
zoom: 1; }

article:after, section:after, .clrFx:after {
content: '';
clear: both;
display: block; }

main dt,
main dd,
main p,
main li {
transform: rotate(0.05deg); }

#contents * {
box-sizing: border-box; }

.cinzel {
font-family: 'Cinzel', serif; }

.didact {
font-family: 'Didact Gothic', sans-serif; }

.serif {
font-family: 'Noto Serif TC', serif; }

.pc-item {
display: none; }

body {
font-family: "Noto Serif TC", sans-serif;
font-weight: 500;
position: relative; }

main {
padding: 0;
position: relative;
min-height: 640px;
overflow: hidden; }

.ie main {
display: block; }

section, .wrap {
margin: 0 auto;
clear: both;
zoom: 1;
position: relative;
z-index: 100;
padding: 0; }

#contents {
width: 100%;
overflow: hidden;
background: none; }
#contents img {
display: block;
width: 100%; }

html, body, .scroll, .twitter_wrap {
/*バー*/
/*グラブ*/ }
html::-webkit-scrollbar, body::-webkit-scrollbar, .scroll::-webkit-scrollbar, .twitter_wrap::-webkit-scrollbar {
width: 0.586vw;
height: 0.586vw; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track, .twitter_wrap::-webkit-scrollbar-track {
background-color: silver;
border-radius: 0;
box-shadow: 0; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb, .twitter_wrap::-webkit-scrollbar-thumb {
background-color: black;
border-radius: 0;
box-shadow: 0; }

/***
SP STYLE
**************************************************************/
.pc-item {
display: none; }

body {
overflow-x: hidden;
min-width: inherit;
width: 100%;
color: #0a0a0a;
background: #e8e3df;
background: url(/assets/live_202510_tw/img/bg.jpg) repeat-y top center;
background-size: contain; }

main {
padding: 0 0;
min-height: 100%;
display: block;
font-size: 0;
line-height: 1; }

main,
#contents {
min-width: inherit;
min-height: 50vw;
position: relative; }

.second #contents {
padding: 29.297vw 0 14.648vw; }
.second #contents .pagetitle {
font-size: 6.25vw;
text-align: center;
letter-spacing: 0.06em;
line-height: 1.4;
padding: 0 5.859vw; }
.second #contents .pagetitle + * {
padding-top: 9.375vw; }
.second #contents section {
padding: 0 5.859vw 0;
text-align: left; }
.second #contents .subtitle {
font-size: 5.62vw;
text-align: center;
letter-spacing: 0.06em;
line-height: 1.4;
padding: 0 5.859vw; }
.second #contents .subtitle + * {
/*padding-top: 9.375vw;*/ }
.second #contents section {
padding: 0 5.859vw 0;
text-align: left; }
.second #contents section h2 {
font-size: 4.59vw;
line-height: 1.5;
background: url(/assets/live_202510_tw/img/bg_h2.png) center; }
.second #contents section h3,
.second #contents section h4 {
font-size: 3.418vw;
line-height: 2;
letter-spacing: 0.02em; }
.second #contents section p,
.second #contents section li {
font-size: 2.918vw;
line-height: 2;
letter-spacing: 0.02em; }
.second #contents section h3 em,
.second #contents section h4 em,
.second #contents section p em,
.second #contents section li em {
font-style: italic; }
.second #contents section h3 em.num,
.second #contents section h4 em.num,
.second #contents section p em.num,
.second #contents section li em.num {
font-style: normal; }
.second #contents section h3 b,
.second #contents section h4 b,
.second #contents section p b,
.second #contents section li b {
font-weight: 700; }
.second #contents section ul li {
padding-left: 1em;
text-indent: -1em;
list-style: none; }
.second #contents section ol li {
list-style: none;
position: relative;
padding-left: 2.0em; }
.second #contents section ol li em {
position: absolute;
left: 0;
top: 0; }
.second #contents section ol li ul {
font-size: 0;
line-height: 1; }
.second #contents section ol li ul li {
padding-left: 1.8em;
text-indent: 0;}
.second #contents section ol li ol li {
padding-left: 1em;
text-indent: -1em;}
.second #contents section .text_right {
text-align: right; }
.second #contents section + section {
padding-top: 29.297vw; }
.second #contents section + section::before {
content: '';
width: 88.281vw;
height: 1px;
background: #fff;
position: absolute;
left: 5.859vw;
top: 14.648vw; }
.second #contents section * + h2 {
margin: 16vw -0.6vw 4vw; }
.second #contents section h2 + *,
.second #contents section h3 + * {
margin-top: 1.465vw; }
.second #contents section h4 + * {
margin: 0; }
.second #contents section h2 + ul li {
padding-left: 1.0em;
text-indent: -1.0em; }
.second #contents section h3 + ul li,
.second #contents section p + ul li {
padding-left: 2.0em;
text-indent: -1.0em; }
.second #contents section h4 + p {
padding-left: 1.0em;
text-indent: 0em;
margin-bottom: 2.0em; }
.second #contents section p + h3,
.second #contents section ol + p,
.second #contents section ul + p,
.second #contents section ul + h3,
.second #contents section ol + h3,
.second #contents section p + p {
margin-top: 5.371vw; }
.second #contents section ul li + p {
padding-left: 2.0em;
margin: 1.0em 0; }
.second #contents section a {
color: #009672; }
.second .second_header {
display: none; }

.pagetop {
position: fixed;
right: 0;
bottom: 0;
text-align: right;
z-index: 15000; }
.pagetop a {
display: flex;
margin: 0 0 0 auto;
font-family: 'Didact Gothic', sans-serif;
font-size: 2.539vw;
color: #0a0a0a;
letter-spacing: 0.08em;
padding: 0 0 0 1.953vw;
width: 21.414vw;
height: 9.766vw;
align-items: center;
justify-content: flex-start; }
.pagetop span {
background: #0a0a0a;
width: 0.195vw;
height: 9.766vw;
position: absolute;
right: 3.859vw;
bottom: 0; }

@media screen and (min-width: 1024px) {
.pc-item {
display: inline-block; }
.sp-item {
display: none; }

html, body {
overflow-x: inherit;
/*バー*/
/*グラブ*/ }
html::-webkit-scrollbar, body::-webkit-scrollbar {
width: 6px;
height: 6px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
background-color: silver;
border-radius: 0;
box-shadow: 0; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
background-color: #594f48;
border-radius: 0;
box-shadow: 0; }

main,
#contents {
min-width: 1024px;
overflow: visible; }

.second #contents {
padding: 200px 0 140px; }
.second #contents .pagetitle,
.second #contents .subtitle {
font-size: 36px;
padding: 0 0;
width: 860px;
margin: 0 auto; }
.second #contents .pagetitle + * {
padding-top: 35px; }
.second #contents section {
padding: 0;
width: 860px;
margin: 0 auto; }
.second #contents section h2 {
font-size: 18px;
letter-spacing: 0.04em;
margin: 10px 0;}
.second #contents section h3,
.second #contents section h4,
.second #contents section p,
.second #contents section li {
font-size: 12px;
line-height: 28px; }
.second #contents section h2 + * {
margin-top: 2px; }
.second #contents section + section {
padding-top: 300px; }
.second #contents section + section::before {
content: '';
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left: 0;
top: 150px; }
.second #contents section * + h2 {
margin: 60px 0 10px; }
.second #contents section h2 + *,
.second #contents section h3 + * {
margin-top: 2px; }
.second #contents section p + h3,
.second #contents section ol + p,
.second #contents section ul + p,
.second #contents section ul + h3,
.second #contents section ol + h3,
.second #contents section p + p {
margin-top: 30px; }
.second #contents section a:hover {
color: #00be90;
text-decoration: none; }
.second .second_header {
display: block;
width: 100%;
max-width: 1600px;
min-width: 1024px;
margin: 0 auto;
position: relative; }
.second .second_header .logo {
position: absolute;
left: -40px;
top: 128px;
z-index: 10; }
.second .second_header .logo a {
display: inline-block; }
.second .second_header .logo img {
width: 366px;
height: auto;
transition: opacity 0.3s; }
.second .second_header .logo a:hover img {
opacity: 0.7s; }
.second .second_header .sns {
display: flex;
flex-direction: column;
position: absolute;
top: 106px;
right: 18px;
z-index: 50; }
.second .second_header .sns img {
width: 38px;
height: auto; }
.second .second_header .sns li {
padding: 5px 0; }
.second .second_header .sns li a img {
transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.second .second_header .sns li a:hover img {
opacity: 0.5;
transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.pagetop {
position: sticky;
display: block;
width: 100%;
max-width: 1600px;
min-width: 1024px;
margin: 0 auto;
bottom: 0;}
.pagetop a {
font-size: 13px;
padding: 0 0 0 10px;
width: 125px;
height: 56px; }
.pagetop span {
width: 1px;
height: 56px;
right: 30px;
overflow: hidden; }
.pagetop span::after {
content: '';
width: 100%;
height: 100%;
background: #5e5e5e;
position: absolute;
left: 0;
top: 0;
transform: scale(1, 0);
transform-origin: 0 0; }

@keyframes sdl {
0% {
transform: scale(1, 0);
transform-origin: 0 100%; }
50% {
transform: scale(1, 1);
transform-origin: 0 100%; }
50.1% {
transform: scale(1, 1);
transform-origin: 0 0; }
100% {
transform: scale(1, 0);
transform-origin: 0 0; } } }

@media screen and (min-width: 1024px) and (max-width: 1600px) {
}
@media screen and (min-width: 1601px) {
.tab-item {
display: none; }
}


/***
movie modal
******************************************************/
#modalMask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100000;
display: none;
background: #000; }

#modalContent {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
z-index: 100001;
display: none;
cursor: pointer; }

#modalContent.view div.mc {
transform: scale(1); }

#modalContent div.mc {
padding: 17.578vw 0;
position: fixed;
left: 50%;
top: 50%;
margin-left: 0px;
margin-top: 0;
z-index: 10;
transition: 0.8s ease;
transform: scale(1);
text-align: center;
width: 100%;
height: 100%; }

#modalContent .close {
position: absolute;
top: 6.836vw;
right: 0; }

#modalContent .close a {
color: #fff;
font-size: 2.539vw;
font-family: 'Cinzel', serif;
display: inline-block;
padding: 1.953vw 6.836vw 1.953vw 1.953vw; }
#modalContent .close a span {
display: block;
width: 5.078vw;
height: 0.195vw;
background: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.293vw; }

@media screen and (min-width: 1024px) {
#modalMask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100000;
display: none; }

#modalContent {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100001;
display: none;
cursor: pointer; }

#modalContent.view div.mc {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1); }

#modalContent div.mc {
padding: 80px 0;
box-sizing: border-box;
position: fixed;
left: 50%;
top: 50%;
margin-left: 0px;
margin-top: 0;
z-index: 10;
transition: 0.8s ease;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
text-align: center; }

#modalContent .close {
position: absolute;
top: 0;
right: 0; }

#modalContent .close a {
color: #fff;
font-size: 18px;
font-family: 'Cinzel', serif;
display: inline-block;
padding: 30px 70px 30px 0; }
#modalContent .close a span {
display: block;
width: 52px;
height: 1px;
background: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -3px; } }


/***
animation
******************************************************/
[data-right],
[data-left],
[data-down],
[data-up],
[data-up2],
[data-up3] {
opacity: 0; }

span[data-up] {
display: block; }

[data-up],
[data-up2],
[data-up3] {
transform: translateY(5vw); }

@media screen and (min-width: 1200px) {
/* PC */
[data-up],
[data-up2],
[data-up3] {
transform: translateY(40px); } }

.windowloaded [data-up].animated {
opacity: 1;
transform: translateY(0);
transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.windowloaded [data-up].animated ~ [data-up2],
.windowloaded [data-up].animated ~ div [data-up2] {
opacity: 1;
transform: translateY(0);
transition: 1.2s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.windowloaded [data-up].animated ~ [data-up3],
.windowloaded [data-up].animated ~ div [data-up3] {
opacity: 1;
transform: translateY(0);
transition: 1.2s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }




/***
******************************************************/
@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1sinfinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 5.208vw 0; } }

@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }


/***
ALL
******************************************************/
.mememori main {
font-size: 0;
line-height: 1; }
.mememori main .menu {
height: 14.844vw;
background: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
top: 0;
width: 100vw;
z-index: 1000; }
.mememori main .menu .toggle {
position: absolute;
right: 0;
top: 0;
padding-top:0.5vw;
background: rgba(63, 53, 53, 0.8);
z-index: 100; }
.mememori main .menu .toggle a {
display: block;
width: 12.5vw;
height: 12.5vw;
position: relative; }
.mememori main .menu .toggle a span {
content: '';
width: 6.024vw;
height: 0.115vw;
position: absolute;
left: 50%;
top: 50%;
background: #fff;
z-index: 10; }
.mememori main .menu .toggle a span.bar_01 {
margin-top: -1.677vw;
margin-left: -3.32vw; }
.mememori main .menu .toggle a span.bar_02 {
margin-top: 0;
margin-left: -3.32vw; }
.mememori main .menu .toggle a span.bar_03 {
margin-top: 1.677vw;
margin-left: -3.32vw; }
.mememori main .menu .logo img {
height: 13.574vw;
width: auto; }

  .mememori main .menu .lang,
  .mememori main .siteheader .lang {
    position: absolute;
    display: inline-block;
    left: 4vw;
    top: 50%;
    margin-top: -0.6vw;
    cursor: pointer; }
    .mememori main .menu .lang p,
    .mememori main .siteheader .lang p {
	  font-size: 3.125vw;
      color: #3b2f1f;
      padding: 0 0 0 4.418vw;
      line-height: 3.418vw;
      display: inline-block;
      position: relative;
      z-index: 0;
      letter-spacing: 0.08em;
      text-indent: 0.08em; }
    .mememori main .siteheader .lang p.global {
      font-size: 2.425vw;
      color: #3b2f1f;
      padding: 0 0 0 7.818vw;
      line-height: 3.418vw;
      display: block;
      position: relative;
      z-index: 0;
      letter-spacing: 0.07em;
      text-indent: 0.08em; }
      .mememori main .menu .lang p b,
      .mememori main .siteheader .lang p b {
        display: inline-block;
        line-height: 3.418vw; }
      .mememori main .menu .lang p span,
      .mememori main .siteheader .lang p span.arr {
		display: block;
    	position: absolute;
    	left: 1.2vw;
    	top: 0;
    	border-bottom: 0.195vw solid #fff;
    	border-left: 0.195vw solid #fff;
    	width: 1.27vw;
    	height: 1.27vw;
    	transform: rotate(-45deg) translate(0, 120%);}
      .mememori main .menu .lang p span,
	  .mememori main .siteheader .lang p span.global {
        display: block;
        position: absolute;
        left: -3.251vw;
        top: -6.07vw;
    	border: 0;
        width: 4.57vw;
        height: 4.57vw;
        transform: rotate(0deg) translate(65%, 120%);
        background: url("/assets/live_202510/img/icon_glabal.png")no-repeat center top/100% auto;}
  .mememori main .menu select::-ms-expand,
  .mememori main .siteheader select::-ms-expand {
    display: none; }
  .mememori main .menu select,
  .mememori main .siteheader select {
    appearance: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 2.418vw;
    font-size: 3.125vw;
    height: 5.018vw;
    border-radius: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: left 0 center;
    background: none;
    color: #fff; }
    .mememori main .menu select option,
    .mememori main .siteheader select option {
      color: inherit;
      background: rgba(0, 0, 0, 0.8);
      padding: 0.5em; }


@media screen and (max-width: 1023px) {
/***
sp
******************************************************/
.mememori main .siteheader {
display: block;
background: #3f3535;
position: fixed;
left: 0;
top: 0;
z-index: 15100;
height: 100vh;
width: 100%; }
.mememori main .siteheader .lang,
.mememori main .siteheader .goto-official {
display: none; }
.mememori main .siteheader .close {
position: absolute;
top: 6.836vw;
right: 0; }
.mememori main .siteheader .close a {
color: #fff;
font-size: 2.539vw;
display: inline-block;
padding: 1.953vw 6.836vw 1.953vw 1.953vw;
letter-spacing: 0.08em; }
.mememori main .siteheader .close a span {
display: block;
width: 5.078vw;
height: 0.195vw;
background: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.195vw; }
.mememori main .siteheader .scroll {
height: 100vh;
overflow: hidden;
overflow-y: auto; }
.mememori main .siteheader nav ul.link {
padding: 20.766vw 0 9.766vw;
text-align: center; }
.mememori main .siteheader nav ul.link li a {
font-size: 4.59vw;
color: #fff;
font-family: "Noto Serif TC", sans-serif;
display: block;
padding: 5.418vw 0; }
.mememori main .siteheader nav ul.link li a.active {
text-shadow: 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37, 0 0 29px #ff6b37; }
.mememori main .siteheader .goto-official {
display: block;
position: static;
text-align: center; }
.mememori main .siteheader .goto-official img {
height: 21.133vw; }


.siteheader {
transform: translate(105vw, 0);
opacity: 0; }
.siteheader .close {
transform: translate(105%, 0); }
.siteheader .close a span {
display: block;
width: 5.078vw;
height: 0.195vw;
background: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.293vw; }
.siteheader nav ul.link li {
opacity: 0;
transform: translate(0, 10vw); }
.siteheader .goto-official {
opacity: 0;
transform: translate(0, 10vw); }

.menuopen .siteheader {
transform: translate(0, 0);
transition: opacity 0.6s 0.36s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1; }

.menuopen.menuhide .siteheader {
transform: translate(0, 0);
transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0; }

.mememori.menuopen main .menu .toggle a::before {
transform: translate(61%, 0);
width: 13.574vw;
transition: 0.6s 0.03s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0; }
.mememori.menuopen main .menu .toggle a::after {
transform: translate(61%, 0);
width: 13.574vw;
transition: 0.6s 0.08s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0; }
.mememori.menuopen main .siteheader .close {
transform: translate(0, 0);
transition: transform 0.8s 1.63s cubic-bezier(0.165, 0.84, 0.44, 1); }
.mememori.menuopen main .siteheader nav ul.link li {
opacity: 1;
transform: translate(0, 0);
transition: 1.5s 0.86s cubic-bezier(0.165, 0.84, 0.44, 1); }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(2) {
transition-delay: 0.91s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(3) {
transition-delay: 0.96s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(4) {
transition-delay: 1.01s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(5) {
transition-delay: 1.06s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(6) {
transition-delay: 1.11s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(7) {
transition-delay: 1.16s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(8) {
transition-delay: 1.21s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(9) {
transition-delay: 1.26s; }
.mememori.menuopen main .siteheader nav ul.link li:nth-child(10) {
transition-delay: 1.31s; }
.mememori.menuopen main .siteheader .goto-official {
opacity: 1;
transform: translate(0, 0);
transition: 1.5s 1.36s cubic-bezier(0.165, 0.84, 0.44, 1); }
.mememori.menuopen main .siteheader nav .sns {
opacity: 1;
transform: translate(0, 0);
transition: 1.5s 1.41s cubic-bezier(0.165, 0.84, 0.44, 1); }

.menuopen.menuhide main .menu .toggle a::before {
transform: translate(0, 0);
width: 6.641vw;
transition: 0.6s 0.13s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1; }
.menuopen.menuhide main .menu .toggle a::after {
transform: translate(0, 0);
width: 6.641vw;
transition: 0.6s 0.08s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1; } 

    .lang_sp {
      position: relative;
      margin: 10vw auto 6vw;
      display: flex;
      justify-content: inherit;
      gap: 0; /* セル間の間隔 */
      width: 60%; /* コンテナの幅 */
    }

    .cell {
      flex: 1; /* 各セルを均等に広げる */
      height: auto ; /* セルの高さ */
      font-size: 2.59vw;
      color: #fff;
      font-family: "Noto Serif TC", sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      white-space: nowrap;
      padding: 1.2vw 1vw 1vw;
      border: 1px solid #fff; /* ボーダーを追加 */
      border-radius: 0;
      cursor: pointer; /* クリック可能なカーソル */
      transition: background-color 0.3s ease;
    }
    .cell.active {
      color: #000;
      background-color: rgba(255,255,255,0.90);
    }
    .cell:hover {
      background-color: #0c8f98; /* ホバー時の色変更 */
    }
}



@media screen and (min-width: 1024px) {
/**** 
pc
******************************************************/
  .mememori main .menu .lang,
  .mememori main .siteheader .lang {
		left: revert;
    right: 50px;
		margin-top: -28px; }
    .mememori main .menu .lang p,
    .mememori main .siteheader .lang p {
      font-size: 14px;
      padding: 0 0 0 36px;
      line-height: 17px; }
    .mememori main .siteheader .lang p.global {
      font-size: 15px;
      padding: 0 0 8px 24px;
      line-height: 15px; }
      .mememori main .menu .lang p b,
      .mememori main .siteheader .lang p b {
        line-height: 17px; }
      .mememori main .menu .lang p span,
      .mememori main .siteheader .lang p span.arr {
        border-bottom: 1px solid #3b2f1f;
        border-left: 1px solid #3b2f1f;
        width: 6px;
        height: 6px; }
      .mememori main .siteheader .lang p span.global {
        left: -18px;
        top: -24px;
        width: 20px;
        height: 20px; }
  .mememori main .menu select,
  .mememori main .siteheader select {
    padding: 0 20px;
    font-size: 14px;
    height: 48px;}

}



@media screen and (min-width: 1024px) and (max-width: 1600px) {
/**** 
pc
******************************************************/
.mememori main .menu {
display: none; }
.mememori main .menu h1,
.mememori main .siteheader h1 {
display: none; }
.mememori main .menu .official,
.mememori main .siteheader .official {
position: relative;
display: flex;
width: 1600px;
margin: -80px auto 0; }
.mememori main .siteheader .goto-official {
position: absolute;
top: 15px;
left: 4vw; }
.mememori main .siteheader .goto-official img {
height: 54px;
width: auto; }
.mememori main .siteheader .goto-official a {
transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: block;
backface-visibility: hidden; }
.mememori main .siteheader .goto-official a:hover {
filter: brightness(1.2);
transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }


.mememori main .siteheader {
display: block;
position: fixed;
/*position: sticky;/*固定する*/
/*position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
top: 0;/*ブラウザの上からの距離はゼロ*/
left: 0;
width: 100%;
z-index: 1210;
height: 73px;
min-width: 1024px;
background: url("/assets/live_202510_tw/img/bg_header.png") center bottom;
background-size: cover; }
.mememori main .siteheader .wrap {
width: 1600px;
width: 100%;
height: 92px; }
.mememori main .siteheader .wrap .close {
display: none; }
.mememori main .siteheader .wrap .sns {
display: none; }
.mememori main .siteheader .wrap nav ul.link {
display: flex;
padding: 22px 22px 22px 22.8vw;
margin: 0 auto;
height: 72px; }
.mememori main .siteheader .wrap nav ul.link li {
padding-right: 4.4vw; }
.mememori main .siteheader .wrap nav ul.link li a {
font-size: 24px;
color: #0a0a0a;
font-family: 'Cinzel', serif;
display: block;
padding: 12px 22px;
transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.mememori main .siteheader .wrap nav ul.link li a.menu_top {
  background: url("/assets/live_202510_tw/img/menu_top.png") no-repeat center center;
  width: 4vw;
  height: 2vw;
  background-size: contain; }
.mememori main .siteheader .wrap nav ul.link li a.menu_about {
  background: url("/assets/live_202510_tw/img/menu_about.png") no-repeat center center;
  width: 7vw;
  height: 2vw;
  background-size: contain; }
.mememori main .siteheader .wrap nav ul.link li a.menu_ticket {
  background: url("/assets/live_202510_tw/img/menu_ticket.png") no-repeat center center;
  width: 7vw;
  height: 2vw;
  background-size: contain; }
.mememori main .siteheader .wrap nav ul.link li a.menu_cast {
  background: url("/assets/live_202510_tw/img/menu_cast.png") no-repeat center center;
  width: 7vw;
  height: 2vw;
  background-size: contain; }
.mememori main .siteheader .wrap nav ul.link li a.menu_goods {
  background: url("/assets/live_202510_tw/img/menu_goods.png") no-repeat center center;
  width: 12vw;
  height: 2vw;
  background-size: contain; }
.mememori main .siteheader .wrap nav ul.link li a:activ {
  filter: brightness(1.2);
  transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.mememori main .siteheader .wrap nav ul.link li a:hover {
  filter: brightness(1.8);
  transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
}




@media screen and (min-width: 1601px) {
/**** 
pc
******************************************************/
.mememori main .menu {
display: none; }

  .mememori main .menu .lang,
  .mememori main .siteheader .lang {
		left: revert;
    right: 50px;
		margin-top: -27px; }
    .mememori main .menu .lang p,
    .mememori main .siteheader .lang p {
      font-size: 16px;
      padding: 0 0 0 46px;
      line-height: 17px; }
    .mememori main .siteheader .lang p.global {
      font-size: 16px;
      padding: 0 0 16px 36px;
      line-height: 17px; }
      .mememori main .menu .lang p b,
      .mememori main .siteheader .lang p b {
        line-height: 17px; }
      .mememori main .menu .lang p span,
      .mememori main .siteheader .lang p span.arr {
        border-bottom: 1px solid #3b2f1f;
        border-left: 1px solid #3b2f1f;
        width: 6px;
        height: 6px; }
      .mememori main .siteheader .lang p span.global {
        left: -13px;
        top: -33px;
        width: 24px;
        height: 24px; }
  .mememori main .menu select,
  .mememori main .siteheader select {
    padding: 0 30px;
    font-size: 16px;
    height: 54px;}

.mememori main .menu h1,
.mememori main .siteheader h1 {
display: none; }
.mememori main .menu .official,
.mememori main .siteheader .official {
position: relative;
display: flex;
width: 1600px;
margin: -80px auto 0; }
.mememori main .siteheader .goto-official {
position: absolute;
top: -2px;
left: 50px; }
.mememori main .siteheader .goto-official img {
height: 70px;
width: auto; }
.mememori main .siteheader .goto-official a {
transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: block;
backface-visibility: hidden; }
.mememori main .siteheader .goto-official a:hover {
filter: brightness(1.2);
transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }


.mememori main .siteheader {
display: block;
position: sticky;/*固定する*/
position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
top: 0;/*ブラウザの上からの距離はゼロ*/
left: 0;
width: 100%;
z-index: 1210;
height: 92px;
min-width: 1280px;
background: url("/assets/live_202510_tw/img/bg_header.png") center bottom;
background-size: cover; }
.mememori main .siteheader .wrap {
width: 1600px;
width: 100%;
height: 92px; }
.mememori main .siteheader .wrap .close {
display: none; }
.mememori main .siteheader .wrap .sns {
display: none; }
.mememori main .siteheader .wrap nav ul.link {
display: flex;
padding: 35px 22px 22px 360px;
margin: 0 auto;
width: 1600px;
height: 92px; }
.mememori main .siteheader .wrap nav ul.link li {
padding-right: 64px; }
.mememori main .siteheader .wrap nav ul.link li a {
font-size: 24px;
color: #0a0a0a;
font-family: 'Cinzel', serif;
display: block;
padding: 12px 22px;
transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }


.mememori main .siteheader .wrap nav ul.link li a.menu_top {
  background: url("/assets/live_202510_tw/img/menu_top.png") no-repeat center center /  contain;
  width: 70px;
  height: 28px;}
.mememori main .siteheader .wrap nav ul.link li a.menu_about {
  background: url("/assets/live_202510_tw/img/menu_about.png") no-repeat center center /  contain;
  width: 115px;
  height: 28px;}
.mememori main .siteheader .wrap nav ul.link li a.menu_ticket {
  background: url("/assets/live_202510_tw/img/menu_ticket.png") no-repeat center center /  contain;
  width: 116px;
  height: 28px;}
.mememori main .siteheader .wrap nav ul.link li a.menu_cast {
  background: url("/assets/live_202510_tw/img/menu_cast.png") no-repeat center center /  contain;
  width: 115px;
  height: 28px;}
.mememori main .siteheader .wrap nav ul.link li a.menu_goods {
  background: url("/assets/live_202510_tw/img/menu_goods.png") no-repeat center center /  contain;
  width: 204px;
  height: 28px;}
.mememori main .siteheader .wrap nav ul.link li a:activ {
  filter: brightness(1.2);
  transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.mememori main .siteheader .wrap nav ul.link li a:hover {
  filter: brightness(1.8);
  transition: 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

}



@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }
.buruburu {
display: inline-block;
animation: hurueru .1s infinite; }

@keyframes hurueru {
0% {
transform: translate(0px, 0px) rotateZ(0deg); }
25% {
transform: translate(2px, 2px) rotateZ(1deg); }
50% {
transform: translate(0px, 2px) rotateZ(0deg); }
75% {
transform: translate(2px, 0px) rotateZ(-1deg); }
100% {
transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 5.208vw 0; } }

@media screen and (min-width: 1024px) {
@keyframes wave {
0% {
background-position: 0 0; }
100% {
background-position: 100px 0; } } }

.mememori .sitefooter {
position: relative;
z-index: 100;
padding: 0;
font-size: 0;
line-height: 1;
min-height: 100px;
color: #0a0a0a;
text-align: center; }
.mememori .sitefooter h2 {
font-size: 2.832vw;
letter-spacing: 0.1em;
text-indent: 0.1em;
margin-top: 7.813vw; }
.mememori .sitefooter h2.cinzel {
font-size: 3.32vw; }
.mememori .sitefooter .logo-collab {
height: 12.034vw;
width: auto;
margin: 0 auto 5vw; }
.mememori .sitefooter .logo {
height: 28.034vw;
width: auto;
margin-top: 2.441vw; }
.mememori .sitefooter p {
font-size: 3.906vw;
letter-spacing: 0.68em;
margin-top: 10vw;}
.mememori .sitefooter p b {
font-style: normal;
display: block;
font-size: 2.344vw;
letter-spacing: 0.1em;
text-indent: 0.1em;
padding-top: 3.906vw; }
.mememori .sitefooter p.support {
font-size: 3.223vw;
letter-spacing: 0.1em;
text-indent: 0.1em;
padding-top: 5.859vw; }
.mememori .sitefooter p.copyrights {
font-size: 2.344vw;
letter-spacing: 0.1em;
text-indent: 0.1em;
padding-top: 0; }
.mememori .sitefooter p a img {
width: 50%; }
.mememori .sitefooter h2 + p {
margin-top: 1.953vw; }
.mememori .sitefooter small {
font-size: 2.344vw;
letter-spacing: 0.22em;
text-indent: 0.22em;
margin-top: 3.906vw;
display: block; }
.mememori .sitefooter .sns {
display: flex;
justify-content: center;
padding-top: 10.742vw; }
.mememori .sitefooter .sns li {
padding: 0 2.148vw; }
.mememori .sitefooter .sns li a {
display: inline-block;
margin: 0 0vw; }
.mememori .sitefooter .sns img {
width: 7.422vw;
height: auto; }
.mememori .sitefooter .links {
font-size: 3.223vw;
letter-spacing: 0.1em;
text-indent: 0.1em;
padding: 11.719vw 0 0; }
.mememori .sitefooter .links li + li {
margin-top: 5.859vw; }
.mememori .sitefooter .links a {
text-decoration: underline; }
.mememori .sitefooter a {
color: #fff; }

.sitefooter .spec {
position: relative;
margin: 12.02vw auto 10vw;
padding: 5.3vw 5.3vw 3.0vw;
border: 4px solid #222;
border-radius: 20px;
background-color: #111;
max-width: 90%;
font-size: 2.34vw;
letter-spacing: 0.1em; }
.sitefooter .spec h3 {
font-size: 3.733vw;
line-height: 1em;
letter-spacing: 0.6em;
margin-bottom: 5.23vw; }
.sitefooter .spec dl{
display: flex;
flex-wrap: wrap;
width: 100%;
white-space: nowrap;
margin: 0 auto 3.40vw; }
.sitefooter .spec dt{
width: 14vw;
text-align: right; }
.sitefooter .spec dd{
text-align: left;
width: calc(100% - 14.0vw); }
.sitefooter .spec dd:before {
content: ":";
margin-left: 2.0vw;
margin-right: 1.0vw; }


@media screen and (max-width: 1023px) {
/***
sp
******************************************************/ }
@media screen and (min-width: 1024px) {
/**** 
pc
******************************************************/
.mememori .sitefooter {
padding: 0;
min-width: 1024px; }
.mememori .sitefooter h2 {
font-size: 14px;
letter-spacing: 0.1em;
margin-top: 50px; }
.mememori .sitefooter h2.cinzel {
font-size: 17px; }
.mememori .sitefooter .logo-collab {
height: 100px;
width: auto;
margin: 0 auto 50px; }
.mememori .sitefooter .logo {
height: 220px;
width: auto;
margin: 0 auto 20px; }
.mememori .sitefooter p {
font-size: 20px;
margin-top: 40px; }
.mememori .sitefooter p b {
font-size: 10px;
padding-top: 20px; }
.mememori .sitefooter p a img {
transition: 0.5s;
width: 250px; }
.mememori .sitefooter p a:hover img {
opacity: 0.7; }
.mememori .sitefooter p.support {
font-size: 11px;
padding-top: 20px; }
.mememori .sitefooter p.copyrights {
font-size: 12px;
padding-top: 0; }
.mememori .sitefooter h2 + p {
margin-top: 20px; }
.mememori .sitefooter small {
font-size: 9px;
margin-top: 15px; }
.mememori .sitefooter .sns {
padding-top: 66px; }
.mememori .sitefooter .sns a {
transition: opacity 0.3s; }
.mememori .sitefooter .sns a:hover {
opacity: 0.7; }
.mememori .sitefooter .sns li {
padding: 0 11px; }
.mememori .sitefooter .sns img {
 width: 38px;
height: auto; }
.mememori .sitefooter .links {
font-size: 11px;
padding: 38px 0 0;
display: flex;
justify-content: center; }
.mememori .sitefooter .links li + li {
margin-top: 0; }
.mememori .sitefooter .links li {
padding: 0 6px; }
.mememori .sitefooter a:hover {
text-decoration: underline; }

.sitefooter .spec {
position: relative;
margin: 60px auto;
padding: 30px 100px 20px;
border: 4px solid #222;
border-radius: 20px;
background-color: #111;
max-width: 720px; 
font-size: 14px;
letter-spacing: 0.2em; }
.sitefooter .spec h3 {
font-size: 20px;
line-height: 1em;
letter-spacing: 0.8em;
margin: 0 0 30px;}
.sitefooter .spec dl{
display: flex;
flex-wrap: wrap;
width: 100%;
white-space: nowrap;
margin-bottom: 20px; }
.sitefooter .spec dt{
width: 100px;
text-align: right;}
.sitefooter .spec dd{
text-align: left;
width: calc(100% - 170px); }
.sitefooter .spec dd:before {
content: ":";
margin-left: 20px;
margin-right: 10px;}

}

@keyframes hoverin {
0% {
transform: translateX(-101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: 101%;
opacity: 1; } }
@keyframes hoverin_reverse {
0% {
transform: translateX(101%);
opacity: 1; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes hoverout_reverse {
0% {
transform: translateY(0);
left: 0;
opacity: 1; }
100% {
transform: translateY(0);
left: -101%;
opacity: 1; } }