@charset "UTF-8";
html.safari { -webkit-overflow-scrolling: touch; }

html.safari.is-lvd-active--main, html.safari.is-lvd-active--user, html.safari.is-lvd-header-fixed { overflow: auto; }

body { width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

html.safari body { height: 100%; }

html.safari.is-lvd-header-fixed body { overflow: hidden; }

@media screen and (max-width: 700px) { html.is-lvd-header-active--nav body { overflow: hidden; height: auto; position: fixed; } }

.LVD a { color: #FF6600; text-decoration: none; }

.LVD a:visited { color: #FF6600; }

.LVD a:hover { color: #FF6600; text-decoration: underline; }

.LVD a:active { color: #FF6600; }

body .LVD, body .lvd-root { font-family: "Roboto", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@-webkit-keyframes scaleout { 0% { -webkit-transform: translateY(-5px) scale(1); transform: translateY(-5px) scale(1); }
  100% { -webkit-transform: translateY(-5px) scale(2.5); transform: translateY(-5px) scale(2.5);
    opacity: 0; } }

@keyframes scaleout { 0% { -webkit-transform: translateY(-5px) scale(1); transform: translateY(-5px) scale(1); }
  100% { -webkit-transform: translateY(-5px) scale(2.5); transform: translateY(-5px) scale(2.5);
    opacity: 0; } }

@-webkit-keyframes scaleout-center { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5);
    opacity: 0; } }

@keyframes scaleout-center { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5);
    opacity: 0; } }

.LVD .lvd-header-icon--h-heart { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin: 10px 0 0; height: 36px; width: 36px; background-size: 70% 70%; background-position: 50% 50%; border: 1px solid #ddd; border-radius: 100%; background-image: url("../img/icons/icon_h-heart.svg"); }

.is-active .lvd-header-icon--h-heart { background-image: url("../img/icons/icon_h-heart-active.svg"); }

.LVD .lvd-header-icon--h-star { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin: 10px 0 0; height: 36px; width: 36px; background-size: 70% 70%; background-position: 50% 50%; border: 1px solid #ddd; border-radius: 100%; background-image: url("../img/icons/icon_h-star.svg"); }

.is-active .lvd-header-icon--h-star { background-image: url("../img/icons/icon_h-star-active.svg"); }

.LVD .lvd-header-icon--h-star.is-first { background-image: url("../img/icons/icon_h-star-active.svg"); -webkit-animation: scaleout 0.75s infinite ease-in-out; animation: scaleout 0.75s infinite ease-in-out; background-position: 50% 50%; }

.LVD .lvd-header-icon--h-notify { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin: 10px 0 0; height: 36px; width: 36px; background-size: 70% 70%; background-position: 50% 50%; border: 1px solid #ddd; border-radius: 100%; background-image: url("../img/icons/icon_h-notify-new.svg"); }

.is-active .lvd-header-icon--h-notify { background-image: url("../img/icons/icon_h-notify-new-active.svg"); }

.LVD .lvd-header-icon--h-user { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin: 10px 0 0; height: 36px; width: 36px; background-size: 70% 70%; background-position: 50% 50%; border: 1px solid #ddd; border-radius: 100%; background-image: url("../img/icons/icon_h-user-new.svg"); }

.is-active .lvd-header-icon--h-user { background-image: url("../img/icons/icon_h-user-new-active.svg"); }

.LVD .lvd-header-icon--home { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_home.svg"); }

.LVD .lvd-header-icon--catalog { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_catalog.svg"); }

.LVD .lvd-header-icon--heart { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_heart.svg"); }

.LVD .lvd-header-icon--buzzlife { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_buzzlife.svg"); }

.LVD .lvd-header-icon--community { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_community.svg"); }

.LVD .lvd-header-icon--premium { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_premium.svg"); }

.LVD .lvd-header-icon--gratz { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_gratz.svg"); }

.LVD .lvd-header-icon--sampling { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_sampling.svg"); }

.LVD .lvd-header-icon--speaker { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_speaker.svg"); }

.LVD .lvd-header-icon--lavida { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_lavida.svg"); }

.LVD .lvd-header-icon--question { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_question.svg"); }

.LVD .lvd-header-icon--terms { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_terms.svg"); }

.LVD .lvd-header-icon--privacy { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_privacy.svg"); }

.LVD .lvd-header-icon--company { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_company.svg"); }

.LVD .lvd-header-icon--mail { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_mail.svg"); }

.LVD .lvd-header-icon--activity { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_activity.svg"); }

.LVD .lvd-header-icon--clipboard { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_clipboard.svg"); }

.LVD .lvd-header-icon--user-heart { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_user_heart.svg"); }

.LVD .lvd-header-icon--profile { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_profile.svg"); }

.LVD .lvd-header-icon--account { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_account.svg"); }

.LVD .lvd-header-icon--point { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_point.svg"); }

.LVD .lvd-header-icon--badge { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_badge.svg"); }

.LVD .lvd-header-icon--key { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_key.svg"); }

.LVD .lvd-header-icon--birthday { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-image: url("../img/icons/icon_birthday.svg"); }

.LVD .lvd-header-icon--content { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 28px; width: 28px; background-size: 20px 20px; opacity: 0.35; background-image: url("../img/icons/icon_content.svg"); background-size: 18px 18px; }

.LVD .lvd-header-icon--n-buzzlife { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-buzzlife.svg"); }

.LVD .lvd-header-icon--n-gratz { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-gratz.svg"); }

.LVD .lvd-header-icon--n-community { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-community.svg"); }

.LVD .lvd-header-icon--n-heart { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-heart.svg"); }

.LVD .lvd-header-icon--n-lavida { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-lavida.svg"); }

.LVD .lvd-header-icon--n-a { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-a.svg"); }

.LVD .lvd-header-icon--n-b { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-b.svg"); }

.LVD .lvd-header-icon--n-c { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-c.svg"); }

.LVD .lvd-header-icon--n-d { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-d.svg"); }

.LVD .lvd-header-icon--n-e { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-e.svg"); }

.LVD .lvd-header-icon--n-f { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-f.svg"); }

.LVD .lvd-header-icon--n-g { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-g.svg"); }

.LVD .lvd-header-icon--n-h { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 18px; width: 18px; background-size: 17px 18px; background-image: url("../img/icons/icon_notify-h.svg"); }

.lvd-icon-remove { display: inline-block; height: 24px; width: 24px; background-image: url("../img/icons/icon_search-delete.svg"); }

.LVD .lvd-header-drawer { z-index: -10; }

.LVD .lvd-header-main { display: none; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-sizing: border-box; position: fixed; top: 0; left: 0; width: 250px; padding: 0 15px 40px; height: 100vh; background-color: #262626; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.LVD .lvd-header-main * { box-sizing: border-box; }

html.ios .LVD .lvd-header-main { padding-bottom: 80px; height: 100%; }

html.no-cssvhunit .LVD .lvd-header-main { height: 100%; min-height: 500px; }

@media screen and (max-width: 700px) { .LVD .lvd-header-main { overflow-y: scroll; } }

.LVD .lvd-header-main.is-active { display: block; }

.LVD .lvd-header-main__logo { font-size: 0; text-indent: -100%; overflow: hidden; height: 60px; background-image: url("../img/images/img_header-logo-white.svg"); background-position: 0 50%; background-repeat: no-repeat; }

.LVD .lvd-header-main__search { position: relative; margin-bottom: 20px; }

.LVD .lvd-header-main__search-field { width: 100%; border: none; border-radius: 4px; padding: 10px 5px; box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.5); display: inline-block; background: url("../img/icons/icon_search.svg") 10px 50% no-repeat #fff; background-size: 15px 15px; }

.LVD .lvd-header-main__search-field:focus { background: #fff; }

.LVD .lvd-header-main__search-field.is-inputin { background: #fff; }

.LVD .lvd-header-main__search-remove { position: absolute; top: 0; right: 0; width: 30px; height: 36px; opacity: 0; cursor: pointer; }

.LVD .lvd-header-main__search-remove.fx-in { opacity: 1; }

.LVD .lvd-header-main__search-remove i { position: absolute; top: 0; bottom: 0; margin: auto 0; }

.LVD .lvd-header-main__search input[type=submit] { display: none; }

.LVD .lvd-header-main-nav { margin: 0 -15px; }

.LVD .lvd-header-main-nav__item, .LVD .lvd-header-main-nav__item--toggle { display: table; padding: 5px 0 5px 10px; width: 100%; min-height: 48px; position: relative; background-color: #2B2B2B; border-top: 1px solid #363636; color: #fff !important; text-decoration: none !important; }

.LVD .lvd-header-main-nav__item:hover, .LVD .lvd-header-main-nav__item--toggle:hover { color: #fff !important; }

.LVD .lvd-header-main-nav__item:hover, .LVD .lvd-header-main-nav__item--toggle:hover { background-color: #333; }

.LVD .lvd-header-main-nav__item:last-child, .LVD .lvd-header-main-nav__item--toggle:last-child { border-bottom: 1px solid #363636; }

.LVD .lvd-header-main-nav__item.is-current, .LVD .lvd-header-main-nav__item--toggle.is-current { background-color: #1A1A1A; color: #FF6600 !important; }

.LVD .lvd-header-main-nav__item i, .LVD .lvd-header-main-nav__item--toggle i { display: table-cell; margin: 0 10px 0 0; width: 33px; background-position: 30% 50%; }

.LVD .lvd-header-main-nav__item span, .LVD .lvd-header-main-nav__item--toggle span { display: table-cell; vertical-align: middle; font-size: 13px; line-height: 1.5; }

.LVD .lvd-header-main-nav__head { padding: 8px 15px 7px; font-size: 10px; color: #999; }

.LVD .lvd-header-user { display: none; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-sizing: border-box; position: fixed; top: 0; right: 0; width: 250px; padding: 0 8px 40px 15px; height: 100vh; background-color: #262626; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.LVD .lvd-header-user * { box-sizing: border-box; }

html.ios .LVD .lvd-header-user { padding-bottom: 80px; height: 100%; }

html.no-cssvhunit .LVD .lvd-header-user { height: 100%; min-height: 500px; }

@media screen and (max-width: 700px) { .LVD .lvd-header-user { overflow-y: scroll; } }

.LVD .lvd-header-user.is-active { display: block; }

.LVD .lvd-header-user-nav { margin: 0 -8px 8px -15px; }

.LVD .lvd-header-user-nav--child { display: none; overflow: hidden; padding-left: 30px; background-color: #2B2B2B; }

.LVD .lvd-header-user-nav--child.is-active { display: block; }

.LVD .lvd-header-user-nav--child .lvd-header-user-nav__item:last-child { border-bottom: none; }

.LVD .lvd-header-user-nav__item, .LVD .lvd-header-user-nav__item--toggle { display: block; padding: 10px 0; padding-left: 10px; position: relative; background-color: #2B2B2B; border-top: 1px solid #363636; color: #fff !important; text-decoration: none !important; font-size: 13px; }

.LVD .lvd-header-user-nav__item:hover, .LVD .lvd-header-user-nav__item--toggle:hover { color: #fff !important; }

.LVD .lvd-header-user-nav__item:hover, .LVD .lvd-header-user-nav__item--toggle:hover { background-color: #333; }

.LVD .lvd-header-user-nav__item:last-child, .LVD .lvd-header-user-nav__item--toggle:last-child { border-bottom: 1px solid #363636; }

.LVD .lvd-header-user-nav__item.is-current, .LVD .lvd-header-user-nav__item--toggle.is-current { background-color: #1A1A1A; color: #FF6600 !important; }

.LVD .lvd-header-user-nav__item.is-current::after, .LVD .lvd-header-user-nav__item--toggle.is-current::after { background-image: url("../img/icons/icon_current-arrow.svg"); background-size: 5px 6px; background-repeat: no-repeat; content: " "; position: absolute; right: 20px; top: 50%; bottom: 50%; height: 6px; width: 5px; }

.LVD .lvd-header-user-nav__item i, .LVD .lvd-header-user-nav__item--toggle i { margin: 0 7px 0 0; }

.LVD .lvd-header-user-nav__item--toggle { position: relative; }

.LVD .lvd-header-user-nav__item--toggle:before { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); content: ""; position: absolute; right: 24px; top: 0; bottom: 0; margin: auto 0; width: 12px; height: 1px; background-color: #fff; opacity: 1; }

.LVD .lvd-header-user-nav__item--toggle:after { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); content: ""; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background-color: #fff; opacity: 1; }

.LVD .lvd-header-user-nav__item--toggle.is-active:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.LVD .lvd-header-user-nav__item--toggle.is-active:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0; }

.LVD .lvd-header-user-nav__item--birthday { display: block; padding: 10px 0; padding-left: 10px; position: relative; background-color: #2B2B2B; border-top: 1px solid #363636; color: #fff !important; text-decoration: none !important; font-size: 13px; }

.LVD .lvd-header-user-nav__item--birthday:hover { color: #fff !important; }

.LVD .lvd-header-user-nav__item--birthday:hover { background-color: #333; }

.LVD .lvd-header-user-nav__item--birthday:last-child { border-bottom: 1px solid #363636; }

.LVD .lvd-header-user-nav__item--birthday::after { position: absolute; bottom: 0; right: 0; width: 32px; height: 28px; background-image: url("../img/images/bg-birthday02.svg"); background-size: 32px 28px; background-repeat: no-repeat; content: " "; }

.LVD .lvd-header-user-nav__item--birthday::before { position: absolute; top: 0; left: 0; width: 43px; height: 46px; background-image: url("../img/images/bg-birthday01.svg"); background-size: 43px 46px; background-repeat: no-repeat; content: " "; }

.LVD .lvd-header-user-nav__item--birthday.is-current { background-color: #1A1A1A; color: #FF6600 !important; }

.LVD .lvd-header-user-nav__item--birthday i { margin: 0 7px 0 0; }

.LVD .lvd-header-user__inner { display: table; width: 200px; margin: 20px 0; background-color: #262626; color: #fff !important; text-decoration: none !important; }

.LVD .lvd-header-user__avatar { display: table-cell; vertical-align: middle; width: 55px; height: 55px; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-user__name { display: table-cell; padding-left: 15px; vertical-align: middle; font-size: 13px; }

.LVD .lvd-header-user-point { display: table; width: 100%; margin: 10px 0; color: #fff; }

.LVD .lvd-header-user-point__label { display: table-cell; vertical-align: middle; font-size: 13px; font-weight: bold; }

.LVD .lvd-header-user-point__num { display: table-cell; vertical-align: middle; text-align: right; font-size: 20px; font-weight: bold; color: #FF6600; }

.LVD .lvd-header-user-point__link { display: table-cell; text-align: right; padding-left: 10px; width: 60px; vertical-align: middle; }

.LVD .lvd-header-user-point__link a { display: inline-block; padding: 8px 10px; line-height: 1; border-radius: 3px; border: 1px solid #4D4D4D; background-color: #2B2B2B; color: #fff !important; text-decoration: none !important; }

.LVD .lvd-header-user-point__link a:hover { background-color: #333; }

.LVD .lvd-header-recommend { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: none; opacity: 0; position: absolute; top: 40px; right: 0; width: 100%; height: calc(100vh - 45px); background-color: #fff; box-shadow: 0px 5px 16px -3px rgba(0, 0, 0, 0.2); overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 3000000; }

html.no-cssvhunit .LVD .lvd-header-recommend { padding-bottom: 45px; height: 100%; min-height: 500px; }

html.ios .LVD .lvd-header-recommend { padding-bottom: 120px; height: 100vh; }

@media screen and (min-width: 701px) { .LVD .lvd-header-recommend { width: 300px; } }

.LVD .lvd-header-recommend.ui-fade-in { opacity: 1; top: 57px; }

.LVD .lvd-header-recommend.is-active { display: block; }

.LVD .lvd-header-recommend__head { padding: 30px 0 20px; font-size: 15px; text-align: center; }

.LVD .lvd-header-recommend-campaign { overflow-y: hidden; overflow-x: scroll; white-space: nowrap; padding: 25px 0 20px 15px; background-color: #F2F2F2; letter-spacing: -4px; }

@media screen and (min-width: 701px) { .LVD .lvd-header-recommend-campaign { white-space: normal; overflow-x: auto; overflow-y: auto; } }

.LVD .lvd-header-recommend-campaign__item { width: 120px; display: inline-block; vertical-align: top; text-align: center; margin-right: 10px; text-decoration: none !important; color: #333 !important; letter-spacing: normal; }

@media screen and (min-width: 701px) { .LVD .lvd-header-recommend-campaign__item { margin-bottom: 20px; margin-right: 0; }
  .LVD .lvd-header-recommend-campaign__item:nth-child(2n+1) { margin-right: 15px; } }

.LVD .lvd-header-recommend-campaign__text { margin-top: 10px; }

.LVD .lvd-header-recommend-campaign__image { border-radius: 4px; overflow: hidden; width: 120px; height: 120px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-recommend-brand { overflow-y: hidden; overflow-x: scroll; white-space: nowrap; padding: 25px 0 20px 15px; background-color: #F2F2F2; }

@media screen and (min-width: 701px) { .LVD .lvd-header-recommend-brand { white-space: normal; overflow-x: auto; overflow-y: auto; padding-left: 25px; } }

.LVD .lvd-header-recommend-brand__item { display: inline-block; vertical-align: top; text-align: center; margin-right: 10px; text-decoration: none !important; color: #333 !important; }

@media screen and (min-width: 701px) { .LVD .lvd-header-recommend-brand__item { text-align: left; margin-bottom: 20px; } }

.LVD .lvd-header-recommend-brand__text { margin-top: 10px; font-size: 10px; overflow: hidden; white-space: nowrap; width: 70px; text-overflow: ellipsis; }

.LVD .lvd-header-recommend-brand__image { border-radius: 4px; overflow: hidden; width: 70px; height: 70px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-recommend-contents { background-color: #F2F2F2; }

.LVD .lvd-header-recommend-contents__item { padding: 15px 15px 12px; border-bottom: 1px solid #D9D9D9; color: #222 !important; display: block; text-decoration: none !important; }

.LVD .lvd-header-recommend-contents__item:last-child { border-bottom: none; }

.LVD .lvd-header-recommend-contents__inner { display: table; width: 100%; }

.LVD .lvd-header-recommend-contents__avatar { display: table-cell; vertical-align: top; width: 50px; padding-right: 10px; }

.LVD .lvd-header-recommend-contents__avatar-inner { border-radius: 50%; width: 45px; height: 45px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-recommend-contents__body { display: table-cell; vertical-align: top; height: 4em; min-height: 4em; }

.LVD .lvd-header-recommend-contents__body--name { margin-top: 4px; font-size: 11px; color: #808080; }

.LVD .lvd-header-recommend-contents__image { display: table-cell; vertical-align: top; width: 50px; padding-right: 10px; }

.LVD .lvd-header-recommend-contents__image-inner { width: 45px; height: 45px; border-radius: 4px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-recommend-contents__brand-image { display: table-cell; vertical-align: top; width: 50px; padding-left: 10px; }

.LVD .lvd-header-recommend-contents__brand-image-inner { width: 45px; height: 45px; border-radius: 4px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-favorite { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: none; opacity: 0; position: absolute; top: 40px; right: 0; width: 100%; height: calc(100vh - 45px); background-color: #fff; box-shadow: 0px 5px 16px -3px rgba(0, 0, 0, 0.2); overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 3000000; }

html.no-cssvhunit .LVD .lvd-header-favorite { padding-bottom: 45px; height: 100%; min-height: 500px; }

html.ios .LVD .lvd-header-favorite { padding-bottom: 120px; height: 100vh; }

@media screen and (min-width: 701px) { .LVD .lvd-header-favorite { width: 300px; } }

.LVD .lvd-header-favorite.ui-fade-in { opacity: 1; top: 57px; }

.LVD .lvd-header-favorite.is-active { display: block; }

.LVD .lvd-header-favorite__head { padding: 30px 0 20px; font-size: 15px; text-align: center; }

.LVD .lvd-header-favorite-tab-nav { border-bottom: 1px solid #D9D9D9; display: table; width: 100%; padding-bottom: 15px; border-spacing: 5px; }

.LVD .lvd-header-favorite-tab-nav__item { display: table-cell; text-align: center; }

.LVD .lvd-header-favorite-tab-nav__item:first-child a { margin-left: 5px; }

.LVD .lvd-header-favorite-tab-nav__item:last-child a { margin-right: 5px; }

.LVD .lvd-header-favorite-tab-nav__item a { display: block; position: relative; padding: 12px 0; border-radius: 4px; color: #333 !important; text-decoration: none !important; background-color: #EBEBEB; }

.LVD .lvd-header-favorite-tab-nav__item a.is-active { color: #fff !important; background-color: #666; }

.LVD .lvd-header-favorite-tab-nav__item a.is-active:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -14px; border: 8px solid transparent; border-top: 8px solid #666; width: 0; height: 0; }

.LVD .lvd-header-favorite-tab-contents__item { -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; display: none; opacity: 0; }

.LVD .lvd-header-favorite-tab-contents__item.is-active { display: block; }

.LVD .lvd-header-favorite-tab-contents__item.ui-fade-in { opacity: 1; }

.LVD .lvd-header-favorite-tab-list__item { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #D9D9D9; text-decoration: none !important; color: #333 !important; }

.LVD .lvd-header-favorite-tab-list__image, .LVD .lvd-header-favorite-tab-list__image--circle { display: table-cell; position: relative; vertical-align: top; padding-right: 15px; width: 60px; }

.LVD .lvd-header-favorite-tab-list__image-inner, .LVD .lvd-header-favorite-tab-list__image--circle-inner { width: 45px; height: 45px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-favorite-tab-list__image-inner { border-radius: 4px; border: 1px solid #D9D9D9; }

.LVD .lvd-header-favorite-tab-list__image--circle .lvd-header-favorite-tab-list__image-inner { border-radius: 50%; }

.LVD .lvd-header-favorite-tab-list__image--circle .lvd-header-favorite-tab-list__count { right: 12px; }

.LVD .lvd-header-favorite-tab-list__body { display: table-cell; vertical-align: top; font-size: 11px; color: #808080; }

.LVD .lvd-header-favorite-tab-list__head { margin-bottom: 3px; font-size: 12px; font-weight: bold; line-height: 1.3; color: #333; }

.LVD .lvd-header-favorite-tab-list__count { position: absolute; right: 5px; bottom: -5px; }

.LVD .lvd-header-notify { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: none; opacity: 0; position: absolute; top: 40px; right: 0; width: 100%; height: calc(100vh - 45px); background-color: #fff; box-shadow: 0px 5px 16px -3px rgba(0, 0, 0, 0.2); overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 3000000; }

html.no-cssvhunit .LVD .lvd-header-notify { padding-bottom: 45px; height: 100%; min-height: 500px; }

html.ios .LVD .lvd-header-notify { padding-bottom: 120px; height: 100vh; }

@media screen and (min-width: 701px) { .LVD .lvd-header-notify { width: 300px; } }

.LVD .lvd-header-notify.ui-fade-in { opacity: 1; top: 57px; }

.LVD .lvd-header-notify.is-active { display: block; }

.LVD .lvd-header-notify__item { padding: 10px 15px 15px; border-bottom: 1px solid #D9D9D9; color: #222 !important; display: block; text-decoration: none !important; background-color: #FFE8DE; }

.LVD .lvd-header-notify__item.is-read { background-color: #fff; }

.LVD .lvd-header-notify-info { display: table; width: 100%; margin-bottom: 7px; font-size: 11px; color: #808080; }

.LVD .lvd-header-notify-info__service { display: table-cell; width: 55%; max-width: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; vertical-align: bottom; }

.LVD .lvd-header-notify-info__date { display: table-cell; }

.LVD .lvd-header-notify-info__date [class^=lvd-header-icon] { margin-right: 5px; vertical-align: bottom; }

.LVD .lvd-header-notify__inner { display: table; }

.LVD .lvd-header-notify__avatar { display: table-cell; vertical-align: top; width: 50px; padding-right: 10px; }

.LVD .lvd-header-notify__avatar-inner { border-radius: 50%; width: 45px; height: 45px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-notify__body { display: table-cell; vertical-align: top; height: 4em; min-height: 4em; }

.LVD .lvd-header-notify__image { display: table-cell; vertical-align: top; width: 50px; padding-right: 10px; }

.LVD .lvd-header-notify__image-inner { width: 45px; height: 45px; border-radius: 4px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.LVD .lvd-header-notify__brand-image { display: table-cell; vertical-align: top; width: 50px; padding-left: 10px; }

.LVD .lvd-header-notify__brand-image-inner { width: 45px; height: 45px; border-radius: 4px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.lvd-root { width: 100%; background-color: #fff; padding-top: 56px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

html.safari .lvd-root { -webkit-overflow-scrolling: touch; height: 100%; }

html.safari.is-lvd-active--main .lvd-root, html.safari.is-lvd-active--user .lvd-root, html.safari.is-lvd-header-fixed .lvd-root { overflow-x: hidden; }

.lvd-root.lvd-is-active--main { -webkit-transform: translate3d(250px, 0px, 0px); transform: translate3d(250px, 0px, 0px); }

.lvd-root.lvd-is-active--user { -webkit-transform: translate3d(-250px, 0px, 0px); transform: translate3d(-250px, 0px, 0px); }

.lvd-root__overlay { display: none; position: fixed; top: 56px; z-index: 10; cursor: pointer; }

.lvd-is-active--main .lvd-root__overlay, .lvd-is-active--user .lvd-root__overlay { display: block; }

@media screen and (max-width: 700px) { .lvd-is-active--main .lvd-root__overlay, .lvd-is-active--user .lvd-root__overlay { height: 999999px; width: 100%; }
  html.firefox .lvd-is-active--main .lvd-root__overlay, html.firefox .lvd-is-active--user .lvd-root__overlay { height: 100%; } }

.LVD .lvd-header * { box-sizing: border-box; }

.LVD .lvd-header { height: 56px; width: 100%; background-color: #F5F5F5; z-index: 3000000; border-bottom: 1px solid #ddd; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: absolute; }

html.safari.is-lvd-active--main .LVD .lvd-header, html.safari.is-lvd-active--user .LVD .lvd-header { position: fixed; }

html.is-lvd-header-fixed .LVD .lvd-header { position: fixed; top: 0; left: 0; }

.lvd-home.is-lvd-header-transparent .LVD .lvd-header { background-color: transparent; border-bottom: none; }

.LVD .lvd-header.is-active--nav { background-color: #F5F5F5 !important; border-bottom: 1px solid #ddd !important; }

.LVD .lvd-header.is-active--main { background-color: #F5F5F5 !important; border-bottom: 1px solid #ddd !important; -webkit-transform: translate3d(250px, 0px, 0px); transform: translate3d(250px, 0px, 0px); }

@media screen and (min-width: 701px) { .LVD .lvd-header.is-active--main .lvd-header-nav { -webkit-transform: translate3d(-250px, 0px, 0px); transform: translate3d(-250px, 0px, 0px); } }

.LVD .lvd-header.is-active--user { background-color: #F5F5F5 !important; border-bottom: 1px solid #ddd !important; -webkit-transform: translate3d(-250px, 0px, 0px); transform: translate3d(-250px, 0px, 0px); }

@media screen and (min-width: 701px) { .LVD .lvd-header.is-active--user .lvd-header-logo { -webkit-transform: translate3d(250px, 0px, 0px); transform: translate3d(250px, 0px, 0px); } }

@media screen and (max-width: 700px) { .LVD .lvd-header.is-active--user .lvd-header-overlay { width: 100vw; height: 100vh; }
  html.no-cssvhunit .LVD .lvd-header.is-active--user .lvd-header-overlay { width: 100%; min-height: 100%; } }

@media screen and (max-width: 700px) { .LVD .lvd-header__inner { display: table; width: 100%; } }

.LVD .lvd-header-logo { display: table-cell; padding: 0; vertical-align: middle; color: #fff; }

@media screen and (min-width: 701px) { .LVD .lvd-header-logo { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: absolute; left: 15px; } }

.LVD .lvd-header-title { display: block; font-size: 0; text-indent: -100%; width: 68px; height: 56px; background-repeat: no-repeat; background-position: 0 50%; background-size: contain; }

.LVD .lvd-header-title__lavida { background-image: url("../img/images/logo-lavida.png"); }

.LVD .lvd-header-title__community { background-image: url("../img/images/logo-lavida-community.png"); }

.LVD .lvd-header-title__buzzlife { background-image: url("../img/images/logo-buzzlife.png"); }

.LVD .lvd-header-title__gratz { background-image: url("../img/images/logo-gratz.png"); }

.LVD .lvd-header-title__sampling { background-image: url("../img/images/logo-sampling.png"); }

@media screen and (min-width: 701px) { .LVD .lvd-header-title__sampling { width: 115px; background-image: url("../img/images/logo-sampling-l.png"); } }

.LVD .lvd-header-title__premium { background-image: url("../img/images/logo-lavida-premium.png"); }

.LVD .lvd-header-toggle { cursor: pointer; display: table-cell; vertical-align: middle; margin: 0; width: 45px; height: 56px; }

.LVD .lvd-header-toggle.is-active .lvd-header-toggle__inner { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.LVD .lvd-header-toggle.is-active .lvd-header-toggle__inner span { opacity: 1; }

.LVD .lvd-header-toggle.is-active .lvd-header-toggle__inner span:nth-of-type(1) { -webkit-transform: translateY(7px) rotate(135deg); transform: translateY(7px) rotate(135deg); width: 125%; }

.LVD .lvd-header-toggle.is-active .lvd-header-toggle__inner span:nth-of-type(2) { opacity: 0; }

.LVD .lvd-header-toggle.is-active .lvd-header-toggle__inner span:nth-of-type(3) { -webkit-transform: translateY(-7px) rotate(225deg); transform: translateY(-7px) rotate(225deg); width: 125%; }

@media screen and (min-width: 701px) { .LVD .lvd-header-toggle { margin: 0 0 0 15px; } }

.LVD .lvd-header-toggle__inner { height: 15px; margin: 0 auto; position: relative; width: 19px; }

.LVD .lvd-header-toggle__inner span { background-color: #4d4d4d; height: 1px; left: 0; position: absolute; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); width: 100%; }

.LVD .lvd-header-toggle__inner span:nth-of-type(1) { top: 0; }

.LVD .lvd-header-toggle__inner span:nth-of-type(2) { bottom: 50%; }

.LVD .lvd-header-toggle__inner span:nth-of-type(3) { bottom: 0; }

.LVD .lvd-header-title { display: table-cell; vertical-align: middle; }

.LVD .lvd-header-nav { display: table-cell; padding: 0 10px 0 0; text-align: right; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media screen and (min-width: 701px) { .LVD .lvd-header-nav { padding: 0 20px 0 15px; position: absolute; right: 0; font-size: 0; vertical-align: top; } }

.LVD .lvd-header-nav__item { position: relative; display: inline-block; width: 36px; height: 56px; margin: 0; vertical-align: top; cursor: pointer; text-align: center; margin: 0 0 0 20px; }

.LVD .lvd-header-nav__item:first-child { margin: 0; }

@media screen and (min-width: 701px) { .LVD .lvd-header-nav__item { margin: 0 0 0 30px; } }

.LVD .lvd-header-nav__item.is-active .lvd-header-nav__text { color: #cc0000; }

.LVD .lvd-header-nav__item:last-child:after { display: none; }

.LVD .lvd-header-nav__text { display: block; width: 50px; position: absolute; bottom: 5px; right: 0; left: -2px; margin: 0 auto; text-align: center; overflow: hidden; font-size: 9px; white-space: nowrap; }

.LVD .lvd-header-nav__count { position: absolute; right: -9px; top: 10px; font-size: 12px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.LVD .lvd-header-nav__count.ui-fade-out { opacity: 0; }

.LVD .lvd-header-signin { display: table-cell; vertical-align: middle; padding: 0; text-align: right; font-size: 14px; }

@media screen and (min-width: 701px) { .LVD .lvd-header-signin { position: absolute; top: 0; right: 0; text-align: right; vertical-align: top; } }

.LVD .lvd-header-signin a { display: inline-block; padding: 21px 30px 21px 0; line-height: 1; text-decoration: none !important; }

.LVD .lvd-header-signin a:hover { color: #808080 !important; }

.lvd-home .LVD .lvd-header-signin a { color: #333 !important; }

.LVD .lvd-badge--circle { background: #BB012C; border-radius: 50%; color: #fff; display: block; font-weight: bold; text-align: center; height: 18px; line-height: 18px; min-width: 18px; font-size: 10px; }

.lvd-dialog-root { min-width: 280px; padding: 0 15px; height: auto; box-sizing: border-box; }

.lvd-dialog-root__inner { padding: 20px 0; }

.lvd-dialog-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 6000000; background: rgba(0, 0, 0, 0.7); }

.lvd-dialog-overlay.is-active { display: block; }

.lvd-dialog-overlay.fx-fade { opacity: 0; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; }

.lvd-dialog-overlay.fx-fade.fx-in { opacity: 1; }

.lvd-dialog-loading { position: relative; min-height: 180px; }

.lvd-dialog-loading .lvd-func-loading { position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 40px; }

.lvd-dialog-loading--login { position: relative; min-height: 280px; }

@media screen and (min-width: 701px) { .lvd-dialog-loading--login { min-height: 480px; } }

.lvd-dialog-loading--login .lvd-func-loading { position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 40px; }

.lvd-dialog { box-sizing: border-box; display: none; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 310px; max-height: 90%; overflow: hidden; z-index: 6000010; background: #fff; border: 5px solid #fff; border-left-width: 1px; border-right-width: 1px; border-radius: 5px; }

@media screen and (min-width: 375px) { .lvd-dialog { width: 340px; } }

.lvd-dialog.is-active { display: block; }

.lvd-dialog__inner { padding: 0; max-height: 640px; max-height: 70vh; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 701px) { .lvd-dialog__inner { overflow-y: visible; } }

.lvd-dialog__iframe-outer { min-height: 180px; }

.lvd-dialog__iframe { display: block; border: none; margin: 0 -3%; width: 106%; height: 0; margin-top: 5px; box-sizing: border-box; -webkit-transition: height 300ms ease-in; transition: height 300ms ease-in; }

@media screen and (min-width: 375px) { .lvd-dialog__iframe { width: 100%; margin: 0; } }

.lvd-dialog-head { box-sizing: border-box; border-bottom: 1px solid #D9D9D9; padding: 10px; position: relative; width: 100%; }

.lvd-dialog-head__button { bottom: 0; height: 30px; margin: auto; position: absolute; top: 0; width: 30px; }

.lvd-dialog-head__close { cursor: pointer; display: block; height: 28px; position: relative; width: 28px; }

.lvd-dialog-head__close > span { background-color: #000; display: inline-block; height: 2px; left: 0; position: absolute; -webkit-transform: translateY(7px) rotate(135deg); transform: translateY(7px) rotate(135deg); top: 6px; width: 28px; }

.lvd-dialog-head__close > span:last-child { bottom: 6px; -webkit-transform: translateY(-7px) rotate(225deg); transform: translateY(-7px) rotate(225deg); top: inherit; }

.lvd-dialog-head__sub { display: table-cell; vertical-align: middle; width: 30px; }

.lvd-dialog-head__title { font-size: 14px; text-align: center; }

.lvd-dialog__heading { font-size: 17px; margin: 0 0 20px 0; text-align: center; }

.lvd-dialog__sub { text-align: center; margin: 20px 0; }

.lvd-dialog-basic__title { margin-top: 10px; margin-bottom: 20px; font-size: 18px; font-weight: bold; text-align: center; }

.lvd-dialog-basic__sub-title { margin-top: 10px; margin-bottom: 10px; color: #FF6600; font-size: 14px; font-weight: bold; text-align: center; }

.lvd-dialog-basic__box { padding: 15px 25px; border: 1px solid #D9D9D9; text-align: center; }

.lvd-dialog-basic__box-image { margin-bottom: 10px; }

.lvd-dialog-basic__box-image img { max-width: 120px; max-height: 120px; }

.lvd-dialog-basic__box-caption { margin-top: 10px; margin-bottom: 10px; color: #555; font-weight: bold; }

.lvd-dialog-basic__footer { margin-top: 20px; text-align: center; }

.LVD .lvd-footer { height: 120px; text-align: center; background-color: #2c2c2c; }

html.safari .LVD .lvd-footer { padding-bottom: 50px; }

.LVD .lvd-footer-pagetop { -webkit-transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1); bottom: -45px; background: #000; background-size: 19px 22px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); border-radius: 3px; display: block; width: 45px; height: 45px; -webkit-transform: translate3d(0px, 30px, 0); transform: translate3d(0px, 30px, 0); -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); opacity: 0 !important; position: fixed; right: 15px; margin: 0; padding: 0; }

.LVD .lvd-footer-pagetop.ui-fade-in { bottom: 45px; opacity: 0.4 !important; }

.LVD .lvd-footer-pagetop::before { background: #fff; bottom: 0; content: " "; display: block; height: 20px; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 1px; }

.LVD .lvd-footer-pagetop::after { bottom: 0; border-right: 1px solid #fff; border-top: 1px solid #fff; content: " "; display: block; height: 12px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -5px; width: 12px; }

.LVD .lvd-footer-logo { display: inline-block; width: 200px; margin: 0 0 20px; color: #fff !important; text-decoration: none !important; }

.LVD .lvd-footer-logo__image { position: relative; width: 68px; height: 17px; margin: 25px auto 11px; background-image: url("../img/images/logo_footer_white.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

.LVD .lvd-footer-logo__text { font-size: 11px; text-indent: 0.7em; }

.LVD .lvd-footer-logo__link { position: absolute; display: block; top: -5px; left: -10px; width: 88px; height: 27px; }

.LVD .lvd-footer-copyright { font-size: 10px; color: #b5b5b5; letter-spacing: 0.05em; }

@-webkit-keyframes moveBalloon { 0% { -webkit-transform: translateX(15px); transform: translateX(15px);
    opacity: 0; }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);
    opacity: 1; } }

@keyframes moveBalloon { 0% { -webkit-transform: translateX(15px); transform: translateX(15px);
    opacity: 0; }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);
    opacity: 1; } }

@-webkit-keyframes moveBalloonEnd { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    opacity: 1; }
  100% { -webkit-transform: translateX(15px); transform: translateX(15px);
    opacity: 0; } }

@keyframes moveBalloonEnd { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    opacity: 1; }
  100% { -webkit-transform: translateX(15px); transform: translateX(15px);
    opacity: 0; } }

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

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

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

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

.LVD .lvd-header-firstlogin__balloon { position: absolute; z-index: 9999999; -webkit-animation: moveBalloon 0.15s 1 ease-out; animation: moveBalloon 0.15s 1 ease-out; }

.LVD .lvd-header-firstlogin__balloon.lvd-firstlogin-animation-reverb { -webkit-animation: moveBalloonEnd 0.1s 1 linear; animation: moveBalloonEnd 0.1s 1 linear; opacity: 0; }

@media screen and (max-width: 700px) { .LVD .lvd-header-firstlogin__balloon { -webkit-animation: moveBalloonMobile 0.15s 1 ease-out; animation: moveBalloonMobile 0.15s 1 ease-out; }
  .LVD .lvd-header-firstlogin__balloon.lvd-firstlogin-animation-reverb { -webkit-animation: moveBalloonMobileEnd 0.1s 1 ease-in; animation: moveBalloonMobileEnd 0.1s 1 ease-in; } }

.LVD .lvd-header-firstlogin__balloon-inner { position: relative; padding: 0 10px; top: -38px; left: -106%; font-size: 12px; line-height: 30px; color: #f70000; white-space: nowrap; background-color: #e8e8e8; border: solid 1px #ccc; }

@media screen and (max-width: 700px) { .LVD .lvd-header-firstlogin__balloon-inner { top: 6px; left: -50%; margin-left: 43px; letter-spacing: 0px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); } }

.LVD .lvd-header-firstlogin__balloon-inner:before { content: ""; display: block; width: 10px; height: 10px; background-color: #e8e8e8; border-top: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-transform: rotate(45deg) skew(-20deg, -20deg); transform: rotate(45deg) skew(-20deg, -20deg); position: absolute; top: 9px; right: -6px; margin-left: 0; }

@media screen and (max-width: 700px) { .LVD .lvd-header-firstlogin__balloon-inner:before { top: -6px; right: auto; left: 50%; margin-left: -5px; border-right: none; border-left: solid 1px #ccc; -webkit-transform: rotate(45deg) skew(20deg, 20deg); transform: rotate(45deg) skew(20deg, 20deg); } }

.LVD .u-d-n, .LVD .is-hidden { display: none !important; }

.LVD .u-d-b, .LVD .is-show { display: block !important; }

.LVD .u-ta-c { text-align: center !important; }

.LVD .u-ta-l { text-align: left !important; }

.LVD .u-ta-r { text-align: right !important; }

.LVD .u-ti { display: table; word-wrap: break-word; word-break: break-all; }

.LVD .u-ti-m { display: table-cell; margin: 0; padding-right: 0.3333em; white-space: nowrap; font-style: normal; }

.LVD .u-fz-10 { font-size: 10px !important; }

.LVD .u-fz-11 { font-size: 11px !important; }

.LVD .u-fz-12 { font-size: 12px !important; }

.LVD .u-fz-13 { font-size: 13px !important; }

.LVD .u-fz-14 { font-size: 14px !important; }

.LVD .u-fz-15 { font-size: 15px !important; }

.LVD .u-fz-16 { font-size: 16px !important; }

.LVD .u-fz-20 { font-size: 20px !important; }

.LVD .u-fw-b { font-weight: bold; }

.LVD .u-list-decimal { font-size: 14px; line-height: 1.5; padding: 0 0 0 25px; }

.LVD .u-list-decimal > li { list-style-type: decimal; }

.LVD .u-list-disc { padding: 0 0 0 25px; }

.LVD .u-list-disc > li { list-style-type: disc; }

.LVD .u-list-disc > li > a { color: #222; text-decoration: underline; }

.LVD .u-m-a { margin-left: auto !important; margin-right: auto !important; }

.LVD .u-m-0 { margin: 0 !important; }

.LVD .u-mt-0 { margin-top: 0px !important; }

.LVD .u-mt-5 { margin-top: 5px !important; }

.LVD .u-mt-8 { margin-top: 8px !important; }

.LVD .u-mt-10 { margin-top: 10px !important; }

.LVD .u-mt-15 { margin-top: 15px !important; }

.LVD .u-mt-20 { margin-top: 20px !important; }

.LVD .u-mt-30 { margin-top: 30px !important; }

.LVD .u-mt-35 { margin-top: 35px !important; }

.LVD .u-mt-40 { margin-top: 40px !important; }

.LVD .u-mt-50 { margin-top: 50px !important; }

.LVD .u-mt-60 { margin-top: 60px !important; }

.LVD .u-mt-80 { margin-top: 80px !important; }

.LVD .u-mt-100 { margin-top: 100px !important; }

.LVD .u-mb-0 { margin-bottom: 0px !important; }

.LVD .u-mb-5 { margin-bottom: 5px !important; }

.LVD .u-mb-8 { margin-bottom: 8px !important; }

.LVD .u-mb-10 { margin-bottom: 10px !important; }

.LVD .u-mb-15 { margin-bottom: 15px !important; }

.LVD .u-mb-20 { margin-bottom: 20px !important; }

.LVD .u-mb-30 { margin-bottom: 30px !important; }

.LVD .u-mb-35 { margin-bottom: 35px !important; }

.LVD .u-mb-40 { margin-bottom: 40px !important; }

.LVD .u-mb-50 { margin-bottom: 50px !important; }

.LVD .u-mb-60 { margin-bottom: 60px !important; }

.LVD .u-mb-80 { margin-bottom: 80px !important; }

.LVD .u-mb-100 { margin-bottom: 100px !important; }

@media screen and (max-width: 700px) { .LVD .u-mt-0--m { margin-top: 0px !important; }
  .LVD .u-mt-5--m { margin-top: 5px !important; }
  .LVD .u-mt-8--m { margin-top: 8px !important; }
  .LVD .u-mt-10--m { margin-top: 10px !important; }
  .LVD .u-mt-15--m { margin-top: 15px !important; }
  .LVD .u-mt-20--m { margin-top: 20px !important; }
  .LVD .u-mt-30--m { margin-top: 30px !important; }
  .LVD .u-mt-35--m { margin-top: 35px !important; }
  .LVD .u-mt-40--m { margin-top: 40px !important; }
  .LVD .u-mt-50--m { margin-top: 50px !important; }
  .LVD .u-mt-60--m { margin-top: 60px !important; }
  .LVD .u-mt-80--m { margin-top: 80px !important; }
  .LVD .u-mt-100--m { margin-top: 100px !important; }
  .LVD .u-mb-0--m { margin-bottom: 0px !important; }
  .LVD .u-mb-5--m { margin-bottom: 5px !important; }
  .LVD .u-mb-8--m { margin-bottom: 8px !important; }
  .LVD .u-mb-10--m { margin-bottom: 10px !important; }
  .LVD .u-mb-15--m { margin-bottom: 15px !important; }
  .LVD .u-mb-20--m { margin-bottom: 20px !important; }
  .LVD .u-mb-30--m { margin-bottom: 30px !important; }
  .LVD .u-mb-35--m { margin-bottom: 35px !important; }
  .LVD .u-mb-40--m { margin-bottom: 40px !important; }
  .LVD .u-mb-50--m { margin-bottom: 50px !important; }
  .LVD .u-mb-60--m { margin-bottom: 60px !important; }
  .LVD .u-mb-80--m { margin-bottom: 80px !important; }
  .LVD .u-mb-100--m { margin-bottom: 100px !important; } }

@media screen and (min-width: 701px) { .LVD .u-mt-0--d { margin-top: 0px !important; }
  .LVD .u-mt-5--d { margin-top: 5px !important; }
  .LVD .u-mt-8--d { margin-top: 8px !important; }
  .LVD .u-mt-10--d { margin-top: 10px !important; }
  .LVD .u-mt-15--d { margin-top: 15px !important; }
  .LVD .u-mt-20--d { margin-top: 20px !important; }
  .LVD .u-mt-30--d { margin-top: 30px !important; }
  .LVD .u-mt-35--d { margin-top: 35px !important; }
  .LVD .u-mt-40--d { margin-top: 40px !important; }
  .LVD .u-mt-50--d { margin-top: 50px !important; }
  .LVD .u-mt-60--d { margin-top: 60px !important; }
  .LVD .u-mt-80--d { margin-top: 80px !important; }
  .LVD .u-mt-100--d { margin-top: 100px !important; }
  .LVD .u-mb-0--d { margin-bottom: 0px !important; }
  .LVD .u-mb-5--d { margin-bottom: 5px !important; }
  .LVD .u-mb-8--d { margin-bottom: 8px !important; }
  .LVD .u-mb-10--d { margin-bottom: 10px !important; }
  .LVD .u-mb-15--d { margin-bottom: 15px !important; }
  .LVD .u-mb-20--d { margin-bottom: 20px !important; }
  .LVD .u-mb-30--d { margin-bottom: 30px !important; }
  .LVD .u-mb-35--d { margin-bottom: 35px !important; }
  .LVD .u-mb-40--d { margin-bottom: 40px !important; }
  .LVD .u-mb-50--d { margin-bottom: 50px !important; }
  .LVD .u-mb-60--d { margin-bottom: 60px !important; }
  .LVD .u-mb-80--d { margin-bottom: 80px !important; }
  .LVD .u-mb-100--d { margin-bottom: 100px !important; } }

.LVD .u-w-50 { width: 50px !important; }

.LVD .u-w-80 { width: 80px !important; }

.LVD .u-w-100 { width: 100px !important; }

.LVD .u-w-150 { width: 150px !important; }

.LVD .u-w-200 { width: 200px !important; }

.LVD .u-w-10p { width: 10% !important; }

.LVD .u-w-20p { width: 20% !important; }

.LVD .u-w-30p { width: 30% !important; }

.LVD .u-w-40p { width: 40% !important; }

.LVD .u-w-50p { width: 50% !important; }

.LVD .u-w-60p { width: 60% !important; }

.LVD .u-w-70p { width: 70% !important; }

.LVD .u-w-80p { width: 80% !important; }

.LVD .u-w-90p { width: 90% !important; }

.LVD .u-w-100p { width: 100% !important; }

@-webkit-keyframes loadingAnimation { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
  100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } }

@keyframes loadingAnimation { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
  100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } }

.lvd-func-filter { position: relative; text-align: right; width: 30px; }

.lvd-func-filter__inner { display: none; margin: 0 10px; position: absolute; right: -10px; top: 42px; z-index: 100; width: 100%; min-width: 300px; }

@media screen and (min-width: 701px) { .lvd-func-filter__inner { min-width: 360px; } }

.lvd-func-filter__inner.is-active { display: block; }

.lvd-func-filter__inner::before { background: url("../img/icons/card_balloon.svg") center top no-repeat; background-size: 23px 12px; content: " "; display: block; height: 12px; position: absolute; right: 5px; top: -10px; width: 23px; }

.lvd-func-filter__list { background-color: #fff; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

.lvd-func-filter__item { border-bottom: 1px solid #D9D9D9; box-sizing: border-box; display: block; font-size: 13px; padding: 12px 16px; }

.lvd-func-filter__item:hover { background-color: #F2F2F2; opacity: 1; }

.lvd-func-filter__item:last-child { border-bottom: none; }

.lvd-func-filter__item.is-active { background-image: url(../img/icons/checkbox_m_required.svg); background-repeat: no-repeat; background-position: 95% 50%; }

.lvd-func-filter__body { display: table; width: 100%; }

.lvd-func-filter__image { display: table-cell; height: 24px; vertical-align: middle; width: 24px; }

.lvd-func-filter__image-inner { background-color: #000; height: 24px; vertical-align: middle; width: 24px; }

.lvd-func-filter__text { color: #333 !important; display: table-cell; padding: 0; text-align: left; vertical-align: middle; line-height: 24px; }

.lvd-func-sort { display: table; margin: 0 auto; width: 200px; }

.lvd-func-sort__item { border: 1px solid #D9D9D9; background: -webkit-linear-gradient(#fff, #f5f5f5); background: linear-gradient(#fff, #f5f5f5); box-sizing: border-box; color: #333 !important; display: table-cell; font-size: 13px; padding: 5px 0; width: 50%; }

.lvd-func-sort__item:first-of-type { border-radius: 3px 0 0 3px; }

.lvd-func-sort__item:last-of-type { border-radius: 0 3px 3px 0; }

.lvd-func-sort__item.is-active { border: none; background: -webkit-linear-gradient(#FF6600, #E65C00); background: linear-gradient(#FF6600, #E65C00); color: #fff !important; }

.lvd-func-loading--scroll { clear: both; margin: 20px 0; }

.lvd-func-loading__spinner, .lvd-func-loading__spinner--lg, .lvd-func-loading__spinner--md, .lvd-func-loading__spinner--sm { display: block; position: relative; margin: 0 auto; width: 26px; height: 26px; border-radius: 100%; border-top: 2px solid #4D4D4D; border-bottom: 2px solid #B3B3B3; border-left: 2px solid #4D4D4D; border-right: 2px solid #B3B3B3; -webkit-animation: loadingAnimation 0.6s linear infinite; animation: loadingAnimation 0.6s linear infinite; }

.lvd-func-loading__spinner--lg { width: 40px; height: 40px; }

.lvd-func-loading__spinner--md { width: 26px; height: 26px; }

.lvd-func-loading__spinner--sm { width: 10px; height: 10px; }

.lvd-campaign-links { width: 100%; }

@media screen and (max-width: 639px) { .lvd-campaign-links { min-width: 320px; } }

@media screen and (min-width: 640px) { .lvd-campaign-links { min-width: 640px; } }

.lvd-campaign-links__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 25px 7px; text-align: center; }

@media screen and (max-width: 639px) { .lvd-campaign-links__inner { padding: 25px 10px; width: 100%; } }

@media screen and (min-width: 640px) { .lvd-campaign-links__inner { width: 640px; } }

.lvd-campaign-links__title { margin: 0 0 20px; font-weight: bold; color: #000; line-height: 1.0; }

.lvd-campaign-links__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; text-align: left; letter-spacing: -.4em; }

@media screen and (min-width: 640px) { .lvd-campaign-links__list { width: 470px; } }

.lvd-campaign-links__item { margin-bottom: 1em; width: 32%; vertical-align: top; letter-spacing: normal; box-sizing: border-box; }

@media screen and (max-width: 640px) { .lvd-campaign-links__item:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; } }

@media screen and (min-width: 640px) { .lvd-campaign-links__item { width: 150px; }
  .lvd-campaign-links__item:nth-child(3n+2) { margin-left: 10px; margin-right: 10px; } }

.lvd-campaign-links__link { color: #000; text-decoration: none; }

.lvd-campaign-links__link:visited { color: #000; text-decoration: none; }

.lvd-campaign-links__link:hover { color: #006CEB; text-decoration: none; }

.lvd-campaign-links__img { margin: 0 0 7px; padding-top: 100%; width: 100%; height: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border: solid 1px #ddd; border-radius: 4px; box-sizing: border-box; }

.lvd-campaign-links__campaign-title { font-size: 11px; text-align: left; }

.premium .lvd-header { background-color: #181A1B; border-bottom: 1px solid #181A1B; }

.premium .lvd-header.is-active--nav { background-color: #181A1B !important; border-bottom: 1px solid #181A1B !important; }

.premium .lvd-header.is-active--main { background-color: #181A1B !important; border-bottom: 1px solid #181A1B !important; }

.premium .lvd-header.is-active--user { background-color: #181A1B !important; border-bottom: 1px solid #181A1B !important; }

.premium .lvd-header-toggle__inner span { background-color: #aaaaaa; }

.premium .lvd-header-nav__text { display: none; }

.premium .lvd-header-icon--h-heart { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 45px; width: 45px; background-size: 30px 30px; background-position: 50% 50%; background-image: url("../img/icons/icon_h-heart-premium.svg"); }

.premium .is-active .lvd-header-icon--h-heart { background-image: url("../img/icons/icon_h-heart-premium-active.svg"); }

.premium .lvd-header-icon--h-star { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 45px; width: 45px; background-size: 30px 30px; background-position: 50% 50%; background-image: url("../img/icons/icon_h-star-premium.svg"); }

.premium .is-active .lvd-header-icon--h-star { background-image: url("../img/icons/icon_h-star-premium-active.svg"); }

.premium .lvd-header-icon--h-star.is-first { background-image: url("../img/icons/icon_h-star-premium-active.svg"); -webkit-animation: scaleout-center 0.75s infinite ease-in-out; animation: scaleout-center 0.75s infinite ease-in-out; background-position: 50% 50%; }

.premium .lvd-header-icon--h-notify { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 45px; width: 45px; background-size: 30px 30px; background-position: 50% 50%; background-image: url("../img/icons/icon_h-notify-premium.svg"); }

.premium .is-active .lvd-header-icon--h-notify { background-image: url("../img/icons/icon_h-notify-premium-active.svg"); }

.premium .lvd-header-icon--h-user { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 45px; width: 45px; background-size: 30px 30px; background-position: 50% 50%; background-image: url("../img/icons/icon_h-user-premium.svg"); }

.premium .is-active .lvd-header-icon--h-user { background-image: url("../img/icons/icon_h-user-premium-active.svg"); }

.premium .lvd-badge--circle { background: #A78716; border-radius: 50%; color: #fff; display: block; font-weight: bold; text-align: center; height: 16px; line-height: 16px; min-width: 16px; font-size: 10px; }