/* uk */
/* components */
/* news - header */
.sc-news-header .s-title {font-size: 54px; font-size: 3.75vw;  line-height: 1.25; }

@media (min-width: 1440px) { .sc-news-header .s-title { font-size: 54px;}}

.sc-news-header .s-text-wrap { padding-top: 76px; padding-top: 5.27778vw; }

@media (min-width: 1440px) {.sc-news-header .s-text-wrap { padding-top: 76px; }}

.sc-news-header .s-date { margin-top: 12px; margin-top: 0.83333vw; }

@media (min-width: 1440px) {.sc-news-header .s-date {margin-top: 12px; } }

@media screen and (max-width: 768px) { .sc-news-header .s-title { font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.2; } }

@media screen and (max-width: 768px) and (max-width: 360px) { .sc-news-header .s-title { font-size: 28px; font-size: 7.77778vw; }}

@media screen and (max-width: 768px) {.sc-news-header .s-text-wrap {padding-top: 117.33333px; padding-top: 15.27778vw;} }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-news-header .s-text-wrap {padding-top: 55px; padding-top: 15.27778vw;} }

@media screen and (max-width: 768px) {.sc-news-header .s-date { margin-top: 27.73333px; margin-top: 3.61111vw; } }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-news-header .s-date {margin-top: 13px; margin-top: 3.61111vw; } }

/* offer - header */
.sc-offer-header .s-title {font-size: 54px; font-size: 3.75vw;  line-height: 1.25; }

@media (min-width: 1440px) { .sc-offer-header .s-title { font-size: 54px;}}

.sc-offer-header .s-align-left .s-title {margin-bottom: 11px; margin-bottom: 0.76389vw;}

@media (min-width: 1440px) {.sc-offer-header .s-align-left .s-title {margin-bottom: 11px; } }

.sc-offer-header .s-align-right .s-title {margin-bottom: 11px; margin-bottom: 0.76389vw; }

@media (min-width: 1440px) {.sc-offer-header .s-align-right .s-title {margin-bottom: 11px; } }

.sc-offer-header .s-align-center .s-title {margin-bottom: 11px; margin-bottom: 0.76389vw; }

@media (min-width: 1440px) {.sc-offer-header .s-align-center .s-title {margin-bottom: 11px; } }

.sc-offer-header .s-text-wrap { padding-top: 76px; padding-top: 5.27778vw; }

@media (min-width: 1440px) {.sc-offer-header .s-text-wrap { padding-top: 76px; }}

@media screen and (max-width: 768px) { .sc-offer-header .s-title { font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.2; } .sc-offer-header .s-desc { line-height: 1.3; } }

@media screen and (max-width: 768px) and (max-width: 360px) { .sc-offer-header .s-title { font-size: 28px; font-size: 7.77778vw; }}

@media screen and (max-width: 768px) {.sc-offer-header .s-align-left .s-title, .sc-offer-header .s-align-right .s-title, .sc-offer-header .s-align-center .s-title {margin-bottom: 19.2px; margin-bottom: 2.5vw;} }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-offer-header .s-align-left .s-title, .sc-offer-header .s-align-right .s-title, .sc-offer-header .s-align-center .s-title { margin-bottom: 9px; margin-bottom: 2.5vw;} }

@media screen and (max-width: 768px) {.sc-offer-header .s-text-wrap {padding-top: 117.33333px; padding-top: 15.27778vw;} }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-offer-header .s-text-wrap {padding-top: 55px; padding-top: 15.27778vw;} }

/* offer - view - header */
.sc-offer-view-header .s-title {font-size: 54px; font-size: 3.75vw;  line-height: 1.25; }

@media (min-width: 1440px) { .sc-offer-view-header .s-title { font-size: 54px;}}

.sc-offer-view-header .s-text-wrap { padding-top: 76px; padding-top: 5.27778vw; }

@media (min-width: 1440px) {.sc-offer-view-header .s-text-wrap { padding-top: 76px; }}

.sc-offer-view-header .s-desc {margin-top: 9px; margin-top: 0.625vw; }

@media (min-width: 1440px) {.sc-offer-view-header .s-desc {margin-top: 9px; } }

@media screen and (max-width: 768px) { .sc-offer-view-header .s-title { font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.2; } .sc-offer-view-header .s-desc { line-height: 1.3; } }

@media screen and (max-width: 768px) and (max-width: 360px) { .sc-offer-view-header .s-title { font-size: 28px; font-size: 7.77778vw; }}

@media screen and (max-width: 768px) {.sc-offer-view-header .s-text-wrap {padding-top: 117.33333px; padding-top: 15.27778vw;} }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-offer-view-header .s-text-wrap {padding-top: 55px; padding-top: 15.27778vw;} }

@media screen and (max-width: 768px) {.sc-offer-view-header .s-desc {margin-top: 25.6px; margin-top: 3.33333vw;} }

@media screen and (max-width: 768px) and (max-width: 360px) {.sc-offer-view-header .s-desc { margin-top: 12px; margin-top: 3.33333vw;} }

/* shop - header*/
.shop-header__title { font-size: 54px; font-size: 3.75vw; line-height: 1.25;  margin-top: -6px;
  margin-top: -0.41667vw; }

@media (min-width: 1440px) { .shop-header .shop-header__title { font-size: 54px; margin-top: -6px;}}

.shop-header .shop-header__logo {  margin-bottom: 22px; margin-bottom: 1.52778vw;}

@media (min-width: 1440px) { .shop-header .shop-header__logo { margin-bottom: 22px; }}

.shop-header__desc { margin-top: 7px; margin-top: 0.48611vw; line-height: 1.25; }

@media (min-width: 1440px) { .shop-header__desc {margin-top: 7px;}}

.shop-header__btn {margin-top: 30px; margin-top: 2.08333vw; }

@media (min-width: 1440px) {.shop-header__btn {margin-top: 30px; }}

.shop-header .shop-header--layout-pc-top .shop-header__text, .shop-header .shop-header--video .shop-header__text { top: 56px; top: 3.88889vw;}

@media (min-width: 1440px) { .shop-header .shop-header--layout-pc-top .shop-header__text, .shop-header .shop-header--video .shop-header__text { top: 56px; }}

.shop-header .shop-header--layout-pc-bottom .shop-header__text { bottom: 56px; bottom: 3.88889vw;}

@media (min-width: 1440px) { .shop-header .shop-header--layout-pc-bottom .shop-header__text { bottom: 56px; }}

.shop-header .shop-header--pf .shop-header__logo {margin-bottom: 22px; margin-bottom: 1.52778vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf .shop-header__logo { margin-bottom: 22px; }}

.shop-header .shop-header--pf .shop-header__desc { margin-top: 24px; margin-top: 1.66667vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf .shop-header__desc { margin-top: 24px; }}

.shop-header .shop-header--pf .shop-header__title { font-size: 50px; font-size: 3.47222vw; ;}

@media (min-width: 1440px) { .shop-header .shop-header--pf .shop-header__title { font-size: 50px; }}

.shop-header .shop-header--pf .shop-header__btn { margin-top: 35px; margin-top: 2.43056vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf .shop-header__btn { margin-top: 35px; }}

.shop-header .shop-header--pf .shop-header__text { top: 56px; top: 3.88889vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf .shop-header__text { top: 56px; }}

.shop-header .shop-header--pf.shop-header--layout-pc-bottom .shop-header__text { top: auto; bottom: 56px; bottom: 3.88889vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf.shop-header--layout-pc-bottom .shop-header__text { bottom: 56px; }}

.shop-header .shop-header--pf.shop-header--small .shop-header__text { top: 44px; top: 3.05556vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf.shop-header--small .shop-header__text { top: 44px; }}

.shop-header .shop-header--pf.shop-header--small .shop-header__desc { margin-top: 14px; margin-top: 0.97222vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf.shop-header--small .shop-header__desc { margin-top: 14px; }}

.shop-header .shop-header--pf.shop-header--small.shop-header--layout-pc-bottom .shop-header__text { top: auto; bottom: 41px; bottom: 2.84722vw;}

@media (min-width: 1440px) { .shop-header .shop-header--pf.shop-header--small.shop-header--layout-pc-bottom .shop-header__text { bottom: 41px; }}

.shop-header .shop-header--pf.shop-header--layout-pc-center .shop-header__text { top: 50%;}

@media screen and (max-width: 768px) {.shop-header .shop-header__title { margin-top: -4.26667px; margin-top: -0.55556vw; margin-bottom: 19.2px;
    margin-bottom: 2.5vw; font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.2 }}

@media screen and (max-width: 768px) and (max-width: 360px) { .shop-header .shop-header__title { margin-top: -2px; margin-top: -0.55556vw;  margin-bottom: 9px; margin-bottom: 2.5vw; font-size: 28px; font-size: 7.77778vw; }}

@media screen and (max-width: 768px) { .shop-header .shop-header__logo {  margin-bottom: 23.46667px; margin-bottom: 3.05556vw; }}

@media screen and (max-width: 768px) and (max-width: 360px) { .shop-header .shop-header__logo {  margin-bottom: 11px; margin-bottom: 3.05556vw;}}

@media screen and (max-width: 768px) { .shop-header .shop-header__desc { margin-top: 0 }}

@media screen and (max-width: 768px) {.shop-header__btn {margin-top: 32px; margin-top: 4.16667vw; } }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header__btn {margin-top: 15px; margin-top: 4.16667vw; } }

@media screen and (max-width: 768px) { .shop-header .shop-header__ico-play { z-index: 10; margin-top: 516.26667px; margin-top: 67.22222vw;}}

@media screen and (max-width: 768px) and (max-width: 360px) { .shop-header .shop-header__ico-play { margin-top: 242px; margin-top: 67.22222vw; }}

@media screen and (max-width: 768px) { .shop-header .shop-header--layout-pc-top .shop-header__text, .shop-header .shop-header--layout-pc-bottom .shop-header__text, .shop-header .shop-header--layout-pc-center .shop-header__text, .shop-header .shop-header--video .shop-header__text { top: 64px;
 top: 8.33333vw; }}

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--layout-pc-top .shop-header__text, .shop-header .shop-header--layout-pc-bottom .shop-header__text, .shop-header .shop-header--layout-pc-center .shop-header__text, .shop-header .shop-header--video .shop-header__text { top: 30px; top: 8.33333vw; }}

@media screen and (max-width: 768px) { .shop-header .shop-header--layout-mobile-center .shop-header__text { top: 50% !important; left: 0%; right: 0%; padding: 0 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.shop-header .shop-header--pf .shop-header__title {font-size: 59.73333px; font-size: 7.77778vw; line-height: 1.2 } }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf .shop-header__title {font-size: 28px; font-size: 7.77778vw;  }}

@media screen and (max-width: 768px) {.shop-header .shop-header--pf .shop-header__logo {margin-bottom: 19.2px; margin-bottom: 2.5vw; }}

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf .shop-header__logo {margin-bottom: 9px; margin-bottom: 2.5vw; } }

@media screen and (max-width: 768px) {.shop-header .shop-header--pf.shop-header--small .shop-header__desc { margin-top: 0}}

@media screen and (max-width: 768px) {.shop-header .shop-header--pf .shop-header__desc { margin-top: 0}}

@media screen and (max-width: 768px) { .shop-header .shop-header--pf .shop-header__btn {margin-top: 32px; margin-top: 4.16667vw; }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf .shop-header__btn  {margin-top: 15px; margin-top: 4.16667vw; } }

@media screen and (max-width: 768px) {.shop-header .shop-header--pf.shop-header--layout-pc-bottom .shop-header__text {top: 64px; top: 8.33333vw; } }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf.shop-header--layout-pc-bottom .shop-header__text {top: 30px; top: 8.33333vw; } }

@media screen and (max-width: 768px) {.shop-header .shop-header--pf.shop-header--small .shop-header__text {top: 64px; top: 8.33333vw; } }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf.shop-header--small .shop-header__text {top: 30px; top: 8.33333vw; } }

@media screen and (max-width: 768px) {.shop-header .shop-header--pf.shop-header--small.shop-header--layout-pc-bottom .shop-header__text {top: 64px; top: 8.33333vw; } }

@media screen and (max-width: 768px) and (max-width: 360px) {.shop-header .shop-header--pf.shop-header--small.shop-header--layout-pc-bottom .shop-header__text {top: 30px; top: 8.33333vw; } }