html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

@font-face {
    font-family:'Quicksand';
    src:url('../fonts/Quicksand-Light.woff2') format('woff2'), 
    url('../fonts/Quicksand-Light.woff') format('woff'), 
    url('../fonts/Quicksand-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Quicksand';
    src:url('../fonts/Quicksand-Regular.woff2') format('woff2'), 
    url('../fonts/Quicksand-Regular.woff') format('woff'), 
    url('../fonts/Quicksand-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Quicksand';
    src:url('../fonts/Quicksand-Medium.woff2') format('woff2'), 
    url('../fonts/Quicksand-Medium.woff') format('woff'), 
    url('../fonts/Quicksand-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Quicksand';
    src:url('../fonts/Quicksand-SemiBold.woff2') format('woff2'), 
    url('../fonts/Quicksand-SemiBold.woff') format('woff'), 
    url('../fonts/Quicksand-SemiBold.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Quicksand';
    src:url('../fonts/Quicksand-Bold.woff2') format('woff2'), 
    url('../fonts/Quicksand-Bold.woff') format('woff'), 
    url('../fonts/Quicksand-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}


@font-face {
    font-family:'PlayfairDisplay';
    src:url('../fonts/PlayfairDisplay-Medium.woff2') format('woff2'), 
    url('../fonts/PlayfairDisplay-Medium.woff') format('woff'), 
    url('../fonts/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}


html, body {
    background:#e5e5e5;
    font-family:'Quicksand', sans-serif;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

ol, ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

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

* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

strong {
    font-weight:bold;
}

a {
    color:#fff;
}
p {
    line-height:1.4;
}

.page, .section, .section__inr {
    width:100%;
    height:auto;
}

.section__inr  {
    position:relative;
}

.pic {
    display:block;
    line-height:0;
}

.pic img {
    width:100%;
    height:auto;
}

.no__scroll {
    overflow:hidden;
    height:100%;
}

input, button {
    -webkit-appearance:none;
    appearance:none;
    outline:none;
    border:none;
    background-color:transparent;
    padding:0;
    margin:0;
}


/*Header*/
.header {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:auto;
    z-index:10;
}
.header__ctn li a {
    color:#6027a1;
    font-weight:500;
    text-transform:uppercase;
    text-decoration:none;
}
.header__ctn li.current a {
    color:#cc81eb;
}


/*Title*/
h1, h2  {
    line-height:1.3;
}

/*Button*/
.flex__box {
    display:flex;
}

.buts {
    display:block;
    margin:0 auto;
}

.btn {
    position:relative;
    display:block;
    -webkit-border-radius:0;
    border-radius:0;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
}
.btn img {
    width:100%;
    height:auto;
}
.btn span {
    position:relative;
    font-weight:500;
}



/*Bg*/
.bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.bg__item {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
}




/*Welcome Page*/
.headline h2 {
    font-weight:500;
    text-transform:uppercase;
    color:rgb(192,143,238);
    background: rgb(192,143,238);
    background: linear-gradient(90deg, rgba(192,143,238,1) 0%, rgba(204,129,235,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.headline h3 {
    font-weight:700;
    color:#6d48a3;
}

.feel__item {
    display:flex;
    background-color:rgba(255, 255, 255, 0.5);
    z-index:2;
    cursor:pointer;
}

.feel__item__mask {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.feel__item::before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgb(202,107,203);
    background:linear-gradient(52deg, rgba(202,107,203,1) 0%, rgba(255,149,194,1) 49%, rgba(255,245,188,1) 100%);
    box-shadow:0 0 24px rgba(255,255,255,0.7);
    opacity:0;
}
.feel__item p {
    position:relative;
    font-weight:500;
    color:rgb(178,65,185);
    background: rgb(178,65,185);
    background: linear-gradient(90deg, rgba(178,65,185,1) 0%, rgba(130,87,189,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-align:center;
    line-height:1.2;
    z-index:2;
}

.feel__item.selected::before {
    opacity:1;
}
.feel__item.selected p  {
    -webkit-text-fill-color:#fff;
}

.share__but  {
    position:fixed;
    z-index:4;
    cursor:pointer;
}

.section__welcome .buts {
    width:100%;
    height:auto;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
}
.btn__start {
    pointer-events:none;
    cursor:default;
}
.btn__start span {
    display:block;
    border:2px solid rgba(255,255,255,0.5);
    color:rgba(255,255,255,0.5);
    text-transform:uppercase;
    z-index:3;
}

.btn__start::before {
    content:'';
    position:absolute;
    background:rgba(255,255,255,0.2);
}
.btn__start::after {
    content:'';
    position:absolute;
    background:rgba(255,255,255,0.5);
}
.btn__start::before,
.btn__start::after {
    opacity:0;
}

.btn__start.active {
    pointer-events:all;
    cursor:pointer
}

.btn__start.active::before,
.btn__start.active::after {
    opacity:1;
}

.btn__start.active span {
    background:#fff;
    color:#6a29a5;
    font-weight:700;
}


/*Rooms*/
.coach__box {
    position:absolute;
    left:0;
    bottom:0;
    background-color:rgba(255,255,255,0.8);
    display:flex;
    align-items:center;
}
.coach__name,
.coach__detail a {
    color:#6027a1;
}
.coach__name {
    font-weight:500;
}
.coach__detail a {
    display:block;
    font-weight:700;
    text-decoration:underline;
}
.video__tools {
    position:absolute;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,1);
    display:flex;
    align-items:center;
}
.video__tools::after {
    content:'';
    position:absolute;
    background-color:rgba(0,0,0,0.3);
}
.video__stop {
    display:flex;
    align-items:center;
    cursor:pointer;
}
.play__txt {
    font-weight:700;
    color:#51009d;
    text-transform:uppercase;
}
.video__volume {
    position:relative;
    cursor:pointer;
}

.links {
    display:block;
    width:100%;
    text-align:center;
}
.link {
    font-weight:700;
    text-decoration:underline;
    color:#51009d;
}

.video__main {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.video__main video{
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-object-fit:cover;
    object-fit:cover;
}

.video__loading {
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:5;
}
.loading_bg {
    fill: #fff;
    fill-opacity: 0.7;
    stroke:#fff;
    stroke-width: 5px;
}
.loading_per {
    fill:none;
    stroke-width: 5px;
    stroke: url(#linear-gradient);
    stroke-dashoffset:0;
}
.cls_triangle {
    fill-rule: evenodd;
    clip-rule: evenodd;
}
.video__caption {
    position:absolute;
    width:100%;
    height:auto;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    text-align:center;
}

.percentage,
.caption {
    font-weight:700;
    color:#51009d;
}


.play__icon {
    position:relative;
}
.play__icon::before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/play_icon_hover.png) no-repeat center center;
    background-size:cover;
    opacity:0;
}
.play__icon img,
.play__icon::before  {
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}
.video__stop:hover .play__icon img {
    opacity:0;
}
.video__stop:hover ::before {
    opacity:1;
}

.volume__icon{
    position:relative;
}
.muted .volume__icon::before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/volume_icon_hover.png) no-repeat center center;
    background-size:cover;
    opacity:0;
}
.volume__icon img,
.volume__icon::before {
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}

.video__volume.muted:hover .volume__icon img{
    opacity:0;
}
.video__volume.muted:hover .volume__icon::before{
    opacity:1;
}

.video__volume:not(.muted)::before,
.video__volume:not(.muted)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}


.video__volume:not(.muted)::before {
    background:url(../images/volume_icon_active.svg) no-repeat  center center;
    background-size:100% auto;
}
.video__volume:not(.muted)::after {
    background: url(../images/volume_icon_active_hover.svg) no-repeat center center;
    background-size: 100% auto;
    opacity:0;
}
.video__volume:not(.muted):hover::before{
    opacity:0;
}
.video__volume:not(.muted):hover::after {
    opacity:1;
}
.video__volume:not(.muted) img {
    opacity:0;
}


/*
.video__volume::after {

}

.video__volume::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../images/volume_icon_active.svg) no-repeat  center center;
    background-size:100% auto;
    opacity:1;
}
.video__volume.muted::after {
    opacity:0;
}
.video__volume:not(.muted) img {
    opacity:0;
}

*/

/*Breath*/
.section__breath {
    display:flex;
    align-items:center;
}
.section__breath h2{
    color:#51009d;
    font-weight:500;
    text-align:center;
}
.breath__box {
    display:block;
    margin:0 auto;
}

.breathSlider,
.titleSlider {
    width:100%;
}
.breath__pic {
    position:relative;
    overflow:hidden;
}
.play__mash  {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.breath__item {
    text-align:center;
}
.breath__item h3{
    color:#51009d;
    font-weight:700;
}
.breath__item p{
    color:#51009d;
    font-weight:500;
}

.pattern__gl-01,
.pattern__gl-02,
.pattern__gl-03,
.pattern__gl-05{
   display:none;
}


/*Gallery*/
.section__gallery h2,
.gallery__box h3 {
    color:#51009d;
    font-weight:700;
}
.section__gallery p,
.gallery__box p {
    font-weight:500;
    color:#51009d;
}
.section__gallery strong {
    font-weight:700;
}
.gallery__box li {
    border-bottom:1px solid rgba(81,0,157,0.1);
}
.gallery__box li:last-child {
    border:none;
}



/*Game*/
.game__detail {
    background:#faf3fd;
    text-align:center;
}
.game__detail h2 {
    color:#51009d;
    font-weight:700;
}
.game__detail p {
    color:#51009d;
    font-weight:500;
}
.game__detail .btn img {
    width:100%;
    height:auto;
}



/*Product*/
.section__products {
    position:relative;   
    z-index:1;
}
.product__item h2,
.sales__list h2,
.product__item p {
    color:#51009d;
}
.product__item h2,
.sales__list h2 {
    font-weight:700;
}
.sales__list h2 {
    text-transform:uppercase;
}
.product__item p {
    font-weight:500;
}




/*Slide*/
.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-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{left:20px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px;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:30px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.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(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#029fcf;opacity:.5}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:#029fcf}.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-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-lock{display:none}.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-button-next {
    width:40px;
    height:40px;
    background:url(../images/next.png) no-repeat center center;
}
.swiper-button-prev {
    width:40px;
    height:40px;
    background:url(../images/prev.png) no-repeat center center;
}

.title__box  .swiper-button-prev {
    top:19vh;
    left:0;
    background:url(../images/prev2.png) no-repeat center center;
}
.title__box  .swiper-button-next {
    top:19vh;
    right:0;
    background:url(../images/next2.png) no-repeat center center;
}

.swiper-button-next,
.swiper-button-prev {
    background-size:80% auto;
}
.title__box .swiper-button-next,
.title__box .swiper-button-prev {
    background-size:60% auto;
}

/*About*/
.info__txt p,
.info__txt li,
.about__txt p {
    color:#51009d;
    font-weight:500;
    line-height:1.4;
}
.caption__title {
    color:#e94eca;
}
.coach__info h2 {
    color:#e3438e;
    font-family:'PlayfairDisplay';
    font-weight:500;
}



@media screen and (min-width:1101px) {

    .btn {
        -webkit-transition:transform 0.3s ease-in-out;
        transition:transform 0.3s ease-in-out;
    }
    .btn img {
        width:100%;
        height:auto;
    }
    .btn:hover {
        -webkit-transform:scale(1.02);
        transform:scale(1.02);
    }

    /*Header*/
    .header__ctn {
        display:flex;
        align-items:flex-start;
        justify-content:center;
    }
    .logo {
        width:28.148vh;
    }
    .nav__left,
    .nav__right {
        display:flex;
        align-items:center;
        padding-top:3.7037vh;
    }
    .nav__left {
        justify-content:flex-end;
        padding-left:13vw;
    }
    .nav__left li {
        margin-right:4.074vh;
    }
    .nav__right {
        justify-content:flex-start;
    }
    .nav__right li {
        margin-left:4.074vh;
    }
    
    .header__ctn li a {
        font-size:0.88541666vw;
        -webkit-transition:color 0.3s ease-in-out;
        transition:color 0.3s ease-in-out;
    }
    .header__ctn li a:hover {
        color:#cc81eb;
    }
    
    

    /*Welcome Page*/
    .section__full {
        position:relative;
        width:100%;
        height:100vh !important;
    }
    .welcome__inr {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
    }
    .welcome__box {
        position:relative;
        width:137.037vh;
        height:100%;
        margin:0 auto;
    }
    .slogan  {
        position:absolute;
        width:67.7777vh;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        opacity:1;
    }
    .headline {
        position:absolute;
        left:0;
        top:41.66666%;
    }
    .headline h2 {
        font-size:4.9074vh;
        text-align:left;
        margin-bottom:0.74vh;
    }
    .headline h3 {
        font-size:2.3148vh;
    }

    .feel__item  {
        position:absolute;
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    .feel__item::before {
        -webkit-border-radius:50%;
        border-radius:50%;
        -webkit-transition:opacity 0.3s ease-in-out;
        transition:opacity 0.3s ease-in-out;
    }
    .feel__item p {
        font-size:2.464vh;
        letter-spacing:-0.1vh;
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
    }

    .feel__item:hover::before {
        opacity:1;
    }
    .feel__item:hover p {
        -webkit-text-fill-color:#fff;
    }


    .feel__item--01  {
        width:15vh;
        height:15vh;
        top:18.611%;
        left:3.5135%;
    }
    .feel__item--02  {
        width:17.6vh;
        height:17.6vh;
        top:22.13%;
        left:17.23%;
    }
    .feel__item--03  {
        width:15vh;
        height:15vh;
        top:31.85185%;
        left:37.905%;
    }
    .feel__item--04  {
        width:14.8vh;
        height:14.8vh;
        top:24.4444%;
        left:49.46%;
    }
    .feel__item--05  {
        width:16.85vh;
        height:16.85vh;
        top:20.83333%;
        right:17.3648%;
    }
    .feel__item--06  {
        width:15vh;
        height:15vh;
        top:63.8888%;
        left:20.946%;
    }
    .feel__item--07  {
        width:19.814vh;
        height:19.814vh;
        top:55.5555%;
        left:40.81081%;
    }
    .feel__item--08  {
        width:15vh;
        height:15vh;
        top:45.37037%;
        left:55.337%;
    }
    .feel__item--09  {
        width:14.63vh;
        height:14.63vh;
        top:57.5%;
        right:23.648%;
    }
    .feel__item--10  {
        width:18.148vh;
        height:18.148vh;
        top:37.1296%;
        right:0;
    }

    .share__but  {
        width:16vh;
        left:0;
        bottom:6vh;
        z-index:3;
    }

    .section__welcome .buts {
        position:absolute;
        left:0;
        bottom:6.1111%;
    }
    .btn__start {
        width:34vh;
        pointer-events:none;
        cursor:default;
    }
    .btn__start span {
        padding:1.76vh 4.074vh;
        -webkit-border-radius:3.1481vh;
        border-radius:3.1481vh;
        font-size:2.13vh;
        -webkit-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
    }
        
    .btn__start::before {
        width:calc(100% + 4vh);
        height:calc(100% + 4vh);
        left:-2vh;
        top:-2vh;
        -webkit-border-radius:6vh;
        border-radius:6vh;
    }
    .btn__start::after {
        width:calc(100% + 2vh);
        height:calc(100% + 2vh);
        left:-1vh;
        top:-1vh;
        -webkit-border-radius:6vh;
        border-radius:6vh;
    }
    .btn__start.active::after {
        -webkit-animation:scaleOut 1s ease infinite forwards;
        animation:scaleOut 1s ease infinite forwards;
    }
    .btn__start::before {
        display:none;
    }


    /*Rooms*/
    .coach__box {
        height:5.3vh;
        padding:0 2.7777vh;
    }
    .coach__name,
    .coach__detail a {
        font-size:1.666vh;
    }
    .coach__name {
        margin-right:1.85vh;
    }
    .coach__detail a {
        padding:0.926vh 0;
        -webkit-transition:color 0.3s ease-in-out;
        transition:color 0.3s ease-in-out;
    }
    .coach__detail a:hover{
        color:#cc81eb;
    }
    .video__tools {
        height:5.3vh;
        padding:0 2.7777vh;
    }
    .video__tools::after {
        width:1px;
        height:100%;
        right:8.3333vh;
        top:0;
    }
    .video__stop {
        margin-right:2.7777vh;
    }
    .play__icon {
        width:1.48148vh;
        margin-right:7px;
    }
    .play__txt {
        font-size:1.574vh;
        -webkit-transition:color 0.3s ease-in-out;
        transition:color 0.3s ease-in-out;
    }
    .video__stop:hover .play__txt{
        color:#cc81eb;
    }
    .video__volume {
        margin-left:2.7777vh;
    }
    .volume__icon {
        width:2.407vh;
    }

    .links {
        margin-bottom:12px;
    }
    .link {
        font-size:20px;
    }
    
    .video__loading {
        bottom:4.07vh;
        width:17.7777vh;
        height:17.7777vh;
    }

    .percentage,
    .caption {
        font-size:2.13vh;
    }
    
    .section__rooms .share__but {
        bottom:auto;
        top:5vh;
        z-index:15;
        left:0;
    }
    .section__rooms .share__but:hover{
        display:block !important;
    }


    /*Breath*/
    .section__breath  {
        background:url(../images/tutorial_bg.jpg) no-repeat center top;
        background-size:100% auto;
    }
    .section__breath h2{
        font-size:4.63vh;
        margin-bottom:6.6666vh;
    }
    .breath__box {
        width:148.148vh;
        margin:0 auto;
    }
    .breath__item {
        display:block;
        width:100%;
        padding:0 3.2vh;
    }
    .breath__pic {
        margin-bottom:3.7037vh;
        -webkit-border-radius:10px;
        border-radius:10px;
    }
    .play__mash {
        width:40px;
    }
    .breath__item {
        display:block;
        text-align:center;
        text-decoration:none;
    }
    .play__mash {
        -webkit-transition:transform 0.3s ease-in-out;
        transition:transform 0.3s ease-in-out;
    }
    .breath__item:hover .play__mash {
        -webkit-transform:translate(-50%, -50%) scale(1.4);
        transform:translate(-50%, -50%) scale(1.4);
    }
    .breath__item h3{
        font-size:2.3148vh;
        margin-bottom:1.296vh;
    }
    .breath__item p{
        font-size:1.57407vh;
    }


    /*Game*/
    .game__inr {
        width:100%;
        height:100%;
    }
    .game__detail {
        position:absolute;
        width:105vh;
        left:8.6vh;
        bottom:4.2vh;
        -webkit-border-radius:20px;
        border-radius:20px;
        padding:4.63vh;
    }
    .game__detail .list__video {
        width:78vh;
        margin:0 auto;
        padding-top:2.7vh;
    }
    .game__detail .video__item {
        width:23vh;
        height:16.6666vh;
    }
    .game__detail .video__item h3{
        font-size:1.66666vh;
        margin-bottom:1.2vh;
    }
    .game__detail .video__item::before{
        padding-top:73.469%;
    }
    .game__detail .video__item,
    .game__detail .video__pic, 
    .game__detail .video__pic img {
        -webkit-border-radius:1.85vh;
        border-radius:1.85vh;
    }
    .game__detail .video__txt {
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    .game__detail .video__play {
        width:4vh;
    }
    .game__detail h2 {
        font-size:3.148vh;
        margin-bottom:1.85vh;
    }
    .game__detail p,
    .game__detail .link {
        font-size:1.944vh;
    }
    .game__detail .buts {
        padding-top:2.7vh;
    }
    .game__detail .btn {
        margin:0 auto 1.1vh auto;
        width:48vh;
    }
        

        
    /*Gallery*/
    .section__gallery  {
        background:url(../images/about_bg.jpg) no-repeat center top;
        background-size:cover;
        overflow:hidden;
        padding:12.5vw 0 4.6875vw 0;
        min-height:100vh;
    }
    .gallery__relax {
        background:url(../images/relax_bg.jpg) no-repeat center top;
        background-size:cover;
        padding:0;
        display: flex;
        align-items: center;
        overflow:hidden;
    }
    .gallery__relax .relax__inr {
        padding-top:15vh;
    }

    .condition__box,
    .gallery__box {
        width:78%;
        margin:0 auto;
    }
    .gallery__relax .gallery__box{
        width:132vh;
    }

    .condition__box {
        padding-bottom:2.8125vw;
    }

    .gallery__box .gifts {
        display:flex;
        flex-wrap:wrap;
    }
    .gallery__box .gift__item {
        text-align:center;
    }
    .gallery__box .gift__item:nth-child(1) {
        width:36%;
        margin-left:10%;
        margin-right:6.4%;
    }
    .gallery__box .gift__item:nth-child(2) {
        width:45%;
        padding-top:3.3vh;
    }
    .gift__item,
    .gallery__pic {
        position:relative;
        z-index:1;
    }
    .gallery__item {
        position:relative;
        width:100%;
        margin-top:-4vh;
    }
    .gallery__item::before {
        content:'';
        position:absolute;
        left:50%;
        top:50%;
        -webkit-transform:translate(-60%,-50%);
        transform:translate(-60%,-50%);
        width:47.395vw;
        height:46.875vw;
        background:url(../images/gallery_shadow.png) no-repeat center center;
        background-size:cover;
        pointer-events:none;
    }
    .pattern__gl-01{
        width:1.40625vw;
        left:-2.1875vw;
        top:3.4vw;
    }
    .pattern__gl-02{
        width:2.24vw;
        left:19.5vw;
        top:2vw;
    }
    .pattern__gl-03{
        width:1.25vw;
        left:10.9vw;
        bottom:8.4vw;
        z-index:2;
    }
    .pattern__gl-04{
        width:3.3333vw;
        left:17vw;
        top:2vw;
    }
    .pattern__gl-05{
        width:1.77vw;
        left:4vw;
        bottom:6vw;
    }
    .pattern__gl-06{
        width:3.02vw;
        left:7vw;
        bottom:3.6vw;
    }
    
    
    .gallery__box .info {
        flex:0 0 44%;
        max-width:44%;
        padding-top:2.777vh;
    }
    .gallery__box .gifts {
        flex:0 0 47%;
        max-width:47%;
        align-items:flex-start;
    }
   

    .section__gallery h2{
        font-size:2.6vw;
        margin-bottom:1.823vw;
    }
    
    
    .gallery__box h3{
        font-size: 1.77vw;
        margin-bottom: 2.6vw;
    }
    .condition__box p,
    .gallery__box p {
        font-size: 1.09375vw;
    }
    
    .gallery__box  li {
        padding-bottom: 1.041666vw;
        margin-bottom: 1.041666vw;
    }
    .gallery__box .gift__title {
        font-size: 1.354vw;
        margin-bottom: 0.52vw;
    }
    .gallery__box .form__group {
        width:80%;
    }
    
    .gallery__box .btn__upload {
        width:100%;
    }


    .gallery__relax .gallery__box h3{
        font-size:3.7963vh;
        margin-bottom:2vh;
    }
    .gallery__relax .gallery__box p {
        font-size:1.94444vh;
    }
    
    .gallery__relax .gallery__box  li {
        padding-bottom:1.5518vh;
        margin-bottom:1.5518vh;
    }
    .gallery__relax .gallery__box .gift__title {
        font-size:2.4074vh;
        margin-bottom:1.23vh;
    }

    
    .condition__box p {
        margin-bottom:0.9375vw;
    }
    


        
    /*Product*/
    .section__products {
        background-image:url(../images/product_bg.png);
        background-repeat:no-repeat;
        background-position:center top;
        background-size:cover;
        padding-top:19.8vw;
        padding-bottom:9.375vw;
        margin-top:-15vw;
    }
    .product__box {
        width:85.416666%;
        margin:0 auto 2vw auto;
    }
    .product__list {
        width:100%;
        display:flex;
        flex-wrap:wrap;
        margin:0 auto;
    }
    .product__item {
        flex:0 0 33.3333%;
        max-width:33.3333%;
        padding:0 2.25% 4.5% 2.25%;
    }
    .product__item .pic{
        -webkit-border-radius:20px;
        border-radius:20px;
        overflow:hidden;
        margin-bottom:2.4vw;
    }
    .product__item .txt {
        padding:0 2.7%;
        text-align:center;
    }    
    .product__item h2 {
        font-size:1.6vw;
        margin-bottom:1.5625vw;
    }
    .product__item p {
        font-size:1.09375vw;
    }


    .sales__online {
        position:relative;
        width:100%;
        height:auto;
        overflow:hidden;
    }
    .sales__box {
        width:62.5%;
        margin:0 auto;
    }
    .downy__sales {
        width:100%;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }
    .downy__main {
        position:relative;
        flex:0 0 22.5%;
        max-width:22.5%;
        z-index:1;
    }
    .sales__list {
        position:relative;
        flex:0 0 74.5%;
        max-width:74.5%;
        padding:3.125vw 0 3.125vw 3.8%;
    }
    .sales__list::before {
        content:'';
        position:absolute;
        right:auto;
        top:0;
        width:100vw;
        height:100%;
        background: rgb(253,215,255);
        background: linear-gradient(90deg, rgba(253,215,255,1) 0%, rgba(255,234,243,1) 100%);
        -webkit-transform:translateX(-35vw);
        transform:translateX(-35vw);
    }
    .sales__list h2,
    .sales__items {
        position:relative;
    }
    .sales__list h2 {
        font-size:1.98vw;
        margin-bottom:3.125vw;
    }
    .sales__items {
        display:flex;
        flex-wrap:wrap;
    }
    .sales__item {
        flex: 0 0 31%;
        max-width:31%;
        margin-right:2%;
        margin-bottom:2%;
        -webkit-transition:transform 0.3s ease-in-out;
        transition:transform 0.3s ease-in-out;
    }
    .sales__item:hover {
        -webkit-transform:scale(1.02);
        transform:scale(1.02);
    }
    .sales__item a {
        display:block;
        line-height:0;
    }
    .sales__item a img {
        width:100%;
        height:auto;
    }

    .pattern__item {
        position:absolute;
        line-height:0;
    }
    .pattern__item img {
        width:100%;
        height:auto;
    }
    .pattern__item--01 {
        width:7.6vw;
        left:10.8333%;
        top:7.08333vw;
    }
    .pattern__item--02 {
        width:6.40625vw;
        left:0;
        bottom:31.25vw;
    }
    .pattern__item--03 {
        width:5.573vw;
        left:49.1666%;
        bottom:28.77vw;
    }
    .pattern__item--04 {
        width:9.1666vw;
        right:6.98%;
        bottom:25.183333vw;
        z-index:1;
    }
    .pattern__item--05 {
        width:2.65625vw;
        left:14.958333%;
        bottom:5.82vw;
    }
    .pattern__item--06 {
        width:2.135vw;
        right:10.635%;
        bottom:6.82vw;
    }

    

    /*About*/
    .section__about {
        position:relative;
        padding:9.0625vw 0 3vw 0;
        background:url(../images/about_bg.jpg) no-repeat center top;
        background-size:cover;
        overflow:hidden;
    }
    .coach__block {
        width:78%;
        margin:0 auto 5.2vw auto;
    }
    .coach__inr {
        display:flex;
        width:100%;
        align-items:center;
    }
    .coach__info {
        flex:0 0 55.4%;
        max-width:55.4%;
        margin-right:10.6%;
    }
    .coach__pic {
        flex:0 0 32%;
        max-width:32%;
    }
    .caption__title {
        font-size:1.3vw;
    }
    .info__txt p, 
    .info__txt li, 
    .about__txt p {
        font-size:1.09375vw;
        margin-bottom:0.7vw;
    }
    .info__txt ul {
        padding-left:4.8%;
    }
    .coach__info h2 {
        font-size:3.90625vw;
        margin-bottom:2.08333vw;
        line-height:1;
    }

    .about__album {
        position:relative;
        flex:0 0 50%;
        max-width:50%;
        padding:0 50px;
        margin-right:5%;
    }
    .about__album .swiper-button-next {
        right:0;
    }
    .about__album .swiper-button-prev {
        left:0;
    }
    .about__album .swiper-button-next,
    .about__album .swiper-button-prev {
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        margin:0;
    }
    .about__album .swiper-slide {
        height:auto;
    }
   
    .info__extra {
        flex:0 0 45%;   
        max-width:45%;
    }
    .album__pic {
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
    }
    .album__pic img {
        display:block;
        width:auto;
        height:auto;
        max-width:100%;
        margin:0 auto;
    }

    
    .about__block {
        width:100%;
    }
    .about__inr {
        display:flex;
        width:100%;
        align-items:center;
    }
    .about__pic {
        position: relative;
        flex:0 0 54.78%;
        max-width:54.78%;
        margin-left:-14.58vw;
        margin-top:-4vw;
        z-index:1;
    }
    .about__title {
        position: relative;
        width:47.7%;
        margin-bottom:1.5625vw;
        z-index:1;
    }
    .about__txt {
        position:relative;
        flex:0 0 52%;
        max-width:52%;
        padding:3.645vw 0;
        margin-left:-4vw;
    }
    .about__detail {
        position: relative;
        padding-left:4.5%;
        z-index:1;
    }
    .about__txt::before {
        content:'';
        position:absolute;
        right:auto;
        top:0;
        width:100vw;
        height:100%;
        background: rgb(253,215,255);
        background: linear-gradient(90deg, rgba(253,215,255,1) 0%, rgba(255,234,243,1) 100%);
        -webkit-transform:translateX(-36vw);
        transform:translateX(-36vw);
    }

    .pattern__about--item01 {
        width:3.23vw;
        top:4.53125vw;
        left:4.6875%;
    }
    .pattern__about--item02 {
        width:3.073vw;
        right: 3.385%;
        top:35.416666vw;
    }
    .pattern__about--item03 {
        width:7.448vw;
        left: 1.385%;
        top:56.416666vw;
    }
    .pattern__about--item04 {
        width:6.77vw;
        bottom:42.6666vw;
        right:20.354%;
    }
    .pattern__about--item05 {
        width:5.15625vw;
        left:21.53125%;
        bottom:3.4375vw;
    }
    .pattern__about--item06 {
        width:7.55vw;
        bottom:-2vw;
        right:3.65%;
    }

}



/*IE*/
.isIE .feel__item p,
.isIE .headline h2 {
    background:none;
}

/*Animation*/
.nav__left, 
.logo, 
.nav__right, 
.feel__box,
.btn__start, 
.share__but, 
.headline h2,
.headline h3,
.coach__box,
.video__tools,
.video__loading,
.breath__inr,
.game__detail,
.bg__item--relax,
.gallery__box,
.condition__box,
.section__about .section__inr,
.slogan {
    opacity:0;
}

.logo {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
}

.active .slogan {
    -webkit-animation:sloganAni 3.5s ease forwards;
    animation:sloganAni 3.5s ease forwards;
}


.game__detail,
.bg__item--relax {
    pointer-events:none;
}

.is__relax .bg__item--relax {
    -webkit-animation:FadeIn 1s ease forwards;
    animation:FadeIn 1s ease forwards;
}
.is__relax .game__detail {
    -webkit-animation:FadeIn 1s 0.7s ease forwards;
    animation:FadeIn 1s 0.7s ease forwards;
    pointer-events:all;
}

.active .gallery__box,
.active .condition__box,
.active .breath__inr,
.section__about.active .section__inr  {
    -webkit-animation:FadeIn 1s 0.7s ease forwards;
    animation:FadeIn 1s 0.7s ease forwards;
}

.small__delay .logo,
.small__delay .headline h2  {
    -webkit-animation-delay:0s !important;
    animation-delay:0s !important;
}

.small__delay .nav__left,
.small__delay .nav__right {
    -webkit-animation-delay:0.2s !important;
    animation-delay:0.2s !important;

}

.active .logo {
    -webkit-animation:logoAni 1s 3s ease forwards;
    animation:logoAni 1s 3s ease forwards;
}

.active .headline h2 {
    -webkit-animation:FadeIn 1s 4s ease forwards;
    animation:FadeIn 1s 4s ease forwards;
}

.section__rooms.active .share__but {
    -webkit-animation:none;
    animation:none;
}

.active .headline h3 {
    -webkit-animation:FadeIn 1s 4.5s ease forwards;
    animation:FadeIn 1s 4.5s ease forwards;
}

.feel__box {
    -webkit-animation:FadeIn 1s 5.2s ease forwards;
    animation:FadeIn 1s 5.2s ease forwards;
}

.active .nav__left,
.active .nav__right {
    -webkit-animation:FadeIn 1s 5.8s ease forwards;
    animation:FadeIn 1s 5.8s ease forwards;
}

.active .share__but {
    -webkit-animation:FadeIn 1s 1s ease forwards;
    animation:FadeIn 1s 1s ease forwards;
}

.section__welcome.active .share__but,
.section__welcome.active .btn__start {
    -webkit-animation:FadeIn 1s 6.2s ease forwards;
    animation:FadeIn 1s 6.2s ease forwards;
}
 
.feel__item {
    -webkit-animation: ballY 2s ease-in-out infinite alternate;
    animation: ballY 2s ease-in-out infinite alternate;
}
.feel__item--02 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.feel__item--03 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.feel__item--04 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.feel__item--05 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.feel__item--06 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.feel__item--07 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.feel__item--08 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.feel__item--09 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.feel__item--10 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}


.start__video .coach__box, 
.start__video .video__tools,
.section__rooms.active.start__video .share__but,
.start__video .video__loading {
    -webkit-animation:FadeIn 1s 0s ease forwards;
    animation:FadeIn 1s 0s ease forwards;
}


.is__relax .coach__box, 
.is__relax .video__tools,
.is__relax .video__loading  {
    -webkit-animation:FadeOut 1s 0s ease forwards;
    animation:FadeOut 1s 0s ease forwards;
    pointer-events:none;
}

.is__relax .video__loading {
    display:none !important;
    pointer-events:none;
}
.is__relax .share__but  {
    display:block !important;
    opacity:1 !important;
}

.start__video .bg__item:not(.bg__item--relax) {
    -webkit-animation:FadeOut 1s 0s ease forwards;
    animation:FadeOut 1s 0s ease forwards;
}


@-webkit-keyframes scaleOut {
    0%{
        opacity:1;
        border-color:rgba(255,255,255,0.5);
        transform:scale(1);
    }
    100% {
        opacity:0;
        border-color:rgba(255,255,255,0);
        transform:scale(1.3);
    }
}

@keyframes scaleOut {
    0%{
        opacity:1;
        border-color:rgba(255,255,255,0.5);
        transform:scale(1);
    }
    100% {
        opacity:0;
        border-color:rgba(255,255,255,0);
        transform:scale(1.3);
    }
}

@-webkit-keyframes FadeIn {
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes FadeIn {
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes logoAni {
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@keyframes logoAni {
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}


@-webkit-keyframes FadeOut {
    0%{
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes FadeOut {
    0%{
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
/*
@-webkit-keyframes sloganAni {
    0% {
        opacity:0;
    }
    25% {
        opacity:1;
    }
    75% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
*/

@keyframes sloganAni {
   0% {
       opacity:0;
   }
   28.57% {
       opacity:1;
   }
   85.71% {
       opacity:1;
   }
   100% {
       opacity:0;
   }
}


@-webkit-keyframes patternY {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        -webkit-transform:translateY(70px);
        transform:translateY(70px);
    }
}

@keyframes patternY {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        -webkit-transform:translateY(70px);
        transform:translateY(70px);
    }
}


@-webkit-keyframes patternY30 {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
    }
}

@keyframes patternY30 {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100% {
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
    }
}

@-webkit-keyframes minusY {
    0% {
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@keyframes minusY {
    0% {
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@-webkit-keyframes minusY30 {
    0% {
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes minusY30 {
    0% {
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}


@-webkit-keyframes rotateX {
    0% {
        -webkit-transform:rotate(-25deg);
        transform:rotate(-25deg);
    }
    100% {
        -webkit-transform:translateX(25deg);
        transform:translateX(25deg);
    }
}
@keyframes rotateX {
    0% {
        -webkit-transform:rotate(-25deg);
        transform:rotate(-25deg);
    }
    100% {
        -webkit-transform:translateX(25deg);
        transform:translateX(25deg);
    }
}

.pattern__about--item04,
.pattern__about--item06,
.pattern__item--01,
.pattern__item--03,
.pattern__gl-01,
.pattern__gl-05 {
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
}

.active .pattern__about--item01 {
    -webkit-animation:patternY 5s ease infinite alternate;
    animation:patternY 5s ease infinite alternate;
}

.active .pattern__about--item02 {
    -webkit-animation:patternY 5s ease infinite alternate-reverse;
    animation:patternY 5s ease infinite alternate-reverse;
}

.active .pattern__item--04,
.active .pattern__about--item03 {
    -webkit-animation:patternY 5s ease infinite alternate;
    animation:patternY 5s ease infinite alternate;
}
.active .pattern__about--item04 {
    -webkit-animation:rotateX 5s ease infinite alternate;
    animation:rotateX 5s ease infinite alternate;
}
.active .pattern__about--item05 {
    -webkit-animation:patternY 5s ease infinite alternate;
    animation:patternY 5s ease infinite alternate;
}

.active .pattern__item--01,
.active .pattern__item--03,
.active .pattern__about--item06 {
    -webkit-animation:rotateX 5s ease infinite alternate-reverse;
    animation:rotateX 5s ease infinite alternate-reverse;
}

.active .pattern__item--02 {
    -webkit-animation:minusY 5s ease infinite alternate;
    animation:minusY 5s ease infinite alternate;
}
.active .pattern__item--05 {
    -webkit-animation:minusY 5s ease infinite alternate;
    animation:minusY 5s ease infinite alternate;
}
.active .pattern__item--06 {
    -webkit-animation:minusY 5s ease infinite alternate-reverse;
    animation:minusY 5s ease infinite alternate-reverse;
}

.active .pattern__gl-04 {
    -webkit-animation:patternY30 5s ease infinite alternate;
    animation:patternY30 5s ease infinite alternate;
}
.active .pattern__gl-06 {
    -webkit-animation:patternY 5s ease infinite alternate-reverse;
    animation:patternY 5s ease infinite alternate-reverse;
} 




@media (orientation:landscape) and (max-width:1100px) {
    .section__full {
        height:auto;
    }
}

@media screen and (max-width:1100px) {

    /*Common*/
    .share__but {
        left:0;
        width:14vh;
        top:3vh;
    }

    /*Header*/
    .logo {
        width:17.23vh;
        position:absolute;
        top:-3vh;
        left:50%;
        margin-left:-8.615vh;
        z-index:10;
    }
    .header__ctn {
        position:fixed;
        width:100%;
        height:100vh;
        left:0;
        top:0;
        padding:5vw;
        background-color:#eee5f7;
        text-align:center;
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        align-content:center;
        -webkit-transform:translateY(-100%);
        transform:translatey(-100%);
        z-index:12;
    }
    .nav__left {
        margin-top:-5vw;
    }
    .nav__left,
    .nav__right {
        flex:0 0 100%;
        max-width:100%;
    }
    .header__ctn li {
        margin-bottom:4.5832333vh;
    }
    .header__ctn li a {
        font-size:2.5vh;
        color:#661f97;
    }


    /*Welcom page*/
    .section__full {
        overflow:hidden;
    }
    .welcome__inr {
        width:100%;
        height:100%;
    }
    
    .slogan {
        width:38.125vh;
        position:absolute;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }
    .headline {
        position:absolute;
        bottom:15.8333vh;
        left:9.26vw;
    }
    .headline h2 {
        font-size:2.6125vh;
        margin-bottom:1.25vh;
    }
    .headline h3 {
        font-size:1.675vh;
    }
    
    .feel__item {
        position:absolute;
        width:12.6vh;
        height:13.125vh;
    }
    .feel__item,
    .feel__item::before {
        -webkit-border-radius:50%;
        border-radius:50%;
    }
    .feel__item p {
        font-size:1.875vh;
    }
    
    .feel__item--01{
        top:19vh;
        left:5.5555%;
    }
    .feel__item--02{
        top:14.3125vh;
        left:30.27777%;
    }
    .feel__item--03{
        top:19.52vh;
        left:55.18%;
    }
    .feel__item--04{
        top:46.8vh;
        left:15.74%;
    }
    .feel__item--05{
        top:47.583333vh;
        left:41.111%;
    }
    .feel__item--06{
        top:29.73vh;
        left:29.81%;
    }
    .feel__item--07{
        top:35.14vh;
        left:52.4%;
    }
    .feel__item--08{
        top:33vh;
        left:5.18%;
    }
    .feel__item--09{
        top:46.1875vh;
        left:69.26%;
    }
    .feel__item--10{
        top:28.79vh;
        left:74.814%;
    }

    .section__welcome .buts {
        position:absolute;
        bottom:5.73vh;
        left:0;
    }
    .btn__start {
        width:74%;
    }
    .btn__start span {
        font-size:1.6666vh;
        padding:1.5625vh 0;
        border-width:1px;
        -webkit-border-radius:3.125vh;
        border-radius:3.125vh;
    }
    .btn__start.active span {
        color:#893c8f;
    }

    .btn__start::before {
        width:calc(100% + 4vh);
        height:calc(100% + 4vh);
        left:-2vh;
        top:-2vh;
        -webkit-border-radius:6vh;
        border-radius:6vh;
    }
    .btn__start::after {
        width:calc(100% + 2vh);
        height:calc(100% + 2vh);
        left:-1vh;
        top:-1vh;
        -webkit-border-radius:6vh;
        border-radius:6vh;
    }
    .btn__start.active::after {
        -webkit-animation:scaleOut 1s ease infinite forwards;
        animation:scaleOut 1s ease infinite forwards;
    }
    .btn__start::before {
        display:none;
    }



    /*Breath*/
    .section__breath {
        background: url(../images/tutorial_bg_sp.jpg) no-repeat center top;
        background-size:cover
    }
    .breath__inr {
        padding-top:10vh;
    }
    .section__breath h2 {
        font-size:4.16666vh;
        margin-bottom:5.625vh;
    }
    .breath__box {
        position:relative;
        width:48vh;
        margin:0 auto;
    }
    .breath__item {
        display:block;
        text-decoration:none;
    }
    .breath__item p {
        font-size:2.083333vh;
    }
    .title__box {
        position:relative;
        width:100%;
        margin:0 auto 5.73vh auto;
        display:block;
    }
    .title__box h3 {
        font-size:2.5vh;
        color: #51009d;
        font-weight: 700;
        text-align:center;
    }
    .breath__item {
        display:block;
        opacity:0;
        -webkit-transition:opacity 1s ease-in-out;
        transition:opacity 1s ease-in-out;
    }
    .breath__box .swiper-slide.swiper-slide-active .breath__item  {
        opacity:1;
    }

    .titleSlider {
        width:100%;
    }
    .titleSlider .swiper-slide {
        cursor:pointer;
    }
    .title__box h3 {
        padding-top:0.2vh;
        font-size:2vh;
        font-weight:400;
    }
    .title__box  .swiper-slide.swiper-slide-active h3 {
        padding:0;
        font-size:2.2vh;
        font-weight:700;
    }
    .breath__item h3{
        display:none;
    }
    .breath__pic {
        width:76%;
        margin:0 auto 3.958333vh auto;
    }



    /*Rooms*/
    .section__rooms .bg__item{
        background-position:center center;
    }

    .video__loading {
        width:12.5vh;
        height:12.5vh;
        bottom:10%;
    }
    .percentage, .caption {
        font-size:1.6666vh;
    }

    .coach__box {
        width:100%;
        height:7.3vh;
        padding:1.3vh 0vh 0 1.575vh;
        display:block;
    }
    .coach__name,
    .coach__detail {
        display:block;
        width:100%;
    }
    .coach__name, 
    .coach__detail a {
        display:block;
        font-size:1.575vh;
    }

    .video__tools {
        height:7.3vh;
        padding:0 1.575vh;
    }
    .video__tools::after {
        width:1px;
        height:100%;
        right:5.8vh;
        top:0;
    }
    .video__stop {
        margin-right:2.5vh;
    }
    .play__icon {
        width:2.4vh;
        margin-right:5px;
    }
    .play__txt {
        font-size:1.575vh;
    }
    .video__volume {
        margin-left:5px;
    }
    .volume__icon {
        width:2.6vh;
    }


     /*Game*/
     .is__relax .game__inr {
         width:100%;
         height:100%;
         z-index:14;
         background-color:rgba(0,0,0,0.5);
     }
     .game__detail {
        position:absolute;
        max-width:90%;
        padding:9.375% 5.83333%;
        left:5%;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        -webkit-border-radius:2.083333vh;
        border-radius:2.083333vh;
     }
     .game__detail h2 {
        font-size:2.4vh;
        margin-bottom:2vh;
     }
     .game__detail p {
        font-size:1.5625vh;
     }
     .game__detail .list__video {
         padding-top:1.64583333vh;
     }
    
     .game__detail .video__item::before {
         padding-top:100%;
     }
     .game__detail .video__txt {
         top:50%;
         -webkit-transform:translateY(-50%);
         transform:translateY(-50%);
     }
     .game__detail .buts {
         padding-top:1.64583333vh;
     }
     .game__detail .btn__share,
     .game__detail .btn__join {
         width:82%;
         margin:0 auto 1.14583vh auto;
     }
    .game__detail .link {
        font-size:1.5625vh;
    }



    /*Gallery*/
    .gallery__relax  {
        background: url(../images/relax_bg_sp.jpg) no-repeat center top;
        background-size: cover;
        height:auto !important;
        min-height:100vh;
        padding-bottom:8vw;
    }
    .gallery__relax .relax__inr {
        height:100%;
        display:flex;
        height:100%;
        align-items:center;
    }
    .gallery__relax .gallery__box {
        position:relative;
        padding:24.63vw 5% 22.07vw 5%;
    }

    .gallery__relax .gallery__box h3 {
        font-size: 4.4444vw;
        text-align: center;
        margin-bottom: 4.4444vw;
        text-align:center;
    }
    .gallery__relax .gallery__box li {
        text-align:left;
        margin-bottom: 3.333vw;
        padding-bottom: 3.333vw;
        border-bottom:1px solid rgba(81,0,157,0.1);
    }
    .gallery__relax .gallery__box li:last-child {
        border:none;
    }
    .gallery__relax .gallery__box li p {
        font-size:3.3333vw;
    }

    .gallery__box .gifts {
        display:flex;
        justify-content:center;
    }
    .gallery__relax .gallery__box .gift__title {
        font-size: 2.6vw;
        text-align: center;
        margin-bottom: 2vw;
    }
    .gallery__box .gift__item {
        flex:0 0 32%;
        max-width:32%;
        margin:0 1.1458333vh;
    }
    .gallery__box .check__item {
        margin-bottom:1.5vh;
    }

    .gallery__box .chk__caption {
        font-size:1.7vh;
    }
    
    .gallery__box  .buts {
        position:absolute;
        left:0;
        bottom:0;
    }
    .gallery__box  .form__group {
        width:68%;
        margin:0 auto;
    }

    .gallery__relax .form__group {
        width:80%;
    }

    .gallery__relax  .gallery__item {
        display:none;
    }



    /*Product*/
    .section__products  .patterns {
        display:none;
    }
    .section__products {
        padding:21.48vw 0 22.222vw 0;
        background:url(../images/product_bg_sp.png) no-repeat center top;
        background-size:cover;
        margin-top:-14vw;
    }
    .product__box {
        padding:0 9%;
    }
    .product__item {
        text-align:center;
        margin-bottom:12.777vw;
    }
    .product__detail .pic {
        width:82.5%;
        margin:0 auto 5.74vw auto;
        -webkit-border-radius:2.777vw;
        border-radius:2.777vw;
        overflow:hidden;
    }
    .product__item h2 {
        font-size:4.4444vw;
    }
    .product__item p{
        font-size:3.3333vw;
    }


    
    .sales__online {
        position:relative;
        width:100%;
        height:auto;
        padding:8.3333vw 9%;
        overflow:hidden;
    }
    .sales__online::before {
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background: rgb(253,215,255);
        background: linear-gradient(90deg, rgba(253,215,255,1) 0%, rgba(255,234,243,1) 100%);
    }
    .sales__box,
    .downy__sales {
        position:relative;
        width:100%;
    }
    .downy__sales {
        display:flex;
        flex-wrap:wrap;
    }
    .downy__main {
        position:relative;
        flex:0 0 32%;
        max-width:32%;
    }
    .sales__list {
        position:relative;
        flex:0 0 68%;
        max-width:68%;
        padding:0 0 0 8%;
    }
    .sales__list h2 {
        font-size:2.963vw;
        margin-bottom:4.7vw;
        text-align:center;
    }
    .sales__items {
        width:74%;
        margin:0 auto;
    }
    .sales__item {
        margin-bottom:3vw;
        text-align:center;
    }
    .sales__item:last-child {
        margin:0;
    }
    .sales__item a {
        display:block;
    }
    .sales__item a img {
        width:100%;
        height:auto;
    }



    /*About*/
    .section__about .patterns {
        display:none;
    }
    .section__about {
        padding:27.222vw 0 9.2vw 0;
        background:url(../images/about_bg_sp.jpg) no-repeat center top;
        background-size:cover;
    }
    .coach {
        position:relative;
        padding:5vw 9% 0 9%
    }
    .caption__title {
        font-size:4.07vw;
    }
    .coach__info h2 {
        font-size:12.4vw;
        width:48vw;
        margin-bottom:7vw;
    }
    .coach__pic  {
        position:absolute;
        right:5%;
        top:0;
        width:44.8vw;
    }
    .info__txt p, 
    .info__txt li, 
    .about__txt p {
        font-size:3.333vw;
        margin-bottom:2.777vw;
    }
    .about__album {
        position: relative;
        padding:6.4vw 0;
    }
    .about__album  .swiper-button-prev {
        background:url(../images/prev2.png) no-repeat center center;
        background-size:60% auto;
        left:-36px;
    }
    .about__album  .swiper-button-next {
        -webkit-transform:scaleX(-1);
        transform:scaleX(-1);
        background:url(../images/prev2.png) no-repeat center center;
        background-size:60% auto;
        right:-36px;
    }
    .about__album .swiper-slide {
        height:auto;
    }
   
    .album__pic {
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
    }
    .about__block {
        position:relative;
        padding:10vw 0 10vw 0;
    }
    .about__block::before {
        content: '';
        position: absolute;
        right: 0;
        top: 17%;
        width: 100vw;
        height: 83%;
        background: rgb(253,215,255);
        background: linear-gradient(90deg, rgba(253,215,255,1) 0%, rgba(255,234,243,1) 100%);
    }
    .about__inr {
        position:relative;
        z-index:1;
    }
    .about__txt {
        padding:0 9%;
        margin-top:-20vw;
    }
    .about__title  {
        width:90%;
        margin:0 auto 3.148vw auto;
    }
   

    /*Gallery*/
    .section__gallery {
        padding:24.63vw 5% 14.07vw 5%;
        background:url(../images/about_bg_sp.jpg) no-repeat center top;
        background-size:cover;
    }
    .condition__box {
        padding-bottom:10vw;
    }
    .section__gallery .gallery__item {
        display:none;
    }
    .section__gallery p {
        font-size:2.6vw;
        margin-bottom:2.777vw;
    }
    .section__gallery .gallery__box p {
        font-size:3.3333vw;
    }
    .section__gallery h2 {
        font-size:4.6vw;
        margin-bottom:3.7vw;
        text-align:center;
    }
    .section__gallery .gallery__box h3 {
        font-size:4.4444vw;
        text-align:center;
        margin-bottom:4.4444vw;
    }
    .section__gallery .gallery__box li {
        margin-bottom:3.333vw;
        padding-bottom:3.333vw;
    }
    .section__gallery .gift__title {
        font-size:2.6vw;
        text-align:center;
        margin-bottom:2vw;
    }
    .section__gallery .gallery__box .form__group {
        width:80%;
    }
    .section__gallery .game__info {
        position: relative;
        padding-bottom: 14vw;
    }

}

@media screen and (min-width:1101px) {
    .fs-sp {
        display:none;
    }
    .spPic {
        display:none;
    }
}


@media screen and (max-width:1100px) {
    .pcPic {
        display:none;
    }
    .fs-pc {
        display:none;
    }
}


@media screen and (min-width:841px) {
    
}

@media screen and (max-width:840px) {
    
}

@media screen and (max-width:350px) {}

@media (orientation:landscape) and (max-width:1100px) {
    .header__ctn li a {
        font-size:4vw;
    }
}

@-webkit-keyframes ballY{
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-7%);
    }
}
@keyframes ballY {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-7%);
    }
}

@-webkit-keyframes ballBubble {
    0% {
        transform: scaleY(0.95);
    }
    to {
        transform: scaleX(0.95);
    }
}
@keyframes ballBubble {
    0% {
        transform: scaleY(0.95);
    }
    to {
        transform: scaleX(0.95);
    }
}

.real__download {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.real__download .game__result {
   -webkit-transform:none;
    transform:none;
}