MediaWiki:App.css

@charset "UTF-8"; @import url(https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap&subset=japanese); .kosugi_maru { font-family: 'Kosugi Maru', sans-serif; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

a { background-color: transparent; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


 * -webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/****************************************************************** reset main { display: block; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd { margin: 0; padding: 0; }

li { list-style: none; }

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

iframe { border: 0; }

button { background-color: transparent; border: none; cursor: pointer; padding: 0; appearance: none; }

em { font-style: normal; font-weight: bold; }

fieldset { border: 0; padding: 0; margin: 0; }

address { font-style: normal; }

/****************************************************************** base body { background: url(../img/top_banner_bg.png); min-width: 320px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1rem; color: #2f2f2f; line-height: 1.8; -webkit-font-smoothing: antialiased; }

@media screen and (max-width: 736px) { body { font-size: 0.9rem; } }

body[data-menu-open="true"] { overflow: hidden; }

a { color: #284776; text-decoration: underline; }

a:hover:not(:disabled):not(.disabled) { color: #010204; text-decoration: none; }

h1, h2 { line-height: 1.5; }

h3 { line-height: 1.6; }

h4 { line-height: 1.7; }

small { line-height: 1.6; }

img { max-width: 100%; height: auto; vertical-align: middle; -webkit-backface-visibility: hidden; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #B5C1CC; }

button, input, optgroup, select, textarea { color: #2f2f2f; line-height: inherit; }

/****************************************************************** image-noselect img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; /* Prevents dragging of images/divs etc */ user-drag: none; -webkit-touch-callout: none; }

/****************************************************************** layout - wrapper .l-wrapper { width: 100%; overflow: hidden; }

/****************************************************************** layout - header @media print, screen and (min-width: 737px) { .l-header { position: absolute; width: 100%; z-index: +1; } .l-header--static { position: relative; } .l-header--static .l-header__inner { padding-bottom: 2rem; } .l-header--discography { position: relative; background: #ffe3e4 url(../img/top_visual_bg.gif) center top; } .l-header--discography .l-header__inner { padding-bottom: 0.5rem; } .l-header--discography .l-header__logo img { width: 170px; } .l-header--discography .l-header__title { text-align: center; padding-bottom: 3rem; } .l-header--discography .l-header__title img { max-width: 60%; } .l-header--past { position: relative; background: #ffe3e4 url(../img/top_visual_bg.gif) center top; } .l-header--past .l-header__inner { padding-bottom: 1.8rem; } .l-header--past .l-header__logo img { width: 170px; } .l-header__inner { max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 1rem; display: flex; justify-content: space-between; } .l-header__logo img { width: 232px; } }

@media screen and (max-width: 736px) { .l-header { position: absolute; width: 100%; z-index: +1; } .l-header--static { position: relative; } .l-header--static .l-header__inner { padding-bottom: 1.5rem; } .l-header--discography { position: relative; background: #ffe3e4 url(../img/top_visual_bg.gif) center top/100% auto; } .l-header--discography .l-header__inner { padding-bottom: 1rem; } .l-header--discography .l-header__logo img { max-width: 30%; } .l-header--discography .l-header__title { text-align: center; padding-bottom: 1.875rem; } .l-header--discography .l-header__title img { max-width: 80%; } .l-header--past { position: relative; background: #ffe3e4 url(../img/top_visual_bg.gif) center top/100% auto; } .l-header--past .l-header__inner { padding-bottom: 1.3rem; } .l-header--past .l-header__logo img { max-width: 30%; } .l-header__logo { padding-top: 1rem; text-align: center; } .l-header__logo img { max-width: 50%; } .l-header__nav { display: none; } }

/****************************************************************** layout - nav-main @media print, screen and (min-width: 737px) { .l-nav-main { display: flex; } .l-nav-main > .l-nav-main__item > a { display: block; position: relative; } .l-nav-main > .l-nav-main__item > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; right: 0; bottom: 3%; width: 95%; height: 80%; background: url(../img/menu_bg.png); opacity: 0.4; border-radius: 4em; } .l-nav-main > .l-nav-main__item > a img { position: relative; z-index: +1; transition-property: transform; transition-duration: 0.3s; transform: translate(-5px, -5px); } .l-nav-main > .l-nav-main__item > a:hover:not(:disabled):not(.disabled) img { transform: translate(0, 0); } }

/****************************************************************** layout - nav-mega-overlay .l-nav-mega-overlay { display: none; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); }

/****************************************************************** layout - sp-nav-control @media print, screen and (min-width: 737px) { .l-sp-nav-control { display: none; } }

@media screen and (max-width: 736px) { .l-sp-nav-control { position: absolute; z-index: 301; top: 0; right: 0; display: inline-block; background: #ff4f60; padding: 14px; } .l-sp-nav-control__item { display: inline-block; top: -1px; vertical-align: middle; position: relative; border-top: 3px solid #fff; width: 28px; transition-property: all; transition-duration: 0.3s; } .l-sp-nav-control__item::before, .l-sp-nav-control__item::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; width: 0; height: 0; left: 0; transition-property: all; transition-duration: 0.3s; } .l-sp-nav-control__item::before { border-bottom: 3px solid #fff; width: 28px; bottom: 11px; } .l-sp-nav-control__item::after { border-bottom: 3px solid #fff; width: 28px; bottom: -11px; } .l-sp-nav-control[aria-expanded="true"] { position: fixed; } .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item { border-top-color: transparent; } .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item::before { bottom: 0; transform: rotate(-45deg); } .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item::after { bottom: 0; transform: rotate(45deg); } }

/****************************************************************** layout - sp-nav-full @media print, screen and (min-width: 737px) { .l-sp-nav-full { display: none; } }

@media screen and (max-width: 736px) { .l-sp-nav-full { display: none; position: fixed; z-index: 300; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 100%; top: 0; left: 0; box-sizing: border-box; max-height: 100vh; box-sizing: border-box; background-color: #ff4f60; color: #ffffff; padding: 0.75rem; padding-bottom: 5rem; } }

/****************************************************************** layout - sp-nav-main @media print, screen and (min-width: 737px) { .l-sp-nav-main { display: none; } }

@media screen and (max-width: 736px) { .l-sp-nav-main { height: 100%; display: flex; justify-content: center; flex-flow: column; } .l-sp-nav-main__item { padding: 0.75rem 0; } .l-sp-nav-main__item a { box-sizing: border-box; line-height: 1.5; } .l-sp-nav-main__item a span { display: block; } }

main.detail { background-color: #fff; position: relative; z-index: +1; }

main.detail::before { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

main.detail::before { top: -20px; background: linear-gradient(45deg, #fff 10px, transparent 0), linear-gradient(315deg, #fff 10px, transparent 0); background-size: 20px 20px; }

/****************************************************************** layout - visual .l-visual { position: relative; background: #ffe3e4 url(../img/top_visual_bg.gif) center top; overflow: hidden; -webkit-mask-image: linear-gradient(0deg, transparent 20px, white 20px), linear-gradient(-135deg, white 10px, transparent 10px), linear-gradient(135deg, white 10px, transparent 10px); -webkit-mask-position: left bottom; -webkit-mask-repeat: repeat-x; -webkit-mask-size: 100% 100%, 20px 20px, 20px 20px; }

@media screen and (max-width: 736px) { .l-visual { background: #ffe3e4 url(../img/top_visual_bg.gif) center top/100% auto; } }

.l-visual__inner { max-width: 1100px; margin: 0 auto; position: relative; }

.l-visual__member { position: relative; box-sizing: border-box; padding-top: 90.90909%; }

@media print, screen and (max-width: 1000px) { .l-visual__member { padding-top: 109.09091%; } }

@media screen and (max-width: 736px) { .l-visual__member { padding-top: 180%; } }

.l-visual__member li { position: absolute; }

@media print, screen and (min-width: 737px) { .l-visual__member-1 { top: 31%; left: 51%; width: 46.63636%; z-index: +6; } .l-visual__member-2 { top: 27%; left: 29%; width: 53%; z-index: +5; } .l-visual__member-3 { top: 29%; left: 0%; width: 43.81818%; z-index: +4; } .l-visual__member-4 { top: 9%; left: 34%; width: 31.27273%; z-index: +3; } .l-visual__member-5 { top: 13%; left: 5%; width: 37%; z-index: +2; } .l-visual__member-6 { top: 12%; left: 55%; width: 31.72727%; z-index: +1; } }

@media screen and (max-width: 736px) { .l-visual__member-1 { top: 35%; left: 55%; width: 55.96364%; z-index: +6; } .l-visual__member-2 { top: 33%; left: 25%; width: 63.6%; z-index: +5; } .l-visual__member-3 { top: 35%; left: -6%; width: 52.58182%; z-index: +4; } .l-visual__member-4 { top: 21%; left: 32%; width: 37.52727%; z-index: +3; } .l-visual__member-5 { top: 23%; left: -7%; width: 44.4%; z-index: +2; } .l-visual__member-6 { top: 23%; left: 57%; width: 38.07273%; z-index: +1; } }

.l-visual__main { position: absolute; bottom: 3%; width: 100%; box-sizing: border-box; z-index: +10; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 736px) { .l-visual__main { padding-right: 0; padding-left: 0; } }

.l-visual__main-inner { max-width: 1100px; margin-right: auto; margin-left: auto; display: flex; align-items: flex-end; }

.l-visual__notice { margin-bottom: 2%; margin-right: 2%; max-width: 400px; }

.l-visual__notice a { transition-property: all; transition-duration: 0.3s; box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.28); border: 5px solid #fff262; border-radius: 6px; }

.l-visual__notice a:hover:not(:disabled):not(.disabled) { transform: scale(1.02, 1.02); }

@media screen and (max-width: 736px) { .l-visual__notice { display: none; } }

.l-visual__notice2 { margin-bottom: 2%; margin-right: 2%; }

@media print, screen and (min-width: 1001px) { .l-visual__notice2 { display: flex; } }

@media print, screen and (min-width: 1001px) { .l-visual__notice2 p { margin-right: 4%; } }

@media print, screen and (max-width: 1000px) { .l-visual__notice2 p { margin-top: 4%; } }

.l-visual__notice2 p a { transition-property: all; transition-duration: 0.3s; box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.28); border: 5px solid #fff262; border-radius: 6px; }

.l-visual__notice2 p a:hover:not(:disabled):not(.disabled) { transform: scale(1.02, 1.02); }

@media print, screen and (min-width: 1001px) { .l-visual__notice2 p img { max-height: 170px; } }

@media print, screen and (max-width: 1000px) { .l-visual__notice2 p img { max-width: 280px; } }

@media screen and (max-width: 736px) { .l-visual__notice2 { display: none; } }

.l-visual__notice-multi { margin-right: 2%; display: flex; flex-wrap: wrap; }

.l-visual__notice-multi p { margin-right: 3%; margin-bottom: 3%; width: calc(50% - 3%); }

.l-visual__notice-multi p a { transition-property: all; transition-duration: 0.3s; box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.28); border: 5px solid #fff262; border-radius: 6px; }

.l-visual__notice-multi p a:hover:not(:disabled):not(.disabled) { transform: scale(1.02, 1.02); }

@media screen and (max-width: 736px) { .l-visual__notice-multi { display: none; } }

.l-visual__slot { margin-left: auto; position: relative; }

@media screen and (max-width: 736px) { .l-visual__slot { margin-left: auto; margin-right: auto; max-width: 310px; } }

.l-visual__slot-title { position: absolute; width: 100%; text-align: center; transform: translateY(-70%); z-index: 100; }

/****************************************************************** layout - footer-nav .l-footer-nav { position: relative; background: #ffd5d7; background-size: 30px 30px; margin: 0 auto; background-image: radial-gradient(#ffcbcd 15%, transparent 20%), radial-gradient(#ffcbcd 15%, transparent 20%); background-position: 25px 25px, 40px 40px; }

@media print, screen and (min-width: 737px) { .l-footer-nav::before, .l-footer-nav::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; } .l-footer-nav::before { top: -20px; background: linear-gradient(45deg, #ffd5d7 10px, transparent 0), linear-gradient(315deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; } .l-footer-nav__inner { max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 1.3rem; padding-bottom: 1.5rem; } }

@media screen and (max-width: 736px) { .l-footer-nav::before, .l-footer-nav::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; } .l-footer-nav::before { top: -20px; background: linear-gradient(45deg, #ffd5d7 10px, transparent 0), linear-gradient(315deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; } .l-footer-nav__inner { padding-top: 0.975rem; padding-bottom: 1.125rem; } }

/****************************************************************** layout - footer .l-footer { color: #fff; text-align: center; background: #f76d7a; }

@media print, screen and (min-width: 737px) { .l-footer__inner { max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 0.5rem; padding-bottom: 0.5rem; } }

@media screen and (max-width: 736px) { .l-footer__inner { padding-top: 1.125rem; padding-bottom: 1.125rem; font-size: 12px; } }

/****************************************************************** layout - footer-nav-list @media print, screen and (min-width: 737px) { .l-footer-nav-list { display: flex; justify-content: center; } .l-footer-nav-list__item { padding-left: 1em; padding-right: 1em; line-height: 1.2; } .l-footer-nav-list__item:not(:first-child) { border-left: 1px solid #284776; } .l-footer-nav-list__item a { display: inline-block; color: #284776; text-decoration: none; } .l-footer-nav-list__item a:hover:not(:disabled):not(.disabled) { color: #284776; text-decoration: none; } .l-footer-nav-list__item a:hover:not(:disabled):not(.disabled) { text-decoration: underline; } }

@media screen and (max-width: 736px) { .l-footer-nav-list__item { text-align: center; } .l-footer-nav-list__item a { display: inline-block; padding-top: 0.3em; padding-bottom: 0.3em; color: #284776; text-decoration: none; } .l-footer-nav-list__item a:hover:not(:disabled):not(.disabled) { color: #284776; text-decoration: none; } .l-footer-nav-list__item a:hover:not(:disabled):not(.disabled) { text-decoration: underline; } }

/****************************************************************** component - heading .c-heading1 { color: #f0308b; font-size: 3rem; }

@media screen and (max-width: 736px) { .c-heading1 { font-size: 1.5rem; } }

.c-heading2 { font-size: 2rem; color: #f0308b; }

.c-heading2:not(:first-child) { margin-top: 2rem; }

@media screen and (max-width: 736px) { .c-heading2:not(:first-child) { margin-top: 1.5rem; } }

@media screen and (max-width: 736px) { .c-heading2 { font-size: 1.5rem; } }

.c-heading3 { font-size: 1.5rem; color: #f0308b; }

@media screen and (max-width: 736px) { .c-heading3 { font-size: 1rem; } }

.c-heading4 { font-size: 1rem; }

@media screen and (max-width: 736px) { .c-heading4 { font-size: 0.9rem; } }

.c-heading-past { text-align: center; }

.c-heading-past img { max-width: 40%; }

/****************************************************************** component - heading-bg .c-heading-bg2 { font-size: 1.5rem; color: #fff; background-color: #f76d7a; border-radius: 6px; padding: 0.5rem 1rem; }

.c-heading-bg2:not(:first-child) { margin-top: 2rem; }

@media screen and (max-width: 736px) { .c-heading-bg2:not(:first-child) { margin-top: 1.5rem; } }

@media screen and (max-width: 736px) { .c-heading-bg2 { font-size: 1rem; } }

.c-heading-bg3 { font-size: 1rem; color: #f0308b; background-color: #fff262; border-radius: 6px; padding: 0.25rem 0.5rem; }

@media screen and (max-width: 736px) { .c-heading-bg3 { font-size: 1rem; } }

/****************************************************************** component - button .c-button { color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; padding: 0.5em 1.5em; }

.c-button:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

.c-button--radius { border-radius: 6px; }

.c-button--circle { border-radius: 3em; }

.c-button--full { display: block; width: 100%; padding: 0.5em 1em; }

.c-button--bg { color: #fff; background-color: #f0308b; border-radius: 4em; transition-property: background; transition-duration: 0.3s; }

.c-button--bg:hover:not(:disabled):not(.disabled) { color: #fff; background-color: #dd1071; }

.c-button--back { padding: 1em 2.5em; font-weight: bold; color: #fff; background-color: #ff4f60; border-radius: 8px; transition-property: background; transition-duration: 0.3s; }

.c-button--back:hover:not(:disabled):not(.disabled) { color: #fff; background-color: #ff1c32; }

/****************************************************************** component - list-disc .c-list-disc__item { margin-left: 1.5em; list-style: disc; }

/****************************************************************** component - list-order .c-list-order__item { margin-left: 1.5em; list-style: decimal; }

/****************************************************************** component - list-notes .c-list-notes { display: table; width: 100%; }

.c-list-notes--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; padding-top: 0.8rem; padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-notes--bordersand { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.c-list-notes--border > .c-list-notes__row:first-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:first-child > .c-list-notes__body { padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-notes--border > .c-list-notes__row:first-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:first-child > .c-list-notes__body { padding-bottom: 0.6rem; } }

.c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { border-top: 1px solid #B5C1CC; padding-top: 0.8rem; padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.c-list-notes--border > .c-list-notes__row:last-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:last-child > .c-list-notes__body { border-top: 1px solid #B5C1CC; padding-top: 0.8rem; }

@media screen and (max-width: 736px) { .c-list-notes--border > .c-list-notes__row:last-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:last-child > .c-list-notes__body { padding-top: 0.6rem; } }

.c-list-notes--s { font-size: 0.75rem; line-height: 1.6; }

@media screen and (max-width: 736px) { .c-list-notes--s { font-size: 0.75rem; } }

.c-list-notes__row { display: table-row; }

.c-list-notes__head { display: table-cell; white-space: nowrap; padding-right: 0.5em; width: 0.1%; }

.c-list-notes__body { display: table-cell; }

@media screen and (max-width: 736px) { .c-list-notes.sp-vertial { display: block; } .c-list-notes.sp-vertial > .c-list-notes__row { display: block; } .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__head { display: block; white-space: normal; padding-right: 0; width: auto; } .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__body { display: block; } .c-list-notes--border.sp-vertial > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { border-top: 0; padding-top: 0; } .c-list-notes--border.sp-vertial > .c-list-notes__row:last-child > .c-list-notes__body { border-top: 0; } }

/****************************************************************** component - c-image-youtube .c-image-youtube { position: relative; display: inline-block; }

.c-image-youtube__main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2MHB4IiBoZWlnaHQ9IjYwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMjU1LjcsNDQ2LjNjLTUzLjMsMC4zLTEwNi42LTAuNC0xNTkuOC0zLjNjLTE3LjMtMS0zNC42LTIuNS01MC4zLTExYy0xMC41LTUuNy0xOC42LTEzLjYtMjMuNy0yNC44ICAgQzEzLjMsMzg4LjYsMTAuNiwzNjksOSwzNDljLTMuNC00MS4zLTMuNi04Mi42LTEuOC0xMjMuOGMwLjktMjEuOSwxLjYtNDQsNi44LTY1LjVjMi04LjQsNC45LTE2LjYsOC44LTI0LjQgICBjOS4yLTE4LjMsMjUuMi0yNy40LDQ0LjUtMzEuMmMxNi4yLTMuMiwzMi44LTMuMSw0OS4zLTMuOGM1NS45LTIuMywxMTEuOS0zLjUsMTY3LjktMi45YzQzLjEsMC41LDg2LjMsMS42LDEyOS40LDMuOCAgIGMxMy4zLDAuNywyNi43LDAuOSwzOS40LDUuNmMxNy4yLDYuNCwzMCwxNy4yLDM2LjksMzQuN2M2LjcsMTYuOCw5LjMsMzQuMiwxMC43LDUyLjFjMy45LDQ4LjYsNCw5Ny4yLDAuOCwxNDUuOCAgIGMtMS4xLDE2LjQtMi4yLDMyLjgtNi41LDQ4LjljLTkuNywzNy0zMi44LDUxLjUtNjYuNyw1My44Yy0zNi4yLDIuNC03Mi41LDMuNy0xMDguOCw0LjJDMjk4LjQsNDQ2LjUsMjc3LDQ0Ni4zLDI1NS43LDQ0Ni4zeiAgICBNMjAzLjIsMzQ0YzQ4LjQtMjYuNSw5Ni4yLTUyLjcsMTQ0LjgtNzkuM2MtNDguNy0yNi43LTk2LjUtNTIuOC0xNDQuOC03OS4zQzIwMy4yLDIzOC43LDIwMy4yLDI5MSwyMDMuMiwzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yLDM0NGMwLTUzLDAtMTA1LjMsMC0xNTguNWM0OC4zLDI2LjQsOTYuMSw1Mi42LDE0NC44LDc5LjNDMjk5LjQsMjkxLjQsMjUxLjYsMzE3LjUsMjAzLjIsMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 60px 60px; }

/****************************************************************** component - text-row2 .c-text-row2 { display: flex; }

.c-text-row2--inline { display: inline-flex; }

.c-text-row2--vertical { align-items: center; }

.c-text-row2 > .c-text-row2__head-left, .c-text-row2 > .c-text-row2__head-right { box-sizing: border-box; flex-shrink: 0; max-width: 60%; }

.c-text-row2 > .c-text-row2__head-left { margin-right: 1rem; order: 1; }

.c-text-row2 > .c-text-row2__head-right { margin-left: 1rem; order: 2; }

.c-text-row2 > .c-text-row2__body-right, .c-text-row2 > .c-text-row2__body-left { box-sizing: border-box; flex-grow: 1; }

.c-text-row2 > .c-text-row2__body-right { order: 2; }

.c-text-row2 > .c-text-row2__body-left { order: 1; }

@media screen and (max-width: 736px) { .c-text-row2.sp-top { align-items: stretch; } .c-text-row2.sp-vertical { align-items: center; } .c-text-row2 > .c-text-row2__head-left { margin-right: 0.75rem; } .c-text-row2 > .c-text-row2__head-right { margin-left: 0.75rem; } .c-text-row2.sp-column { flex-direction: column; } .c-text-row2.sp-column--center { align-items: flex-start; } .c-text-row2.sp-column > .c-text-row2__head-left, .c-text-row2.sp-column > .c-text-row2__head-right { order: 1; margin-bottom: 0.75rem; margin-right: 0; margin-left: 0; text-align: center; width: 100% !important; max-width: none !important; } .c-text-row2.sp-column > .c-text-row2__body-right, .c-text-row2.sp-column > .c-text-row2__body-left { order: 2; width: 100%; } .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__head-left, .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__head-right { order: 2; margin-top: 0.75rem; margin-bottom: 0; } .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__body-right, .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__body-left { order: 1; } }

/****************************************************************** component - news .c-news--side .c-news__item { padding-right: 0.8rem; padding-left: 0.8rem; }

@media screen and (max-width: 736px) { .c-news--side .c-news__item { padding-right: 0.6rem; padding-left: 0.6rem; } }

.c-news--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; padding-top: 0.8rem; padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-news--bordersand { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.c-news--border .c-news__item:not(:first-child) { border-top: 1px solid #B5C1CC; padding-top: 0.8rem; }

@media screen and (max-width: 736px) { .c-news--border .c-news__item:not(:first-child) { padding-top: 0.6rem; } }

.c-news__item:not(:last-child) .c-news__body { display: block; padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-news__item:not(:last-child) .c-news__body { padding-bottom: 0.6rem; } }

.c-news__time { display: block; font-weight: bold; font-size: 110%; color: #20c0e7; }

.c-news__body { display: block; }

/****************************************************************** component - news-row .c-news-row { display: table; width: 100%; }

.c-news-row--side .c-news-row__time { padding-left: 0.8rem; }

.c-news-row--side .c-news-row__body { padding-right: 0.8rem; }

.c-news-row--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; padding-top: 0.8rem; padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-news-row--bordersand { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__time, .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__body { border-top: 1px solid #B5C1CC; padding-top: 0.8rem; }

.c-news-row__item { display: table-row; }

.c-news-row__item:not(:last-child) .c-news-row__body { padding-bottom: 0.8rem; }

@media screen and (max-width: 736px) { .c-news-row__item:not(:last-child) .c-news-row__body { padding-bottom: 0.6rem; } }

.c-news-row__time { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; font-weight: bold; color: #20c0e7; }

.c-news-row--news .c-news-row__time { color: #f34b5f; }

.c-news-row__body { display: table-cell; vertical-align: top; padding-left: 0.8rem; }

@media screen and (max-width: 736px) { .c-news-row { display: block; } .c-news-row--side .c-news-row__time { padding-right: 0.6rem; padding-left: 0.6rem; } .c-news-row--side .c-news-row__body { padding-right: 0.6rem; padding-left: 0.6rem; } .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__time { padding-top: 0.6rem; } .c-news-row--border .c-news-row__item:not(:first-child) .c-news-row__body { border-top: 0; padding-top: 0; } .c-news-row__item { display: block; } .c-news-row__time { display: block; width: auto; } .c-news-row__body { display: block; padding-left: 0; font-size: 90%; } }

/****************************************************************** component - forms-row .c-forms-row { display: table; width: 100%; }

.c-forms-row--side .c-forms-row__head { padding-left: 1rem; }

.c-forms-row--side .c-forms-row__body { padding-right: 1rem; }

.c-forms-row--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; }

.c-forms-row--bordersand .c-forms-row__item:first-child .c-forms-row__head, .c-forms-row--bordersand .c-forms-row__item:first-child .c-forms-row__body { padding-top: 2rem; }

.c-forms-row--bordersand .c-forms-row__item:last-child .c-forms-row__head, .c-forms-row--bordersand .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 2rem; }

.c-forms-row--border .c-forms-row__item:not(:first-child) .c-forms-row__head, .c-forms-row--border .c-forms-row__item:not(:first-child) .c-forms-row__body { border-top: 1px solid #B5C1CC; padding-top: 2rem; }

.c-forms-row--stripe .c-forms-row__item:nth-child(odd) { background-color: #ecefef; }

.c-forms-row--stripe .c-forms-row__head, .c-forms-row--stripe .c-forms-row__body { padding-top: 2rem; }

.c-forms-row--stripe .c-forms-row__item:last-child .c-forms-row__head, .c-forms-row--stripe .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 2rem; }

.c-forms-row--stripe-even .c-forms-row__item:nth-child(even) { background-color: #ecefef; }

.c-forms-row--stripe-even .c-forms-row__item:not(:first-child) .c-forms-row__head, .c-forms-row--stripe-even .c-forms-row__item:not(:first-child) .c-forms-row__body { padding-top: 2rem; }

.c-forms-row--stripe-even .c-forms-row__item:last-child .c-forms-row__head, .c-forms-row--stripe-even .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 2rem; }

.c-forms-row--confirm .c-forms-row__body { font-size: 110%; color: #000000; }

.c-forms-row__item { display: table-row; }

.c-forms-row__item:not(:last-child) .c-forms-row__head, .c-forms-row__item:not(:last-child) .c-forms-row__body { padding-bottom: 2rem; }

.c-forms-row__head { display: table-cell; vertical-align: top; width: 28%; min-width: 28%; padding-right: 1rem; }

.c-forms-row__head > :first-child { padding-top: 0.5em; }

.c-forms-row__title { display: block; font-size: 1rem; font-weight: bold; }

@media screen and (max-width: 736px) { .c-forms-row__title { font-size: 0.9rem; } }

.c-forms-row__body { display: table-cell; vertical-align: top; }

@media screen and (max-width: 736px) { .c-forms-row { display: block; } .c-forms-row--side .c-forms-row__head { padding-right: 0.75rem; padding-left: 0.75rem; } .c-forms-row--side .c-forms-row__body { padding-right: 0.75rem; padding-left: 0.75rem; } .c-forms-row--bordersand .c-forms-row__item:first-child .c-forms-row__head { padding-top: 1.5rem; } .c-forms-row--bordersand .c-forms-row__item:first-child .c-forms-row__body { padding-top: 0; } .c-forms-row--bordersand .c-forms-row__item:last-child .c-forms-row__head { padding-bottom: 0; } .c-forms-row--bordersand .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 1.5rem; } .c-forms-row--border .c-forms-row__item:not(:first-child) .c-forms-row__head { padding-top: 1.5rem; } .c-forms-row--border .c-forms-row__item:not(:first-child) .c-forms-row__body { border-top: 0; padding-top: 0; } .c-forms-row--stripe .c-forms-row__head { padding-top: 1.5rem; } .c-forms-row--stripe .c-forms-row__body { padding-top: 0; } .c-forms-row--stripe .c-forms-row__item:last-child .c-forms-row__head { padding-bottom: 0; } .c-forms-row--stripe .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 1.5rem; } .c-forms-row--stripe-even .c-forms-row__item:nth-child(even) { background-color: #ecefef; } .c-forms-row--stripe-even .c-forms-row__item:not(:first-child) .c-forms-row__head { padding-top: 1.5rem; } .c-forms-row--stripe-even .c-forms-row__item:not(:first-child) .c-forms-row__body { padding-top: 0; } .c-forms-row--stripe-even .c-forms-row__item:last-child .c-forms-row__head { padding-bottom: 0; } .c-forms-row--stripe-even .c-forms-row__item:last-child .c-forms-row__body { padding-bottom: 1.5rem; } .c-forms-row__item { display: block; } .c-forms-row__item:not(:last-child) .c-forms-row__head { padding-bottom: 0; } .c-forms-row__item:not(:last-child) .c-forms-row__body { padding-bottom: 1.5rem; } .c-forms-row__head { display: block; width: auto; min-width: 0; padding-right: 0; } .c-forms-row__head > :first-child { padding-top: 0; } .c-forms-row__body { display: block; } }

/****************************************************************** component - check-row .c-check-row { padding-top: 0.1px; }

.c-check-row__inner { margin-right: -0.75em; margin-top: -0.75em; }

.c-check-row__inner > * { display: inline-block; margin-right: 0.75em; margin-top: 0.75em; }

/****************************************************************** component - input-kana .c-input-kana { display: flex; align-items: center; }

.c-input-kana__label { width: 2em; padding-right: 0.5em; }

.c-input-kana__input { width: 12em; }

@media screen and (max-width: 736px) { .c-input-kana__input { width: calc(100% - 2.5em); } }

/****************************************************************** component - form-control input.c-form-control, textarea.c-form-control { -webkit-appearance: none; }

.c-form-control { box-sizing: border-box; vertical-align: middle; padding: 0.5em 0.5em; background-color: #ffffff; border-radius: 6px; border: 1px solid #ccc; transition-property: all; transition-duration: 0.3s; }

select.c-form-control { height: calc(1.8em + ($form-gutter-vertical*2) + 2px); }

.c-form-control:focus { outline: 0; }

.c-form-control:not(.is-valid):not(.is-invalid).is-focus { background-color: #fff2f2; }

.c-form-control--full { display: block; width: 100%; }

.c-form-control--half { width: 50%; }

.c-form-control--pref { width: 10em; }

.c-form-control--zip { width: 12em; }

.c-form-control--mail { width: 60%; }

@media screen and (max-width: 736px) { .c-form-control--mail { width: 100%; } }

.c-form-control--multiple { width: 100%; height: 12em; }

@media screen and (max-width: 736px) { .c-sp-form-control--full { display: block; width: 100%; } .c-sp-form-control--full select { width: 100%; } }

/****************************************************************** component - check-style .c-check-style { min-height: 25px; position: relative; }

.c-check-style--row { display: inline-block; margin-right: 0.75em; }

.c-check-style [type="checkbox"], .c-check-style [type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); }

.c-check-style__checkbox, .c-check-style [type="checkbox"] + * { display: inline-block; position: relative; padding-left: calc(25px + 0.5em); }

.c-check-style__checkbox::before, .c-check-style__checkbox::after, .c-check-style [type="checkbox"] + *::before, .c-check-style [type="checkbox"] + *::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.c-check-style__checkbox::before, .c-check-style [type="checkbox"] + *::before { top: 0; bottom: 0; left: 0; width: 25px; height: 25px; border: 1px solid #B5C1CC; border-radius: 2px; }

.c-check-style__checkbox::after, .c-check-style [type="checkbox"] + *::after { top: 0; bottom: -2.5px; left: 7.5px; width: 10px; height: 15px; border-bottom: 3px solid #333333; border-right: 3px solid #333333; transition-duration: 0.2s; transform: rotate(40deg) scale(0); }

.c-check-style__checkbox { outline: 0; }

.c-check-style__checkbox:focus::before, .c-check-style [type="checkbox"]:focus + *::before { box-shadow: 0 0 2px 3px rgba(214, 124, 112, 0.25); }

.c-check-style [type="checkbox"]:checked + *::after { bottom: 2.5px; transform: rotate(40deg) scale(1); }

.c-check-style.is-active .c-check-style__checkbox::after { bottom: 2.5px; transform: rotate(40deg) scale(1); }

.c-check-style__radio, .c-check-style [type="radio"] + * { display: inline-block; position: relative; padding-left: calc(25px + 0.5em); }

.c-check-style__radio::before, .c-check-style__radio::after, .c-check-style [type="radio"] + *::before, .c-check-style [type="radio"] + *::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; border-radius: 100%; }

.c-check-style__radio::before, .c-check-style [type="radio"] + *::before { top: 0; bottom: 0; left: 0; width: 25px; height: 25px; border: 1px solid #B5C1CC; }

.c-check-style__radio::after, .c-check-style [type="radio"] + *::after { top: 0; bottom: 0; left: 5px; width: 15px; height: 15px; background-color: #ff3649; transition-duration: 0.2s; transform: scale(0); }

.c-check-style__radio { outline: 0; }

.c-check-style__radio:focus::before, .c-check-style [type="radio"]:focus + *::before { box-shadow: 0 0 2px 3px rgba(214, 124, 112, 0.25); }

.c-check-style [type="radio"]:checked + *::after { transform: scale(1); }

.c-check-style.is-active .c-check-style__radio::after { transform: scale(1); }

/****************************************************************** component - form-required .c-form-required { display: inline-block; text-align: center; vertical-align: 1px; box-sizing: border-box; line-height: 1; font-size: 0.75em; font-weight: bold; border: 1px solid transparent; padding: 0.35em 0.5em 0.25em; border-radius: 3px; background: #ff4f60; color: #fff; }

.c-form-required:first-child { margin-right: 1em; }

.c-form-required:last-child { margin-left: 1em; }

/****************************************************************** component - form-note .c-form-note { font-size: 85%; line-height: 1.5; }

.c-form-note:first-child { margin-bottom: 0.25em; }

.c-form-note:last-child { margin-top: 0.25em; }

/****************************************************************** component - form-error .c-form-error { border: 1px solid #f17995; background-color: #fff1f1; color: #cf0d13; text-align: center; font-weight: bold; padding: 1rem; font-size: 1.2rem; }

@media screen and (max-width: 736px) { .c-form-error { font-size: 1.08rem; } }

@media screen and (max-width: 736px) { .c-form-error { font-size: 1rem; padding: 0.75rem 0.3rem; } }

@media screen and (max-width: 736px) and (max-width: 736px) { .c-form-error { font-size: 0.9rem; } }

.error_messe { color: #cf0d13; }

/****************************************************************** component - form-invalid .c-form-invalid { color: #f40940; }

/****************************************************************** component - form-button .c-form-button { text-align: center; margin-top: 3rem; }

@media screen and (max-width: 736px) { .c-form-button { margin-top: 2.25rem; } }

.c-form-button > *:not(:last-child) { margin-right: 1rem; }

@media screen and (max-width: 736px) { .c-form-button > *:not(:last-child) { margin-right: 0.75rem; } }

.c-form-button__complete, .c-form-button__confirm, .c-form-button__submit { outline: 0; color: #ffffff; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; padding: 0.5em 1.5em 0.4em 1.5em; background-color: #ff4f60; font-weight: bold; font-size: 120%; border-radius: 3em; transition-property: background; transition-duration: 0.3s; }

.c-form-button__complete:hover:not(:disabled):not(.disabled), .c-form-button__confirm:hover:not(:disabled):not(.disabled), .c-form-button__submit:hover:not(:disabled):not(.disabled) { color: #ffffff; text-decoration: none; }

.c-form-button__complete:hover:not(:disabled):not(.disabled), .c-form-button__confirm:hover:not(:disabled):not(.disabled), .c-form-button__submit:hover:not(:disabled):not(.disabled) { background-color: #ff3649; }

.c-form-button__back { outline: 0; color: #ffffff; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; padding: 0.5em 1.5em; background-color: #a7a7a7; font-weight: bold; font-size: 130%; border-radius: 3em; transition-property: background; transition-duration: 0.3s; }

.c-form-button__back:hover:not(:disabled):not(.disabled) { color: #ffffff; text-decoration: none; }

.c-form-button__back:hover:not(:disabled):not(.disabled) { background-color: #9a9a9a; }

/****************************************************************** component - youtube .c-youtube { max-width: 480px; }

.c-youtube--center { margin-right: auto; margin-left: auto; }

.c-youtube--right { margin-left: auto; }

.c-youtube--full { max-width: none; }

.c-youtube__title { display: block; text-align: left; line-height: 1.5; color: #ff7800; }

.c-youtube__caption { display: block; text-align: left; line-height: 1.5; }

.c-youtube__inner { position: relative; padding-top: 56.25%; }

.c-youtube__inner > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.c-youtube__inner:not(:first-child) { margin-top: 0.5rem; }

@media screen and (max-width: 736px) { .c-youtube__inner:not(:first-child) { margin-top: 0.375rem; } }

.c-youtube__inner:not(:last-child) { margin-bottom: 0.5rem; }

@media screen and (max-width: 736px) { .c-youtube__inner:not(:last-child) { margin-bottom: 0.375rem; } }

/****************************************************************** component - card .c-card { display: flex; flex-direction: column; border: 1px solid #B5C1CC; }

a.c-card { color: inherit; text-decoration: none; }

a.c-card:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

.c-card--borderless { border: 0 !important; }

.c-card--bordersand { border-left: 0 !important; border-right: 0 !important; }

.c-card--overlap + .c-card { border-top: 0 !important; }

.c-card--radius { border-radius: 6px; }

.c-card--radius .c-card__head, .c-card--radius .c-card__headimage img { border-top-right-radius: 6px; border-top-left-radius: 6px; }

.c-card--radius .c-card__body { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

.c-card--bg { border: 0; background-color: #fdf5f5; border-radius: 6px; }

.c-card__head { order: 1; padding: 0.75rem 1rem; min-height: 0%; border-bottom: 1px solid #B5C1CC; }

.c-card__head--borderless { border-bottom: 0 !important; }

.c-card__heading { font-weight: bold; font-size: 1.2rem; line-height: 1.6; }

@media screen and (max-width: 736px) { .c-card__heading { font-size: 1.08rem; } }

.c-card__body { order: 2; flex-grow: 1; padding: 1rem; min-height: 0%; }

.c-card__title { font-weight: bold; font-size: 1.2rem; line-height: 1.6; }

@media screen and (max-width: 736px) { .c-card__title { font-size: 1.08rem; } }

.c-card__subtitle { font-weight: bold; font-size: 0.9rem; line-height: 1.6; opacity: 0.8; }

@media screen and (max-width: 736px) { .c-card__subtitle { font-size: 0.81rem; } }

.c-card__headimage { order: 1; text-align: center; min-height: 0%; }

@media screen and (max-width: 736px) { .c-card__head { padding: 0.5625rem 0.75rem; } .c-card__body { padding: 0.75rem; } }

.c-card--2x > .c-card__head { padding: 1.5rem 2rem; }

.c-card--2x > .c-card__body { padding: 2rem; }

@media screen and (max-width: 736px) { .c-card--2x > .c-card__head { padding: 1.125rem 1.5rem; } .c-card--2x > .c-card__body { padding: 1.5rem; } }

@media screen and (max-width: 736px) { .c-card.sp-2x > .c-card__head { padding: 1.125rem 1.5rem; } .c-card.sp-2x > .c-card__body { padding: 1.5rem; } }

/****************************************************************** component - grid2 .c-grid2 { display: flex; flex-wrap: wrap; margin-right: -1rem; margin-top: -1rem; }

.c-grid2--center { justify-content: center; }

.c-grid2--right { justify-content: flex-end; }

.c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { position: relative; box-sizing: border-box; margin-right: 1rem; margin-top: 1rem; }

.c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 1rem); }

.c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 1rem); }

.c-grid2 > .c-grid2__item3 { width: calc( 25% - 1rem); }

.c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 1rem); }

.c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 1rem); }

.c-grid2 > .c-grid2__item6 { width: calc( 50% - 1rem); }

.c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 1rem); }

.c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 1rem); }

.c-grid2 > .c-grid2__item9 { width: calc( 75% - 1rem); }

.c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 1rem); }

.c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 1rem); }

.c-grid2 > .c-grid2__item12 { width: calc( 100% - 1rem); }

.c-grid2 > .c-grid2__item5col { width: calc( 20% - 1rem); }

.c-grid2--vertical > [class*="c-grid2__item"], .c-grid2--vertical > .c-grid2__item5col { display: flex; align-items: center; }

@media print, screen and (max-width: 900px) { .c-grid2 > .m-item1 { width: calc( 8.33333% - 1rem); } .c-grid2 > .m-item2 { width: calc( 16.66667% - 1rem); } .c-grid2 > .m-item3 { width: calc( 25% - 1rem); } .c-grid2 > .m-item4 { width: calc( 33.33333% - 1rem); } .c-grid2 > .m-item5 { width: calc( 41.66667% - 1rem); } .c-grid2 > .m-item6 { width: calc( 50% - 1rem); } .c-grid2 > .m-item7 { width: calc( 58.33333% - 1rem); } .c-grid2 > .m-item8 { width: calc( 66.66667% - 1rem); } .c-grid2 > .m-item9 { width: calc( 75% - 1rem); } .c-grid2 > .m-item10 { width: calc( 83.33333% - 1rem); } .c-grid2 > .m-item11 { width: calc( 91.66667% - 1rem); } .c-grid2 > .m-item12 { width: calc( 100% - 1rem); } .c-grid2 > .m-item5col { width: calc( 20% - 1rem); } }

@media screen and (max-width: 736px) { .c-grid2 { margin-right: -0.75rem; margin-top: -0.75rem; } .c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { margin-right: 0.75rem; margin-top: 0.75rem; } .c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 0.75rem); } .c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 0.75rem); } .c-grid2 > .c-grid2__item3 { width: calc( 25% - 0.75rem); } .c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 0.75rem); } .c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 0.75rem); } .c-grid2 > .c-grid2__item6 { width: calc( 50% - 0.75rem); } .c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 0.75rem); } .c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 0.75rem); } .c-grid2 > .c-grid2__item9 { width: calc( 75% - 0.75rem); } .c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 0.75rem); } .c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 0.75rem); } .c-grid2 > .c-grid2__item12 { width: calc( 100% - 0.75rem); } .c-grid2 > .c-grid2__item5col { width: calc( 20% - 0.75rem); } .c-grid2 > .sp-item1 { width: calc( 8.33333% - 0.75rem); } .c-grid2 > .sp-item2 { width: calc( 16.66667% - 0.75rem); } .c-grid2 > .sp-item3 { width: calc( 25% - 0.75rem); } .c-grid2 > .sp-item4 { width: calc( 33.33333% - 0.75rem); } .c-grid2 > .sp-item5 { width: calc( 41.66667% - 0.75rem); } .c-grid2 > .sp-item6 { width: calc( 50% - 0.75rem); } .c-grid2 > .sp-item7 { width: calc( 58.33333% - 0.75rem); } .c-grid2 > .sp-item8 { width: calc( 66.66667% - 0.75rem); } .c-grid2 > .sp-item9 { width: calc( 75% - 0.75rem); } .c-grid2 > .sp-item10 { width: calc( 83.33333% - 0.75rem); } .c-grid2 > .sp-item11 { width: calc( 91.66667% - 0.75rem); } .c-grid2 > .sp-item12 { width: calc( 100% - 0.75rem); } .c-grid2 > .sp-item5col { width: calc( 20% - 0.75rem); } }

.c-grid2--2x { margin-right: -2rem; margin-top: -2rem; }

.c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; }

.c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 2rem); }

.c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 2rem); }

.c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 2rem); }

.c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); }

.c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); }

.c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 2rem); }

.c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 2rem); }

@media print, screen and (max-width: 900px) { .c-grid2--2x { margin-right: -2rem; margin-top: -2rem; } .c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; } .c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); } .c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); } .c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 2rem); } .c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); } .c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); } .c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 2rem); } .c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); } .c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); } .c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 2rem); } .c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); } .c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); } .c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 2rem); } .c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 2rem); } .c-grid2--2x > .m-item1 { width: calc( 8.33333% - 2rem); } .c-grid2--2x > .m-item2 { width: calc( 16.66667% - 2rem); } .c-grid2--2x > .m-item3 { width: calc( 25% - 2rem); } .c-grid2--2x > .m-item4 { width: calc( 33.33333% - 2rem); } .c-grid2--2x > .m-item5 { width: calc( 41.66667% - 2rem); } .c-grid2--2x > .m-item6 { width: calc( 50% - 2rem); } .c-grid2--2x > .m-item7 { width: calc( 58.33333% - 2rem); } .c-grid2--2x > .m-item8 { width: calc( 66.66667% - 2rem); } .c-grid2--2x > .m-item9 { width: calc( 75% - 2rem); } .c-grid2--2x > .m-item10 { width: calc( 83.33333% - 2rem); } .c-grid2--2x > .m-item11 { width: calc( 91.66667% - 2rem); } .c-grid2--2x > .m-item12 { width: calc( 100% - 2rem); } .c-grid2--2x > .m-item5col { width: calc( 20% - 2rem); } }

@media screen and (max-width: 736px) { .c-grid2--2x { margin-right: -1.5rem; margin-top: -1.5rem; } .c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 1.5rem; margin-top: 1.5rem; } .c-grid2--2x > .c-grid2__item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item3 { width: calc( 25% - 1.5rem); } .c-grid2--2x > .c-grid2__item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item6 { width: calc( 50% - 1.5rem); } .c-grid2--2x > .c-grid2__item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item9 { width: calc( 75% - 1.5rem); } .c-grid2--2x > .c-grid2__item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2--2x > .c-grid2__item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2--2x > .c-grid2__item12 { width: calc( 100% - 1.5rem); } .c-grid2--2x > .c-grid2__item5col { width: calc( 20% - 1.5rem); } .c-grid2--2x > .sp-item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2--2x > .sp-item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2--2x > .sp-item3 { width: calc( 25% - 1.5rem); } .c-grid2--2x > .sp-item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2--2x > .sp-item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2--2x > .sp-item6 { width: calc( 50% - 1.5rem); } .c-grid2--2x > .sp-item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2--2x > .sp-item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2--2x > .sp-item9 { width: calc( 75% - 1.5rem); } .c-grid2--2x > .sp-item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2--2x > .sp-item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2--2x > .sp-item12 { width: calc( 100% - 1.5rem); } .c-grid2--2x > .sp-item5col { width: calc( 20% - 1.5rem); } }

.c-grid2--4x { margin-right: -4rem; margin-top: -4rem; }

.c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; }

.c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 4rem); }

.c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 4rem); }

.c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 4rem); }

.c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); }

.c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); }

.c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 4rem); }

.c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 4rem); }

@media print, screen and (max-width: 900px) { .c-grid2--4x { margin-right: -4rem; margin-top: -4rem; } .c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; } .c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); } .c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); } .c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 4rem); } .c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); } .c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); } .c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 4rem); } .c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); } .c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); } .c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 4rem); } .c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); } .c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); } .c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 4rem); } .c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 4rem); } .c-grid2--4x > .m-item1 { width: calc( 8.33333% - 4rem); } .c-grid2--4x > .m-item2 { width: calc( 16.66667% - 4rem); } .c-grid2--4x > .m-item3 { width: calc( 25% - 4rem); } .c-grid2--4x > .m-item4 { width: calc( 33.33333% - 4rem); } .c-grid2--4x > .m-item5 { width: calc( 41.66667% - 4rem); } .c-grid2--4x > .m-item6 { width: calc( 50% - 4rem); } .c-grid2--4x > .m-item7 { width: calc( 58.33333% - 4rem); } .c-grid2--4x > .m-item8 { width: calc( 66.66667% - 4rem); } .c-grid2--4x > .m-item9 { width: calc( 75% - 4rem); } .c-grid2--4x > .m-item10 { width: calc( 83.33333% - 4rem); } .c-grid2--4x > .m-item11 { width: calc( 91.66667% - 4rem); } .c-grid2--4x > .m-item12 { width: calc( 100% - 4rem); } .c-grid2--4x > .m-item5col { width: calc( 20% - 4rem); } }

@media screen and (max-width: 736px) { .c-grid2--4x { margin-right: -3rem; margin-top: -3rem; } .c-grid2--4x > [class*="c-grid2__item"], .c-grid2--4x > .c-grid2__item5col { margin-right: 3rem; margin-top: 3rem; } .c-grid2--4x > .c-grid2__item1 { width: calc( 8.33333% - 3rem); } .c-grid2--4x > .c-grid2__item2 { width: calc( 16.66667% - 3rem); } .c-grid2--4x > .c-grid2__item3 { width: calc( 25% - 3rem); } .c-grid2--4x > .c-grid2__item4 { width: calc( 33.33333% - 3rem); } .c-grid2--4x > .c-grid2__item5 { width: calc( 41.66667% - 3rem); } .c-grid2--4x > .c-grid2__item6 { width: calc( 50% - 3rem); } .c-grid2--4x > .c-grid2__item7 { width: calc( 58.33333% - 3rem); } .c-grid2--4x > .c-grid2__item8 { width: calc( 66.66667% - 3rem); } .c-grid2--4x > .c-grid2__item9 { width: calc( 75% - 3rem); } .c-grid2--4x > .c-grid2__item10 { width: calc( 83.33333% - 3rem); } .c-grid2--4x > .c-grid2__item11 { width: calc( 91.66667% - 3rem); } .c-grid2--4x > .c-grid2__item12 { width: calc( 100% - 3rem); } .c-grid2--4x > .c-grid2__item5col { width: calc( 20% - 3rem); } .c-grid2--4x > .sp-item1 { width: calc( 8.33333% - 3rem); } .c-grid2--4x > .sp-item2 { width: calc( 16.66667% - 3rem); } .c-grid2--4x > .sp-item3 { width: calc( 25% - 3rem); } .c-grid2--4x > .sp-item4 { width: calc( 33.33333% - 3rem); } .c-grid2--4x > .sp-item5 { width: calc( 41.66667% - 3rem); } .c-grid2--4x > .sp-item6 { width: calc( 50% - 3rem); } .c-grid2--4x > .sp-item7 { width: calc( 58.33333% - 3rem); } .c-grid2--4x > .sp-item8 { width: calc( 66.66667% - 3rem); } .c-grid2--4x > .sp-item9 { width: calc( 75% - 3rem); } .c-grid2--4x > .sp-item10 { width: calc( 83.33333% - 3rem); } .c-grid2--4x > .sp-item11 { width: calc( 91.66667% - 3rem); } .c-grid2--4x > .sp-item12 { width: calc( 100% - 3rem); } .c-grid2--4x > .sp-item5col { width: calc( 20% - 3rem); } }

@media print, screen and (max-width: 900px) { .c-grid2.m-2x { margin-right: -2rem; margin-top: -2rem; } .c-grid2.m-2x > [class*="c-grid2__item"], .c-grid2.m-2x > .c-grid2__item5col { margin-right: 2rem; margin-top: 2rem; } .c-grid2.m-2x > .c-grid2__item1 { width: calc( 8.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item2 { width: calc( 16.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item3 { width: calc( 25% - 2rem); } .c-grid2.m-2x > .c-grid2__item4 { width: calc( 33.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item5 { width: calc( 41.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item6 { width: calc( 50% - 2rem); } .c-grid2.m-2x > .c-grid2__item7 { width: calc( 58.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item8 { width: calc( 66.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item9 { width: calc( 75% - 2rem); } .c-grid2.m-2x > .c-grid2__item10 { width: calc( 83.33333% - 2rem); } .c-grid2.m-2x > .c-grid2__item11 { width: calc( 91.66667% - 2rem); } .c-grid2.m-2x > .c-grid2__item12 { width: calc( 100% - 2rem); } .c-grid2.m-2x > .c-grid2__item5col { width: calc( 20% - 2rem); } .c-grid2.m-2x > .m-item1 { width: calc( 8.33333% - 2rem); } .c-grid2.m-2x > .m-item2 { width: calc( 16.66667% - 2rem); } .c-grid2.m-2x > .m-item3 { width: calc( 25% - 2rem); } .c-grid2.m-2x > .m-item4 { width: calc( 33.33333% - 2rem); } .c-grid2.m-2x > .m-item5 { width: calc( 41.66667% - 2rem); } .c-grid2.m-2x > .m-item6 { width: calc( 50% - 2rem); } .c-grid2.m-2x > .m-item7 { width: calc( 58.33333% - 2rem); } .c-grid2.m-2x > .m-item8 { width: calc( 66.66667% - 2rem); } .c-grid2.m-2x > .m-item9 { width: calc( 75% - 2rem); } .c-grid2.m-2x > .m-item10 { width: calc( 83.33333% - 2rem); } .c-grid2.m-2x > .m-item11 { width: calc( 91.66667% - 2rem); } .c-grid2.m-2x > .m-item12 { width: calc( 100% - 2rem); } .c-grid2.m-2x > .m-item5col { width: calc( 20% - 2rem); } }

@media screen and (max-width: 736px) { .c-grid2.sp-2x { margin-right: -1.5rem; margin-top: -1.5rem; } .c-grid2.sp-2x > [class*="c-grid2__item"], .c-grid2.sp-2x > .c-grid2__item5col { margin-right: 1.5rem; margin-top: 1.5rem; } .c-grid2.sp-2x > .c-grid2__item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item3 { width: calc( 25% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item6 { width: calc( 50% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item9 { width: calc( 75% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item12 { width: calc( 100% - 1.5rem); } .c-grid2.sp-2x > .c-grid2__item5col { width: calc( 20% - 1.5rem); } .c-grid2.sp-2x > .sp-item1 { width: calc( 8.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item2 { width: calc( 16.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item3 { width: calc( 25% - 1.5rem); } .c-grid2.sp-2x > .sp-item4 { width: calc( 33.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item5 { width: calc( 41.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item6 { width: calc( 50% - 1.5rem); } .c-grid2.sp-2x > .sp-item7 { width: calc( 58.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item8 { width: calc( 66.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item9 { width: calc( 75% - 1.5rem); } .c-grid2.sp-2x > .sp-item10 { width: calc( 83.33333% - 1.5rem); } .c-grid2.sp-2x > .sp-item11 { width: calc( 91.66667% - 1.5rem); } .c-grid2.sp-2x > .sp-item12 { width: calc( 100% - 1.5rem); } .c-grid2.sp-2x > .sp-item5col { width: calc( 20% - 1.5rem); } }

@media print, screen and (max-width: 900px) { .c-grid2.m-4x { margin-right: -4rem; margin-top: -4rem; } .c-grid2.m-4x > [class*="c-grid2__item"], .c-grid2.m-4x > .c-grid2__item5col { margin-right: 4rem; margin-top: 4rem; } .c-grid2.m-4x > .c-grid2__item1 { width: calc( 8.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item2 { width: calc( 16.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item3 { width: calc( 25% - 4rem); } .c-grid2.m-4x > .c-grid2__item4 { width: calc( 33.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item5 { width: calc( 41.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item6 { width: calc( 50% - 4rem); } .c-grid2.m-4x > .c-grid2__item7 { width: calc( 58.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item8 { width: calc( 66.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item9 { width: calc( 75% - 4rem); } .c-grid2.m-4x > .c-grid2__item10 { width: calc( 83.33333% - 4rem); } .c-grid2.m-4x > .c-grid2__item11 { width: calc( 91.66667% - 4rem); } .c-grid2.m-4x > .c-grid2__item12 { width: calc( 100% - 4rem); } .c-grid2.m-4x > .c-grid2__item5col { width: calc( 20% - 4rem); } .c-grid2.m-4x > .m-item1 { width: calc( 8.33333% - 4rem); } .c-grid2.m-4x > .m-item2 { width: calc( 16.66667% - 4rem); } .c-grid2.m-4x > .m-item3 { width: calc( 25% - 4rem); } .c-grid2.m-4x > .m-item4 { width: calc( 33.33333% - 4rem); } .c-grid2.m-4x > .m-item5 { width: calc( 41.66667% - 4rem); } .c-grid2.m-4x > .m-item6 { width: calc( 50% - 4rem); } .c-grid2.m-4x > .m-item7 { width: calc( 58.33333% - 4rem); } .c-grid2.m-4x > .m-item8 { width: calc( 66.66667% - 4rem); } .c-grid2.m-4x > .m-item9 { width: calc( 75% - 4rem); } .c-grid2.m-4x > .m-item10 { width: calc( 83.33333% - 4rem); } .c-grid2.m-4x > .m-item11 { width: calc( 91.66667% - 4rem); } .c-grid2.m-4x > .m-item12 { width: calc( 100% - 4rem); } .c-grid2.m-4x > .m-item5col { width: calc( 20% - 4rem); } }

@media screen and (max-width: 736px) { .c-grid2.sp-4x { margin-right: -3rem; margin-top: -3rem; } .c-grid2.sp-4x > [class*="c-grid2__item"], .c-grid2.sp-4x > .c-grid2__item5col { margin-right: 3rem; margin-top: 3rem; } .c-grid2.sp-4x > .c-grid2__item1 { width: calc( 8.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item2 { width: calc( 16.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item3 { width: calc( 25% - 3rem); } .c-grid2.sp-4x > .c-grid2__item4 { width: calc( 33.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item5 { width: calc( 41.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item6 { width: calc( 50% - 3rem); } .c-grid2.sp-4x > .c-grid2__item7 { width: calc( 58.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item8 { width: calc( 66.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item9 { width: calc( 75% - 3rem); } .c-grid2.sp-4x > .c-grid2__item10 { width: calc( 83.33333% - 3rem); } .c-grid2.sp-4x > .c-grid2__item11 { width: calc( 91.66667% - 3rem); } .c-grid2.sp-4x > .c-grid2__item12 { width: calc( 100% - 3rem); } .c-grid2.sp-4x > .c-grid2__item5col { width: calc( 20% - 3rem); } .c-grid2.sp-4x > .sp-item1 { width: calc( 8.33333% - 3rem); } .c-grid2.sp-4x > .sp-item2 { width: calc( 16.66667% - 3rem); } .c-grid2.sp-4x > .sp-item3 { width: calc( 25% - 3rem); } .c-grid2.sp-4x > .sp-item4 { width: calc( 33.33333% - 3rem); } .c-grid2.sp-4x > .sp-item5 { width: calc( 41.66667% - 3rem); } .c-grid2.sp-4x > .sp-item6 { width: calc( 50% - 3rem); } .c-grid2.sp-4x > .sp-item7 { width: calc( 58.33333% - 3rem); } .c-grid2.sp-4x > .sp-item8 { width: calc( 66.66667% - 3rem); } .c-grid2.sp-4x > .sp-item9 { width: calc( 75% - 3rem); } .c-grid2.sp-4x > .sp-item10 { width: calc( 83.33333% - 3rem); } .c-grid2.sp-4x > .sp-item11 { width: calc( 91.66667% - 3rem); } .c-grid2.sp-4x > .sp-item12 { width: calc( 100% - 3rem); } .c-grid2.sp-4x > .sp-item5col { width: calc( 20% - 3rem); } }

.c-grid2--5per { margin-right: -5%; margin-top: -5%; }

.c-grid2--5per > [class*="c-grid2__item"], .c-grid2--5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; }

.c-grid2--5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); }

.c-grid2--5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); }

.c-grid2--5per > .c-grid2__item3 { width: calc( 25% - 5%); }

.c-grid2--5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); }

.c-grid2--5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); }

.c-grid2--5per > .c-grid2__item6 { width: calc( 50% - 5%); }

.c-grid2--5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); }

.c-grid2--5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); }

.c-grid2--5per > .c-grid2__item9 { width: calc( 75% - 5%); }

.c-grid2--5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); }

.c-grid2--5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); }

.c-grid2--5per > .c-grid2__item12 { width: calc( 100% - 5%); }

.c-grid2--5per > .c-grid2__item5col { width: calc( 20% - 5%); }

@media print, screen and (max-width: 900px) { .c-grid2--5per > .m-item1 { width: calc( 8.33333% - 5%); } .c-grid2--5per > .m-item2 { width: calc( 16.66667% - 5%); } .c-grid2--5per > .m-item3 { width: calc( 25% - 5%); } .c-grid2--5per > .m-item4 { width: calc( 33.33333% - 5%); } .c-grid2--5per > .m-item5 { width: calc( 41.66667% - 5%); } .c-grid2--5per > .m-item6 { width: calc( 50% - 5%); } .c-grid2--5per > .m-item7 { width: calc( 58.33333% - 5%); } .c-grid2--5per > .m-item8 { width: calc( 66.66667% - 5%); } .c-grid2--5per > .m-item9 { width: calc( 75% - 5%); } .c-grid2--5per > .m-item10 { width: calc( 83.33333% - 5%); } .c-grid2--5per > .m-item11 { width: calc( 91.66667% - 5%); } .c-grid2--5per > .m-item12 { width: calc( 100% - 5%); } .c-grid2--5per > .m-item5col { width: calc( 20% - 5%); } }

@media screen and (max-width: 736px) { .c-grid2--5per > .sp-item1 { width: calc( 8.33333% - 5%); } .c-grid2--5per > .sp-item2 { width: calc( 16.66667% - 5%); } .c-grid2--5per > .sp-item3 { width: calc( 25% - 5%); } .c-grid2--5per > .sp-item4 { width: calc( 33.33333% - 5%); } .c-grid2--5per > .sp-item5 { width: calc( 41.66667% - 5%); } .c-grid2--5per > .sp-item6 { width: calc( 50% - 5%); } .c-grid2--5per > .sp-item7 { width: calc( 58.33333% - 5%); } .c-grid2--5per > .sp-item8 { width: calc( 66.66667% - 5%); } .c-grid2--5per > .sp-item9 { width: calc( 75% - 5%); } .c-grid2--5per > .sp-item10 { width: calc( 83.33333% - 5%); } .c-grid2--5per > .sp-item11 { width: calc( 91.66667% - 5%); } .c-grid2--5per > .sp-item12 { width: calc( 100% - 5%); } .c-grid2--5per > .sp-item5col { width: calc( 20% - 5%); } }

@media print, screen and (max-width: 900px) { .c-grid2.m-5per { margin-right: -5%; margin-top: -5%; } .c-grid2.m-5per > [class*="c-grid2__item"], .c-grid2.m-5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; } .c-grid2.m-5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item3 { width: calc( 25% - 5%); } .c-grid2.m-5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item6 { width: calc( 50% - 5%); } .c-grid2.m-5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item9 { width: calc( 75% - 5%); } .c-grid2.m-5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); } .c-grid2.m-5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); } .c-grid2.m-5per > .c-grid2__item12 { width: calc( 100% - 5%); } .c-grid2.m-5per > .c-grid2__item5col { width: calc( 20% - 5%); } .c-grid2.m-5per > .m-item1 { width: calc( 8.33333% - 5%); } .c-grid2.m-5per > .m-item2 { width: calc( 16.66667% - 5%); } .c-grid2.m-5per > .m-item3 { width: calc( 25% - 5%); } .c-grid2.m-5per > .m-item4 { width: calc( 33.33333% - 5%); } .c-grid2.m-5per > .m-item5 { width: calc( 41.66667% - 5%); } .c-grid2.m-5per > .m-item6 { width: calc( 50% - 5%); } .c-grid2.m-5per > .m-item7 { width: calc( 58.33333% - 5%); } .c-grid2.m-5per > .m-item8 { width: calc( 66.66667% - 5%); } .c-grid2.m-5per > .m-item9 { width: calc( 75% - 5%); } .c-grid2.m-5per > .m-item10 { width: calc( 83.33333% - 5%); } .c-grid2.m-5per > .m-item11 { width: calc( 91.66667% - 5%); } .c-grid2.m-5per > .m-item12 { width: calc( 100% - 5%); } .c-grid2.m-5per > .m-item5col { width: calc( 20% - 5%); } }

@media screen and (max-width: 736px) { .c-grid2.sp-5per { margin-right: -5%; margin-top: -5%; } .c-grid2.sp-5per > [class*="c-grid2__item"], .c-grid2.sp-5per > .c-grid2__item5col { margin-right: 5%; margin-top: 5%; } .c-grid2.sp-5per > .c-grid2__item1 { width: calc( 8.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item2 { width: calc( 16.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item3 { width: calc( 25% - 5%); } .c-grid2.sp-5per > .c-grid2__item4 { width: calc( 33.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item5 { width: calc( 41.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item6 { width: calc( 50% - 5%); } .c-grid2.sp-5per > .c-grid2__item7 { width: calc( 58.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item8 { width: calc( 66.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item9 { width: calc( 75% - 5%); } .c-grid2.sp-5per > .c-grid2__item10 { width: calc( 83.33333% - 5%); } .c-grid2.sp-5per > .c-grid2__item11 { width: calc( 91.66667% - 5%); } .c-grid2.sp-5per > .c-grid2__item12 { width: calc( 100% - 5%); } .c-grid2.sp-5per > .c-grid2__item5col { width: calc( 20% - 5%); } .c-grid2.sp-5per > .sp-item1 { width: calc( 8.33333% - 5%); } .c-grid2.sp-5per > .sp-item2 { width: calc( 16.66667% - 5%); } .c-grid2.sp-5per > .sp-item3 { width: calc( 25% - 5%); } .c-grid2.sp-5per > .sp-item4 { width: calc( 33.33333% - 5%); } .c-grid2.sp-5per > .sp-item5 { width: calc( 41.66667% - 5%); } .c-grid2.sp-5per > .sp-item6 { width: calc( 50% - 5%); } .c-grid2.sp-5per > .sp-item7 { width: calc( 58.33333% - 5%); } .c-grid2.sp-5per > .sp-item8 { width: calc( 66.66667% - 5%); } .c-grid2.sp-5per > .sp-item9 { width: calc( 75% - 5%); } .c-grid2.sp-5per > .sp-item10 { width: calc( 83.33333% - 5%); } .c-grid2.sp-5per > .sp-item11 { width: calc( 91.66667% - 5%); } .c-grid2.sp-5per > .sp-item12 { width: calc( 100% - 5%); } .c-grid2.sp-5per > .sp-item5col { width: calc( 20% - 5%); } }

/****************************************************************** component - grid-button .c-grid-button { color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; position: relative; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; border-radius: 6px; border: 1px solid #ccc; text-align: left; padding: 1em 1.0em; text-align: center; font-size: 90%; background-color: #fff; position: relative; padding-right: 17.5px; padding-right: 1.4em; transition-property: right, color; transition-duration: 0.3s; }

.c-grid-button:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

.c-grid-button--top { align-items: flex-start; }

.c-grid-button--bottom { align-items: flex-end; }

.c-grid-button__inner { box-sizing: border-box; width: 100%; display: block; }

@media screen and (max-width: 736px) { .c-grid-button { font-size: 85%; } }

.c-grid-button::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-10px, 3px) rotate(45deg); transform-origin: top right; border-top: 2px solid #ff9c00; border-right: 2px solid #ff9c00; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .c-grid-button { position: relative; padding-right: 13.5px; padding-right: 1.4em; } .c-grid-button::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-6px, 3px) rotate(45deg); transform-origin: top right; border-top: 2px solid #ff9c00; border-right: 2px solid #ff9c00; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

.c-grid-button:hover:not(:disabled):not(.disabled) { color: #fc718b; }

.c-grid-button:hover:not(:disabled):not(.disabled)::after { right: -4px; }

/****************************************************************** component - flex .c-flex { display: flex; margin-right: -1rem; }

.c-flex--inline { display: inline-flex; }

.c-flex--center { justify-content: center; }

.c-flex--right { justify-content: flex-end; }

.c-flex--between { justify-content: space-between; }

.c-flex--wrap { flex-wrap: wrap; margin-top: -1rem; }

.c-flex > .c-flex__item { box-sizing: border-box; margin-right: 1rem; }

.c-flex--wrap > .c-flex__item { margin-top: 1rem; }

.c-flex--vertical { align-items: center; }

@media screen and (max-width: 736px) { .c-flex:not(.sp-keep) { flex-direction: column; margin-right: 0; margin-top: -0.75rem; } .c-flex:not(.sp-keep) > .c-flex__item { width: 100%; margin-right: 0; margin-top: 0.75rem; } .c-flex.sp-keep { margin-right: -0.75rem; } .c-flex.sp-keep > .c-flex__item { margin-right: 0.75rem; } .c-flex--wrap.sp-keep { margin-top: -0.75rem; } .c-flex--wrap.sp-keep > .c-flex__item { margin-top: 0.75rem; } }

/****************************************************************** component - qa .c-qa__head { font-size: 1rem; font-weight: bold; cursor: pointer; outline: 0; font-size: 0.9rem; position: relative; position: relative; padding-right: 16px; }

.c-qa__head:not(:first-child) { border-top: 3px solid #f0f0ee; }

@media screen and (max-width: 736px) { .c-qa__head:not(:first-child) { border-top: 2px solid #f0f0ee; } }

.c-qa__head::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 21px; height: 30px; background: url(/common/img/qa_q.png) no-repeat; }

@media screen and (max-width: 736px) { .c-qa__head::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 16px; height: 20px; background-size: auto 20px; } }

.c-qa__head::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 8px; bottom: 0; width: 26px; height: 26px; border: 2px solid #f0f0ee; border-radius: 100%; }

.c-qa__headinner { display: block; position: relative; padding: 1.5rem 2rem 1.5rem 2rem; }

.c-qa__headinner::before, .c-qa__headinner::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.c-qa__headinner::before { border-top: 2px solid #82be2f; width: 10px; height: 0; top: 0; bottom: 0; right: 0; }

.c-qa__headinner::after { border-left: 2px solid #82be2f; width: 0; height: 10px; top: 0; bottom: 0; right: 4px; transition-property: all; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .c-qa__headinner { padding: 1.125rem 1.5rem 1.125rem 1.5rem; } }

.c-qa__head[aria-expanded="true"] .c-qa__headinner::after { height: 0; }

.c-qa__body { display: none; }

.c-qa__body-inner { padding: 1rem 1rem 1rem 3rem; background: #fffbe5 url(/common/img/qa_a.png) left 1rem top 1.1rem no-repeat; }

@media screen and (max-width: 736px) { .c-qa__body-inner { padding: 1rem 1rem 1rem 2.4rem; background-size: 15px auto; } }

/****************************************************************** component - section .c-section { position: relative; padding-right: 30px; padding-left: 30px; padding-top: 0.1px; padding-bottom: 0.1px; }

@media screen and (max-width: 736px) { .c-section { padding-right: 12px; padding-left: 12px; } }

@media print, screen and (min-width: 737px) { .c-section--contentsrow { padding-right: 0; padding-left: 0; } }

.c-section--bordertop { border-top: 1px solid #B5C1CC; }

.c-section--borderbottom { border-bottom: 1px solid #B5C1CC; }

.c-section--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; }

.c-section__fit { max-width: 1100px; margin-right: auto; margin-left: auto; }

.c-section__top { max-width: 1100px; margin-right: auto; margin-left: auto; margin-top: 5rem; }

.c-section__bottom { max-width: 1100px; margin-right: auto; margin-left: auto; margin-bottom: 5rem; }

.c-section__vertical { max-width: 1100px; margin: 5rem auto 5rem auto; }

.c-section__vertical--discography { max-width: 1000px; }

.c-section__vertical--past { max-width: 900px; }

.c-section__vertical--contact { max-width: 900px; }

.c-section--notice-sp a { transition-property: all; transition-duration: 0.3s; box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.28); border: 5px solid #fff262; border-radius: 6px; }

.c-section--notice-sp a:hover:not(:disabled):not(.disabled) { transform: scale(1.02, 1.02); }

.c-section--info { z-index: +1; background-color: #d6f7ff; }

.c-section--info::before, .c-section--info::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--info::before { top: -20px; background: linear-gradient(45deg, #d6f7ff 10px, transparent 0), linear-gradient(315deg, #d6f7ff 10px, transparent 0); background-size: 20px 20px; }

.c-section--info::after { bottom: -20px; background: linear-gradient(135deg, #d6f7ff 10px, transparent 0), linear-gradient(225deg, #d6f7ff 10px, transparent 0); background-size: 20px 20px; }

.c-section--info .c-section__vertical { max-width: 1100px; margin: 2rem auto 4rem auto; }

@media screen and (max-width: 736px) { .c-section--info .c-section__vertical { margin: 1.2rem auto 2.4rem auto; } }

.c-section--news { z-index: +1; background-color: #ffd5d7; }

.c-section--news::before, .c-section--news::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--news::before { top: -20px; background: linear-gradient(45deg, #ffd5d7 10px, transparent 0), linear-gradient(315deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; }

.c-section--news::after { bottom: -20px; background: linear-gradient(135deg, #ffd5d7 10px, transparent 0), linear-gradient(225deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; }

.c-section--news .c-section__vertical { max-width: 1100px; margin: 2rem auto 4rem auto; }

@media screen and (max-width: 736px) { .c-section--news .c-section__vertical { margin: 1.2rem auto 2.4rem auto; } }

.c-section--intro { background: #ffffff url(../img/top_banner_bg.png); }

.c-section--member { background: url(../img/top_member_bg.png) top left repeat-x; }

.c-section--member::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; right: 0; bottom: 0; left: 0; width: 100%; height: 20%; background-color: #fff262; }

.c-section--member::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--member::after { bottom: -20px; background: linear-gradient(135deg, #fff262 10px, transparent 0), linear-gradient(225deg, #fff262 10px, transparent 0); background-size: 20px 20px; }

.c-section--member .c-section__vertical { max-width: 1500px; margin-bottom: 3rem; }

@media screen and (max-width: 736px) { .c-section--member { padding-left: 0; padding-right: 0; } }

.c-section--live { z-index: +1; background-color: #ffd5d7; }

.c-section--live::before, .c-section--live::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--live::before { top: -20px; background: linear-gradient(45deg, #ffd5d7 10px, transparent 0), linear-gradient(315deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; }

.c-section--live::after { bottom: -20px; background: linear-gradient(135deg, #ffd5d7 10px, transparent 0), linear-gradient(225deg, #ffd5d7 10px, transparent 0); background-size: 20px 20px; }

.c-section--live .c-section__vertical { max-width: 1100px; margin: 2rem auto 2rem auto; }

@media screen and (max-width: 736px) { .c-section--live .c-section__vertical { margin: 1.2rem auto 1.2rem auto; } }

.c-section--media { z-index: +1; background-color: #d6f7ff; }

.c-section--media::before, .c-section--media::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--media::before { top: -20px; background: linear-gradient(45deg, #d6f7ff 10px, transparent 0), linear-gradient(315deg, #d6f7ff 10px, transparent 0); background-size: 20px 20px; }

.c-section--media::after { bottom: -20px; background: linear-gradient(135deg, #d6f7ff 10px, transparent 0), linear-gradient(225deg, #d6f7ff 10px, transparent 0); background-size: 20px 20px; }

.c-section--media .c-section__vertical { max-width: 1100px; margin: 2rem auto 4rem auto; }

@media screen and (max-width: 736px) { .c-section--media .c-section__vertical { margin: 1.2rem auto 2.4rem auto; } }

.c-section--banner .c-section__vertical { max-width: 1100px; margin: 5rem auto 5rem auto; }

@media screen and (max-width: 736px) { .c-section--banner .c-section__vertical { margin: 3rem auto 3rem auto; } }

.c-section--contact { background-color: #fdf8e7; }

.c-section--contact::before, .c-section--contact::after { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.c-section--contact::before { top: -20px; background: linear-gradient(45deg, #fdf8e7 10px, transparent 0), linear-gradient(315deg, #fdf8e7 10px, transparent 0); background-size: 20px 20px; }

.c-section--contact .c-section__vertical { max-width: 992px; margin: 5rem auto 5rem auto; }

@media screen and (max-width: 736px) { .c-section--contact .c-section__vertical { margin: 3rem auto 3rem auto; } }

@media screen and (max-width: 736px) { .c-section__top { margin-top: 3rem; } .c-section__bottom { margin-bottom: 3rem; } .c-section__vertical { margin: 3rem auto 3rem auto; } }

.c-section__top--s { margin-top: 3.75rem; }

.c-section__bottom--s { margin-bottom: 3.75rem; }

.c-section__vertical--s { margin: 3.75rem auto 3.75rem auto; }

@media screen and (max-width: 736px) { .c-section__top--s { margin-top: 2.25rem; } .c-section__bottom--s { margin-bottom: 2.25rem; } .c-section__vertical--s { margin: 2.25rem auto 2.25rem auto; } }

@media screen and (max-width: 736px) { .c-section__top.sp-s { margin-top: 2.25rem; } .c-section__bottom.sp-s { margin-bottom: 2.25rem; } .c-section__vertical.sp-s { margin: 2.25rem auto 2.25rem auto; } }

/****************************************************************** component - gutter .c-gutter > *:not(:last-child) { margin-bottom: 1rem; }

.c-gutter-2s > *:not(:last-child) { margin-bottom: 0.5rem; }

.c-gutter-2x > *:not(:last-child) { margin-bottom: 2rem; }

.c-gutter-3x > *:not(:last-child) { margin-bottom: 3rem; }

@media screen and (max-width: 736px) { .c-gutter > *:not(:last-child) { margin-bottom: 0.75rem; } .c-gutter-2s > *:not(:last-child) { margin-bottom: 0.375rem; } .c-gutter-2x > *:not(:last-child) { margin-bottom: 1.5rem; } .c-gutter-3x > *:not(:last-child) { margin-bottom: 2.25rem; } .c-sp-gutter > *:not(:last-child) { margin-bottom: 0.75rem; } .c-sp-gutter-2s > *:not(:last-child) { margin-bottom: 0.375rem; } .c-sp-gutter-2x > *:not(:last-child) { margin-bottom: 1.5rem; } .c-sp-gutter-3x > *:not(:last-child) { margin-bottom: 2.25rem; } }

/****************************************************************** component - ani-shine .c-ani-shine { display: block; position: relative; overflow: hidden; }

.c-ani-shine::before { animation: shine 4s ease-in-out infinite; background-color: rgba(255, 255, 255, 0.8); content: " "; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; transform: rotate(45deg); width: 30px; }

@keyframes shine { 0% { transform: scale(0) rotate(45deg); opacity: 0; } 20% { transform: scale(0) rotate(45deg); opacity: 0.5; } 21% { transform: scale(4) rotate(45deg); opacity: 1; } 40% { transform: scale(50) rotate(45deg); opacity: 0; } }

/****************************************************************** component - animate /*! animate.css -http://daneden.me/animate Version - 3.7.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }

@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }

@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } }

.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }

@keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }

@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }

@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }

.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }

@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }

.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }

@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }

@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }

@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }

@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }

.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

@keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }

@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

[data-animate-groups="true"] [data-animate-group], [data-animate="true"], .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

[data-animate-groups="true"] [data-animate-group].infinite, [data-animate="true"].infinite, .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }

[data-animate-group], [data-animate], .js-wow { opacity: 0; }

/****************************************************************** project - slot .p-slot { position: relative; }

@media print, screen and (min-width: 737px) { .p-slot { width: 410px; height: 300px; } }

@media screen and (max-width: 736px) { .p-slot { width: 310px; height: 227px; } }

@media print, screen and (max-width: 320px) { .p-slot { width: 265px; height: 193px; } }

@media print, screen and (min-width: 737px) { #slotbox { position: absolute; bottom: 0; right: 0; transform-origin: right bottom; transform: scale(0.65, 0.65); } }

@media screen and (max-width: 736px) { #slotbox { position: absolute; bottom: 0; transform-origin: left bottom; transform: scale(0.492, 0.492); } }

@media print, screen and (max-width: 320px) { #slotbox { transform: scale(0.42, 0.42); } }


 * 1) slotbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


 * 1) slots_a, #slots_b, #slots_c { position: relative; float: left; width: 140px; height: 380px; top: 0; left: 85px; overflow: hidden; margin-right: 15px; z-index: 2; }


 * 1) slots_a .wrapper, #slots_b .wrapper, #slots_c .wrapper { position: absolute; width: 140px; z-index: 3; }


 * 1) slots_a .wrapper .slot, #slots_b .wrapper .slot, #slots_c .wrapper .slot { position: relative; width: 140px; height: 140px; text-align: center; padding-top: 2px; z-index: 3; }

.slotline { position: absolute; z-index: 99; width: 142px; height: 2px; top: 210px; opacity: 0.8; background-color: red; }


 * 1) slotbox { width: 630px; height: 460px; }

.slotbox_bg { position: absolute; background-image: url(../img/slot_bg.png); background-repeat: no-repeat; width: 630px; height: 460px; padding: 5px 100px; z-index: 10; top: 0; }

.slotbox_bg2 { position: absolute; width: 80%; height: 70%; z-index: 1; background-color: #fff; top: 10%; left: 0; right: 0; margin: 0 auto; }


 * 1) startBtn { cursor: pointer; position: absolute; display: inline-block; top: 345px; left: 175px; width: 272px; z-index: 20; }

/*ボタン*/
 * 1) startBtn:hover { -webkit-filter: grayscale(20%); -moz-filter: grayscale(20%); -ms-filter: grayscale(20%); filter: grayscale(20%); }


 * 1) startBtn:active { padding-top: 10px; padding-bottom: 10px; }

/****************************************************************** project - sns .p-sns__twitter { background: url(../img/top_twitter_bg.png); border-radius: 12px; box-sizing: border-box; }

.p-sns__youtube { background: url(../img/top_youtube_bg.png); border-radius: 12px; box-sizing: border-box; }

@media print, screen and (min-width: 737px) { .p-sns .c-section__vertical { display: flex; justify-content: space-between; } .p-sns__twitter { width: 48%; padding: 0 1rem 1rem 1rem; } .p-sns__youtube { width: 48%; padding: 0 1rem 1rem 1rem; } }

@media screen and (max-width: 736px) { .p-sns__twitter { margin-bottom: 1.5rem; padding: 0.75rem; } .p-sns__youtube { padding: 0.75rem; } }

.p-sns__title { transform: translateY(-40%); text-align: center; }

@media print, screen and (max-width: 900px) { .p-sns__title img { max-width: 90%; } }

/****************************************************************** project - info @media print, screen and (min-width: 901px) { .p-info .c-section__vertical { display: flex; align-items: center; } .p-info__title { margin-right: 2rem; } .p-info__title img { max-width: none; animation: p-info-rotate 2.5s ease-in-out infinite alternate; } }

@media print, screen and (max-width: 900px) { .p-info__title { margin-bottom: 1.125rem; text-align: center; } .p-info__title img { max-width: 40%; animation: p-info-rotate 1.5s ease-in-out infinite alternate; } }

.p-info-more a { position: relative; padding-left: 9px; padding-left: 1em; }

.p-info-more a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; transform: translate(9px, 4px) rotate(135deg); transform-origin: top left; border-top: 2px solid #20c0e7; border-left: 2px solid #20c0e7; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@keyframes p-info-rotate { 0% { transform: rotate(-15deg); } 100% { transform: rotate(15deg); } }

/****************************************************************** project - news @media print, screen and (min-width: 901px) { .p-news .c-section__vertical { display: flex; align-items: center; } .p-news__title { margin-right: 2rem; } .p-news__title img { max-width: none; animation: p-news-rotate 2.5s ease-in-out infinite alternate; } }

@media print, screen and (max-width: 900px) { .p-news__title { margin-bottom: 1.125rem; text-align: center; } .p-news__title img { max-width: 40%; animation: p-news-rotate 1.5s ease-in-out infinite alternate; } }

.p-news-more a { position: relative; padding-left: 9px; padding-left: 1em; }

.p-news-more a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; transform: translate(9px, 4px) rotate(135deg); transform-origin: top left; border-top: 2px solid #f34b5f; border-left: 2px solid #f34b5f; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@keyframes p-news-rotate { 0% { transform: rotate(-15deg); } 100% { transform: rotate(15deg); } }

/****************************************************************** project - intro .p-intro__title { text-align: center; margin-bottom: 1.5rem; }

@media screen and (max-width: 736px) { .p-intro__title { margin-bottom: 0.975rem; } .p-intro__title img { height: 37px; } }

.p-intro__copy { text-align: center; margin-bottom: 3rem; }

@media screen and (max-width: 736px) { .p-intro__copy { margin-bottom: 1.5rem; } .p-intro__copy img { width: 100%; max-width: 450px; } }

.p-intro-item { position: relative; border-radius: 12px; }

@media print, screen and (max-width: 768px) { .p-intro-item { margin-top: 15% !important; } }

.p-intro-item--live { background: #a5e3ff url(../img/top_intro_bg1.png) left bottom no-repeat; }

.p-intro-item--youtube { background: #fdc5be url(../img/top_intro_bg2.png) left bottom no-repeat; }

.p-intro-item--music { background: #ccc3f5 url(../img/top_intro_bg3.png) left bottom no-repeat; }

.p-intro-item h3 { position: absolute; width: 100%; text-align: center; }

@media print, screen and (min-width: 769px) { .p-intro-item h3 { transform: translateY(-10%); } }

@media print, screen and (max-width: 768px) { .p-intro-item h3 { transform: translateY(-50%); } .p-intro-item h3 img { max-width: 300px; } }

.p-intro-item p { font-size: 97%; line-height: 2; color: #405a81; font-weight: bold; }

@media print, screen and (min-width: 769px) { .p-intro-item p { padding: 30% 1.3rem 1.3rem 1.3rem; } }

@media print, screen and (max-width: 768px) { .p-intro-item p { padding: 10% 1.3rem 1.3rem 1.3rem; } }

/****************************************************************** project - member .p-member__title { text-align: center; margin-bottom: 1.5rem; }

@media screen and (max-width: 736px) { .p-member__title { margin-bottom: 0.975rem; } .p-member__title img { height: 37px; } }

.p-member__copy { text-align: center; margin-bottom: 1rem; }

@media screen and (max-width: 736px) { .p-member__copy { margin-bottom: 0.75rem; } .p-member__copy img { width: 100%; max-width: 450px; } }

.p-member .u-pc-media li { opacity: 0; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(1) { animation: jackInTheBox 1s ease 0.4s 1 forwards, p-member-bounce 20s ease-out 3s infinite normal; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(2) { animation: jackInTheBox 1s ease 0.5s 1 forwards, p-member-bounce 20s ease-out 6s infinite normal; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(3) { animation: jackInTheBox 1s ease 0.6s 1 forwards, p-member-bounce 20s ease-out 9s infinite normal; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(4) { animation: jackInTheBox 1s ease 0.7s 1 forwards, p-member-bounce 20s ease-out 12s infinite normal; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(5) { animation: jackInTheBox 1s ease 0.8s 1 forwards, p-member-bounce 20s ease-out 15s infinite normal; }

.p-member[data-animate-groups="true"] .u-pc-media li:nth-child(6) { animation: jackInTheBox 1s ease 0.9s 1 forwards, p-member-bounce 20s ease-out 18s infinite normal; }

.p-member .u-pc-media li a { display: inline-block; transition-property: all; transition-duration: 0.3s; }

.p-member .u-pc-media li a img { width: 100%; }

.p-member .u-pc-media li a:hover { transform: translate(0, -2%) scale(1.03, 1.03); }

.p-member .slick li { padding-left: 12px; padding-right: 12px; }

@-webkit-keyframes p-member-bounce { from, 1%, 4.3%, 7%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 3%, 3.3% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 6% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 8% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }

/****************************************************************** project - profile .p-profile__inner { position: relative; overflow: hidden; }

@media screen and (max-width: 736px) { .p-profile__inner { width: calc( 100vw - 20px); max-height: calc( 100vh - 20px); overflow-y: scroll; border-radius: 9px; } }

.p-profile__inner2 { position: relative; }

.p-profile__main, .p-profile__title, .p-profile__profile, .p-profile__sns { transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease; opacity: 0; }

.p-profile__main { transition-delay: 0.1s; position: absolute; transform: translate(-10%, 0); top: 0; }

.p-profile__title { transition-delay: 0.6s; position: absolute; top: 0; }

.p-profile__profile { transition-delay: 0.7s; position: absolute; top: 0; }

.p-profile__sns { transition-delay: 0.8s; }

[aria-expanded="true"] .p-profile__title, [aria-expanded="true"] .p-profile__profile, [aria-expanded="true"] .p-profile__sns { opacity: 1; }

[aria-expanded="true"] .p-profile__main { transform: translate(0, 0); opacity: 1; }

@media print, screen and (min-width: 737px) { .p-profile__sns { box-sizing: border-box; bottom: 0; left: 38%; padding: 5%; width: 47%; position: absolute; margin-top: -1rem; } .p-profile__sns::after { content: ""; display: block; clear: both; } .p-profile__sns-item { float: left; width: calc( 50% - 1rem); margin-right: 1rem; margin-top: 1rem; } .p-profile__sns a { display: inline-block; transition-property: transform; transition-duration: 0.3s; } .p-profile__sns a img { width: 100%; } .p-profile__sns a:hover { transform: scale(1.08, 1.08); } }

@media screen and (max-width: 736px) { .p-profile__sns { box-sizing: border-box; bottom: 0; left: 0; padding: 7%; position: absolute; margin-right: -1rem; margin-top: -1rem; } .p-profile__sns::after { content: ""; display: block; clear: both; } .p-profile__sns-item { float: left; width: calc( 50% - 1rem); margin-right: 1rem; margin-top: 1rem; } }

/****************************************************************** project - live @media print, screen and (min-width: 901px) { .p-live .c-section__vertical { display: flex; align-items: center; } .p-live__title { margin-right: 2rem; } .p-live__title img { max-width: none; animation: p-live-rotate 2.5s ease-in-out infinite alternate; } }

@media print, screen and (max-width: 900px) { .p-live__title { margin-bottom: 1.125rem; text-align: center; } .p-live__title img { max-width: 40%; animation: p-live-rotate 1.5s ease-in-out infinite alternate; } }

@keyframes p-live-rotate { 0% { transform: rotate(15deg); } 100% { transform: rotate(-15deg); } }

.p-live-news__item:not(:first-child) { margin-top: 1rem; }

.p-live-news__time { font-size: 110%; color: #f34b5f; }

.p-live-news__body { display: table; }

.p-live-news__block { display: table-row; }

.p-live-news__block > strong { display: table-cell; padding: 4px 10px 4px 0; font-weight: normal; font-size: 90%; }

.p-live-news__block > strong span { white-space: nowrap; display: block; text-align: center; padding: 0 5px; color: #fff; background-color: #f34b5f; }

.p-live-news__block > span { display: table-cell; padding: 4px 0; }

.p-live-more a { position: relative; padding-left: 9px; padding-left: 1em; }

.p-live-more a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; transform: translate(9px, 4px) rotate(135deg); transform-origin: top left; border-top: 2px solid #f34b5f; border-left: 2px solid #f34b5f; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

/****************************************************************** project - media @media print, screen and (min-width: 901px) { .p-media .c-section__vertical { display: flex; align-items: center; } .p-media__title { margin-right: 2rem; } .p-media__title img { max-width: none; animation: p-media-rotate 2.5s ease-in-out infinite alternate; } }

@media print, screen and (max-width: 900px) { .p-media__title { margin-bottom: 1.125rem; text-align: center; } .p-media__title img { max-width: 40%; animation: p-media-rotate 1.5s ease-in-out infinite alternate; } }

.p-media-more a { position: relative; padding-left: 9px; padding-left: 1em; }

.p-media-more a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; transform: translate(9px, 4px) rotate(135deg); transform-origin: top left; border-top: 2px solid #20c0e7; border-left: 2px solid #20c0e7; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@keyframes p-media-rotate { 0% { transform: rotate(-15deg); } 100% { transform: rotate(15deg); } }

/****************************************************************** project - contact .p-contact__title { text-align: center; margin-bottom: 1.5rem; }

@media screen and (max-width: 736px) { .p-contact__title { margin-bottom: 0.975rem; } .p-contact__title img { height: 37px; } }

.p-contact__copy { text-align: center; }

.p-member { /****************************************************************** project - carousel-slick
 * / /* Slider */ }

.p-member .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.p-member .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.p-member .slick-list:focus { outline: none; }

.p-member .slick-list.dragging { cursor: pointer; cursor: hand; }

.p-member .slick-slider .slick-track, .p-member .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.p-member .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.p-member .slick-track:before, .p-member .slick-track:after { display: table; content: ''; }

.p-member .slick-track:after { clear: both; }

.p-member .slick-loading .slick-track { visibility: hidden; }

.p-member .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

.p-member [dir='rtl'] .slick-slide { float: right; }

.p-member .slick-slide img { display: block; }

.p-member .slick-slide.slick-loading img { display: none; }

.p-member .slick-slide.dragging img { pointer-events: none; }

.p-member .slick-initialized .slick-slide { display: block; }

.p-member .slick-loading .slick-slide { visibility: hidden; }

.p-member .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.p-member .slick-arrow.slick-hidden { display: none; }

.p-member .slick-list { overflow: visible; }

.p-member .slick-active img { animation: bounce 1.4s ease 0.7s 1 forwards; }

.p-member .p-carousel-slick { margin-bottom: 1rem; }

.p-member .slick-dotted.slick-slider { margin-bottom: 2rem; }

.p-member .slick-slide { line-height: 0; }

.p-member .slick-prev, .p-member .slick-next { position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; height: 60px; background-color: #0ac0c7; border-radius: 100%; overflow: hidden; text-indent: -999px; outline: none; }

.p-member .slick-prev { left: 10px; position: relative; position: absolute; z-index: +1; }

.p-member .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(2.5px, 0) rotate(225deg); border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 20px; height: 20px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.p-member .slick-next { right: 10px; position: relative; position: absolute; }

.p-member .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-2.5px, 0) rotate(45deg); border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 20px; height: 20px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.p-member .slick-dots { position: absolute; width: 100%; bottom: -15px; display: flex; justify-content: center; margin-top: 0.5rem; height: 6px; }

.p-member .slick-dots li { margin: 0 1px; }

.p-member .slick-dots li button { width: 40px; height: 6px; overflow: hidden; text-indent: -999px; background: #d6d6d6; transition-property: background; transition-duration: 0.3s; }

.p-member .slick-dots li button:hover { background: #bdbdbd; }

.p-member .slick-dots li.slick-active button { background: #d80000; }

/****************************************************************** project - carousel-slick .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.c-section--banner .slick-list { margin-left: 50px; margin-right: 50px; }

@media screen and (max-width: 736px) { .c-section--banner .slick-list { margin-left: 20px; margin-right: 20px; } }

.c-section--banner .slick-track { display: flex; }

.c-section--banner .slick-slide { float: none; margin-left: 0.5rem; margin-right: 0.5rem; line-height: 0; }

@media screen and (max-width: 736px) { .c-section--banner .slick-slide { margin-left: 0.375rem; margin-right: 0.375rem; } }

.c-section--banner .slick-slide img { width: 100%; }

.c-section--banner .slick-slide a { display: block; outline: 0; }

.c-section--banner .slick-prev, .c-section--banner .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; overflow: hidden; text-indent: -999px; width: 30px; height: 30px; }

@media screen and (max-width: 736px) { .c-section--banner .slick-prev, .c-section--banner .slick-next { width: 20px; height: 20px; } }

.c-section--banner .slick-prev { z-index: +1; left: 0px; position: relative; position: absolute; width: 50px; height: 50px; border-radius: 100%; background-color: #0ac0c7; }

.c-section--banner .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(2.5px, 0) rotate(225deg); border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 20px; height: 20px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .c-section--banner .slick-prev { position: relative; position: absolute; width: 30px; height: 30px; } .c-section--banner .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1.5px, 0) rotate(225deg); border-top: 2px solid #fff; border-right: 2px solid #fff; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media print, screen and (min-width: 737px) { .c-section--banner .slick-prev { transition-property: transform; transition-duration: 0.3s; } .c-section--banner .slick-prev:hover { transform: translate(-5px, -50%) translateZ(0); } }

.c-section--banner .slick-next { right: 0px; position: relative; position: absolute; width: 50px; height: 50px; border-radius: 100%; background-color: #0ac0c7; }

.c-section--banner .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-2.5px, 0) rotate(45deg); border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 20px; height: 20px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .c-section--banner .slick-next { position: relative; position: absolute; width: 30px; height: 30px; } .c-section--banner .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-1.5px, 0) rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media print, screen and (min-width: 737px) { .c-section--banner .slick-next { transition-property: transform; transition-duration: 0.3s; } .c-section--banner .slick-next:hover { transform: translate(5px, -50%) translateZ(0); } }

/****************************************************************** project - modal-org @media print, screen and (min-width: 737px) { .p-modal-org#slot-result { width: auto; } }

@media screen and (max-width: 736px) { .p-modal-org#slot-result { width: 90%; } }

.p-modal-org { display: none; z-index: 10001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media print, screen and (min-width: 737px) { .p-modal-org { width: 80vw; max-width: 100vh; border-radius: 30px; } }

@media screen and (max-width: 736px) { .p-modal-org { border-radius: 12px; } }

.p-modal-org__close { position: absolute; top: 0; right: 0; }

@media print, screen and (min-width: 737px) { .p-modal-org__close { transform: translate(40%, -40%); } }

@media screen and (max-width: 736px) { .p-modal-org__close { transform: translate(-8%, 8%); } }

.p-modal-org__btn { box-sizing: border-box; background-color: #ff4f60; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

@media print, screen and (min-width: 737px) { .p-modal-org__btn { width: 70px; height: 70px; } .p-modal-org__btn-inner { display: inline-block; box-sizing: border-box; width: 38px; height: 38px; position: relative; } .p-modal-org__btn-inner::before, .p-modal-org__btn-inner::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; } .p-modal-org__btn-inner::before { border-top: 4px solid #ffffff; width: 40px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); } .p-modal-org__btn-inner::after { border-left: 4px solid #ffffff; width: 0; height: 40px; top: 0; bottom: 0; left: 18px; transform: rotate(45deg); } }

@media screen and (max-width: 736px) { .p-modal-org__btn { width: 40px; height: 40px; } .p-modal-org__btn-inner { display: inline-block; box-sizing: border-box; width: 24px; height: 24px; position: relative; } .p-modal-org__btn-inner::before, .p-modal-org__btn-inner::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; } .p-modal-org__btn-inner::before { border-top: 4px solid #ffffff; width: 24px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); } .p-modal-org__btn-inner::after { border-left: 4px solid #ffffff; width: 0; height: 24px; top: 0; bottom: 0; left: 10px; transform: rotate(45deg); } }

/****************************************************************** project - sort-check2 .p-sort-check2__menu { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -1rem; }

@media screen and (max-width: 736px) { .p-sort-check2__menu { display: none; } }

.p-sort-check2__menu-item { margin-right: 0.5rem; margin-top: 0.5rem; }

.p-sort-check2__button { color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; transition-property: all; transition-duration: 0.3s; padding: 0.2em 0.6em; color: #ffffff !important; font-weight: bold; font-size: 110%; }

.p-sort-check2__button:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

@media print, screen and (max-width: 900px) { .p-sort-check2__button { font-size: 100%; } }

.p-sort-check2__button:not(.is-active).is-hover { background-color: #bf3b48; }

.p-sort-check2__button.is-active { background-color: #982f39; }

.p-sort-check2__select { display: block; width: 100%; position: relative; box-sizing: border-box; color: #fff; }

@media print, screen and (min-width: 737px) { .p-sort-check2__select { display: none; } }

.p-sort-check2__head { position: relative; display: block; padding: 0.5em 1.9em 0.5em 0.5em; color: inherit; text-decoration: none; transition-property: background; transition-duration: 0.3s; background-color: #fe4e5f; border-bottom: 1px solid #fe818d; }

.p-sort-check2__head:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

.p-sort-check2__head::before { content: ""; position: absolute; margin: auto; top: 0; bottom: 0.3em; right: 0.9em; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); }

.p-sort-check2__body { position: absolute; box-sizing: border-box; width: 100%; z-index: +1; background-color: #ffeaba; color: #805900; }

.p-sort-check2__option { position: relative; display: block; cursor: pointer; padding: 0.5em 1em 0.5em 1.5em; color: inherit; text-decoration: none; transition-property: background; transition-duration: 0.3s; }

.p-sort-check2__option:hover:not(:disabled):not(.disabled) { color: inherit; text-decoration: none; }

.p-sort-check2__option:hover:not(:disabled):not(.disabled) { background-color: #f1f1f1; }

.p-sort-check2__option.is-active::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 3px; left: 9px; width: 6px; height: 9px; border-bottom: 2px solid #805900; border-right: 2px solid #805900; transform: rotate(40deg); }

.p-sort-check2__item.is-hidden { transition-property: opacity; transition-duration: 0.3s; opacity: 0; }

.p-sort-check2__item.is-active { animation: p-sort-check2-ani 0.2s ease-out 0s 1 forwards; }

@keyframes p-sort-check2-ani { 0% { transform: scale(0.8, 0.8); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } }

/****************************************************************** project - discography-nav .p-discography-nav { background-color: #fe4e5f; position: relative; z-index: +5; }

.p-discography-nav::before { height: 20px; content: ""; position: absolute; left: 0; width: 100%; }

.p-discography-nav::before { top: -20px; background: linear-gradient(45deg, #fe4e5f 10px, transparent 0), linear-gradient(315deg, #fe4e5f 10px, transparent 0); background-size: 20px 20px; }

.p-discography-nav__inner { max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 1.5rem; padding-bottom: 1.5rem; }

@media screen and (max-width: 736px) { .p-discography-nav__inner { padding: 12px; } }

/****************************************************************** project - discography-top @media screen and (max-width: 736px) { .p-discography-top { font-size: 90%; } }

.p-discography-top a { text-decoration: none; }

@media print, screen and (min-width: 737px) { .p-discography-top__item { display: flex; margin-top: 10px; } .p-discography-top__menbers { display: flex; } .p-discography-top__menber { margin-right: 10px; } }

@media screen and (max-width: 736px) { .p-discography-top__item { display: block; margin-top: 6px; } .p-discography-top__menbers { display: flex; flex-wrap: wrap; } .p-discography-top__menber { margin-right: 5px; } }

.p-discography-top__menber { display: block; }

.p-discography-top__menber span { box-sizing: border-box; display: inline-block; background-color: #fe4e5f; border-radius: 6px; color: #fff; min-width: 5.5em; text-align: center; font-weight: bold; }

.p-discography-top__menber--satomi span { background-color: #ef48b1; }

.p-discography-top__menber--rinu span { background-color: #ef270d; }

.p-discography-top__menber--nanamori span { background-color: #a931c0; }

.p-discography-top__menber--jel span { background-color: #ff4d00; }

.p-discography-top__menber--root span { background-color: #f0b400; }

.p-discography-top__menber--coron span { background-color: #00bde1; }

.p-discography-top__name { display: block; font-weight: bold; }

.p-discography-top__anker { display: block; }

@media print, screen and (min-width: 737px) { .p-discography-top__anker { margin-top: 10px; position: relative; padding-left: 7.5px; padding-left: 14px; font-size: 90%; } .p-discography-top__anker::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; transform: translate(7.5px, 0.8em) rotate(135deg); transform-origin: top left; border-top: 2px solid #fe4e5f; border-left: 2px solid #fe4e5f; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media screen and (max-width: 736px) { .p-discography-top__anker { margin-top: 4px; position: relative; padding-left: 6px; padding-left: 10px; font-size: 80%; } .p-discography-top__anker::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; transform: translate(6px, 0.8em) rotate(135deg); transform-origin: top left; border-top: 2px solid #fe4e5f; border-left: 2px solid #fe4e5f; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

/****************************************************************** project - discography-head .p-discography-head { text-align: center; }

@media print, screen and (min-width: 737px) { .p-discography-head h1 { display: flex; justify-content: center; align-items: center; } .p-discography-head__menber { margin-right: 10px; } }

.p-discography-head__menber { display: block; font-size: 1.2rem; }

.p-discography-head__menber span { box-sizing: border-box; display: inline-block; background-color: #fe4e5f; border-radius: 6px; color: #fff; min-width: 5.5em; text-align: center; font-weight: bold; }

.p-discography-head__menber--satomi span { background-color: #ef48b1; }

.p-discography-head__menber--rinu span { background-color: #ef270d; }

.p-discography-head__menber--nanamori span { background-color: #a931c0; }

.p-discography-head__menber--jel span { background-color: #ff4d00; }

.p-discography-head__menber--root span { background-color: #f0b400; }

.p-discography-head__menber--coron span { background-color: #00bde1; }

.p-discography-head p { font-weight: bold; }

/****************************************************************** project - discography-buy .p-discography-buy { background-color: #ffe3e4; border: 2px dotted #fe4e5f; border-radius: 1rem; padding: 1.5rem 1.9rem; }

@media screen and (max-width: 736px) { .p-discography-buy { border-radius: 0.75rem; padding: 1.125rem; } }

.p-discography-buy__head { color: #fe4e5f; }

@media print, screen and (min-width: 737px) { .p-discography-buy__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } }

@media screen and (max-width: 736px) { .p-discography-buy__head { margin-bottom: 0.75rem; } }

.p-discography-buy__head h2 { font-size: 1.1rem; }

@media screen and (max-width: 736px) { .p-discography-buy__head h2 { font-size: 0.99rem; } }

.p-discography-buy__head p { font-size: 1rem; }

@media screen and (max-width: 736px) { .p-discography-buy__head p { font-size: 0.9rem; } }

.p-discography-buy__item { text-align: center; }

.p-discography-buy__item img { border-radius: 6px; }

/****************************************************************** project - discography-detail .p-discography-detail__title { color: #fe4e5f; border-bottom: 4px solid #fe4e5f; }

/****************************************************************** project - dl .p-dl { padding: 1rem; background-color: #fcebeb; border-radius: 6px; }

.p-dl--end { background-color: #eeeeee; }

@media print, screen and (min-width: 901px) { .p-dl__inner { display: flex; align-items: center; } .p-dl__img { width: 250px; } .p-dl__body { width: calc(100% - 250px - 200px); box-sizing: border-box; padding-left: 2rem; } .p-dl__btn { width: 200px; text-align: center; } }

@media print, screen and (max-width: 900px) { .p-dl__inner > *:not(:last-child) { margin-bottom: 1rem; } }

@media screen and (max-width: 900px) and (max-width: 736px) { .p-dl__inner > *:not(:last-child) { margin-bottom: 0.75rem; } }

@media print, screen and (max-width: 900px) { .p-dl__btn { text-align: center; } }

/****************************************************************** project - corona .p-corona-date { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; text-align: right; }

.p-corona-title { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; background-color: #e84571; text-align: center; padding: 1rem; line-height: 1.4; font-size: 180%; }

@media screen and (max-width: 736px) { .p-corona-title { font-size: 140%; } }

.p-corona-title2 { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; background-color: #1d903e; text-align: center; padding: 1rem; line-height: 1.4; font-size: 180%; }

@media screen and (max-width: 736px) { .p-corona-title2 { font-size: 140%; } }

.p-corona { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; padding: 2rem; }

@media screen and (max-width: 736px) { .p-corona { padding: 1rem; } }

.p-corona__copy { text-align: center; color: #e84571; font-size: 140%; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 736px) { .p-corona__copy { font-size: 120%; } }

.p-corona__copy2 { text-align: center; color: #e84571; font-size: 160%; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 736px) { .p-corona__copy2 { font-size: 140%; } }

.p-corona__title { font-size: 140%; }

@media screen and (max-width: 736px) { .p-corona__title { font-size: 125%; } }

.p-corona__title::before { content: "■"; color: #e84571; }

.p-corona__area { background-color: #fff; padding: 1rem; border: 1px solid #e84571; }

.p-corona__area h4::before { content: "▼"; color: #e84571; }

.p-corona__area2 { background-color: #fff; padding: 1rem; border: 1px solid #1d903e; }

.p-corona__area2 h4 { color: #1d903e; }

.p-corona2 { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 3rem; border: 4px solid #e84571; padding: 2rem; }

@media screen and (max-width: 736px) { .p-corona2 { padding: 1rem; margin-top: 1.5rem; } }

.p-corona2__title { text-align: center; }

.p-corona2__title img { max-width: 300px; }

.p-corona2__copy { text-align: center; color: #e84571; font-size: 130%; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 736px) { .p-corona2__copy { font-size: 110%; } }

.p-corona2-contact { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: bold; background-color: #e84571; color: #fff; text-align: center; padding: 0.75rem; }

/****************************************************************** project - delay .p-delay-date { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; text-align: right; }

.p-delay { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 3rem; border: 4px solid #e84571; padding: 2rem; }

@media screen and (max-width: 736px) { .p-delay { padding: 1rem; margin-top: 1.5rem; } }

.p-delay__title { text-align: center; }

.p-delay__title img { max-width: 250px; }

@media screen and (max-width: 736px) { .p-delay__title img { max-width: 200px; } }

.p-delay__copy { text-align: center; color: #e84571; font-size: 170%; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 736px) { .p-delay__copy { font-size: 120%; } }

.p-delay__copy2 { text-align: center; color: #474747; font-size: 170%; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 736px) { .p-delay__copy2 { font-size: 120%; } }

.p-delay__copy2 strong { color: #e60012; font-size: 175%; }

.p-delay__title2 { font-size: 120%; }

.p-delay__title3 { font-size: 120%; color: #e84571; }

.p-delay-contact { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; font-weight: bold; background-color: #e84571; color: #fff; text-align: center; padding: 0.75rem; }

.p-delay2 { box-sizing: border-box; max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 3rem; }

@media screen and (max-width: 736px) { .p-delay2 { margin-top: 1.5rem; } }

/****************************************************************** project - spectator .p-spectator { box-sizing: border-box; max-width: 968px; margin-left: auto; margin-right: auto; }

.p-spectator__title { color: #f0308b; padding-left: 2rem; margin-bottom: 0; background: url(/info/20200301_live2/img/icon.png) left top/1em auto no-repeat; }

@media screen and (max-width: 736px) { .p-spectator__title { font-size: 120%; } }

/****************************************************************** project - promise .p-promise { line-height: 1.6; }

.p-promise__title2 { text-align: center; font-weight: bold; color: #ff6699; font-size: 200%; }

.p-promise__title2-2 { text-align: center; font-weight: bold; color: #cc99ff; font-size: 200%; }

.p-promise__copy { text-align: center; color: #00b0f0; font-weight: bold; font-size: 110%; }

@media screen and (max-width: 736px) { .p-promise__copy { font-size: 100%; text-align: left; } }

.p-promise__note { text-align: center; font-weight: bold; font-size: 150%; }

@media screen and (max-width: 736px) { .p-promise__note { font-size: 140%; } }

.p-promise__title3 { color: #fff; text-align: center; font-weight: bold; border-radius: 12px; padding: 0.5rem 1rem; background-image: linear-gradient(116deg, #ff3399 25%, #fd4ca5 25%, #fd4ca5 50%, #ff3399 50%, #ff3399 75%, #fd4ca5 75%, #fd4ca5 100%); background-size: 44.50px 91.25px; }

@media screen and (max-width: 736px) { .p-promise__title3 { padding: 0.375rem 0.75rem; } }

.p-promise__title3 h3 { font-size: 200%; }

@media screen and (max-width: 736px) { .p-promise__title3 h3 { font-size: 160%; } }

.p-promise__title4 { text-align: center; font-weight: bold; color: #ff3399; }

.p-promise__title4 h4 { font-size: 160%; }

@media screen and (max-width: 736px) { .p-promise__title4 h4 { font-size: 130%; } .p-promise__title4 h4 img { max-width: 60%; } }

.p-promise__message { text-align: center; }

.p-promise__message-inner { display: inline-block; text-align: left; font-weight: bold; font-size: 110%; }

@media screen and (max-width: 736px) { .p-promise__message-inner { font-size: 100%; } }

.p-promise .c-text-row2__head-left img { max-width: 180px; }

/****************************************************************** utility - mediaQuery .u-sp-media { display: none; }

@media screen and (max-width: 736px) { .u-pc-media { display: none; } .u-sp-media { display: block; } img.u-sp-media { display: inline-block; } }

/****************************************************************** utility - clearfix .u-clearfix::after { content: ""; display: block; clear: both; }

@media screen and (max-width: 736px) { .u-sp-clearfix::after { content: ""; display: block; clear: both; } }

/****************************************************************** utility - display .u-block { display: block; }

.u-none { display: none; }

.u-inline { display: inline; }

.u-inline-block { display: inline-block; }

.u-table { display: table; }

.u-table-row { display: table-row; }

.u-table-cell { display: table-cell; }

.u-flex { display: flex; }

.u-inline-flex { display: inline-flex; }

@media screen and (max-width: 736px) { .u-sp-block { display: block; } .u-sp-none { display: none; } .u-sp-inline { display: inline; } .u-sp-inline-block { display: inline-block; } .u-sp-table { display: table; } .u-sp-table-row { display: table-row; } .u-sp-table-cell { display: table-cell; } .u-sp-flex { display: flex; } .u-sp-inline-flex { display: inline-flex; } }

/****************************************************************** utility - display-off .u-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); }

@media screen and (max-width: 736px) { .u-sp-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); } }

/****************************************************************** utility - padding-side .u-padding-side { padding-right: 1rem; padding-left: 1rem; }

@media screen and (max-width: 736px) { .u-padding-side { padding-right: 0.75rem; padding-left: 0.75rem; } .u-sp-padding-side { padding-right: 0.75rem; padding-left: 0.75rem; } }

/****************************************************************** utility - text-align .u-center { text-align: center; }

.u-right { text-align: right; }

.u-left { text-align: left; }

@media screen and (max-width: 736px) { .u-sp-center { text-align: center; } .u-sp-right { text-align: right; } .u-sp-left { text-align: left; } }

/****************************************************************** utility - font-size-percent .u-font-size50per { font-size: 50%; }

.u-font-size55per { font-size: 55%; }

.u-font-size60per { font-size: 60%; }

.u-font-size65per { font-size: 65%; }

.u-font-size70per { font-size: 70%; }

.u-font-size75per { font-size: 75%; }

.u-font-size80per { font-size: 80%; }

.u-font-size85per { font-size: 85%; }

.u-font-size90per { font-size: 90%; }

.u-font-size95per { font-size: 95%; }

.u-font-size100per { font-size: 100%; }

.u-font-size110per { font-size: 110%; }

.u-font-size120per { font-size: 120%; }

.u-font-size130per { font-size: 130%; }

.u-font-size140per { font-size: 140%; }

.u-font-size150per { font-size: 150%; }

.u-font-size160per { font-size: 160%; }

.u-font-size170per { font-size: 170%; }

.u-font-size180per { font-size: 180%; }

.u-font-size190per { font-size: 190%; }

.u-font-size200per { font-size: 200%; }

.u-font-size210per { font-size: 210%; }

.u-font-size220per { font-size: 220%; }

.u-font-size230per { font-size: 230%; }

.u-font-size240per { font-size: 240%; }

.u-font-size250per { font-size: 250%; }

.u-font-size260per { font-size: 260%; }

.u-font-size270per { font-size: 270%; }

.u-font-size280per { font-size: 280%; }

.u-font-size290per { font-size: 290%; }

.u-font-size300per { font-size: 300%; }

@media screen and (max-width: 736px) { .u-sp-font-size50per { font-size: 50%; } .u-sp-font-size55per { font-size: 55%; } .u-sp-font-size60per { font-size: 60%; } .u-sp-font-size65per { font-size: 65%; } .u-sp-font-size70per { font-size: 70%; } .u-sp-font-size75per { font-size: 75%; } .u-sp-font-size80per { font-size: 80%; } .u-sp-font-size85per { font-size: 85%; } .u-sp-font-size90per { font-size: 90%; } .u-sp-font-size95per { font-size: 95%; } .u-sp-font-size100per { font-size: 100%; } .u-sp-font-size110per { font-size: 110%; } .u-sp-font-size120per { font-size: 120%; } .u-sp-font-size130per { font-size: 130%; } .u-sp-font-size140per { font-size: 140%; } .u-sp-font-size150per { font-size: 150%; } .u-sp-font-size160per { font-size: 160%; } .u-sp-font-size170per { font-size: 170%; } .u-sp-font-size180per { font-size: 180%; } .u-sp-font-size190per { font-size: 190%; } .u-sp-font-size200per { font-size: 200%; } .u-sp-font-size210per { font-size: 210%; } .u-sp-font-size220per { font-size: 220%; } .u-sp-font-size230per { font-size: 230%; } .u-sp-font-size240per { font-size: 240%; } .u-sp-font-size250per { font-size: 250%; } .u-sp-font-size260per { font-size: 260%; } .u-sp-font-size270per { font-size: 270%; } .u-sp-font-size280per { font-size: 280%; } .u-sp-font-size290per { font-size: 290%; } .u-sp-font-size300per { font-size: 300%; } }

/****************************************************************** utility - width-percent .u-width0 { width: 0; }

.u-width1per { width: 1%; }

.u-width2per { width: 2%; }

.u-width3per { width: 3%; }

.u-width4per { width: 4%; }

.u-width5per { width: 5%; }

.u-width6per { width: 6%; }

.u-width7per { width: 7%; }

.u-width8per { width: 8%; }

.u-width9per { width: 9%; }

.u-width10per { width: 10%; }

.u-width11per { width: 11%; }

.u-width12per { width: 12%; }

.u-width13per { width: 13%; }

.u-width14per { width: 14%; }

.u-width15per { width: 15%; }

.u-width16per { width: 16%; }

.u-width17per { width: 17%; }

.u-width18per { width: 18%; }

.u-width19per { width: 19%; }

.u-width20per { width: 20%; }

.u-width21per { width: 21%; }

.u-width22per { width: 22%; }

.u-width23per { width: 23%; }

.u-width24per { width: 24%; }

.u-width25per { width: 25%; }

.u-width26per { width: 26%; }

.u-width27per { width: 27%; }

.u-width28per { width: 28%; }

.u-width29per { width: 29%; }

.u-width30per { width: 30%; }

.u-width31per { width: 31%; }

.u-width32per { width: 32%; }

.u-width33per { width: 33%; }

.u-width34per { width: 34%; }

.u-width35per { width: 35%; }

.u-width36per { width: 36%; }

.u-width37per { width: 37%; }

.u-width38per { width: 38%; }

.u-width39per { width: 39%; }

.u-width40per { width: 40%; }

.u-width41per { width: 41%; }

.u-width42per { width: 42%; }

.u-width43per { width: 43%; }

.u-width44per { width: 44%; }

.u-width45per { width: 45%; }

.u-width46per { width: 46%; }

.u-width47per { width: 47%; }

.u-width48per { width: 48%; }

.u-width49per { width: 49%; }

.u-width50per { width: 50%; }

.u-width51per { width: 51%; }

.u-width52per { width: 52%; }

.u-width53per { width: 53%; }

.u-width54per { width: 54%; }

.u-width55per { width: 55%; }

.u-width56per { width: 56%; }

.u-width57per { width: 57%; }

.u-width58per { width: 58%; }

.u-width59per { width: 59%; }

.u-width60per { width: 60%; }

.u-width61per { width: 61%; }

.u-width62per { width: 62%; }

.u-width63per { width: 63%; }

.u-width64per { width: 64%; }

.u-width65per { width: 65%; }

.u-width66per { width: 66%; }

.u-width67per { width: 67%; }

.u-width68per { width: 68%; }

.u-width69per { width: 69%; }

.u-width70per { width: 70%; }

.u-width71per { width: 71%; }

.u-width72per { width: 72%; }

.u-width73per { width: 73%; }

.u-width74per { width: 74%; }

.u-width75per { width: 75%; }

.u-width76per { width: 76%; }

.u-width77per { width: 77%; }

.u-width78per { width: 78%; }

.u-width79per { width: 79%; }

.u-width80per { width: 80%; }

.u-width81per { width: 81%; }

.u-width82per { width: 82%; }

.u-width83per { width: 83%; }

.u-width84per { width: 84%; }

.u-width85per { width: 85%; }

.u-width86per { width: 86%; }

.u-width87per { width: 87%; }

.u-width88per { width: 88%; }

.u-width89per { width: 89%; }

.u-width90per { width: 90%; }

.u-width91per { width: 91%; }

.u-width92per { width: 92%; }

.u-width93per { width: 93%; }

.u-width94per { width: 94%; }

.u-width95per { width: 95%; }

.u-width96per { width: 96%; }

.u-width97per { width: 97%; }

.u-width98per { width: 98%; }

.u-width99per { width: 99%; }

.u-width100per { width: 100%; }

@media screen and (max-width: 736px) { .u-sp-width0per { width: 0; } .u-sp-width1per { width: 1%; } .u-sp-width2per { width: 2%; } .u-sp-width3per { width: 3%; } .u-sp-width4per { width: 4%; } .u-sp-width5per { width: 5%; } .u-sp-width6per { width: 6%; } .u-sp-width7per { width: 7%; } .u-sp-width8per { width: 8%; } .u-sp-width9per { width: 9%; } .u-sp-width10per { width: 10%; } .u-sp-width11per { width: 11%; } .u-sp-width12per { width: 12%; } .u-sp-width13per { width: 13%; } .u-sp-width14per { width: 14%; } .u-sp-width15per { width: 15%; } .u-sp-width16per { width: 16%; } .u-sp-width17per { width: 17%; } .u-sp-width18per { width: 18%; } .u-sp-width19per { width: 19%; } .u-sp-width20per { width: 20%; } .u-sp-width21per { width: 21%; } .u-sp-width22per { width: 22%; } .u-sp-width23per { width: 23%; } .u-sp-width24per { width: 24%; } .u-sp-width25per { width: 25%; } .u-sp-width26per { width: 26%; } .u-sp-width27per { width: 27%; } .u-sp-width28per { width: 28%; } .u-sp-width29per { width: 29%; } .u-sp-width30per { width: 30%; } .u-sp-width31per { width: 31%; } .u-sp-width32per { width: 32%; } .u-sp-width33per { width: 33%; } .u-sp-width34per { width: 34%; } .u-sp-width35per { width: 35%; } .u-sp-width36per { width: 36%; } .u-sp-width37per { width: 37%; } .u-sp-width38per { width: 38%; } .u-sp-width39per { width: 39%; } .u-sp-width40per { width: 40%; } .u-sp-width41per { width: 41%; } .u-sp-width42per { width: 42%; } .u-sp-width43per { width: 43%; } .u-sp-width44per { width: 44%; } .u-sp-width45per { width: 45%; } .u-sp-width46per { width: 46%; } .u-sp-width47per { width: 47%; } .u-sp-width48per { width: 48%; } .u-sp-width49per { width: 49%; } .u-sp-width50per { width: 50%; } .u-sp-width51per { width: 51%; } .u-sp-width52per { width: 52%; } .u-sp-width53per { width: 53%; } .u-sp-width54per { width: 54%; } .u-sp-width55per { width: 55%; } .u-sp-width56per { width: 56%; } .u-sp-width57per { width: 57%; } .u-sp-width58per { width: 58%; } .u-sp-width59per { width: 59%; } .u-sp-width60per { width: 60%; } .u-sp-width61per { width: 61%; } .u-sp-width62per { width: 62%; } .u-sp-width63per { width: 63%; } .u-sp-width64per { width: 64%; } .u-sp-width65per { width: 65%; } .u-sp-width66per { width: 66%; } .u-sp-width67per { width: 67%; } .u-sp-width68per { width: 68%; } .u-sp-width69per { width: 69%; } .u-sp-width70per { width: 70%; } .u-sp-width71per { width: 71%; } .u-sp-width72per { width: 72%; } .u-sp-width73per { width: 73%; } .u-sp-width74per { width: 74%; } .u-sp-width75per { width: 75%; } .u-sp-width76per { width: 76%; } .u-sp-width77per { width: 77%; } .u-sp-width78per { width: 78%; } .u-sp-width79per { width: 79%; } .u-sp-width80per { width: 80%; } .u-sp-width81per { width: 81%; } .u-sp-width82per { width: 82%; } .u-sp-width83per { width: 83%; } .u-sp-width84per { width: 84%; } .u-sp-width85per { width: 85%; } .u-sp-width86per { width: 86%; } .u-sp-width87per { width: 87%; } .u-sp-width88per { width: 88%; } .u-sp-width89per { width: 89%; } .u-sp-width90per { width: 90%; } .u-sp-width91per { width: 91%; } .u-sp-width92per { width: 92%; } .u-sp-width93per { width: 93%; } .u-sp-width94per { width: 94%; } .u-sp-width95per { width: 95%; } .u-sp-width96per { width: 96%; } .u-sp-width97per { width: 97%; } .u-sp-width98per { width: 98%; } .u-sp-width99per { width: 99%; } .u-sp-width100per { width: 100%; } }

/****************************************************************** utility - color .u-color-pink, .u-color-pink:hover, .u-color-pink a:hover { color: #f0308b !important; }

/****************************************************************** utility - over-opacity .u-over-opacity { transition-property: opacity; transition-duration: 0.3s; }

.u-over-opacity:hover:not(:disabled):not(.disabled) { opacity: 0.7; }

/****************************************************************** utility - over-scale-img .u-over-scale-img { display: block; overflow: hidden; }

.u-over-scale-img img { width: 100%; transition-property: transform; transition-duration: 0.3s; }

a:hover:not(:disabled):not(.disabled) .u-over-scale-img img { transform: scale(1.1); }

.u-over-scale-img--light img, .u-over-scale-img--dark img { transition-property: all; }

a:hover:not(:disabled):not(.disabled) .u-over-scale-img--light img, a:hover:not(:disabled):not(.disabled) .u-over-scale-img--dark img { opacity: 0.7; }

.u-over-scale-img--light { background-color: #ffffff; }

.u-over-scale-img--dark { background-color: #000000; }

/****************************************************************** utility - over-shift .u-over-shift { position: relative; display: inline-block; }

.u-over-shift::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(247, 109, 122, 0.5); }

.u-over-shift > * { position: relative; z-index: +1; transition-property: transform; transition-duration: 0.3s; }

.u-over-shift:hover:not(:disabled):not(.disabled) > * { transform: translate(-10px, -10px); }

.u-over-shift img { width: 100%; }

/****************************************************************** utility - trans-delay .u-trans-delay0 { transition-delay: 0; }

.u-trans-delay01s { transition-delay: 0.1s; }

.u-trans-delay02s { transition-delay: 0.2s; }

.u-trans-delay03s { transition-delay: 0.3s; }

.u-trans-delay04s { transition-delay: 0.4s; }

.u-trans-delay05s { transition-delay: 0.5s; }

.u-trans-delay06s { transition-delay: 0.6s; }

.u-trans-delay07s { transition-delay: 0.7s; }

.u-trans-delay08s { transition-delay: 0.8s; }

.u-trans-delay09s { transition-delay: 0.9s; }

.u-trans-delay10s { transition-delay: 1s; }

.u-trans-delay11s { transition-delay: 1.1s; }

.u-trans-delay12s { transition-delay: 1.2s; }

.u-trans-delay13s { transition-delay: 1.3s; }

.u-trans-delay14s { transition-delay: 1.4s; }

.u-trans-delay15s { transition-delay: 1.5s; }

.u-trans-delay16s { transition-delay: 1.6s; }

.u-trans-delay17s { transition-delay: 1.7s; }

.u-trans-delay18s { transition-delay: 1.8s; }

.u-trans-delay19s { transition-delay: 1.9s; }

.u-trans-delay20s { transition-delay: 2s; }

.u-trans-delay21s { transition-delay: 2.1s; }

.u-trans-delay22s { transition-delay: 2.2s; }

.u-trans-delay23s { transition-delay: 2.3s; }

.u-trans-delay24s { transition-delay: 2.4s; }

.u-trans-delay25s { transition-delay: 2.5s; }

.u-trans-delay26s { transition-delay: 2.6s; }

.u-trans-delay27s { transition-delay: 2.7s; }

.u-trans-delay28s { transition-delay: 2.8s; }

.u-trans-delay29s { transition-delay: 2.9s; }

.u-trans-delay30s { transition-delay: 3s; }

@media screen and (max-width: 736px) { .u-sp-trans-delay0 { transition-delay: 0; } .u-sp-trans-delay01s { transition-delay: 0.1s; } .u-sp-trans-delay02s { transition-delay: 0.2s; } .u-sp-trans-delay03s { transition-delay: 0.3s; } .u-sp-trans-delay04s { transition-delay: 0.4s; } .u-sp-trans-delay05s { transition-delay: 0.5s; } .u-sp-trans-delay06s { transition-delay: 0.6s; } .u-sp-trans-delay07s { transition-delay: 0.7s; } .u-sp-trans-delay08s { transition-delay: 0.8s; } .u-sp-trans-delay09s { transition-delay: 0.9s; } .u-sp-trans-delay10s { transition-delay: 1s; } .u-sp-trans-delay11s { transition-delay: 1.1s; } .u-sp-trans-delay12s { transition-delay: 1.2s; } .u-sp-trans-delay13s { transition-delay: 1.3s; } .u-sp-trans-delay14s { transition-delay: 1.4s; } .u-sp-trans-delay15s { transition-delay: 1.5s; } .u-sp-trans-delay16s { transition-delay: 1.6s; } .u-sp-trans-delay17s { transition-delay: 1.7s; } .u-sp-trans-delay18s { transition-delay: 1.8s; } .u-sp-trans-delay19s { transition-delay: 1.9s; } .u-sp-trans-delay20s { transition-delay: 2s; } .u-sp-trans-delay21s { transition-delay: 2.1s; } .u-sp-trans-delay22s { transition-delay: 2.2s; } .u-sp-trans-delay23s { transition-delay: 2.3s; } .u-sp-trans-delay24s { transition-delay: 2.4s; } .u-sp-trans-delay25s { transition-delay: 2.5s; } .u-sp-trans-delay26s { transition-delay: 2.6s; } .u-sp-trans-delay27s { transition-delay: 2.7s; } .u-sp-trans-delay28s { transition-delay: 2.8s; } .u-sp-trans-delay29s { transition-delay: 2.9s; } .u-sp-trans-delay30s { transition-delay: 3s; } }

/****************************************************************** utility - ani-duration .u-ani-duration0 { animation-duration: 0 !important; }

.u-ani-duration01s { animation-duration: 0.1s !important; }

.u-ani-duration02s { animation-duration: 0.2s !important; }

.u-ani-duration03s { animation-duration: 0.3s !important; }

.u-ani-duration04s { animation-duration: 0.4s !important; }

.u-ani-duration05s { animation-duration: 0.5s !important; }

.u-ani-duration06s { animation-duration: 0.6s !important; }

.u-ani-duration07s { animation-duration: 0.7s !important; }

.u-ani-duration08s { animation-duration: 0.8s !important; }

.u-ani-duration09s { animation-duration: 0.9s !important; }

.u-ani-duration10s { animation-duration: 1s !important; }

.u-ani-duration11s { animation-duration: 1.1s !important; }

.u-ani-duration12s { animation-duration: 1.2s !important; }

.u-ani-duration13s { animation-duration: 1.3s !important; }

.u-ani-duration14s { animation-duration: 1.4s !important; }

.u-ani-duration15s { animation-duration: 1.5s !important; }

.u-ani-duration16s { animation-duration: 1.6s !important; }

.u-ani-duration17s { animation-duration: 1.7s !important; }

.u-ani-duration18s { animation-duration: 1.8s !important; }

.u-ani-duration19s { animation-duration: 1.9s !important; }

.u-ani-duration20s { animation-duration: 2s !important; }

.u-ani-duration21s { animation-duration: 2.1s !important; }

.u-ani-duration22s { animation-duration: 2.2s !important; }

.u-ani-duration23s { animation-duration: 2.3s !important; }

.u-ani-duration24s { animation-duration: 2.4s !important; }

.u-ani-duration25s { animation-duration: 2.5s !important; }

.u-ani-duration26s { animation-duration: 2.6s !important; }

.u-ani-duration27s { animation-duration: 2.7s !important; }

.u-ani-duration28s { animation-duration: 2.8s !important; }

.u-ani-duration29s { animation-duration: 2.9s !important; }

.u-ani-duration30s { animation-duration: 3s !important; }

@media screen and (max-width: 736px) { .u-sp-ani-duration0 { animation-duration: 0 !important; } .u-sp-ani-duration01s { animation-duration: 0.1s !important; } .u-sp-ani-duration02s { animation-duration: 0.2s !important; } .u-sp-ani-duration03s { animation-duration: 0.3s !important; } .u-sp-ani-duration04s { animation-duration: 0.4s !important; } .u-sp-ani-duration05s { animation-duration: 0.5s !important; } .u-sp-ani-duration06s { animation-duration: 0.6s !important; } .u-sp-ani-duration07s { animation-duration: 0.7s !important; } .u-sp-ani-duration08s { animation-duration: 0.8s !important; } .u-sp-ani-duration09s { animation-duration: 0.9s !important; } .u-sp-ani-duration10s { animation-duration: 1s !important; } .u-sp-ani-duration11s { animation-duration: 1.1s !important; } .u-sp-ani-duration12s { animation-duration: 1.2s !important; } .u-sp-ani-duration13s { animation-duration: 1.3s !important; } .u-sp-ani-duration14s { animation-duration: 1.4s !important; } .u-sp-ani-duration15s { animation-duration: 1.5s !important; } .u-sp-ani-duration16s { animation-duration: 1.6s !important; } .u-sp-ani-duration17s { animation-duration: 1.7s !important; } .u-sp-ani-duration18s { animation-duration: 1.8s !important; } .u-sp-ani-duration19s { animation-duration: 1.9s !important; } .u-sp-ani-duration20s { animation-duration: 2s !important; } .u-sp-ani-duration21s { animation-duration: 2.1s !important; } .u-sp-ani-duration22s { animation-duration: 2.2s !important; } .u-sp-ani-duration23s { animation-duration: 2.3s !important; } .u-sp-ani-duration24s { animation-duration: 2.4s !important; } .u-sp-ani-duration25s { animation-duration: 2.5s !important; } .u-sp-ani-duration26s { animation-duration: 2.6s !important; } .u-sp-ani-duration27s { animation-duration: 2.7s !important; } .u-sp-ani-duration28s { animation-duration: 2.8s !important; } .u-sp-ani-duration29s { animation-duration: 2.9s !important; } .u-sp-ani-duration30s { animation-duration: 3s !important; } }

/****************************************************************** utility - ani-delay .u-ani-delay0 { animation-delay: 0 !important; }

.u-ani-delay01s { animation-delay: 0.1s !important; }

.u-ani-delay02s { animation-delay: 0.2s !important; }

.u-ani-delay03s { animation-delay: 0.3s !important; }

.u-ani-delay04s { animation-delay: 0.4s !important; }

.u-ani-delay05s { animation-delay: 0.5s !important; }

.u-ani-delay06s { animation-delay: 0.6s !important; }

.u-ani-delay07s { animation-delay: 0.7s !important; }

.u-ani-delay08s { animation-delay: 0.8s !important; }

.u-ani-delay09s { animation-delay: 0.9s !important; }

.u-ani-delay10s { animation-delay: 1s !important; }

.u-ani-delay11s { animation-delay: 1.1s !important; }

.u-ani-delay12s { animation-delay: 1.2s !important; }

.u-ani-delay13s { animation-delay: 1.3s !important; }

.u-ani-delay14s { animation-delay: 1.4s !important; }

.u-ani-delay15s { animation-delay: 1.5s !important; }

.u-ani-delay16s { animation-delay: 1.6s !important; }

.u-ani-delay17s { animation-delay: 1.7s !important; }

.u-ani-delay18s { animation-delay: 1.8s !important; }

.u-ani-delay19s { animation-delay: 1.9s !important; }

.u-ani-delay20s { animation-delay: 2s !important; }

.u-ani-delay21s { animation-delay: 2.1s !important; }

.u-ani-delay22s { animation-delay: 2.2s !important; }

.u-ani-delay23s { animation-delay: 2.3s !important; }

.u-ani-delay24s { animation-delay: 2.4s !important; }

.u-ani-delay25s { animation-delay: 2.5s !important; }

.u-ani-delay26s { animation-delay: 2.6s !important; }

.u-ani-delay27s { animation-delay: 2.7s !important; }

.u-ani-delay28s { animation-delay: 2.8s !important; }

.u-ani-delay29s { animation-delay: 2.9s !important; }

.u-ani-delay30s { animation-delay: 3s !important; }

@media screen and (max-width: 736px) { .u-sp-ani-delay0 { animation-delay: 0 !important; } .u-sp-ani-delay01s { animation-delay: 0.1s !important; } .u-sp-ani-delay02s { animation-delay: 0.2s !important; } .u-sp-ani-delay03s { animation-delay: 0.3s !important; } .u-sp-ani-delay04s { animation-delay: 0.4s !important; } .u-sp-ani-delay05s { animation-delay: 0.5s !important; } .u-sp-ani-delay06s { animation-delay: 0.6s !important; } .u-sp-ani-delay07s { animation-delay: 0.7s !important; } .u-sp-ani-delay08s { animation-delay: 0.8s !important; } .u-sp-ani-delay09s { animation-delay: 0.9s !important; } .u-sp-ani-delay10s { animation-delay: 1s !important; } .u-sp-ani-delay11s { animation-delay: 1.1s !important; } .u-sp-ani-delay12s { animation-delay: 1.2s !important; } .u-sp-ani-delay13s { animation-delay: 1.3s !important; } .u-sp-ani-delay14s { animation-delay: 1.4s !important; } .u-sp-ani-delay15s { animation-delay: 1.5s !important; } .u-sp-ani-delay16s { animation-delay: 1.6s !important; } .u-sp-ani-delay17s { animation-delay: 1.7s !important; } .u-sp-ani-delay18s { animation-delay: 1.8s !important; } .u-sp-ani-delay19s { animation-delay: 1.9s !important; } .u-sp-ani-delay20s { animation-delay: 2s !important; } .u-sp-ani-delay21s { animation-delay: 2.1s !important; } .u-sp-ani-delay22s { animation-delay: 2.2s !important; } .u-sp-ani-delay23s { animation-delay: 2.3s !important; } .u-sp-ani-delay24s { animation-delay: 2.4s !important; } .u-sp-ani-delay25s { animation-delay: 2.5s !important; } .u-sp-ani-delay26s { animation-delay: 2.6s !important; } .u-sp-ani-delay27s { animation-delay: 2.7s !important; } .u-sp-ani-delay28s { animation-delay: 2.8s !important; } .u-sp-ani-delay29s { animation-delay: 2.9s !important; } .u-sp-ani-delay30s { animation-delay: 3s !important; } }

.u-stripe { background: linear-gradient(-45deg, #fff0fb 25%, #ffe9fa 25%, #ffe9fa 50%, #fff0fb 50%, #fff0fb 75%, #ffe9fa 75%, #ffe9fa); background-size: 40px 40px; }