@charset "UTF-8";
/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

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

body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b, strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

code, kbd, pre, samp {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

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

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

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

.h1, h1 {
  font-size: 2.5rem; }

.h2, h2 {
  font-size: 2rem; }

.h3, h3 {
  font-size: 1.75rem; }

.h4, h4 {
  font-size: 1.5rem; }

.h5, h5 {
  font-size: 1.25rem; }

.h6, h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.small, small {
  font-size: 80%;
  font-weight: 400; }

.mark, mark {
  padding: .2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }

.list-inline-item:not(:last-child) {
  margin-right: .5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }

.blockquote-footer::before {
  content: "\2014\00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: .5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }

a > code {
  color: inherit; }

kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem; }

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  -ms-flex-preferred-size: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1; }

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  order: 13; }

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  order: 0; }

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1; }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13; }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0; }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1; }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2; }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3; }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4; }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5; }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6; }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7; }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8; }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9; }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10; }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11; }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.333333%; }
  .offset-sm-2 {
    margin-left: 16.666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.333333%; }
  .offset-sm-5 {
    margin-left: 41.666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.333333%; }
  .offset-sm-8 {
    margin-left: 66.666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.333333%; }
  .offset-sm-11 {
    margin-left: 91.666667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1; }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13; }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0; }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1; }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2; }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3; }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4; }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5; }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6; }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7; }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8; }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9; }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10; }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11; }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.333333%; }
  .offset-md-2 {
    margin-left: 16.666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.333333%; }
  .offset-md-5 {
    margin-left: 41.666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.333333%; }
  .offset-md-8 {
    margin-left: 66.666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.333333%; }
  .offset-md-11 {
    margin-left: 91.666667%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1; }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13; }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0; }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1; }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2; }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3; }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4; }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5; }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6; }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7; }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8; }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9; }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10; }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11; }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.333333%; }
  .offset-lg-2 {
    margin-left: 16.666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.333333%; }
  .offset-lg-5 {
    margin-left: 41.666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.333333%; }
  .offset-lg-8 {
    margin-left: 66.666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.333333%; }
  .offset-lg-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1; }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13; }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0; }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1; }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2; }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3; }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4; }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5; }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6; }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7; }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8; }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9; }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10; }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11; }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.333333%; }
  .offset-xl-2 {
    margin-left: 16.666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.333333%; }
  .offset-xl-5 {
    margin-left: 41.666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.333333%; }
  .offset-xl-8 {
    margin-left: 66.666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.333333%; }
  .offset-xl-11 {
    margin-left: 91.666667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }

.table td, .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6; }

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6; }

.table tbody + tbody {
  border-top: 2px solid #dee2e6; }

.table .table {
  background-color: #fff; }

.table-sm td, .table-sm th {
  padding: .3rem; }

.table-bordered {
  border: 1px solid #dee2e6; }

.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6; }

.table-bordered thead td, .table-bordered thead th {
  border-bottom-width: 2px; }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary, .table-primary > td, .table-primary > th {
  background-color: #b8daff; }

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
  border-color: #7abaff; }

.table-hover .table-primary:hover {
  background-color: #9fcdff; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #9fcdff; }

.table-secondary, .table-secondary > td, .table-secondary > th {
  background-color: #d6d8db; }

.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
  border-color: #b3b7bb; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf; }

.table-success, .table-success > td, .table-success > th {
  background-color: #c3e6cb; }

.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
  border-color: #8fd19e; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b1dfbb; }

.table-info, .table-info > td, .table-info > th {
  background-color: #bee5eb; }

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #abdde5; }

.table-warning, .table-warning > td, .table-warning > th {
  background-color: #ffeeba; }

.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
  border-color: #ffdf7e; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #ffe8a1; }

.table-danger, .table-danger > td, .table-danger > th {
  background-color: #f5c6cb; }

.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
  border-color: #ed969e; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #f1b0b7; }

.table-light, .table-light > td, .table-light > th {
  background-color: #fdfdfe; }

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
  border-color: #fbfcfc; }

.table-hover .table-light:hover {
  background-color: #ececf6; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #ececf6; }

.table-dark, .table-dark > td, .table-dark > th {
  background-color: #c6c8ca; }

.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
  border-color: #95999c; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbe; }

.table-active, .table-active > td, .table-active > th {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.table-dark {
  color: #fff;
  background-color: #212529; }

.table-dark td, .table-dark th, .table-dark thead th {
  border-color: #32383e; }

.table-dark.table-bordered {
  border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-sm > .table-bordered {
    border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-md > .table-bordered {
    border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-lg > .table-bordered {
    border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered {
    border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.table-responsive > .table-bordered {
  border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none; } }

.form-control::-ms-expand {
  background-color: transparent;
  border: 0; }

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control::placeholder {
  color: #6c757d;
  opacity: 1; }

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file, .form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0; }

.form-control-sm {
  height: calc(1.8125rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

.form-control-lg {
  height: calc(2.875rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem; }

select.form-control[multiple], select.form-control[size] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: .25rem; }

.form-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }

.form-row > .col, .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem; }

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: .25rem; }

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); }

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
  display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: 2.25rem;
  background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); }

.custom-select.is-valid, .was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: 3.4375rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem; }

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip {
  display: block; }

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
  display: block; }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745; }

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block; }

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745; }

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #28a745; }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
  display: block; }

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57; }

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745; }

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745; }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
  display: block; }

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: .25rem; }

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); }

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
  display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: 2.25rem;
  background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); }

.custom-select.is-invalid, .was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: 3.4375rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem; }

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip {
  display: block; }

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
  display: block; }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545; }

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block; }

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545; }

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #dc3545; }

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
  display: block; }

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d; }

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545; }

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545; }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
  display: block; }

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.form-inline .form-check {
  width: 100%; }

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0; }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-plaintext {
    display: inline-block; }
  .form-inline .custom-select, .form-inline .input-group {
    width: auto; }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    padding-left: 0; }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0; }
  .form-inline .custom-control {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .form-inline .custom-control-label {
    margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none; } }

.btn:hover {
  color: #212529;
  text-decoration: none; }

.btn.focus, .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.btn.disabled, .btn:disabled {
  opacity: .65; }

.btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc; }

.btn-primary.focus, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62; }

.btn-secondary.focus, .btn-secondary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b; }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34; }

.btn-success.focus, .btn-success:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430; }

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b; }

.btn-info.focus, .btn-info:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f; }

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00; }

.btn-warning.focus, .btn-warning:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500; }

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130; }

.btn-danger.focus, .btn-danger:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d; }

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5; }

.btn-light.focus, .btn-light:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df; }

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124; }

.btn-dark.focus, .btn-dark:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d; }

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff; }

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-outline-primary.focus, .btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent; }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d; }

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent; }

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success {
  color: #28a745;
  border-color: #28a745; }

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.btn-outline-success.focus, .btn-outline-success:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.btn-outline-info.focus, .btn-outline-info:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent; }

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.btn-outline-warning.focus, .btn-outline-warning:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent; }

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545; }

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-outline-danger.focus, .btn-outline-danger:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent; }

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.btn-outline-light.focus, .btn-outline-light:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent; }

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.btn-outline-dark.focus, .btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent; }

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #007bff; }

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline; }

.btn-link.focus, .btn-link:focus {
  text-decoration: underline;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link.disabled, .btn-link:disabled {
  color: #6c757d;
  pointer-events: none; }

.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem; }

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: .5rem; }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%; }

.fade {
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear; }

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none; } }

.fade:not(.show) {
  opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease; }

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none; } }

.dropdown, .dropleft, .dropright, .dropup {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropdown-menu-left {
  right: auto;
  left: 0; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }

.dropdown-item:first-child {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px); }

.dropdown-item:last-child {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px); }

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa; }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff; }

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529; }

.btn-group, .btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  vertical-align: middle; }

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
  z-index: 1; }

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
  z-index: 1; }

.btn-toolbar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.btn-toolbar .input-group {
  width: auto; }

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem; }

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0; }

.dropleft .dropdown-toggle-split::before {
  margin-right: 0; }

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem; }

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem; }

.btn-group-vertical {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%; }

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px; }

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%; }

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0; }

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
  margin-left: -1px; }

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
  z-index: 3; }

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4; }

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group > .custom-file {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.input-group-append .btn, .input-group-prepend .btn {
  position: relative;
  z-index: 2; }

.input-group-append .btn:focus, .input-group-prepend .btn:focus {
  z-index: 3; }

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem; }

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
  margin-top: 0; }

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
  height: calc(2.875rem + 2px); }

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem; }

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
  height: calc(1.8125rem + 2px); }

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff; }

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff; }

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d; }

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }

.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px; }

.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: .25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: .5rem; }

.custom-switch .custom-control-label::after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    transition: none; } }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  -ms-transform: translateX(0.75rem);
  transform: translateX(0.75rem); }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); }

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none; }

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef; }

.custom-select::-ms-expand {
  opacity: 0; }

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem; }

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0; }

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef; }

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse"; }

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem; }

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + .4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.custom-range:focus {
  outline: 0; }

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range::-moz-focus-outer {
  border: 0; }

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none; }

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none; } }

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff; }

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem; }

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none; }

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none; } }

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff; }

.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem; }

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  appearance: none; }

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none; } }

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff; }

.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem; }

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem; }

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem; }

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd; }

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default; }

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd; }

.custom-range:disabled::-moz-range-track {
  cursor: default; }

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd; }

.custom-control-label::before, .custom-file-label, .custom-select {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    -webkit-transition: none;
    transition: none; } }

.nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: .5rem 1rem; }

.nav-link:focus, .nav-link:hover {
  text-decoration: none; }

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-item {
  margin-bottom: -1px; }

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: .25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .5rem 1rem; }

.navbar > .container, .navbar > .container-fluid {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none; }

.navbar-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0; }

.navbar-nav .dropdown-menu {
  position: static;
  float: none; }

.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem; }

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem; }

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none; }

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler {
    display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto; }
  .navbar-expand-md .navbar-toggler {
    display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler {
    display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler {
    display: none; } }

.navbar-expand {
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0; }

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute; }

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto; }

.navbar-expand .navbar-toggler {
  display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a {
  color: #fff; }

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  color: #fff; }

.card {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem; }

.card > hr {
  margin-right: 0;
  margin-left: 0; }

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.card-body {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: .75rem; }

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child {
  border-top: 0; }

.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); }

.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px); }

.card-deck {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column; }

.card-deck .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .card-deck .card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1 0 0%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px; } }

.card-group {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column; }

.card-group > .card {
  margin-bottom: 15px; }

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0; }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0; }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
    border-top-right-radius: 0; }
  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0; }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
    border-top-left-radius: 0; }
  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0; }
  .card-group > .card:only-child {
    border-radius: .25rem; }
  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem; }
  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
    border-radius: 0; } }

.card-columns .card {
  margin-bottom: .75rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
  .card-columns .card {
    display: inline-block;
    width: 100%; } }

.accordion .card {
  overflow: hidden; }

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0; }

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0; }

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.accordion .card .card-header {
  margin-bottom: -1px; }

.breadcrumb {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem; }

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem; }

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer; }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem; }

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem; }

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem; }

a.badge:focus, a.badge:hover {
  text-decoration: none; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #007bff; }

a.badge-primary:focus, a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc; }

.badge-secondary {
  color: #fff;
  background-color: #6c757d; }

a.badge-secondary:focus, a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62; }

.badge-success {
  color: #fff;
  background-color: #28a745; }

a.badge-success:focus, a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34; }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }

a.badge-info:focus, a.badge-info:hover {
  color: #fff;
  background-color: #117a8b; }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }

a.badge-warning:focus, a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00; }

.badge-danger {
  color: #fff;
  background-color: #dc3545; }

a.badge-danger:focus, a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130; }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }

a.badge-light:focus, a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5; }

.badge-dark {
  color: #fff;
  background-color: #343a40; }

a.badge-dark:focus, a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem; }

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit; }

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff; }

.alert-primary hr {
  border-top-color: #9fcdff; }

.alert-primary .alert-link {
  color: #002752; }

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }

.alert-secondary hr {
  border-top-color: #c8cbcf; }

.alert-secondary .alert-link {
  color: #202326; }

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }

.alert-success hr {
  border-top-color: #b1dfbb; }

.alert-success .alert-link {
  color: #0b2e13; }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }

.alert-info hr {
  border-top-color: #abdde5; }

.alert-info .alert-link {
  color: #062c33; }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }

.alert-warning hr {
  border-top-color: #ffe8a1; }

.alert-warning .alert-link {
  color: #533f03; }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.alert-danger hr {
  border-top-color: #f1b0b7; }

.alert-danger .alert-link {
  color: #491217; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }

.alert-light hr {
  border-top-color: #ececf6; }

.alert-light .alert-link {
  color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }

.alert-dark hr {
  border-top-color: #b9bbbe; }

.alert-dark .alert-link {
  color: #040505; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem; }

.progress-bar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  -webkit-transition: width .6s ease;
  transition: width .6s ease; }

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none; } }

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite; }

.media {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.media-body {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.list-group {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa; }

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.list-group-item:focus, .list-group-item:hover {
  z-index: 1;
  text-decoration: none; }

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff; }

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff; }

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff; }

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085; }

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db; }

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf; }

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41; }

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb; }

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb; }

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5; }

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460; }

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1; }

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404; }

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb; }

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7; }

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6; }

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe; }

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }

.close:hover {
  color: #000;
  text-decoration: none; }

.close:not(:disabled):not(.disabled) {
  cursor: pointer; }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

a.close.disabled {
  pointer-events: none; }

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0; }

.toast:not(:last-child) {
  margin-bottom: .75rem; }

.toast.showing {
  opacity: 1; }

.toast.show {
  display: block;
  opacity: 1; }

.toast.hide {
  display: none; }

.toast-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: .75rem; }

.modal-open {
  overflow: hidden; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none; }

.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px); }

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none; } }

.modal.show .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.modal-dialog-centered {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2)); }

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: ""; }

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.show {
  opacity: .5; }

.modal-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem; }

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem; }

.modal-footer > :not(:first-child) {
  margin-left: .25rem; }

.modal-footer > :not(:last-child) {
  margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0; }

.tooltip.show {
  opacity: .9; }

.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem; }

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid; }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
  padding: .4rem 0; }

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
  bottom: 0; }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000; }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
  padding: 0 .4rem; }

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem; }

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000; }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
  padding: .4rem 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
  top: 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000; }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
  padding: 0 .4rem; }

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem; }

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem; }

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem; }

.popover .arrow::after, .popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid; }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
  margin-bottom: .5rem; }

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
  bottom: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
  border-width: .5rem .5rem 0; }

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
  bottom: 1px;
  border-top-color: #fff; }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
  margin-left: .5rem; }

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
  left: calc((.5rem + 1px) * -1);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0; }

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
  border-width: .5rem .5rem .5rem 0; }

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
  left: 1px;
  border-right-color: #fff; }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
  margin-top: .5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
  top: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
  border-width: 0 .5rem .5rem .5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
  top: 1px;
  border-bottom-color: #fff; }

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7; }

.bs-popover-auto[x-placement^=left], .bs-popover-left {
  margin-right: .5rem; }

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
  right: calc((.5rem + 1px) * -1);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0; }

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
  border-width: .5rem 0 .5rem .5rem; }

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
  right: 1px;
  border-left-color: #fff; }

.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px); }

.popover-header:empty {
  display: none; }

.popover-body {
  padding: .5rem .75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out; }

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none; } }

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block; }

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0s .6s opacity;
  transition: 0s .6s opacity; }

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none; } }

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease; }

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    -webkit-transition: none;
    transition: none; } }

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }

.carousel-indicators li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease; }

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    transition: none; } }

.carousel-indicators .active {
  opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em; }

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 1; } }

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important; }

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }

.embed-responsive::before {
  display: block;
  content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.857143%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-3by4::before {
  padding-top: 133.333333%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  -webkit-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  -webkit-flex-shrink: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  -webkit-flex-shrink: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  -webkit-justify-content: space-around !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  -webkit-align-content: flex-start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  -webkit-align-content: flex-end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  -webkit-align-content: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  -webkit-align-content: space-between !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  -webkit-align-content: space-around !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  -webkit-align-content: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -webkit-align-self: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  -webkit-align-self: flex-start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  -webkit-align-self: flex-end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  -webkit-align-self: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  -webkit-align-self: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -webkit-align-self: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

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

.w-75 {
  width: 75% !important; }

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

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

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

.mt-0, .my-0 {
  margin-top: 0 !important; }

.mr-0, .mx-0 {
  margin-right: 0 !important; }

.mb-0, .my-0 {
  margin-bottom: 0 !important; }

.ml-0, .mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1, .my-1 {
  margin-top: 0.25rem !important; }

.mr-1, .mx-1 {
  margin-right: 0.25rem !important; }

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2, .my-2 {
  margin-top: 0.5rem !important; }

.mr-2, .mx-2 {
  margin-right: 0.5rem !important; }

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3, .my-3 {
  margin-top: 1rem !important; }

.mr-3, .mx-3 {
  margin-right: 1rem !important; }

.mb-3, .my-3 {
  margin-bottom: 1rem !important; }

.ml-3, .mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4, .my-4 {
  margin-top: 1.5rem !important; }

.mr-4, .mx-4 {
  margin-right: 1.5rem !important; }

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5, .my-5 {
  margin-top: 3rem !important; }

.mr-5, .mx-5 {
  margin-right: 3rem !important; }

.mb-5, .my-5 {
  margin-bottom: 3rem !important; }

.ml-5, .mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0, .py-0 {
  padding-top: 0 !important; }

.pr-0, .px-0 {
  padding-right: 0 !important; }

.pb-0, .py-0 {
  padding-bottom: 0 !important; }

.pl-0, .px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1, .py-1 {
  padding-top: 0.25rem !important; }

.pr-1, .px-1 {
  padding-right: 0.25rem !important; }

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1, .px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2, .py-2 {
  padding-top: 0.5rem !important; }

.pr-2, .px-2 {
  padding-right: 0.5rem !important; }

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2, .px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3, .py-3 {
  padding-top: 1rem !important; }

.pr-3, .px-3 {
  padding-right: 1rem !important; }

.pb-3, .py-3 {
  padding-bottom: 1rem !important; }

.pl-3, .px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4, .py-4 {
  padding-top: 1.5rem !important; }

.pr-4, .px-4 {
  padding-right: 1.5rem !important; }

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4, .px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5, .py-5 {
  padding-top: 3rem !important; }

.pr-5, .px-5 {
  padding-right: 3rem !important; }

.pb-5, .py-5 {
  padding-bottom: 3rem !important; }

.pl-5, .px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1, .my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1, .my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2, .my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2, .my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3, .my-n3 {
  margin-top: -1rem !important; }

.mr-n3, .mx-n3 {
  margin-right: -1rem !important; }

.mb-n3, .my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4, .my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5, .my-n5 {
  margin-top: -3rem !important; }

.mr-n5, .mx-n5 {
  margin-right: -3rem !important; }

.mb-n5, .my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto, .my-auto {
  margin-top: auto !important; }

.mr-auto, .mx-auto {
  margin-right: auto !important; }

.mb-auto, .my-auto {
  margin-bottom: auto !important; }

.ml-auto, .mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:focus, a.text-secondary:hover {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:focus, a.text-success:hover {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:focus, a.text-info:hover {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:focus, a.text-light:hover {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:focus, a.text-dark:hover {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  blockquote, pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  img, tr {
    page-break-inside: avoid; }
  h2, h3, p {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table td, .table th {
    background-color: #fff !important; }
  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #dee2e6; }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6; } }
/* tablet */
/* sp */
html {
  position: relative;
  min-height: 100%;
  width: 100%; }

body {
  font-family: "Noto Sans JP","Yu Gothic",YuGothic,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #000;
  background-color: #fff;
  width: 100%;
  max-width: 1920px;
  min-height: 720px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  overflow-y: scroll; }

* {
  margin: 0;
  padding: 0; }

a {
  color: #000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

img {
  width: 100%;
  display: block; }

a img {
  border: none; }

a:hover {
  opacity: 0.8;
  text-decoration: none; }

.clearfix {
  display: block; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

ul, ol, li {
  list-style-type: none; }

ul, ol, li {
  list-style-type: none; }

dl, ol, ul, p {
  margin-bottom: 0; }

header {
  padding: 0% 4.3%;
  height: 4vw;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: -webkit-linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
  background-image: -ms-linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0vw 0.3vw 2.5vw;
  box-shadow: rgba(0, 0, 0, 0.5) 0vw 0.3vw 2.5vw; }
  header:after {
    content: "";
    background-image: url(../../assets/images/common/header_deco.png);
    background-repeat: repeat-x;
    background-size: contain;
    height: 1.8735vw;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1.5vw; }
  header nav .nav-body > ul {
    font-size: 0; }
    header nav .nav-body > ul li {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 2.6%; }
      header nav .nav-body > ul li:before {
        content: "";
        background-image: url(../../assets/images/common/star.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: -1.4vw;
        height: 0.8vw;
        width: 0.9vw;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
    header nav .nav-body > ul li.top {
      width: 2.65%; }
    header nav .nav-body > ul li.news {
      width: 3.85%; }
    header nav .nav-body > ul li.cast {
      width: 3.1%; }
    header nav .nav-body > ul li.liveinfo {
      width: 6%; }
    header nav .nav-body > ul li.livestreaming {
      width: 11%;
      vertical-align: bottom; }
    header nav .nav-body > ul li.ticket {
      width: 4.53%; }
    header nav .nav-body > ul li.faq {
      width: 3.68%; }
    header nav .nav-body > ul li.discography {
      width: 9%; }
    header nav .nav-body > ul li.movie {
      width: 4.3%; }
    header nav .nav-body > ul li.goods {
      width: 4.6%; }
    header nav .nav-body > ul li.tw {
      width: 12%; }
  header nav .nav-sns {
    position: absolute;
    top: 50%;
    right: 1%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 8%;
    font-size: 0; }
    header nav .nav-sns h2 {
      width: 32%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 12%;
      margin-bottom: 0; }
    header nav .nav-sns > ul {
      display: inline-block;
      vertical-align: middle;
      width: 53%; }
      header nav .nav-sns > ul li {
        width: 42%;
        display: inline-block;
        vertical-align: top; }
      header nav .nav-sns > ul li.fb {
        width: 18.5%;
        margin-left: 36%; }

main {
  padding-top: 10%;
  padding-bottom: 5%;
  background-image: url(../../assets/images/common/bg.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: calc(1080 / 1920 * 100vw); }
  main h1.title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5%; }

footer {
  position: relative;
  background-image: -webkit-linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
  background-image: -ms-linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
  height: 14.5vw;
  min-height: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 3%; }
  footer h2 {
    position: absolute;
    top: 43%;
    right: 3%;
    width: 9.5%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
    footer h2 img {
      margin: 0 auto; }
  footer .bnrs {
    font-size: 0;
    position: absolute;
    top: 44%;
    left: 3%;
    width: 48%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 2; }
    footer .bnrs li {
      width: 31.2%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 3%; }
      footer .bnrs li:last-child {
        margin-right: 0%; }
      footer .bnrs li a {
        display: block; }
  footer > ul {
    font-size: 0;
    width: 45%;
    position: absolute;
    right: 3%;
    top: 45%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
    footer > ul > li {
      width: 31%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 3.85%; }
      footer > ul > li > a {
        display: block; }
    footer > ul > li:nth-child(2) {
      width: 18.5%;
      margin-right: 3%; }
    footer > ul > li:nth-child(3) {
      width: 19.5%;
      margin-right: 0;
      margin-top: 2%; }
  footer p.copy {
    font-size: 14px;
    font-family: "Yu Gothic", YuGothic;
    display: block;
    text-align: center;
    margin-top: 9.5%;
    font-weight: 600; }
    @media screen and (min-width: 769px) {
      footer p.copy {
        font-size: 0.72917vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      footer p.copy {
        font-size: 0.82031vw; } }
    @media screen and (max-width: 768px) {
      footer p.copy {
        font-size: 3.73333vw; } }

.mv-modal-layer,
.bnr-modal-layer,
.modal-layer {
  display: none;
  cursor: pointer;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 2; }

.bnr-modal-contents,
.modal-contents {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: none; }
  .bnr-modal-contents .bnr-modal-close,
  .bnr-modal-contents .modal-close,
  .modal-contents .bnr-modal-close,
  .modal-contents .modal-close {
    position: absolute;
    top: 7vw;
    right: 16vw;
    z-index: 3;
    width: 3%;
    cursor: pointer; }
  .bnr-modal-contents .yt-player,
  .modal-contents .yt-player {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 26%;
    padding-top: 30%;
    height: 0;
    overflow: hidden; }
    .bnr-modal-contents .yt-player iframe,
    .modal-contents .yt-player iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 60%;
      height: 60%;
      z-index: 5; }
  .bnr-modal-contents .video-player,
  .modal-contents .video-player {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 26%;
    padding-top: 30%;
    height: 0;
    overflow: hidden; }
    .bnr-modal-contents .video-player video,
    .modal-contents .video-player video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 60%;
      height: 60%;
      z-index: 5; }
  .bnr-modal-contents .bnr,
  .modal-contents .bnr {
    display: block;
    position: absolute;
    top: 12vw;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    max-width: 1050px;
    width: 70%; }

.mv-modal-contents {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: none; }
  .mv-modal-contents .mv-modal-close {
    position: absolute;
    top: 7vw;
    right: 16vw;
    z-index: 3;
    width: 3%;
    cursor: pointer; }
  .mv-modal-contents .video-player {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 26%;
    padding-top: 30%;
    height: 0;
    overflow: hidden; }
    .mv-modal-contents .video-player video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 60%;
      height: 60%;
      z-index: 5; }

/* pc */
@media screen and (min-width: 769px) {
  .sp-menu,
  .sp-view {
    display: none; } }

/* tablet */
@media screen and (max-width: 1280px) and (min-width: 768px) {
  body {
    min-width: initial; }
  footer p.copy {
    margin-top: 11.5%; } }

/* sp */
@media screen and (max-width: 768px) {
  .pc-view {
    display: none; }
  header {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    header:after {
      display: none; }
    header .sp-menu {
      display: block;
      width: 16vw;
      height: 17vw;
      position: absolute;
      top: 0;
      right: 0%;
      z-index: 9999;
      background-image: -webkit-gradient(linear, left top, right top, from(#a89dd1), to(#d7d1f0));
      background-image: -webkit-linear-gradient(left, #a89dd1 0%, #d7d1f0 100%);
      background-image: linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
      padding: 5.5%; }
      header .sp-menu .trigger {
        position: relative;
        -webkit-transition: all .4s;
        transition: all .4s;
        display: block;
        width: 100%;
        height: 100%; }
        header .sp-menu .trigger > span {
          position: absolute;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #000;
          -webkit-transition: all .4s;
          transition: all .4s; }
        header .sp-menu .trigger > span:nth-child(1) {
          top: 0; }
        header .sp-menu .trigger > span:nth-child(2) {
          top: 50%; }
        header .sp-menu .trigger > span:nth-child(3) {
          top: 100%; }
    header .sp-menu.open {
      background-image: none; }
      header .sp-menu.open .trigger > span {
        width: 140%;
        left: -20%; }
      header .sp-menu.open .trigger > span:nth-child(1) {
        -webkit-transform: translateY(5.5px) rotate(-45deg);
        -ms-transform: translateY(5.5px) rotate(-45deg);
        transform: translateY(5.5px) rotate(-45deg);
        top: 7px; }
      header .sp-menu.open .trigger > span:nth-child(2) {
        left: 50%;
        opacity: 0;
        -webkit-animation: active-menu-bar02 .8s forwards;
        animation: active-menu-bar02 .8s forwards; }
      header .sp-menu.open .trigger > span:nth-child(3) {
        -webkit-transform: translateY(-5.5px) rotate(45deg);
        -ms-transform: translateY(-5.5px) rotate(45deg);
        transform: translateY(-5.5px) rotate(45deg);
        top: 18px; }
    header nav {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background-image: -webkit-gradient(linear, left top, right top, from(#a89dd1), to(#d7d1f0));
      background-image: -webkit-linear-gradient(left, #a89dd1 0%, #d7d1f0 100%);
      background-image: linear-gradient(90deg, #a89dd1 0%, #d7d1f0 100%);
      padding-top: 10%; }
      header nav .nav-body > ul li {
        display: block;
        margin-right: auto;
        margin-left: auto; }
        header nav .nav-body > ul li:before {
          top: unset;
          bottom: -160%;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          height: 4vw;
          width: 3vw; }
      header nav .nav-body > ul li.top {
        width: 11%;
        margin-bottom: 8%; }
        header nav .nav-body > ul li.top:before {
          bottom: -100%; }
      header nav .nav-body > ul li.news {
        width: 17%;
        margin-bottom: 10%; }
      header nav .nav-body > ul li.cast {
        width: 13%;
        margin-bottom: 10%; }
      header nav .nav-body > ul li.liveinfo {
        width: 25%;
        margin-bottom: 9.5%; }
        header nav .nav-body > ul li.liveinfo:before {
          bottom: -140%; }
      header nav .nav-body > ul li.livestreaming {
        width: 43%;
        margin-bottom: 7.5%; }
        header nav .nav-body > ul li.livestreaming:before {
          bottom: -100%; }
      header nav .nav-body > ul li.ticket {
        width: 19%;
        margin-bottom: 10%; }
        header nav .nav-body > ul li.ticket:before {
          bottom: -140%; }
      header nav .nav-body > ul li.faq {
        width: 15%;
        margin-bottom: 9%; }
        header nav .nav-body > ul li.faq:before {
          bottom: -130%; }
      header nav .nav-body > ul li.discography {
        width: 37%;
        margin-bottom: 8%; }
        header nav .nav-body > ul li.discography:before {
          bottom: -110%; }
      header nav .nav-body > ul li.movie {
        width: 18%;
        margin-bottom: 10%; }
      header nav .nav-body > ul li.goods {
        width: 19%;
        margin-bottom: 10%; }
        header nav .nav-body > ul li.goods:before {
          bottom: -140%; }
      header nav .nav-body > ul li.tw {
        width: 48%; }
        header nav .nav-body > ul li.tw:before {
          display: none; }
      header nav .nav-body .nav-sns {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 40%;
        margin: 13% auto 0; }
        header nav .nav-body .nav-sns h2 {
          margin-right: 15%; }
  main {
    margin-top: 0;
    padding-top: 25%;
    padding-bottom: 13%;
    background-image: none;
    min-height: initial; }
    main:before {
      content: '';
      background-image: url(../../assets/images/sp/common/bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh; }
    main h1.title {
      margin-bottom: 10.5%; }
  footer {
    padding: 14% 0;
    height: auto;
    min-height: initial; }
    footer .bnrs {
      position: static;
      width: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      padding: 0 12%; }
      footer .bnrs ul li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%; }
        footer .bnrs ul li:last-child {
          margin-bottom: 0%; }
    footer > ul {
      margin-top: 13%;
      position: static;
      width: 100%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      footer > ul > li:nth-child(3),
      footer > ul > li:nth-child(2),
      footer > ul > li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 11%; }
      footer > ul > li:nth-child(2) {
        margin-bottom: 11%; }
    footer h2 {
      margin-top: 0%;
      position: static;
      width: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      footer h2 img {
        width: 100%; }
    footer p.copy {
      margin-top: 4%;
      font-size: 11px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      footer p.copy {
        font-size: 0.57292vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      footer p.copy {
        font-size: 0.64453vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      footer p.copy {
        font-size: 2.93333vw; } }

@media screen and (max-width: 768px) {
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0; } }
  @keyframes active-menu-bar02 {
    100% {
      height: 0; } }
  .mv-modal-layer,
  .bnr-modal-layer,
  .modal-layer {
    z-index: 3; }
  .bnr-modal-contents .bnr-modal-close,
  .bnr-modal-contents .modal-close,
  .modal-contents .bnr-modal-close,
  .modal-contents .modal-close {
    top: 28%;
    right: 5vw;
    width: 10%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  .bnr-modal-contents .bnr-modal-close,
  .modal-contents .bnr-modal-close {
    top: 28%;
    right: 10vw; }
  .bnr-modal-contents .yt-player,
  .modal-contents .yt-player {
    position: static;
    padding: 0;
    height: auto;
    margin-top: 0%; }
    .bnr-modal-contents .yt-player iframe,
    .modal-contents .yt-player iframe {
      width: 100%;
      height: 32%;
      top: 48%; }
  .bnr-modal-contents .video-player,
  .modal-contents .video-player {
    position: static;
    padding: 0;
    height: auto;
    margin-top: 0%; }
    .bnr-modal-contents .video-player video,
    .modal-contents .video-player video {
      width: 100%;
      height: 32%;
      top: 48%; }
  .bnr-modal-contents .bnr,
  .modal-contents .bnr {
    width: 80%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mv-modal-contents .mv-modal-close {
    top: 28%;
    right: 5vw;
    width: 10%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  .mv-modal-contents .video-player {
    position: static;
    padding: 0;
    height: auto;
    margin-top: 0%; }
    .mv-modal-contents .video-player video {
      width: 100%;
      height: 32%;
      top: 48%; } }

/* tablet */
/* sp */
body.top .kv .kirakira img {
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

body.top .kv.act .rainbow-wrapper .rainbow-layer1 {
  -webkit-animation: rainbow-layer1 .15s linear;
  animation: rainbow-layer1 .15s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

body.top .kv.act .rainbow-wrapper .rainbow-layer2 {
  -webkit-animation: rainbow-layer2 .15s linear .15s;
  animation: rainbow-layer2 .15s linear .15s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

body.top .kv.act .rainbow-wrapper .rainbow-layer3 {
  -webkit-animation: rainbow-layer3 .15s linear .28s;
  animation: rainbow-layer3 .15s linear .28s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  body.top .kv.act .rainbow-wrapper .rainbow-layer3 .rainbow3 {
    -webkit-animation: rainbow3 .15s linear .28s;
    animation: rainbow3 .15s linear .28s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

body.top .kv.act .kirakira img.k3,
body.top .kv.act .kirakira img.k1 {
  -webkit-animation-name: starAnime01;
  animation-name: starAnime01; }

body.top .kv.act .kirakira img.k3 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s; }

body.top .kv.act .kirakira img.k2 {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-animation-name: starAnime02;
  animation-name: starAnime02; }

body.top .kv.act .kirakira img.k4 {
  -webkit-animation-name: starAnime03;
  animation-name: starAnime03; }

body.top .kv.kira .kirakira img {
  opacity: 1; }

body.top .kv.kira .kirakira img.k1 {
  -webkit-animation: starKirakira 10s ease-in-out 0s infinite;
  animation: starKirakira 10s ease-in-out 0s infinite; }

body.top .kv.kira .kirakira img.k2 {
  -webkit-animation: starKirakira 15s ease-in-out 1s infinite;
  animation: starKirakira 15s ease-in-out 1s infinite; }

body.top .kv.kira .kirakira img.k3 {
  -webkit-animation: starKirakira 8s ease-in-out .8s infinite;
  animation: starKirakira 8s ease-in-out .8s infinite; }

body.top .kv.kira .kirakira img.k4 {
  -webkit-animation: starKirakira 12s ease-in-out .5s infinite;
  animation: starKirakira 12s ease-in-out .5s infinite; }

main h1.title {
  opacity: 0;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

main h1.title.act {
  -webkit-animation-name: titleFadeIn;
  animation-name: titleFadeIn; }

body.goods main section.contents p.note,
body.goods main section.contents ul,
body.goods main section.contents article,
body.faq main section.contents article,
body.movie main section.contents ul,
body.cast main.detail .contents,
body.news main section.contents ol,
body.news main section.contents .detail article,
body.cast main section.contents .visual,
body.cast main section.contents .list,
body.info main section.top,
body.info main section.contents article,
body.ticket main section.contents article,
body.discography main section.contents article,
body.discography main section.contents ul.tab li {
  opacity: 0;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

body.goods main section.contents p.note.act,
body.goods main section.contents ul.act,
body.goods main section.contents article.act,
body.faq main section.contents article.act,
body.movie main section.contents ul.act,
body.news main section.contents ol.act,
body.news main section.contents .detail article.act,
body.cast main section.contents .visual.act,
body.cast main section.contents .list.act,
body.info main section.top.act,
body.info main section.contents article.act,
body.ticket main section.contents article.act,
body.discography main section.contents article.act,
body.discography main section.contents ul.tab.act li {
  -webkit-animation-name: contentsFadeIn;
  animation-name: contentsFadeIn; }

body.cast main.detail .contents.act {
  -webkit-animation-name: castContentsFadeIn;
  animation-name: castContentsFadeIn; }

@-webkit-keyframes headerFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes headerFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes menuFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes menuFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes titleFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes titleFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes contentsFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes contentsFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes castContentsFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, calc(-50% + 15px), 0);
    transform: translate3d(-50%, calc(-50% + 15px), 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); } }

@keyframes castContentsFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, calc(-50% + 15px), 0);
    transform: translate3d(-50%, calc(-50% + 15px), 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); } }

@-webkit-keyframes itemFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@keyframes itemFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-webkit-keyframes starAnime01 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3px, 1px, 0);
    transform: translate3d(-3px, 1px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes starAnime01 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3px, 1px, 0);
    transform: translate3d(-3px, 1px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes starAnime02 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1px, 3px, 0);
    transform: translate3d(1px, 3px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes starAnime02 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1px, 3px, 0);
    transform: translate3d(1px, 3px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes starAnime03 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1px, 0%, 0);
    transform: translate3d(1px, 0%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes starAnime03 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1px, 0%, 0);
    transform: translate3d(1px, 0%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes starKirakira {
  0% {
    opacity: 1; }
  10% {
    opacity: .7; }
  25% {
    opacity: 1; }
  55% {
    opacity: .9; }
  60% {
    opacity: 1; }
  95% {
    opacity: .8; }
  100% {
    opacity: 1; } }

@keyframes starKirakira {
  0% {
    opacity: 1; }
  10% {
    opacity: .7; }
  25% {
    opacity: 1; }
  55% {
    opacity: .9; }
  60% {
    opacity: 1; }
  95% {
    opacity: .8; }
  100% {
    opacity: 1; } }

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

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

@-webkit-keyframes rainbow-layer1 {
  0% {
    width: 100vw;
    height: 0; }
  100% {
    width: 100vw;
    height: calc(100vw * 0.5625 * 0.4); } }

@keyframes rainbow-layer1 {
  0% {
    width: 100vw;
    height: 0; }
  100% {
    width: 100vw;
    height: calc(100vw * 0.5625 * 0.4); } }

@-webkit-keyframes rainbow-layer2 {
  0% {
    width: 25vw;
    height: 0; }
  100% {
    width: 25vw;
    height: calc(100vw * 0.5625 * 0.5); } }

@keyframes rainbow-layer2 {
  0% {
    width: 25vw;
    height: 0; }
  100% {
    width: 25vw;
    height: calc(100vw * 0.5625 * 0.5); } }

@-webkit-keyframes rainbow-layer3 {
  0% {
    height: 0;
    bottom: calc(100vw * 0.5625); }
  100% {
    height: calc(100vw * 0.5625 * 0.6);
    bottom: calc(100vw * 0.5625 * 0.4); } }

@keyframes rainbow-layer3 {
  0% {
    height: 0;
    bottom: calc(100vw * 0.5625); }
  100% {
    height: calc(100vw * 0.5625 * 0.6);
    bottom: calc(100vw * 0.5625 * 0.4); } }

@-webkit-keyframes rainbow3 {
  0% {
    bottom: calc(100vw * 0.5625 * -1); }
  100% {
    bottom: calc(100vw * 0.5625 * 0.4 * -1); } }

@keyframes rainbow3 {
  0% {
    bottom: calc(100vw * 0.5625 * -1); }
  100% {
    bottom: calc(100vw * 0.5625 * 0.4 * -1); } }

/* pc */
@media screen and (min-width: 769px) {
  header {
    opacity: 0;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
    header nav .nav-body > ul li {
      opacity: 0;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
  header.act {
    -webkit-animation-name: headerFadeIn;
    animation-name: headerFadeIn; }
    header.act nav .nav-body > ul li {
      -webkit-animation-name: menuFadeIn;
      animation-name: menuFadeIn; }
      header.act nav .nav-body > ul li:nth-child(1) {
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s; }
      header.act nav .nav-body > ul li:nth-child(2) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s; }
      header.act nav .nav-body > ul li:nth-child(3) {
        -webkit-animation-delay: 0.55s;
        animation-delay: 0.55s; }
      header.act nav .nav-body > ul li:nth-child(4) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s; }
      header.act nav .nav-body > ul li:nth-child(5) {
        -webkit-animation-delay: 0.65s;
        animation-delay: 0.65s; }
      header.act nav .nav-body > ul li:nth-child(6) {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s; }
      header.act nav .nav-body > ul li:nth-child(7) {
        -webkit-animation-delay: 0.75s;
        animation-delay: 0.75s; }
      header.act nav .nav-body > ul li:nth-child(8) {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s; }
      header.act nav .nav-body > ul li:nth-child(9) {
        -webkit-animation-delay: 0.85s;
        animation-delay: 0.85s; }
      header.act nav .nav-body > ul li:nth-child(10) {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s; }
  main h1.title.act {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  body.goods main section.contents p.note.act,
  body.goods main section.contents ul.act,
  body.goods main section.contents article.act,
  body.faq main section.contents article.act,
  body.movie main section.contents ul.act,
  body.news main section.contents ol.act,
  body.news main section.contents .detail article.act,
  body.cast main section.contents .visual.act,
  body.cast main section.contents .list.act,
  body.info main section.top.act,
  body.info main section.contents article.act,
  body.ticket main section.contents article.act,
  body.discography main section.contents article.act {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s; }
  body.discography main section.contents ul.tab.act li {
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s; } }

@media screen and (max-width: 960px) {
  body.top .kv.act .rainbow-wrapper .rainbow-layer1 {
    -webkit-animation: rainbow-layer1-sp .15s linear;
    animation: rainbow-layer1-sp .15s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  body.top .kv.act .rainbow-wrapper .rainbow-layer2 {
    -webkit-animation: rainbow-layer2-sp .15s linear .15s;
    animation: rainbow-layer2-sp .15s linear .15s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  body.top .kv.act .rainbow-wrapper .rainbow-layer3 {
    -webkit-animation: rainbow-layer3-sp .15s linear .25s;
    animation: rainbow-layer3-sp .15s linear .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    body.top .kv.act .rainbow-wrapper .rainbow-layer3 .rainbow3 {
      -webkit-animation: rainbow3-sp .15s linear .25s;
      animation: rainbow3-sp .15s linear .25s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  @-webkit-keyframes rainbow-layer1-sp {
    0% {
      width: 100vw;
      height: 0; }
    100% {
      width: 100vw;
      height: calc(100vw * 1.552 * 0.4); } }
  @keyframes rainbow-layer1-sp {
    0% {
      width: 100vw;
      height: 0; }
    100% {
      width: 100vw;
      height: calc(100vw * 1.552 * 0.4); } }
  @-webkit-keyframes rainbow-layer2-sp {
    0% {
      width: 50vw;
      height: 0; }
    100% {
      width: 50vw;
      height: calc(100vw * 1.552); } }
  @keyframes rainbow-layer2-sp {
    0% {
      width: 50vw;
      height: 0; }
    100% {
      width: 50vw;
      height: calc(100vw * 1.552); } }
  @-webkit-keyframes rainbow-layer3-sp {
    0% {
      height: 0;
      bottom: calc(100vw * 1.552); }
    100% {
      height: calc(100vw * 1.552 * 0.6);
      bottom: calc(100vw * 1.552 * 0.4); } }
  @keyframes rainbow-layer3-sp {
    0% {
      height: 0;
      bottom: calc(100vw * 1.552); }
    100% {
      height: calc(100vw * 1.552 * 0.6);
      bottom: calc(100vw * 1.552 * 0.4); } }
  @-webkit-keyframes rainbow3-sp {
    0% {
      bottom: calc(100vw * 1.552 * -1); }
    100% {
      bottom: calc(100vw * 1.552 * 0.4 * -1); } }
  @keyframes rainbow3-sp {
    0% {
      bottom: calc(100vw * 1.552 * -1); }
    100% {
      bottom: calc(100vw * 1.552 * 0.4 * -1); } } }

/* sp */
@media screen and (max-width: 769px) {
  header nav .nav-body > ul li {
    opacity: 0;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease; }
  header nav .nav-body > ul.act li {
    -webkit-animation-name: menuFadeIn;
    animation-name: menuFadeIn; }
    header nav .nav-body > ul.act li:nth-child(1) {
      -webkit-animation-delay: .1s;
      animation-delay: .1s; }
    header nav .nav-body > ul.act li:nth-child(2) {
      -webkit-animation-delay: .2s;
      animation-delay: .2s; }
    header nav .nav-body > ul.act li:nth-child(3) {
      -webkit-animation-delay: .3s;
      animation-delay: .3s; }
    header nav .nav-body > ul.act li:nth-child(4) {
      -webkit-animation-delay: .4s;
      animation-delay: .4s; }
    header nav .nav-body > ul.act li:nth-child(5) {
      -webkit-animation-delay: .5s;
      animation-delay: .5s; }
    header nav .nav-body > ul.act li:nth-child(6) {
      -webkit-animation-delay: .6s;
      animation-delay: .6s; }
    header nav .nav-body > ul.act li:nth-child(7) {
      -webkit-animation-delay: .7s;
      animation-delay: .7s; }
    header nav .nav-body > ul.act li:nth-child(8) {
      -webkit-animation-delay: .8s;
      animation-delay: .8s; }
    header nav .nav-body > ul.act li:nth-child(9) {
      -webkit-animation-delay: .9s;
      animation-delay: .9s; }
    header nav .nav-body > ul.act li:nth-child(10) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
  body.top .kv.act .kirakira img.k2,
  body.top .kv.act .kirakira img.k1 {
    -webkit-animation-name: starAnime01;
    animation-name: starAnime01; }
  body.top .kv.act .kirakira img.k2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s; }
  body.top .kv.act .kirakira img.k3 {
    -webkit-animation-name: starAnime02;
    animation-name: starAnime02; }
  body.top .kv.act .kirakira img.k4 {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-name: starAnime03;
    animation-name: starAnime03; }
  body.top .kv.kira .kirakira img {
    opacity: 1; }
  body.top .kv.kira .kirakira img.k1 {
    -webkit-animation: starKirakira 10s ease-in-out 0s infinite;
    animation: starKirakira 10s ease-in-out 0s infinite; }
  body.top .kv.kira .kirakira img.k2 {
    -webkit-animation: starKirakira 15s ease-in-out 1s infinite;
    animation: starKirakira 15s ease-in-out 1s infinite; }
  body.top .kv.kira .kirakira img.k3 {
    -webkit-animation: starKirakira 8s ease-in-out .8s infinite;
    animation: starKirakira 8s ease-in-out .8s infinite; }
  body.top .kv.kira .kirakira img.k4 {
    -webkit-animation: starKirakira 12s ease-in-out .5s infinite;
    animation: starKirakira 12s ease-in-out .5s infinite; }
  main h1.title.act {
    -webkit-animation-delay: .65s;
    animation-delay: .65s; }
  body.goods main section.contents p.note.act,
  body.goods main section.contents ul.act,
  body.goods main section.contents article.act,
  body.faq main section.contents article.act,
  body.movie main section.contents ul.act,
  body.news main section.contents ol.act,
  body.news main section.contents .detail article.act,
  body.cast main section.contents .visual.act,
  body.cast main section.contents .list.act,
  body.info main section.top.act,
  body.info main section.contents article.act,
  body.ticket main section.contents article.act {
    -webkit-animation-delay: .8s;
    animation-delay: .8s; }
  body.discography main section.contents article.act {
    -webkit-animation-delay: .85s;
    animation-delay: .85s; }
  body.discography main section.contents ul.tab.act li {
    -webkit-animation-delay: .75s;
    animation-delay: .75s; }
  @-webkit-keyframes menuFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-15px, 0%, 0);
      transform: translate3d(-15px, 0%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes menuFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-15px, 0%, 0);
      transform: translate3d(-15px, 0%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @-webkit-keyframes castContentsFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50%, 15px, 0);
      transform: translate3d(-50%, 15px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: translate3d(-50%, 0%, 0);
      transform: translate3d(-50%, 0%, 0); } }
  @keyframes castContentsFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50%, 15px, 0);
      transform: translate3d(-50%, 15px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: translate3d(-50%, 0%, 0);
      transform: translate3d(-50%, 0%, 0); } }
  @-webkit-keyframes starAnime01 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3px, 3px, 0);
      transform: translate3d(-3px, 3px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes starAnime01 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3px, 3px, 0);
      transform: translate3d(-3px, 3px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @-webkit-keyframes starAnime02 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(1px, 3px, 0);
      transform: translate3d(1px, 3px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes starAnime02 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(1px, 3px, 0);
      transform: translate3d(1px, 3px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @-webkit-keyframes starAnime03 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2px, 2px, 0);
      transform: translate3d(2px, 2px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes starAnime03 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2px, 2px, 0);
      transform: translate3d(2px, 2px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } } }

/* tablet */
/* sp */
body.top .loading {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #18152b;
  width: 100vw;
  height: 100vh;
  z-index: 9999; }
  body.top .loading img {
    width: 15%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate; }

body.top main {
  margin-top: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  background-image: none;
  min-height: initial; }
  body.top main .kv {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    background-image: url(../../assets/images/common/bg.jpg); }
    body.top main .kv img.rainbow {
      position: absolute;
      left: 0%;
      width: 100vw; }
    body.top main .kv img.rainbow {
      bottom: 0; }
    body.top main .kv .rainbow-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(100vw * 0.5625); }
      body.top main .kv .rainbow-wrapper > div {
        position: absolute;
        overflow: hidden;
        height: 0; }
        body.top main .kv .rainbow-wrapper > div > div {
          background-image: url(../../assets/images/top/rainbow.png);
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100vw;
          height: calc(100vw * 0.5625); }
        body.top main .kv .rainbow-wrapper > div .rainbow1 {
          bottom: 0;
          left: 0; }
        body.top main .kv .rainbow-wrapper > div .rainbow2 {
          bottom: calc(100vw * 0.5625 * 0.4 * -1);
          left: 0; }
        body.top main .kv .rainbow-wrapper > div .rainbow3 {
          bottom: calc(100vw * 0.5625 * 0.4 * -1);
          left: -25vw; }
      body.top main .kv .rainbow-wrapper .rainbow-layer1 {
        bottom: 0;
        left: 0;
        width: 0; }
      body.top main .kv .rainbow-wrapper .rainbow-layer2 {
        bottom: calc(100vw * 0.5625 * 0.4);
        left: 0;
        width: 0; }
      body.top main .kv .rainbow-wrapper .rainbow-layer3 {
        bottom: calc(100vw * 0.5625 * 0.4);
        left: 25vw;
        width: 25vw; }
    body.top main .kv img.characters {
      width: 100vw;
      position: relative;
      z-index: 2; }
    body.top main .kv .kirakira {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      body.top main .kv .kirakira img {
        position: absolute;
        top: 8.5%;
        left: 5.2%;
        width: 44%; }
    body.top main .kv .information {
      width: 42vw;
      position: absolute;
      top: 11%;
      left: 55%;
      z-index: 2; }
      body.top main .kv .information h1 {
        width: 35.5%;
        margin: 0 auto; }
      body.top main .kv .information h2 {
        margin-top: -3%;
        width: 96%;
        margin-left: auto;
        margin-right: auto; }
      body.top main .kv .information h3.casts {
        width: 30vw;
        margin: -5.5% auto 0; }
      body.top main .kv .information ul.schedule {
        font-size: 0;
        margin-top: -3.5%;
        position: relative; }
        body.top main .kv .information ul.schedule:after {
          content: "＊会場により出演者は異なります。";
          display: block;
          text-align: center;
          position: absolute;
          left: 0;
          bottom: 6%;
          font-size: 12px;
          color: #fff;
          width: 100%; }
          @media screen and (min-width: 769px) {
            body.top main .kv .information ul.schedule:after {
              font-size: 0.625vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.top main .kv .information ul.schedule:after {
              font-size: 0.70313vw; } }
          @media screen and (max-width: 768px) {
            body.top main .kv .information ul.schedule:after {
              font-size: 3.2vw; } }
        body.top main .kv .information ul.schedule li {
          position: relative;
          color: #fff;
          display: inline-block;
          vertical-align: top;
          background-image: url(../../assets/images/top/bg.png);
          background-repeat: no-repeat;
          background-size: contain;
          width: 54%;
          height: 8.2vw;
          margin-left: -1vw; }
          body.top main .kv .information ul.schedule li .inner {
            padding: 11% 8% 0% 11%; }
            body.top main .kv .information ul.schedule li .inner > a {
              color: #fff;
              display: block; }
              body.top main .kv .information ul.schedule li .inner > a > * {
                font-size: 20px; }
                @media screen and (min-width: 769px) {
                  body.top main .kv .information ul.schedule li .inner > a > * {
                    font-size: 1.04167vw; } }
                @media screen and (max-width: 1024px) and (min-width: 768px) {
                  body.top main .kv .information ul.schedule li .inner > a > * {
                    font-size: 1.17188vw; } }
                @media screen and (max-width: 768px) {
                  body.top main .kv .information ul.schedule li .inner > a > * {
                    font-size: 5.33333vw; } }
              body.top main .kv .information ul.schedule li .inner > a img.label {
                position: absolute; }
              body.top main .kv .information ul.schedule li .inner > a h3 {
                margin-bottom: 0%;
                line-height: 1.5;
                letter-spacing: .12vw; }
              body.top main .kv .information ul.schedule li .inner > a p {
                line-height: 1.7; }
                body.top main .kv .information ul.schedule li .inner > a p span {
                  color: #000;
                  background-color: #fff;
                  font-size: 17px;
                  padding: 0% .3vw;
                  margin: 0 .4vw; }
                  @media screen and (min-width: 769px) {
                    body.top main .kv .information ul.schedule li .inner > a p span {
                      font-size: 0.88542vw; } }
                  @media screen and (max-width: 1024px) and (min-width: 768px) {
                    body.top main .kv .information ul.schedule li .inner > a p span {
                      font-size: 0.99609vw; } }
                  @media screen and (max-width: 768px) {
                    body.top main .kv .information ul.schedule li .inner > a p span {
                      font-size: 4.53333vw; } }
        body.top main .kv .information ul.schedule li.tokyo {
          margin-left: -3%;
          margin-right: -5%; }
          body.top main .kv .information ul.schedule li.tokyo img.label {
            width: 36%;
            left: 3%;
            top: 26%; }
          body.top main .kv .information ul.schedule li.tokyo h3 {
            margin-left: 36%; }
        body.top main .kv .information ul.schedule li.kobe img.label {
          width: 32%;
          left: 5%;
          top: 22%; }
        body.top main .kv .information ul.schedule li.kobe h3 {
          margin-left: 32.8%; }
      body.top main .kv .information ul.pv {
        font-size: 0;
        background-image: url(../../assets/images/top/pv_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 7.5% 7%;
        width: 105%;
        margin-left: -1vw;
        height: 18vw;
        margin-top: -3%; }
        body.top main .kv .information ul.pv li {
          width: 47%;
          display: inline-block;
          vertical-align: top;
          -webkit-transition: all .3s ease;
          transition: all .3s ease; }
          body.top main .kv .information ul.pv li a {
            position: relative;
            display: block; }
            body.top main .kv .information ul.pv li a:after {
              content: "";
              background-image: url(../../assets/images/common/bnr_flame.png);
              background-repeat: no-repeat;
              background-size: contain;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 100%;
              height: 108%; }
          body.top main .kv .information ul.pv li:hover {
            opacity: .8; }
          body.top main .kv .information ul.pv li:nth-child(1) {
            margin-right: 6%; }
        body.top main .kv .information ul.pv li.mv,
        body.top main .kv .information ul.pv li.yt {
          cursor: pointer;
          position: relative; }
          body.top main .kv .information ul.pv li.mv:before,
          body.top main .kv .information ul.pv li.yt:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5); }
          body.top main .kv .information ul.pv li.mv:after,
          body.top main .kv .information ul.pv li.yt:after {
            content: "";
            background-image: url(../../assets/images/common/pv_flame.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
            height: 108%; }
        body.top main .kv .information ul.pv li.mv video {
          width: 100%; }
    body.top main .kv .bnrs {
      font-size: 0;
      position: absolute;
      bottom: 4vw;
      left: 4.7%;
      width: 47vw;
      z-index: 2; }
      body.top main .kv .bnrs li {
        width: 14vw;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2vw; }
        body.top main .kv .bnrs li:last-child {
          margin-right: 0%; }
        body.top main .kv .bnrs li a {
          display: block; }

body.top.ie main .kv .rainbow-wrapper > div .rainbow3 {
  bottom: calc(100vw * 0.5625 * 0.4 * -1); }

body.top.ie main .kv .rainbow-wrapper .rainbow-layer1 {
  width: 100vw;
  height: calc(100vw * 0.5625 * 0.4); }

body.top.ie main .kv .rainbow-wrapper .rainbow-layer2 {
  width: 25vw;
  height: calc(100vw * 0.5625 * 0.5); }

body.top.ie main .kv .rainbow-wrapper .rainbow-layer3 {
  height: calc(100vw * 0.5625 * 0.6);
  bottom: calc(100vw * 0.5625 * 0.4); }

@media screen and (max-width: 1340px) {
  body.top header {
    height: 5vw; }
  body.top main .kv {
    min-height: 60vw; }
    body.top main .kv img.characters {
      position: absolute;
      left: 0;
      bottom: 0; }
    body.top main .kv .information {
      top: 12%; } }

@media screen and (max-width: 1260px) {
  body.top .loading img {
    width: 20%; }
  body.top main .kv {
    min-height: 65vw; }
    body.top main .kv .information {
      top: 18%; }
    body.top main .kv .kirakira img {
      top: 18%; }
  body.top footer {
    height: 20.5vw; } }

@media screen and (max-width: 1024px) {
  body.top main .kv .information ul.schedule:after {
    font-size: 10px;
    bottom: 4%; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.top main .kv .information ul.schedule:after {
      font-size: 0.52083vw; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) {
    body.top main .kv .information ul.schedule:after {
      font-size: 0.58594vw; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    body.top main .kv .information ul.schedule:after {
      font-size: 2.66667vw; } }

@media screen and (max-width: 1024px) {
  body.top main .kv .information ul.schedule li .inner > * {
    font-size: 14px; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.top main .kv .information ul.schedule li .inner > * {
      font-size: 0.72917vw; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) {
    body.top main .kv .information ul.schedule li .inner > * {
      font-size: 0.82031vw; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    body.top main .kv .information ul.schedule li .inner > * {
      font-size: 3.73333vw; } }

@media screen and (max-width: 1024px) {
  body.top main .kv .information ul.schedule li .inner h3 {
    font-size: 17px;
    letter-spacing: 0; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.top main .kv .information ul.schedule li .inner h3 {
      font-size: 0.88542vw; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) {
    body.top main .kv .information ul.schedule li .inner h3 {
      font-size: 0.99609vw; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    body.top main .kv .information ul.schedule li .inner h3 {
      font-size: 4.53333vw; } }

@media screen and (max-width: 1024px) {
  body.top main .kv .information ul.schedule li .inner p span {
    font-size: 13px;
    margin: 0 .3vw; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    body.top main .kv .information ul.schedule li .inner p span {
      font-size: 0.67708vw; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) {
    body.top main .kv .information ul.schedule li .inner p span {
      font-size: 0.76172vw; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    body.top main .kv .information ul.schedule li .inner p span {
      font-size: 3.46667vw; } }

/* sp */
@media screen and (max-width: 960px) {
  body.top .loading img {
    width: 45%; }
  body.top main:before {
    display: none; }
  body.top main .kv {
    min-height: initial;
    background-image: url(../../assets/images/sp/top/bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-color: #18152b; }
    body.top main .kv img.characters {
      position: relative; }
    body.top main .kv img.rainbow {
      top: 0; }
    body.top main .kv .rainbow-wrapper {
      top: 0;
      height: calc(100vw * 1.552); }
      body.top main .kv .rainbow-wrapper > div > div {
        background-image: url(../../assets/images/sp/top/rainbow.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: calc(100vw * 1.552); }
      body.top main .kv .rainbow-wrapper > div .rainbow2 {
        bottom: calc(100vw * 1.552 * 0.4 * -1); }
      body.top main .kv .rainbow-wrapper .rainbow-layer2 {
        bottom: calc(100vw * 1.552 * 0.4); }
      body.top main .kv .rainbow-wrapper .rainbow-layer3 {
        bottom: calc(100vw * 1.552 * 0.4);
        left: 50vw;
        width: 50vw; }
        body.top main .kv .rainbow-wrapper .rainbow-layer3 .rainbow3 {
          bottom: calc(100vw * 1.552 * 0.4 * -1);
          left: -50vw; }
    body.top main .kv .kirakira img {
      width: 100%;
      top: 1.8%;
      left: 0; }
    body.top main .kv .information {
      position: static;
      width: 100%;
      margin-top: -29%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      body.top main .kv .information h1 {
        width: 56%;
        margin: 10% auto 1%; }
      body.top main .kv .information h2 {
        width: 100%;
        margin: 0; }
      body.top main .kv .information h3.casts {
        width: 100%;
        margin: 4% 0 0%; }
      body.top main .kv .information ul.schedule {
        margin: 8% 0 7%; }
        body.top main .kv .information ul.schedule:after {
          bottom: -15%; }
        body.top main .kv .information ul.schedule li.kobe,
        body.top main .kv .information ul.schedule li.tokyo {
          width: 76%;
          height: 32.4vw;
          margin: 0 auto 4%;
          padding: 4% 5% 0%;
          background-image: url(../../assets/images/sp/top/flame.png);
          background-repeat: no-repeat;
          background-size: cover;
          display: block;
          position: relative; }
          body.top main .kv .information ul.schedule li.kobe .inner,
          body.top main .kv .information ul.schedule li.tokyo .inner {
            padding: 0; }
            body.top main .kv .information ul.schedule li.kobe .inner h3,
            body.top main .kv .information ul.schedule li.tokyo .inner h3 {
              font-size: 15px; } }
            @media screen and (max-width: 960px) and (min-width: 769px) {
              body.top main .kv .information ul.schedule li.kobe .inner h3,
              body.top main .kv .information ul.schedule li.tokyo .inner h3 {
                font-size: 0.78125vw; } }
            @media screen and (max-width: 960px) and (max-width: 1024px) and (min-width: 768px) {
              body.top main .kv .information ul.schedule li.kobe .inner h3,
              body.top main .kv .information ul.schedule li.tokyo .inner h3 {
                font-size: 0.87891vw; } }
            @media screen and (max-width: 960px) and (max-width: 768px) {
              body.top main .kv .information ul.schedule li.kobe .inner h3,
              body.top main .kv .information ul.schedule li.tokyo .inner h3 {
                font-size: 4vw; } }

@media screen and (max-width: 960px) {
            body.top main .kv .information ul.schedule li.kobe .inner p span,
            body.top main .kv .information ul.schedule li.tokyo .inner p span {
              font-size: 13px;
              margin: 0 1vw;
              padding: 0% 1.5vw; } }
            @media screen and (max-width: 960px) and (min-width: 769px) {
              body.top main .kv .information ul.schedule li.kobe .inner p span,
              body.top main .kv .information ul.schedule li.tokyo .inner p span {
                font-size: 0.67708vw; } }
            @media screen and (max-width: 960px) and (max-width: 1024px) and (min-width: 768px) {
              body.top main .kv .information ul.schedule li.kobe .inner p span,
              body.top main .kv .information ul.schedule li.tokyo .inner p span {
                font-size: 0.76172vw; } }
            @media screen and (max-width: 960px) and (max-width: 768px) {
              body.top main .kv .information ul.schedule li.kobe .inner p span,
              body.top main .kv .information ul.schedule li.tokyo .inner p span {
                font-size: 3.46667vw; } }

@media screen and (max-width: 960px) {
        body.top main .kv .information ul.schedule li.tokyo img.label {
          width: 40%;
          left: -3%;
          top: 11%; }
        body.top main .kv .information ul.schedule li.tokyo h3 {
          margin-left: 38%; }
        body.top main .kv .information ul.schedule li.kobe img.label {
          width: 35%;
          left: -3%;
          top: 7%; }
        body.top main .kv .information ul.schedule li.kobe h3 {
          margin-left: 32%; }
      body.top main .kv .information ul.pv {
        background-image: none;
        width: 100%;
        height: auto;
        margin-top: 0;
        background-color: #110f1e;
        padding: 9% 12% 8%;
        margin-left: 0; }
        body.top main .kv .information ul.pv li {
          width: 100%;
          display: block;
          margin-bottom: 13%; }
          body.top main .kv .information ul.pv li:nth-child(1) {
            margin-right: 0; }
          body.top main .kv .information ul.pv li:last-child {
            margin-bottom: 0; }
    body.top main .kv .bnrs {
      position: static;
      width: 100%;
      padding: 13% 12%; }
      body.top main .kv .bnrs ul li {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 5%; }
        body.top main .kv .bnrs ul li:last-child {
          margin-bottom: 0; }
  body.top footer {
    height: auto; } }

@media screen and (max-width: 414px) {
  body.top main .kv .information ul.schedule li.kobe,
  body.top main .kv .information ul.schedule li.tokyo {
    height: 19.8vw;
    padding: 4% 4% 0%; } }

@media screen and (min-width: 768px) and (max-width: 960px) {
  body.top .loading img {
    width: 25%; }
  body.top main .kv .information h1 {
    width: 45%;
    top: 4%; }
  body.top main .kv .information h3.casts {
    width: 84%;
    margin: 3% auto 0; }
  body.top main .kv .information ul.schedule li.kobe,
  body.top main .kv .information ul.schedule li.tokyo {
    width: 58%;
    height: 24.8vw;
    margin: 0 auto 2%;
    padding: 3.5% 4% 0%; }
    body.top main .kv .information ul.schedule li.kobe .inner > * h3,
    body.top main .kv .information ul.schedule li.tokyo .inner > * h3 {
      font-size: 3vw; }
    body.top main .kv .information ul.schedule li.kobe .inner p span,
    body.top main .kv .information ul.schedule li.tokyo .inner p span {
      font-size: 2vw; }
  body.top main .kv .information ul.pv {
    padding: 10% 21% 8%; }
  body.top main .kv .bnrs {
    padding: 8% 21%; } }

/* tablet */
/* sp */
body.news main section.contents h1 {
  width: 10.58%; }

body.news main section.contents ol {
  margin: 2.5% auto 0;
  -webkit-border-image: url(../../assets/images/news/flame.png) 14 round;
  -o-border-image: url(../../assets/images/news/flame.png) 14 round;
  border-image: url(../../assets/images/news/flame.png) 14 round;
  border-style: solid;
  border-width: 12px;
  background-color: rgba(0, 0, 0, 0.7); }
  @media screen and (min-width: 769px) {
    body.news main section.contents ol {
      width: 67%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.news main section.contents ol {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    body.news main section.contents ol {
      width: 90%; } }
  body.news main section.contents ol li {
    border-bottom: 1px dotted #f2e9a8; }
    body.news main section.contents ol li article a {
      color: #fff;
      padding: 2% 5.5% 2.5%;
      display: block; }
      body.news main section.contents ol li article a:hover {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.2);
        color: #fef4b0; }
      body.news main section.contents ol li article a time {
        font-size: 18px;
        display: block;
        margin-bottom: 1.2%; }
        @media screen and (min-width: 769px) {
          body.news main section.contents ol li article a time {
            font-size: 0.9375vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.news main section.contents ol li article a time {
            font-size: 1.05469vw; } }
        @media screen and (max-width: 768px) {
          body.news main section.contents ol li article a time {
            font-size: 4.8vw; } }
      body.news main section.contents ol li article a p {
        font-size: 22px;
        line-height: 1.7; }
        @media screen and (min-width: 769px) {
          body.news main section.contents ol li article a p {
            font-size: 1.14583vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.news main section.contents ol li article a p {
            font-size: 1.28906vw; } }
        @media screen and (max-width: 768px) {
          body.news main section.contents ol li article a p {
            font-size: 5.86667vw; } }
    body.news main section.contents ol li:last-child {
      border-bottom: none; }

body.news main section.contents .detail article {
  margin: 2.5% auto 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/news/flame.png) 14 round;
  -o-border-image: url(../../assets/images/news/flame.png) 14 round;
  border-image: url(../../assets/images/news/flame.png) 14 round;
  border-style: solid;
  border-width: 12px; }
  @media screen and (min-width: 769px) {
    body.news main section.contents .detail article {
      width: 67%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.news main section.contents .detail article {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    body.news main section.contents .detail article {
      width: 90%; } }
  body.news main section.contents .detail article .head {
    border-bottom: 1px dotted #fef4b0;
    padding: 2.5% 5%; }
    body.news main section.contents .detail article .head time {
      font-size: 18px;
      display: block;
      margin-bottom: .5%; }
      @media screen and (min-width: 769px) {
        body.news main section.contents .detail article .head time {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents .detail article .head time {
          font-size: 1.05469vw; } }
      @media screen and (max-width: 768px) {
        body.news main section.contents .detail article .head time {
          font-size: 4.8vw; } }
    body.news main section.contents .detail article .head h2 {
      font-size: 28px;
      line-height: 1.5;
      margin-bottom: 0; }
      @media screen and (min-width: 769px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 1.45833vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 1.64063vw; } }
      @media screen and (max-width: 768px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 7.46667vw; } }
  body.news main section.contents .detail article .body {
    padding: 2.5% 5%;
    word-wrap: break-word;
    font-size: 22px;
    line-height: 1.65; }
    @media screen and (min-width: 769px) {
      body.news main section.contents .detail article .body {
        font-size: 1.14583vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.news main section.contents .detail article .body {
        font-size: 1.28906vw; } }
    @media screen and (max-width: 768px) {
      body.news main section.contents .detail article .body {
        font-size: 5.86667vw; } }
    body.news main section.contents .detail article .body img {
      max-width: 100% !important;
      vertical-align: top;
      line-height: 1;
      display: inline; }
    body.news main section.contents .detail article .body a {
      color: #a264ff; }
      body.news main section.contents .detail article .body a:hover {
        opacity: 1;
        text-decoration: underline; }

/* pc */
/* tablet */
/* sp */
@media screen and (max-width: 768px) {
  body.news main section.contents h1 {
    width: 100%; }
  body.news main section.contents ol {
    -webkit-border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.news main section.contents ol li article a {
      padding: 4% 2.5% 4.5%; }
      body.news main section.contents ol li article a time {
        font-size: 12px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.news main section.contents ol li article a time {
          font-size: 0.625vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents ol li article a time {
          font-size: 0.70313vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.news main section.contents ol li article a time {
          font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
      body.news main section.contents ol li article a p {
        font-size: 14px;
        line-height: 1.6; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.news main section.contents ol li article a p {
          font-size: 0.72917vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents ol li article a p {
          font-size: 0.82031vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.news main section.contents ol li article a p {
          font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
  body.news main section.contents .detail article {
    -webkit-border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    border-image: url(../../assets/images/sp/news/flame.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.news main section.contents .detail article .head {
      padding: 4.5% 2.5%; }
      body.news main section.contents .detail article .head time {
        font-size: 12px;
        margin-bottom: 2%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.news main section.contents .detail article .head time {
          font-size: 0.625vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents .detail article .head time {
          font-size: 0.70313vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.news main section.contents .detail article .head time {
          font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
      body.news main section.contents .detail article .head h2 {
        font-size: 16px;
        line-height: 1.6; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 0.83333vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.news main section.contents .detail article .head h2 {
          font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
    body.news main section.contents .detail article .body {
      font-size: 13px;
      padding: 5% 2.5%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.news main section.contents .detail article .body {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.news main section.contents .detail article .body {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.news main section.contents .detail article .body {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.news main section.contents .detail article .body iframe {
        width: 100%;
        height: 100%; } }

/* tablet */
/* sp */
body.info main section.top {
  font-family: "Noto Serif JP","Yu Gothic",YuGothic,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
  width: 67%;
  background-color: rgba(0, 0, 0, 0.8);
  border: .25vw solid #ecb235;
  margin: 0 auto;
  padding-left: 1%;
  padding-right: 1%;
  position: relative; }
  body.info main section.top:before {
    content: "";
    background-image: url(../../assets/images/streaming/top.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: .5vw;
    left: .5%;
    width: 99%;
    height: 6vw; }
  body.info main section.top:after {
    content: "";
    background-image: url(../../assets/images/streaming/bottom.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: -1vw;
    left: .5%;
    width: 99%;
    height: 6vw; }

body.info main section.top {
  padding-top: 3%;
  padding-bottom: 1.5%; }
  body.info main section.top > strong {
    font-size: 22px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 400; }
    @media screen and (min-width: 769px) {
      body.info main section.top > strong {
        font-size: 1.14583vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top > strong {
        font-size: 1.28906vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.top > strong {
        font-size: 5.86667vw; } }
  body.info main section.top h2 {
    font-size: 33px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    letter-spacing: .1vw;
    padding-bottom: 2%;
    margin-bottom: 0;
    position: relative; }
    @media screen and (min-width: 769px) {
      body.info main section.top h2 {
        font-size: 1.71875vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top h2 {
        font-size: 1.93359vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.top h2 {
        font-size: 8.8vw; } }
    body.info main section.top h2:before {
      content: "";
      background-image: url(../../assets/images/streaming/ttl.png);
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: -129%;
      left: 50%;
      width: 9%;
      height: 2.5vw;
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
  body.info main section.top .schedule {
    font-size: 0;
    text-align: center;
    border-top: 2px dotted #ecb235;
    border-bottom: 2px dotted #ecb235;
    padding-top: 0.5%;
    padding-bottom: 2%; }
    body.info main section.top .schedule > div {
      width: 50%;
      display: inline-block;
      vertical-align: middle; }
      body.info main section.top .schedule > div strong {
        color: #ecb235;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: .1vw; }
        @media screen and (min-width: 769px) {
          body.info main section.top .schedule > div strong {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div strong {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.info main section.top .schedule > div strong {
            font-size: 6.4vw; } }
        body.info main section.top .schedule > div strong span {
          font-size: 40px; }
          @media screen and (min-width: 769px) {
            body.info main section.top .schedule > div strong span {
              font-size: 2.08333vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.info main section.top .schedule > div strong span {
              font-size: 2.34375vw; } }
          @media screen and (max-width: 768px) {
            body.info main section.top .schedule > div strong span {
              font-size: 10.66667vw; } }
      body.info main section.top .schedule > div h3 {
        color: #fff;
        font-size: 22px;
        margin-top: 1%;
        margin-bottom: 2.5%; }
        @media screen and (min-width: 769px) {
          body.info main section.top .schedule > div h3 {
            font-size: 1.14583vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div h3 {
            font-size: 1.28906vw; } }
        @media screen and (max-width: 768px) {
          body.info main section.top .schedule > div h3 {
            font-size: 5.86667vw; } }
      body.info main section.top .schedule > div .label {
        font-weight: 700;
        color: #000;
        font-size: 24px;
        background-color: #fff;
        display: inline-block;
        padding: 0 3%;
        border-radius: 2vw; }
        @media screen and (min-width: 769px) {
          body.info main section.top .schedule > div .label {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div .label {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.info main section.top .schedule > div .label {
            font-size: 6.4vw; } }
  body.info main section.top a {
    margin: 1.5% auto 0;
    display: block;
    width: 39%;
    font-size: 28px;
    background-color: #ecb235;
    color: #fff;
    text-align: center;
    height: 3.2vw;
    line-height: 3.2vw;
    border-radius: 5vw;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 769px) {
      body.info main section.top a {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top a {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.top a {
        font-size: 7.46667vw; } }
    body.info main section.top a:hover {
      opacity: 1;
      background-color: #fff;
      color: #ecb235; }

body.info main section.contents h1 {
  width: 42.4%; }

body.info main section.contents article {
  margin: 2.5% auto 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/info/flame.png) 14 round;
  -o-border-image: url(../../assets/images/info/flame.png) 14 round;
  border-image: url(../../assets/images/info/flame.png) 14 round;
  border-style: solid;
  border-width: 12px; }
  @media screen and (min-width: 769px) {
    body.info main section.contents article {
      width: 67%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.info main section.contents article {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    body.info main section.contents article {
      width: 90%; } }
  body.info main section.contents article h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 2% 0 0;
    line-height: 1.7;
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      body.info main section.contents article h2 {
        font-size: 1.25vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article h2 {
        font-size: 1.40625vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.contents article h2 {
        font-size: 6.4vw; } }
  body.info main section.contents article > strong {
    display: block;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 2.5%;
    color: #f00;
    font-size: 18px; }
    @media screen and (min-width: 769px) {
      body.info main section.contents article > strong {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article > strong {
        font-size: 1.05469vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.contents article > strong {
        font-size: 4.8vw; } }
  body.info main section.contents article ul.tbl li {
    display: table;
    width: 100%;
    min-height: 5.5vw;
    padding: 2% 0;
    border-top: 1px dotted #fef4b0; }
    body.info main section.contents article ul.tbl li .inner {
      font-size: 0;
      display: table-cell;
      vertical-align: middle; }
      body.info main section.contents article ul.tbl li .inner > * {
        font-size: 22px;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (min-width: 769px) {
          body.info main section.contents article ul.tbl li .inner > * {
            font-size: 1.14583vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.contents article ul.tbl li .inner > * {
            font-size: 1.28906vw; } }
        @media screen and (max-width: 768px) {
          body.info main section.contents article ul.tbl li .inner > * {
            font-size: 5.86667vw; } }
      body.info main section.contents article ul.tbl li .inner h3 {
        width: 23%;
        padding-left: 6%;
        color: #fef4b0;
        font-weight: normal;
        line-height: 1.6;
        margin-bottom: 0; }
      body.info main section.contents article ul.tbl li .inner p {
        width: 72%;
        line-height: 1.9; }
        body.info main section.contents article ul.tbl li .inner p .note {
          font-size: 18px; }
          @media screen and (min-width: 769px) {
            body.info main section.contents article ul.tbl li .inner p .note {
              font-size: 0.9375vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.info main section.contents article ul.tbl li .inner p .note {
              font-size: 1.05469vw; } }
          @media screen and (max-width: 768px) {
            body.info main section.contents article ul.tbl li .inner p .note {
              font-size: 4.8vw; } }
        body.info main section.contents article ul.tbl li .inner p strong.date {
          font-size: 28px; }
          @media screen and (min-width: 769px) {
            body.info main section.contents article ul.tbl li .inner p strong.date {
              font-size: 1.45833vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.info main section.contents article ul.tbl li .inner p strong.date {
              font-size: 1.64063vw; } }
          @media screen and (max-width: 768px) {
            body.info main section.contents article ul.tbl li .inner p strong.date {
              font-size: 7.46667vw; } }
        body.info main section.contents article ul.tbl li .inner p a {
          color: #fff;
          text-decoration: underline; }
          body.info main section.contents article ul.tbl li .inner p a:hover {
            opacity: 1;
            color: #a264ff;
            text-decoration: none; }
  body.info main section.contents article ul.tbl li.title p {
    font-size: 28px;
    color: #fef4b0;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 7.46667vw; } }

body.info main section.contents article.nth2 {
  -webkit-border-image: url(../../assets/images/info/flame02.png) 14 round;
  -o-border-image: url(../../assets/images/info/flame02.png) 14 round;
  border-image: url(../../assets/images/info/flame02.png) 14 round;
  border-style: solid;
  border-width: 12px; }
  body.info main section.contents article.nth2 h2 {
    padding: 2% 0 2.5%; }

body.info main section.contents article.nth3 {
  -webkit-border-image: url(../../assets/images/info/flame03.png) 14 round;
  -o-border-image: url(../../assets/images/info/flame03.png) 14 round;
  border-image: url(../../assets/images/info/flame03.png) 14 round;
  border-style: solid;
  border-width: 12px; }

/* pc */
/* tablet */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  body.info main section.top {
    width: 80%; } }

/* sp */
@media screen and (max-width: 768px) {
  body.info main section.top {
    width: 90%;
    padding-left: 6%;
    padding-right: 6%;
    border: .7vw solid #ecb235; }
    body.info main section.top:before {
      background-image: url(../../assets/images/streaming/top_sp.png);
      background-repeat: no-repeat;
      background-size: 100% auto;
      top: 1vw;
      left: 1%;
      width: 98%;
      height: 16vw; }
    body.info main section.top:after {
      background-image: url(../../assets/images/streaming/bottom_sp.png);
      background-repeat: no-repeat;
      background-size: 100% auto;
      bottom: 1vw;
      left: 1%;
      width: 98%;
      height: 16vw; }
  body.info main section.top {
    padding-top: 11.5%;
    padding-bottom: 7%;
    margin-bottom: 6%; }
    body.info main section.top > strong {
      font-size: 12px;
      margin-bottom: 4%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.top > strong {
        font-size: 0.625vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top > strong {
        font-size: 0.70313vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.top > strong {
        font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
    body.info main section.top h2 {
      font-size: 18px;
      padding-bottom: 4%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.top h2 {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top h2 {
        font-size: 1.05469vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.top h2 {
        font-size: 4.8vw; } }

@media screen and (max-width: 768px) {
      body.info main section.top h2:before {
        top: -105%;
        width: 24%;
        height: 7.5vw; }
    body.info main section.top .schedule {
      padding-top: 0%;
      padding-bottom: 4%; }
      body.info main section.top .schedule > div {
        width: 100% !important;
        display: block !important; }
        body.info main section.top .schedule > div:first-child {
          padding-bottom: 3%;
          margin-bottom: 1%;
          border-bottom: 2px dotted #ecb235; }
        body.info main section.top .schedule > div strong {
          font-size: 14px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.info main section.top .schedule > div strong {
            font-size: 0.72917vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div strong {
            font-size: 0.82031vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.info main section.top .schedule > div strong {
            font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
          body.info main section.top .schedule > div strong span {
            font-size: 25px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.info main section.top .schedule > div strong span {
              font-size: 1.30208vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.info main section.top .schedule > div strong span {
              font-size: 1.46484vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.info main section.top .schedule > div strong span {
              font-size: 6.66667vw; } }

@media screen and (max-width: 768px) {
        body.info main section.top .schedule > div h3 {
          font-size: 14px;
          line-height: 1.4;
          margin-bottom: 1%;
          margin-top: 0%; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.info main section.top .schedule > div h3 {
            font-size: 0.72917vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div h3 {
            font-size: 0.82031vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.info main section.top .schedule > div h3 {
            font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
        body.info main section.top .schedule > div .label {
          font-size: 18px;
          border-radius: 5vw;
          padding: 0 5%; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.info main section.top .schedule > div .label {
            font-size: 0.9375vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.info main section.top .schedule > div .label {
            font-size: 1.05469vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.info main section.top .schedule > div .label {
            font-size: 4.8vw; } }

@media screen and (max-width: 768px) {
    body.info main section.top a {
      width: 85%;
      font-size: 16px;
      height: 45px;
      line-height: 45px;
      border-radius: 25px;
      margin: 5.5% auto 0; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.top a {
        font-size: 0.83333vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.top a {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.top a {
        font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
  body.info main section.contents h1 {
    width: 100%; }
  body.info main section.contents article {
    -webkit-border-image: url(../../assets/images/sp/info/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/info/flame.png) 24 round;
    border-image: url(../../assets/images/sp/info/flame.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.info main section.contents article h2 {
      text-align: left;
      font-size: 15px;
      padding: 4% 4% 0%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.contents article h2 {
        font-size: 0.78125vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article h2 {
        font-size: 0.87891vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.contents article h2 {
        font-size: 4vw; } }

@media screen and (max-width: 768px) {
    body.info main section.contents article > strong {
      text-align: left;
      margin-top: 5%;
      margin-bottom: 5%;
      color: #f00;
      padding: 0 4%;
      font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.contents article > strong {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article > strong {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.contents article > strong {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    body.info main section.contents article ul.tbl li {
      min-height: initial;
      padding: 6% 3%; }
      body.info main section.contents article ul.tbl li .inner > * {
        display: block; }
      body.info main section.contents article ul.tbl li .inner p, body.info main section.contents article ul.tbl li .inner h3 {
        font-size: 13px;
        width: 100%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.info main section.contents article ul.tbl li .inner p, body.info main section.contents article ul.tbl li .inner h3 {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p, body.info main section.contents article ul.tbl li .inner h3 {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p, body.info main section.contents article ul.tbl li .inner h3 {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.info main section.contents article ul.tbl li .inner h3 {
        margin-bottom: 1%;
        padding-left: 0; }
      body.info main section.contents article ul.tbl li .inner p .note {
        font-size: 11px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.info main section.contents article ul.tbl li .inner p .note {
          font-size: 0.57292vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p .note {
          font-size: 0.64453vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p .note {
          font-size: 2.93333vw; } }

@media screen and (max-width: 768px) {
      body.info main section.contents article ul.tbl li .inner p strong.date {
        font-size: 17px;
        line-height: 1.2; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.info main section.contents article ul.tbl li .inner p strong.date {
          font-size: 0.88542vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p strong.date {
          font-size: 0.99609vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.info main section.contents article ul.tbl li .inner p strong.date {
          font-size: 4.53333vw; } }

@media screen and (max-width: 768px) {
    body.info main section.contents article ul.tbl li.title p {
      font-size: 17px;
      line-height: 1.2; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 0.88542vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 0.99609vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.info main section.contents article ul.tbl li.title p {
        font-size: 4.53333vw; } }

@media screen and (max-width: 768px) {
  body.info main section.contents article.nth2 {
    -webkit-border-image: url(../../assets/images/sp/info/flame02.png) 24 round;
    -o-border-image: url(../../assets/images/sp/info/flame02.png) 24 round;
    border-image: url(../../assets/images/sp/info/flame02.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.info main section.contents article.nth2 h2 {
      padding: 4% 4% 5%; }
  body.info main section.contents article.nth3 {
    -webkit-border-image: url(../../assets/images/sp/info/flame03.png) 24 round;
    -o-border-image: url(../../assets/images/sp/info/flame03.png) 24 round;
    border-image: url(../../assets/images/sp/info/flame03.png) 24 round;
    border-style: solid;
    border-width: 12px; } }

/* tablet */
/* sp */
body.ticket main section.contents h1 {
  width: 11.925%; }

body.ticket main section.contents article {
  margin: 2.5% auto 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/ticket/flame.png) 14 round;
  -o-border-image: url(../../assets/images/ticket/flame.png) 14 round;
  border-image: url(../../assets/images/ticket/flame.png) 14 round;
  border-style: solid;
  border-width: 12px; }
  @media screen and (min-width: 769px) {
    body.ticket main section.contents article {
      width: 67%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.ticket main section.contents article {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    body.ticket main section.contents article {
      width: 90%; } }
  body.ticket main section.contents article h2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding: 2% 0 2.5%;
    line-height: 1.7;
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      body.ticket main section.contents article h2 {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.ticket main section.contents article h2 {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.ticket main section.contents article h2 {
        font-size: 7.46667vw; } }
  body.ticket main section.contents article p {
    border-top: 1px dotted #fef4b0;
    padding: 2.5% 6%;
    font-size: 22px;
    line-height: 2; }
    @media screen and (min-width: 769px) {
      body.ticket main section.contents article p {
        font-size: 1.14583vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.ticket main section.contents article p {
        font-size: 1.28906vw; } }
    @media screen and (max-width: 768px) {
      body.ticket main section.contents article p {
        font-size: 5.86667vw; } }
    body.ticket main section.contents article p strong {
      font-size: 28px;
      color: #f2e9b3; }
      @media screen and (min-width: 769px) {
        body.ticket main section.contents article p strong {
          font-size: 1.45833vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.ticket main section.contents article p strong {
          font-size: 1.64063vw; } }
      @media screen and (max-width: 768px) {
        body.ticket main section.contents article p strong {
          font-size: 7.46667vw; } }
    body.ticket main section.contents article p .button {
      display: inline-block;
      vertical-align: middle;
      border-radius: 3vw;
      background-color: #a264ff;
      height: 3vw;
      line-height: calc(3vw - 4px);
      border: 2px solid #a264ff;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      cursor: pointer;
      text-decoration: none; }
      body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
        color: #fff;
        display: block;
        font-size: 26px;
        font-weight: bold; }
        @media screen and (min-width: 769px) {
          body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
            font-size: 1.35417vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
            font-size: 1.52344vw; } }
        @media screen and (max-width: 768px) {
          body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
            font-size: 6.93333vw; } }
      body.ticket main section.contents article p .button:hover {
        opacity: 1;
        background-color: #fff;
        text-decoration: none; }
        body.ticket main section.contents article p .button:hover > span, body.ticket main section.contents article p .button:hover a {
          opacity: 1;
          color: #a264ff; }
    @media screen and (max-width: 768px) {
      body.ticket main section.contents article p .button {
        height: 30px;
        line-height: 26px;
        border-radius: 4vw; }
        body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
          font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.ticket main section.contents article p .button > span, body.ticket main section.contents article p .button a {
        font-size: 3.46667vw; } }
    body.ticket main section.contents article p .button {
      width: 38%;
      height: 2.5vw;
      line-height: calc(2.5vw - 4px);
      text-align: center;
      border-radius: 0;
      margin-top: 1%; }
      body.ticket main section.contents article p .button > span {
        font-size: 24px;
        font-weight: normal; }
        @media screen and (min-width: 769px) {
          body.ticket main section.contents article p .button > span {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.ticket main section.contents article p .button > span {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.ticket main section.contents article p .button > span {
            font-size: 6.4vw; } }
    body.ticket main section.contents article p a {
      color: #fff;
      text-decoration: underline; }
      body.ticket main section.contents article p a:hover {
        color: #a264ff;
        opacity: 1; }

/* pc */
/* tablet */
/* sp */
@media screen and (max-width: 768px) {
  body.ticket main section.contents h1 {
    width: 100%; }
  body.ticket main section.contents article {
    -webkit-border-image: url(../../assets/images/sp/ticket/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/ticket/flame.png) 24 round;
    border-image: url(../../assets/images/sp/ticket/flame.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.ticket main section.contents article h2 {
      font-size: 16px;
      padding: 4% 2.5% 4%;
      line-height: 1.4; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.ticket main section.contents article h2 {
        font-size: 0.83333vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.ticket main section.contents article h2 {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.ticket main section.contents article h2 {
        font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
    body.ticket main section.contents article p {
      font-size: 13px;
      line-height: 1.65;
      padding: 4.5% 2.5%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.ticket main section.contents article p {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.ticket main section.contents article p {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.ticket main section.contents article p {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.ticket main section.contents article p strong {
        font-size: 16px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.ticket main section.contents article p strong {
          font-size: 0.83333vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.ticket main section.contents article p strong {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.ticket main section.contents article p strong {
          font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
      body.ticket main section.contents article p .button {
        width: 100%;
        height: 45px;
        line-height: 41px;
        margin-top: 1%; }
        body.ticket main section.contents article p .button > span {
          font-size: 15px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.ticket main section.contents article p .button > span {
            font-size: 0.78125vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.ticket main section.contents article p .button > span {
            font-size: 0.87891vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.ticket main section.contents article p .button > span {
            font-size: 4vw; } }

/* tablet */
/* sp */
body.cast main section.contents h1 {
  width: 8.82%; }

body.cast main section.contents h1.special {
  width: 32.5%;
  margin-top: 2%; }

body.cast main section.contents .visual {
  font-size: 0;
  text-align: center;
  margin-bottom: 2.5%; }
  body.cast main section.contents .visual li {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    body.cast main section.contents .visual li:nth-child(2) {
      margin-left: 3%; }
    body.cast main section.contents .visual li:hover {
      opacity: .8; }

body.cast main section.contents .list {
  width: 83%;
  margin: 0 auto;
  font-size: 0;
  text-align: center; }
  body.cast main section.contents .list li {
    position: relative;
    width: 23.5%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-bottom: 2.5%;
    cursor: pointer;
    text-align: left; }
    body.cast main section.contents .list li:nth-child(4n) {
      margin-right: 0%; }
    body.cast main section.contents .list li:hover article > div > span,
    body.cast main section.contents .list li:hover article > div h2 {
      color: #fef4b0; }
    body.cast main section.contents .list li:hover article > div h2 span:after {
      background-image: url(../../assets/images/cast/comment_hover.png);
      background-repeat: no-repeat;
      background-size: contain; }
    body.cast main section.contents .list li article {
      background-image: url(../../assets/images/cast/flame.png);
      background-repeat: no-repeat;
      background-size: contain;
      color: #fff;
      height: 10.5vw;
      padding: 4%; }
      body.cast main section.contents .list li article > * {
        display: inline-block;
        vertical-align: middle; }
      body.cast main section.contents .list li article .photo {
        width: 47%;
        margin-right: 1%; }
      body.cast main section.contents .list li article > div {
        width: 52%;
        padding-top: 0%;
        margin-top: -10%; }
        body.cast main section.contents .list li article > div h2 {
          font-size: 15px;
          -webkit-transition: all .3s ease;
          transition: all .3s ease;
          display: block;
          font-weight: normal;
          margin-top: 0%;
          margin-bottom: 3%; }
          @media screen and (min-width: 769px) {
            body.cast main section.contents .list li article > div h2 {
              font-size: 0.78125vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li article > div h2 {
              font-size: 0.87891vw; } }
          @media screen and (max-width: 768px) {
            body.cast main section.contents .list li article > div h2 {
              font-size: 4vw; } }
          body.cast main section.contents .list li article > div h2 span {
            position: relative;
            font-size: 20px;
            display: inline-block;
            font-weight: bold;
            margin-bottom: 2%; }
            @media screen and (min-width: 769px) {
              body.cast main section.contents .list li article > div h2 span {
                font-size: 1.04167vw; } }
            @media screen and (max-width: 1024px) and (min-width: 768px) {
              body.cast main section.contents .list li article > div h2 span {
                font-size: 1.17188vw; } }
            @media screen and (max-width: 768px) {
              body.cast main section.contents .list li article > div h2 span {
                font-size: 5.33333vw; } }
            body.cast main section.contents .list li article > div h2 span:after {
              position: absolute;
              top: 25%;
              right: -30%;
              content: "";
              background-image: url(../../assets/images/cast/comment.png), url(../../assets/images/cast/comment_hover.png);
              background-repeat: no-repeat;
              background-size: contain, 0 0;
              display: block;
              width: .7vw;
              height: .7vw; }
        body.cast main section.contents .list li article > div p {
          font-size: 15px;
          color: #fef4b0; }
          @media screen and (min-width: 769px) {
            body.cast main section.contents .list li article > div p {
              font-size: 0.78125vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li article > div p {
              font-size: 0.87891vw; } }
          @media screen and (max-width: 768px) {
            body.cast main section.contents .list li article > div p {
              font-size: 4vw; } }
          body.cast main section.contents .list li article > div p:before {
            content: "♪"; }
        body.cast main section.contents .list li article > div > span {
          display: block;
          font-size: 11px;
          margin-top: 2%;
          -webkit-transition: all .3s ease;
          transition: all .3s ease; }
          @media screen and (min-width: 769px) {
            body.cast main section.contents .list li article > div > span {
              font-size: 0.57292vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li article > div > span {
              font-size: 0.64453vw; } }
          @media screen and (max-width: 768px) {
            body.cast main section.contents .list li article > div > span {
              font-size: 2.93333vw; } }
          body.cast main section.contents .list li article > div > span:before {
            content: "『"; }
          body.cast main section.contents .list li article > div > span:after {
            content: "』"; }
    body.cast main section.contents .list li:nth-child(10) label, body.cast main section.contents .list li:nth-child(8) label, body.cast main section.contents .list li:nth-child(6) label, body.cast main section.contents .list li:nth-child(4) label {
      bottom: 16%; }
    body.cast main section.contents .list li:nth-child(7) article > div p {
      font-size: 10px; }
      @media screen and (min-width: 769px) {
        body.cast main section.contents .list li:nth-child(7) article > div p {
          font-size: 0.52083vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.cast main section.contents .list li:nth-child(7) article > div p {
          font-size: 0.58594vw; } }
      @media screen and (max-width: 768px) {
        body.cast main section.contents .list li:nth-child(7) article > div p {
          font-size: 2.66667vw; } }
    body.cast main section.contents .list li:nth-child(7) label {
      bottom: 14%; }
    body.cast main section.contents .list li label {
      font-size: 18px;
      cursor: pointer;
      color: #fff;
      background-color: #a264ff;
      text-align: center;
      border-radius: 1vw;
      margin-bottom: 0;
      line-height: 1.7;
      border: 2px solid #a264ff;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      position: absolute;
      bottom: 18%;
      left: 50%;
      width: 25%;
      line-height: 1.4;
      font-size: 16px; }
      @media screen and (min-width: 769px) {
        body.cast main section.contents .list li label {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.cast main section.contents .list li label {
          font-size: 1.05469vw; } }
      @media screen and (max-width: 768px) {
        body.cast main section.contents .list li label {
          font-size: 4.8vw; } }
      body.cast main section.contents .list li label:hover {
        background-color: #fff;
        color: #a264ff; }
      @media screen and (max-width: 768px) {
        body.cast main section.contents .list li label {
          font-size: 13px;
          width: 25%;
          border-radius: 4vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    body.cast main section.contents .list li label {
      font-size: 0.67708vw; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    body.cast main section.contents .list li label {
      font-size: 0.76172vw; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    body.cast main section.contents .list li label {
      font-size: 3.46667vw; } }
      @media screen and (min-width: 769px) {
        body.cast main section.contents .list li label {
          font-size: 0.83333vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.cast main section.contents .list li label {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 768px) {
        body.cast main section.contents .list li label {
          font-size: 4.26667vw; } }
    body.cast main section.contents .list li label.stop {
      background-color: #fff;
      color: #a264ff; }
  body.cast main section.contents .list li.morikubo article > div h2 span:after {
    right: -20%; }

body.cast main section.contents .list.special li:nth-child(1) label {
  bottom: 20%; }

body.cast main section.contents .list.special li:nth-child(2) label {
  bottom: 26%; }

body.cast .v-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9998; }
  body.cast .v-modal .inner {
    position: relative;
    width: 100%;
    height: 100%; }
    body.cast .v-modal .inner .v-modal-close {
      width: 3%;
      display: block;
      position: absolute;
      top: 5%;
      right: 3%;
      z-index: 9998;
      cursor: pointer; }
    body.cast .v-modal .inner > img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
      height: 90vh;
      max-width: 1400px; }

body.cast main.detail {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: initial; }
  body.cast main.detail a.close-btn {
    width: 6.2%;
    position: fixed;
    top: 0;
    right: 0; }
  body.cast main.detail .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 3% 2.5%;
    font-size: 0;
    -webkit-border-image: url(../../assets/images/cast/detail_flame.png) 14 round;
    -o-border-image: url(../../assets/images/cast/detail_flame.png) 14 round;
    border-image: url(../../assets/images/cast/detail_flame.png) 14 round;
    border-style: solid;
    border-width: 12px;
    background-color: rgba(0, 0, 0, 0.7); }
    @media screen and (min-width: 769px) {
      body.cast main.detail .contents {
        width: 67%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.cast main.detail .contents {
        width: 80%; } }
    @media screen and (max-width: 768px) {
      body.cast main.detail .contents {
        width: 90%; } }
    body.cast main.detail .contents img.photo {
      width: 45%;
      display: inline-block;
      vertical-align: top;
      margin-right: 5%; }
    body.cast main.detail .contents .text {
      position: relative;
      width: 50%;
      display: inline-block;
      vertical-align: top;
      color: #fff; }
      body.cast main.detail .contents .text h1 {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 4%;
        text-align: left; }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text h1 {
            font-size: 2.08333vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text h1 {
            font-size: 2.34375vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text h1 {
            font-size: 10.66667vw; } }
        body.cast main.detail .contents .text h1 span {
          font-size: 26px;
          display: block;
          font-weight: normal;
          margin-top: .5%; }
          @media screen and (min-width: 769px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 1.35417vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 1.52344vw; } }
          @media screen and (max-width: 768px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 6.93333vw; } }
      body.cast main.detail .contents .text h2 {
        font-size: 30px;
        font-weight: bold;
        color: #fef4b0;
        margin-bottom: 2%; }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text h2 {
            font-size: 1.5625vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text h2 {
            font-size: 1.75781vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text h2 {
            font-size: 8vw; } }
        body.cast main.detail .contents .text h2:before {
          content: '♪'; }
      body.cast main.detail .contents .text > span {
        font-size: 20px;
        display: block; }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text > span {
            font-size: 1.04167vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text > span {
            font-size: 1.17188vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text > span {
            font-size: 5.33333vw; } }
        body.cast main.detail .contents .text > span:before {
          content: "『"; }
        body.cast main.detail .contents .text > span:after {
          content: "』"; }
      body.cast main.detail .contents .text label {
        margin-top: 5%;
        font-size: 18px;
        cursor: pointer;
        color: #fff;
        background-color: #a264ff;
        text-align: center;
        border-radius: 1vw;
        margin-bottom: 0;
        line-height: 1.7;
        border: 2px solid #a264ff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 26%;
        font-size: 24px;
        border-radius: 2vw; }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text label {
            font-size: 0.9375vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 1.05469vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 4.8vw; } }
        body.cast main.detail .contents .text label:hover {
          background-color: #fff;
          color: #a264ff; }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 13px;
            width: 25%;
            border-radius: 4vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    body.cast main.detail .contents .text label {
      font-size: 0.67708vw; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    body.cast main.detail .contents .text label {
      font-size: 0.76172vw; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    body.cast main.detail .contents .text label {
      font-size: 3.46667vw; } }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text label {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 6.4vw; } }
      body.cast main.detail .contents .text label.stop {
        background-color: #fff;
        color: #a264ff; }
      body.cast main.detail .contents .text p {
        font-size: 22px;
        margin-top: 9%;
        border-top: dotted 1px #fef4b0;
        padding-top: 7%;
        line-height: 1.6;
        letter-spacing: 0.06vw; }
        @media screen and (min-width: 769px) {
          body.cast main.detail .contents .text p {
            font-size: 1.14583vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text p {
            font-size: 1.28906vw; } }
        @media screen and (max-width: 768px) {
          body.cast main.detail .contents .text p {
            font-size: 5.86667vw; } }
      body.cast main.detail .contents .text img.logo {
        position: absolute;
        top: -2%;
        left: 69%;
        width: 35.5%; }
    body.cast main.detail .contents a.prev,
    body.cast main.detail .contents a.next {
      width: 4%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
    body.cast main.detail .contents a.prev {
      left: -10%; }
    body.cast main.detail .contents a.next {
      right: -10%; }

/* pc */
/* tablet */
@media screen and (max-width: 1150px) {
  body.cast main section.contents .list li {
    width: 32%;
    margin-right: 1.5%; }
    body.cast main section.contents .list li:nth-child(4n) {
      margin-right: 1.5%; }
    body.cast main section.contents .list li:nth-child(3n) {
      margin-right: 0; }
    body.cast main section.contents .list li article {
      height: 13vw; }
      body.cast main section.contents .list li article > div {
        width: 51%; }
      body.cast main section.contents .list li article .photo {
        width: 45%;
        margin-right: 3%; } }

@media screen and (max-width: 950px) {
  body.cast main section.contents .list {
    width: 85%;
    text-align: center; }
    body.cast main section.contents .list li {
      text-align: left; }
      body.cast main section.contents .list li span article,
      body.cast main section.contents .list li a article {
        height: 16vw; } }

/* sp */
@media screen and (max-width: 768px) {
  body.cast main section.contents h1 {
    width: 100%; }
  body.cast main section.contents h1.special {
    margin-top: 11%;
    width: 100%; }
  body.cast main section.contents .visual {
    margin-bottom: 7%;
    width: 89%;
    margin-left: auto;
    margin-right: auto; }
    body.cast main section.contents .visual li {
      width: 100%;
      display: block;
      margin-bottom: 5%; }
      body.cast main section.contents .visual li:nth-child(2) {
        margin-left: 0%; }
  body.cast main section.contents .list {
    width: 90%; }
    body.cast main section.contents .list li {
      width: 100%;
      display: block;
      margin-right: 0;
      margin-bottom: 4.5%; }
      body.cast main section.contents .list li:last-child {
        margin-bottom: 0; }
      body.cast main section.contents .list li:nth-child(10) label, body.cast main section.contents .list li:nth-child(8) label, body.cast main section.contents .list li:nth-child(6) label, body.cast main section.contents .list li:nth-child(4) label {
        bottom: 13%; }
      body.cast main section.contents .list li span article,
      body.cast main section.contents .list li a article {
        height: 47vw; }
        body.cast main section.contents .list li span article .photo,
        body.cast main section.contents .list li a article .photo {
          width: 47%; }
        body.cast main section.contents .list li span article > div,
        body.cast main section.contents .list li a article > div {
          width: 50%; }
          body.cast main section.contents .list li span article > div h2,
          body.cast main section.contents .list li a article > div h2 {
            font-size: 15px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.cast main section.contents .list li span article > div h2,
            body.cast main section.contents .list li a article > div h2 {
              font-size: 0.78125vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li span article > div h2,
            body.cast main section.contents .list li a article > div h2 {
              font-size: 0.87891vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.cast main section.contents .list li span article > div h2,
            body.cast main section.contents .list li a article > div h2 {
              font-size: 4vw; } }

@media screen and (max-width: 768px) {
            body.cast main section.contents .list li span article > div h2 span,
            body.cast main section.contents .list li a article > div h2 span {
              font-size: 20px;
              margin-bottom: 2%; } }
            @media screen and (max-width: 768px) and (min-width: 769px) {
              body.cast main section.contents .list li span article > div h2 span,
              body.cast main section.contents .list li a article > div h2 span {
                font-size: 1.04167vw; } }
            @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
              body.cast main section.contents .list li span article > div h2 span,
              body.cast main section.contents .list li a article > div h2 span {
                font-size: 1.17188vw; } }
            @media screen and (max-width: 768px) and (max-width: 768px) {
              body.cast main section.contents .list li span article > div h2 span,
              body.cast main section.contents .list li a article > div h2 span {
                font-size: 5.33333vw; } }

@media screen and (max-width: 768px) {
              body.cast main section.contents .list li span article > div h2 span:after,
              body.cast main section.contents .list li a article > div h2 span:after {
                width: 3vw;
                height: 3vw; }
          body.cast main section.contents .list li span article > div p,
          body.cast main section.contents .list li a article > div p {
            font-size: 14px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.cast main section.contents .list li span article > div p,
            body.cast main section.contents .list li a article > div p {
              font-size: 0.72917vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li span article > div p,
            body.cast main section.contents .list li a article > div p {
              font-size: 0.82031vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.cast main section.contents .list li span article > div p,
            body.cast main section.contents .list li a article > div p {
              font-size: 3.73333vw; } }

@media screen and (max-width: 768px) {
            body.cast main section.contents .list li span article > div p span,
            body.cast main section.contents .list li a article > div p span {
              width: calc(100% - 4vw); }
          body.cast main section.contents .list li span article > div > span,
          body.cast main section.contents .list li a article > div > span {
            font-size: 12px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.cast main section.contents .list li span article > div > span,
            body.cast main section.contents .list li a article > div > span {
              font-size: 0.625vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.cast main section.contents .list li span article > div > span,
            body.cast main section.contents .list li a article > div > span {
              font-size: 0.70313vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.cast main section.contents .list li span article > div > span,
            body.cast main section.contents .list li a article > div > span {
              font-size: 3.2vw; } }

@media screen and (max-width: 768px) {
      body.cast main section.contents .list li label {
        bottom: 16%;
        line-height: 1.3; }
  body.cast .v-modal .inner .v-modal-close {
    width: 10%;
    top: 2%;
    right: 3%; }
  body.cast .v-modal .inner > img {
    width: 90%;
    height: auto; }
  body.cast main.detail {
    overflow-y: scroll;
    height: 173vw;
    right: unset;
    bottom: unset; }
    body.cast main.detail:before {
      height: 182vw; }
    body.cast main.detail a.close-btn {
      position: absolute;
      width: 16%; }
    body.cast main.detail .contents {
      top: 12%;
      padding: 4% 4%;
      -webkit-border-image: url(../../assets/images/sp/cast/detail_flame.png) 24 round;
      -o-border-image: url(../../assets/images/sp/cast/detail_flame.png) 24 round;
      border-image: url(../../assets/images/sp/cast/detail_flame.png) 24 round;
      border-style: solid;
      border-width: 12px;
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
      body.cast main.detail .contents img.photo {
        width: 100%;
        display: block;
        margin-right: 0; }
      body.cast main.detail .contents .text {
        position: relative;
        width: 100%;
        display: block;
        margin-top: 6%;
        padding-top: 0; }
        body.cast main.detail .contents .text h1 {
          text-align: left;
          font-size: 20px;
          margin-bottom: 6%; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.cast main.detail .contents .text h1 {
            font-size: 1.04167vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text h1 {
            font-size: 1.17188vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.cast main.detail .contents .text h1 {
            font-size: 5.33333vw; } }

@media screen and (max-width: 768px) {
          body.cast main.detail .contents .text h1 span {
            font-size: 15px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 0.78125vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 0.87891vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.cast main.detail .contents .text h1 span {
              font-size: 4vw; } }

@media screen and (max-width: 768px) {
        body.cast main.detail .contents .text img.logo {
          top: -2%;
          left: 76%;
          width: 26.5%;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
        body.cast main.detail .contents .text h2 {
          font-size: 15px;
          margin-bottom: 1%; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.cast main.detail .contents .text h2 {
            font-size: 0.78125vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text h2 {
            font-size: 0.87891vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.cast main.detail .contents .text h2 {
            font-size: 4vw; } }

@media screen and (max-width: 768px) {
        body.cast main.detail .contents .text > span {
          font-size: 13px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.cast main.detail .contents .text > span {
            font-size: 0.67708vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text > span {
            font-size: 0.76172vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.cast main.detail .contents .text > span {
            font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.cast main.detail .contents .text label {
          position: static;
          margin-top: 4%;
          width: 26%;
          font-size: 13px;
          border-radius: 4vw; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.cast main.detail .contents .text label {
            font-size: 0.67708vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 0.76172vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.cast main.detail .contents .text label {
            font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.cast main.detail .contents .text p {
          font-size: 13px;
          line-height: 1.5;
          padding-top: 2%;
          margin-top: 4%;
          min-height: 44vw; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.cast main.detail .contents .text p {
            font-size: 0.67708vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.cast main.detail .contents .text p {
            font-size: 0.76172vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.cast main.detail .contents .text p {
            font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.cast main.detail .contents a.prev,
      body.cast main.detail .contents a.next {
        width: 8%;
        top: 105%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      body.cast main.detail .contents a.prev {
        left: 0%; }
      body.cast main.detail .contents a.next {
        right: 0%; } }

/* tablet */
/* sp */
body.discography main section.contents h1 {
  width: 22.2%;
  margin-bottom: 2%; }

body.discography main section.contents ul.tab {
  font-size: 0;
  text-align: center; }
  body.discography main section.contents ul.tab li {
    width: 13%;
    margin: 0 1%; }
  body.discography main section.contents ul.tab .button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3vw;
    background-color: #a264ff;
    height: 3vw;
    line-height: calc(3vw - 4px);
    border: 2px solid #a264ff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none; }
    body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
      color: #fff;
      display: block;
      font-size: 26px;
      font-weight: bold; }
      @media screen and (min-width: 769px) {
        body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
          font-size: 1.35417vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
          font-size: 1.52344vw; } }
      @media screen and (max-width: 768px) {
        body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
          font-size: 6.93333vw; } }
    body.discography main section.contents ul.tab .button:hover {
      opacity: 1;
      background-color: #fff;
      text-decoration: none; }
      body.discography main section.contents ul.tab .button:hover > span, body.discography main section.contents ul.tab .button:hover a {
        opacity: 1;
        color: #a264ff; }
  @media screen and (max-width: 768px) {
    body.discography main section.contents ul.tab .button {
      height: 30px;
      line-height: 26px;
      border-radius: 4vw; }
      body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
        font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.discography main section.contents ul.tab .button > span, body.discography main section.contents ul.tab .button a {
        font-size: 3.46667vw; } }
  body.discography main section.contents ul.tab li:hover,
  body.discography main section.contents ul.tab li.current {
    background-color: #a264ff !important; }
    body.discography main section.contents ul.tab li:hover a,
    body.discography main section.contents ul.tab li.current a {
      color: #fff !important; }
  body.discography main section.contents ul.tab .button {
    background-color: #fff; }
    body.discography main section.contents ul.tab .button a {
      color: #a264ff; }

body.discography main section.contents article {
  margin: 1.5% auto 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/discography/flame.png) 14 round;
  -o-border-image: url(../../assets/images/discography/flame.png) 14 round;
  border-image: url(../../assets/images/discography/flame.png) 14 round;
  border-style: solid;
  border-width: 12px; }
  @media screen and (min-width: 769px) {
    body.discography main section.contents article {
      width: 67%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.discography main section.contents article {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    body.discography main section.contents article {
      width: 90%; } }
  body.discography main section.contents article .ttl h2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #fef5bb;
    padding: 2% 0 1%;
    margin-bottom: 0;
    line-height: 1.6; }
    @media screen and (min-width: 769px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 7.46667vw; } }
  body.discography main section.contents article .ttl p {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 2.5%; }
    @media screen and (min-width: 769px) {
      body.discography main section.contents article .ttl p {
        font-size: 1.04167vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents article .ttl p {
        font-size: 1.17188vw; } }
    @media screen and (max-width: 768px) {
      body.discography main section.contents article .ttl p {
        font-size: 5.33333vw; } }
  body.discography main section.contents article .image {
    text-align: center;
    font-size: 0;
    padding: 3.2% 3.5%; }
    body.discography main section.contents article .image > * {
      width: 55.5%;
      display: inline-block;
      vertical-align: middle; }
    body.discography main section.contents article .image > img {
      margin-left: 3%; }
    body.discography main section.contents article .image .jacket {
      width: 37%; }
  body.discography main section.contents article .body {
    border-top: 1px dotted #fef4b0; }

body.discography main section.contents .btns {
  font-size: 0;
  text-align: center; }
  body.discography main section.contents .btns .button {
    margin: 0 1.5%;
    width: 30%; }
    body.discography main section.contents .btns .button a {
      letter-spacing: 0.15vw; }
  body.discography main section.contents .btns .button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3vw;
    background-color: #a264ff;
    height: 3vw;
    line-height: calc(3vw - 4px);
    border: 2px solid #a264ff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none; }
    body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
      color: #fff;
      display: block;
      font-size: 26px;
      font-weight: bold; }
      @media screen and (min-width: 769px) {
        body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
          font-size: 1.35417vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
          font-size: 1.52344vw; } }
      @media screen and (max-width: 768px) {
        body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
          font-size: 6.93333vw; } }
    body.discography main section.contents .btns .button:hover {
      opacity: 1;
      background-color: #fff;
      text-decoration: none; }
      body.discography main section.contents .btns .button:hover > span, body.discography main section.contents .btns .button:hover a {
        opacity: 1;
        color: #a264ff; }
  @media screen and (max-width: 768px) {
    body.discography main section.contents .btns .button {
      height: 30px;
      line-height: 26px;
      border-radius: 4vw; }
      body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
        font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.discography main section.contents .btns .button > span, body.discography main section.contents .btns .button a {
        font-size: 3.46667vw; } }

body.discography main section.contents .text {
  padding: 5.5%;
  font-size: 22px;
  line-height: 1.65; }
  @media screen and (min-width: 769px) {
    body.discography main section.contents .text {
      font-size: 1.14583vw; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.discography main section.contents .text {
      font-size: 1.28906vw; } }
  @media screen and (max-width: 768px) {
    body.discography main section.contents .text {
      font-size: 5.86667vw; } }
  body.discography main section.contents .text h3 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 3%; }
    @media screen and (min-width: 769px) {
      body.discography main section.contents .text h3 {
        font-size: 1.66667vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents .text h3 {
        font-size: 1.875vw; } }
    @media screen and (max-width: 768px) {
      body.discography main section.contents .text h3 {
        font-size: 8.53333vw; } }
  body.discography main section.contents .text strong {
    font-size: 28px; }
    @media screen and (min-width: 769px) {
      body.discography main section.contents .text strong {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents .text strong {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.discography main section.contents .text strong {
        font-size: 7.46667vw; } }
  body.discography main section.contents .text .mv-player {
    display: block;
    text-align: center; }
    body.discography main section.contents .text .mv-player iframe {
      width: 40vw;
      height: 22.5vw; }
  body.discography main section.contents .text a {
    color: #fff;
    text-decoration: underline; }
    body.discography main section.contents .text a:hover {
      opacity: 1;
      color: #a264ff;
      text-decoration: none; }
  body.discography main section.contents .text .set-list {
    margin-top: 1%; }
    body.discography main section.contents .text .set-list li {
      position: relative;
      border-top: 1px dotted #fef4b0; }
      body.discography main section.contents .text .set-list li:last-child {
        border-bottom: 1px dotted #fef4b0; }
      body.discography main section.contents .text .set-list li h4 {
        font-size: 22px;
        line-height: 1.6;
        margin-bottom: 0;
        padding-right: 10%;
        padding-top: 1%;
        padding-bottom: 1%; }
        @media screen and (min-width: 769px) {
          body.discography main section.contents .text .set-list li h4 {
            font-size: 1.14583vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.discography main section.contents .text .set-list li h4 {
            font-size: 1.28906vw; } }
        @media screen and (max-width: 768px) {
          body.discography main section.contents .text .set-list li h4 {
            font-size: 5.86667vw; } }
      body.discography main section.contents .text .set-list li label {
        font-size: 18px;
        cursor: pointer;
        color: #fff;
        background-color: #a264ff;
        text-align: center;
        border-radius: 1vw;
        margin-bottom: 0;
        line-height: 1.7;
        border: 2px solid #a264ff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 50%;
        right: 0;
        width: 9%;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
        @media screen and (min-width: 769px) {
          body.discography main section.contents .text .set-list li label {
            font-size: 0.9375vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.discography main section.contents .text .set-list li label {
            font-size: 1.05469vw; } }
        @media screen and (max-width: 768px) {
          body.discography main section.contents .text .set-list li label {
            font-size: 4.8vw; } }
        body.discography main section.contents .text .set-list li label:hover {
          background-color: #fff;
          color: #a264ff; }
        @media screen and (max-width: 768px) {
          body.discography main section.contents .text .set-list li label {
            font-size: 13px;
            width: 25%;
            border-radius: 4vw; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    body.discography main section.contents .text .set-list li label {
      font-size: 0.67708vw; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    body.discography main section.contents .text .set-list li label {
      font-size: 0.76172vw; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    body.discography main section.contents .text .set-list li label {
      font-size: 3.46667vw; } }
        body.discography main section.contents .text .set-list li label:hover {
          background-color: #fff;
          color: #a264ff; }
      body.discography main section.contents .text .set-list li label.stop {
        background-color: #fff;
        color: #a264ff; }
  body.discography main section.contents .text .button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3vw;
    background-color: #a264ff;
    height: 3vw;
    line-height: calc(3vw - 4px);
    border: 2px solid #a264ff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    text-decoration: none; }
    body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
      color: #fff;
      display: block;
      font-size: 26px;
      font-weight: bold; }
      @media screen and (min-width: 769px) {
        body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
          font-size: 1.35417vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
          font-size: 1.52344vw; } }
      @media screen and (max-width: 768px) {
        body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
          font-size: 6.93333vw; } }
    body.discography main section.contents .text .button:hover {
      opacity: 1;
      background-color: #fff;
      text-decoration: none; }
      body.discography main section.contents .text .button:hover > span, body.discography main section.contents .text .button:hover a {
        opacity: 1;
        color: #a264ff; }
  @media screen and (max-width: 768px) {
    body.discography main section.contents .text .button {
      height: 30px;
      line-height: 26px;
      border-radius: 4vw; }
      body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
        font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.discography main section.contents .text .button > span, body.discography main section.contents .text .button a {
        font-size: 3.46667vw; } }
  body.discography main section.contents .text .button {
    text-align: center;
    padding: 0 5%;
    margin-top: 1%; }
  body.discography main section.contents .text ul.kv {
    font-size: 0;
    margin-top: 2%; }
    body.discography main section.contents .text ul.kv li {
      width: 31%;
      display: inline-block;
      vertical-align: top;
      margin-right: 3%;
      margin-bottom: 3%; }
      body.discography main section.contents .text ul.kv li:nth-child(3n) {
        margin-right: 0%; }
      body.discography main section.contents .text ul.kv li a {
        display: block; }
        body.discography main section.contents .text ul.kv li a:hover {
          text-decoration: none; }
          body.discography main section.contents .text ul.kv li a:hover p {
            color: #a264ff;
            -webkit-transition: all .3s ease;
            transition: all .3s ease; }
        body.discography main section.contents .text ul.kv li a p {
          color: #fff;
          text-align: center;
          font-size: 22px;
          line-height: 1.5;
          margin-top: 2%; }
          @media screen and (min-width: 769px) {
            body.discography main section.contents .text ul.kv li a p {
              font-size: 1.14583vw; } }
          @media screen and (max-width: 1024px) and (min-width: 768px) {
            body.discography main section.contents .text ul.kv li a p {
              font-size: 1.28906vw; } }
          @media screen and (max-width: 768px) {
            body.discography main section.contents .text ul.kv li a p {
              font-size: 5.86667vw; } }

body.discography.bd main section.contents article .body .text .set-list li h4 {
  padding-right: 0; }

body#ec {
  min-width: 100%;
  background: #000; }
  body#ec h1 {
    color: #fff;
    font-size: 18px;
    line-height: 1.4em;
    padding: 3% 0;
    text-align: center;
    margin-bottom: 0; }
  body#ec .ecList {
    font-size: 0;
    padding: 0 8%; }
    body#ec .ecList li {
      width: 23%;
      display: inline-block;
      vertical-align: top;
      margin: 0% 1% 2%; }
      body#ec .ecList li a {
        display: block; }
  body#ec .ecList.dl li {
    width: 14.6%; }
    body#ec .ecList.dl li a:hover {
      opacity: 1; }
      body#ec .ecList.dl li a:hover h2 {
        color: #a264ff; }
    body#ec .ecList.dl li h2 {
      font-size: 16px;
      text-align: center;
      color: #fff;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }

/* pc */
/* tablet */
/* sp */
@media screen and (max-width: 768px) {
  body.discography main section.contents h1 {
    width: 100%;
    margin-bottom: 8%; }
  body.discography main section.contents ul.tab li {
    width: 33%;
    margin: 0 3%; }
  body.discography main section.contents article {
    margin: 5.5% auto 0;
    -webkit-border-image: url(../../assets/images/sp/discography/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/discography/flame.png) 24 round;
    border-image: url(../../assets/images/sp/discography/flame.png) 24 round;
    border-style: solid;
    border-width: 12px; }
    body.discography main section.contents article .ttl h2 {
      font-size: 16px;
      padding: 5.5% 2.5% 3%;
      line-height: 1.45; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 0.83333vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.discography main section.contents article .ttl h2 {
        font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
    body.discography main section.contents article .ttl p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 4.5%;
      text-align: left;
      padding: 0 2.5%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.discography main section.contents article .ttl p {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.discography main section.contents article .ttl p {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.discography main section.contents article .ttl p {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    body.discography main section.contents article .body {
      padding: 7% 2.5%; }
      body.discography main section.contents article .body .image {
        padding: 0; }
        body.discography main section.contents article .body .image > * {
          display: block; }
        body.discography main section.contents article .body .image .jacket {
          width: 100%; }
        body.discography main section.contents article .body .image > img {
          margin-left: 0;
          margin-top: 6%;
          width: 100%; }
      body.discography main section.contents article .body .btns {
        margin-top: 7%; }
        body.discography main section.contents article .body .btns .button {
          width: 65%; }
        body.discography main section.contents article .body .btns .button.dl {
          margin-top: 3%; }
      body.discography main section.contents article .body .text {
        font-size: 13px;
        padding: 0;
        margin-top: 11%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.discography main section.contents article .body .text {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.discography main section.contents article .body .text {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.discography main section.contents article .body .text {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.discography main section.contents article .body .text h3 {
          font-size: 20px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.discography main section.contents article .body .text h3 {
            font-size: 1.04167vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.discography main section.contents article .body .text h3 {
            font-size: 1.17188vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.discography main section.contents article .body .text h3 {
            font-size: 5.33333vw; } }

@media screen and (max-width: 768px) {
        body.discography main section.contents article .body .text strong {
          font-size: 15px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.discography main section.contents article .body .text strong {
            font-size: 0.78125vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.discography main section.contents article .body .text strong {
            font-size: 0.87891vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.discography main section.contents article .body .text strong {
            font-size: 4vw; } }

@media screen and (max-width: 768px) {
        body.discography main section.contents article .body .text .mv-player {
          position: relative;
          padding-bottom: 26%;
          padding-top: 30%;
          height: 0;
          overflow: hidden; }
          body.discography main section.contents article .body .text .mv-player iframe {
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            width: 100%;
            height: 100%; }
        body.discography main section.contents article .body .text .set-list li h4 {
          font-size: 13px;
          padding-right: 35%;
          padding-top: 3%;
          padding-bottom: 3%; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.discography main section.contents article .body .text .set-list li h4 {
            font-size: 0.67708vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.discography main section.contents article .body .text .set-list li h4 {
            font-size: 0.76172vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.discography main section.contents article .body .text .set-list li h4 {
            font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.discography main section.contents article .body .text .button {
          padding: 0 12%;
          margin-top: 3%; }
        body.discography main section.contents article .body .text ul.kv li {
          width: 100%;
          display: block;
          margin-right: 0;
          margin-bottom: 10%; }
          body.discography main section.contents article .body .text ul.kv li p {
            font-size: 13px; } }
          @media screen and (max-width: 768px) and (min-width: 769px) {
            body.discography main section.contents article .body .text ul.kv li p {
              font-size: 0.67708vw; } }
          @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
            body.discography main section.contents article .body .text ul.kv li p {
              font-size: 0.76172vw; } }
          @media screen and (max-width: 768px) and (max-width: 768px) {
            body.discography main section.contents article .body .text ul.kv li p {
              font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.discography main section.contents article .body .text ul.kv li:last-child {
          margin-bottom: 0%; } }

/* tablet */
/* sp */
body.movie main section.contents h1 {
  width: 12.58%; }

body.movie main section.contents ul {
  font-size: 0;
  width: 91%;
  margin: 0 auto;
  text-align: left; }
  body.movie main section.contents ul li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 5%;
    margin-bottom: 6%; }
    body.movie main section.contents ul li:nth-child(3n) {
      margin-right: 0%; }
    body.movie main section.contents ul li:hover {
      opacity: .9; }
    body.movie main section.contents ul li span {
      position: relative;
      display: block; }
      body.movie main section.contents ul li span video {
        width: 100%; }
      body.movie main section.contents ul li span:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); }
      body.movie main section.contents ul li span:after {
        content: "";
        background-image: url(../../assets/images/common/pv_flame.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 108%; }
    body.movie main section.contents ul li h2 {
      color: #fff;
      text-align: center;
      font-size: 22px;
      margin-top: 7%;
      margin-bottom: 0;
      line-height: 1.4; }
      @media screen and (min-width: 769px) {
        body.movie main section.contents ul li h2 {
          font-size: 1.14583vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.movie main section.contents ul li h2 {
          font-size: 1.28906vw; } }
      @media screen and (max-width: 768px) {
        body.movie main section.contents ul li h2 {
          font-size: 5.86667vw; } }

/* pc */
/* tablet */
/* sp */
@media screen and (max-width: 768px) {
  body.movie main section.contents h1 {
    width: 100%; }
  body.movie main section.contents ul {
    width: 76%; }
    body.movie main section.contents ul li {
      width: 100%;
      display: block;
      margin-right: 0;
      margin-bottom: 14%; }
      body.movie main section.contents ul li h2 {
        font-size: 13px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.movie main section.contents ul li h2 {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.movie main section.contents ul li h2 {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.movie main section.contents ul li h2 {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.movie main section.contents ul li:last-child {
        margin-bottom: 0; } }

/* tablet */
/* sp */
body.faq main section.contents h1 {
  width: 9.55%; }

body.faq main section.contents article {
  width: 69%;
  margin: 2.5% auto 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/faq/flame.png) 14 round;
  -o-border-image: url(../../assets/images/faq/flame.png) 14 round;
  border-image: url(../../assets/images/faq/flame.png) 14 round;
  border-style: solid;
  border-width: 12px;
  padding-bottom: 2.5%; }
  body.faq main section.contents article > h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 2% 0 2.5%;
    line-height: 1.7;
    margin-bottom: 0;
    border-bottom: 1px dotted #fef4b0;
    margin-bottom: 2%; }
    @media screen and (min-width: 769px) {
      body.faq main section.contents article > h2 {
        font-size: 1.25vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article > h2 {
        font-size: 1.40625vw; } }
    @media screen and (max-width: 768px) {
      body.faq main section.contents article > h2 {
        font-size: 6.4vw; } }
  body.faq main section.contents article > h3 {
    color: #f2e9b3;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
    margin: 2.5% 6% 2%;
    border-bottom: 1px dotted #fef4b0; }
    @media screen and (min-width: 769px) {
      body.faq main section.contents article > h3 {
        font-size: 1.25vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article > h3 {
        font-size: 1.40625vw; } }
    @media screen and (max-width: 768px) {
      body.faq main section.contents article > h3 {
        font-size: 6.4vw; } }
  body.faq main section.contents article > p {
    padding: 0% 6% 1%;
    font-size: 18px;
    line-height: 1.7; }
    @media screen and (min-width: 769px) {
      body.faq main section.contents article > p {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article > p {
        font-size: 1.05469vw; } }
    @media screen and (max-width: 768px) {
      body.faq main section.contents article > p {
        font-size: 4.8vw; } }
    body.faq main section.contents article > p strong {
      font-size: 20px;
      color: #f2e9b3;
      display: block;
      margin-bottom: 1%; }
      @media screen and (min-width: 769px) {
        body.faq main section.contents article > p strong {
          font-size: 1.04167vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article > p strong {
          font-size: 1.17188vw; } }
      @media screen and (max-width: 768px) {
        body.faq main section.contents article > p strong {
          font-size: 5.33333vw; } }
    body.faq main section.contents article > p a {
      color: #a264ff;
      text-decoration: underline; }
  body.faq main section.contents article .contact {
    background-color: #38373b;
    margin: 1% 6% 0;
    text-align: center;
    padding: 3.5% 0; }
    body.faq main section.contents article .contact h2 {
      font-size: 24px;
      font-weight: bold;
      color: #f2e9b3; }
      @media screen and (min-width: 769px) {
        body.faq main section.contents article .contact h2 {
          font-size: 1.25vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article .contact h2 {
          font-size: 1.40625vw; } }
      @media screen and (max-width: 768px) {
        body.faq main section.contents article .contact h2 {
          font-size: 6.4vw; } }
    body.faq main section.contents article .contact p {
      font-size: 18px;
      margin-bottom: 4%; }
      @media screen and (min-width: 769px) {
        body.faq main section.contents article .contact p {
          font-size: 0.9375vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article .contact p {
          font-size: 1.05469vw; } }
      @media screen and (max-width: 768px) {
        body.faq main section.contents article .contact p {
          font-size: 4.8vw; } }
      body.faq main section.contents article .contact p a.tel {
        color: #fff;
        pointer-events: none; }
    body.faq main section.contents article .contact .button {
      display: inline-block;
      vertical-align: middle;
      border-radius: 3vw;
      background-color: #a264ff;
      height: 3vw;
      line-height: calc(3vw - 4px);
      border: 2px solid #a264ff;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      cursor: pointer;
      text-decoration: none; }
      body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
        color: #fff;
        display: block;
        font-size: 26px;
        font-weight: bold; }
        @media screen and (min-width: 769px) {
          body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
            font-size: 1.35417vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
            font-size: 1.52344vw; } }
        @media screen and (max-width: 768px) {
          body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
            font-size: 6.93333vw; } }
      body.faq main section.contents article .contact .button:hover {
        opacity: 1;
        background-color: #fff;
        text-decoration: none; }
        body.faq main section.contents article .contact .button:hover > span, body.faq main section.contents article .contact .button:hover a {
          opacity: 1;
          color: #a264ff; }
    @media screen and (max-width: 768px) {
      body.faq main section.contents article .contact .button {
        height: 30px;
        line-height: 26px;
        border-radius: 4vw; }
        body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
          font-size: 13px; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.faq main section.contents article .contact .button > span, body.faq main section.contents article .contact .button a {
        font-size: 3.46667vw; } }
    body.faq main section.contents article .contact .button {
      width: 38%;
      height: 2.5vw;
      line-height: calc(2.5vw - 4px);
      text-align: center;
      border-radius: 0;
      margin-top: 1%; }
      body.faq main section.contents article .contact .button > span {
        font-size: 24px;
        font-weight: normal; }
        @media screen and (min-width: 769px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 6.4vw; } }

/* pc */
/* tablet */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  body.faq main section.contents article {
    width: 80%; } }

/* sp */
@media screen and (max-width: 768px) {
  body.faq main section.contents h1 {
    width: 100%; }
  body.faq main section.contents article {
    width: 90%;
    -webkit-border-image: url(../../assets/images/sp/faq/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/faq/flame.png) 24 round;
    border-image: url(../../assets/images/sp/faq/flame.png) 24 round;
    border-style: solid;
    border-width: 12px;
    padding-bottom: 5.5%; }
    body.faq main section.contents article > h2 {
      font-size: 15px;
      padding: 4% 2.5% 4%;
      line-height: 1.4; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.faq main section.contents article > h2 {
        font-size: 0.78125vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article > h2 {
        font-size: 0.87891vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.faq main section.contents article > h2 {
        font-size: 4vw; } }

@media screen and (max-width: 768px) {
    body.faq main section.contents article > h3 {
      font-size: 15px;
      line-height: 1.4;
      margin: 3.5% 2.5% 3%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.faq main section.contents article > h3 {
        font-size: 0.78125vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article > h3 {
        font-size: 0.87891vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.faq main section.contents article > h3 {
        font-size: 4vw; } }

@media screen and (max-width: 768px) {
    body.faq main section.contents article p {
      font-size: 13px;
      line-height: 1.65;
      padding: 0% 2.5% 1%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.faq main section.contents article p {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.faq main section.contents article p {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.faq main section.contents article p {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.faq main section.contents article p strong {
        font-size: 13px;
        margin-bottom: 2%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.faq main section.contents article p strong {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article p strong {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.faq main section.contents article p strong {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    body.faq main section.contents article .contact {
      margin: 2% 2.5% 0;
      padding: 6% 0; }
      body.faq main section.contents article .contact h2 {
        font-size: 15px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.faq main section.contents article .contact h2 {
          font-size: 0.78125vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article .contact h2 {
          font-size: 0.87891vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.faq main section.contents article .contact h2 {
          font-size: 4vw; } }

@media screen and (max-width: 768px) {
      body.faq main section.contents article .contact p {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 5%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.faq main section.contents article .contact p {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.faq main section.contents article .contact p {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.faq main section.contents article .contact p {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
        body.faq main section.contents article .contact p a.tel {
          pointer-events: auto; }
      body.faq main section.contents article .contact .button {
        width: 88%;
        height: 45px;
        line-height: 41px;
        margin-top: 1%; }
        body.faq main section.contents article .contact .button > span {
          font-size: 15px; } }
        @media screen and (max-width: 768px) and (min-width: 769px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 0.78125vw; } }
        @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 0.87891vw; } }
        @media screen and (max-width: 768px) and (max-width: 768px) {
          body.faq main section.contents article .contact .button > span {
            font-size: 4vw; } }

/* tablet */
/* sp */
body.goods main section.contents h1 {
  width: 11.86%; }

body.goods main section.contents article {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-image: url(../../assets/images/goods/flame.png) 14 round;
  -o-border-image: url(../../assets/images/goods/flame.png) 14 round;
  border-image: url(../../assets/images/goods/flame.png) 14 round;
  border-style: solid;
  border-width: 12px;
  width: 90%;
  margin: 2.5% auto 4.5%;
  color: #fff;
  text-align: center; }
  body.goods main section.contents article h2 {
    font-size: 28px;
    letter-spacing: .05vw;
    color: #fef5bb;
    border-bottom: 1px dotted #fef4b0;
    padding: 2% 0 1%; }
    @media screen and (min-width: 769px) {
      body.goods main section.contents article h2 {
        font-size: 1.45833vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.goods main section.contents article h2 {
        font-size: 1.64063vw; } }
    @media screen and (max-width: 768px) {
      body.goods main section.contents article h2 {
        font-size: 7.46667vw; } }
  body.goods main section.contents article p {
    font-size: 20px;
    line-height: 2;
    padding-bottom: 0.5%; }
    @media screen and (min-width: 769px) {
      body.goods main section.contents article p {
        font-size: 1.04167vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      body.goods main section.contents article p {
        font-size: 1.17188vw; } }
    @media screen and (max-width: 768px) {
      body.goods main section.contents article p {
        font-size: 5.33333vw; } }

body.goods main section.contents ul {
  font-size: 0;
  width: 90%;
  margin: 0 auto;
  text-align: left; }
  body.goods main section.contents ul li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 5%;
    margin-bottom: 4.5%;
    cursor: pointer; }
    body.goods main section.contents ul li:nth-child(3n) {
      margin-right: 0%; }
    body.goods main section.contents ul li:hover {
      opacity: .9; }
    body.goods main section.contents ul li span {
      position: relative;
      display: block;
      padding: 4%;
      background-color: #000;
      overflow: hidden;
      height: 26.64vw;
      width: 100%; }
      body.goods main section.contents ul li span img {
        width: auto;
        height: auto;
        max-width: 92%;
        max-height: 92%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      body.goods main section.contents ul li span:before {
        content: "";
        position: absolute;
        top: 4%;
        left: 4%;
        right: 4%;
        bottom: 4%;
        background-color: #fff; }
      body.goods main section.contents ul li span:after {
        content: "";
        background-image: url(../../assets/images/goods/item_flame.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%; }
    body.goods main section.contents ul li h3 {
      color: #fff;
      text-align: center;
      font-size: 22px;
      margin-top: 3%;
      margin-bottom: 0;
      line-height: 1.4; }
      @media screen and (min-width: 769px) {
        body.goods main section.contents ul li h3 {
          font-size: 1.14583vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.goods main section.contents ul li h3 {
          font-size: 1.28906vw; } }
      @media screen and (max-width: 768px) {
        body.goods main section.contents ul li h3 {
          font-size: 5.86667vw; } }

body.goods main section.contents p.note {
  font-size: 18px;
  letter-spacing: .16vw;
  color: #fff;
  width: 63%;
  margin: -0.5% auto 1%;
  line-height: 2.25; }
  @media screen and (min-width: 769px) {
    body.goods main section.contents p.note {
      font-size: 0.9375vw; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    body.goods main section.contents p.note {
      font-size: 1.05469vw; } }
  @media screen and (max-width: 768px) {
    body.goods main section.contents p.note {
      font-size: 4.8vw; } }

.item-modal {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6; }
  .item-modal .item-modal-close {
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
    width: 4%; }
  .item-modal .modal-flame {
    width: 85%;
    height: 45vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-image: url(../../assets/images/goods/detail_flame.png) 14 round;
    -o-border-image: url(../../assets/images/goods/detail_flame.png) 14 round;
    border-image: url(../../assets/images/goods/detail_flame.png) 14 round;
    border-style: solid;
    border-width: 12px;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    opacity: 0; }
    .item-modal .modal-flame iframe {
      width: 100%;
      height: 100%;
      border: none; }
  .item-modal .modal-flame.act {
    -webkit-animation-name: itemFadeIn;
    animation-name: itemFadeIn; }

body.item {
  min-width: auto;
  min-height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  background-color: transparent; }
  body.item main {
    width: 100%;
    padding: 5%;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-image: none; }
    body.item main h1 {
      font-size: 40px;
      line-height: 1.4;
      margin: 0 0 4%;
      color: #fef5bb; }
      @media screen and (min-width: 769px) {
        body.item main h1 {
          font-size: 2.08333vw; } }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        body.item main h1 {
          font-size: 2.34375vw; } }
      @media screen and (max-width: 768px) {
        body.item main h1 {
          font-size: 10.66667vw; } }
    body.item main .detail {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      box-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-top: 1px dotted #fef4b0;
      border-bottom: 1px dotted #fef4b0;
      padding: 5% 0; }
      body.item main .detail .visual {
        width: 48%; }
        body.item main .detail .visual img {
          width: 100%; }
      body.item main .detail .text {
        width: 48%;
        font-size: 24px;
        line-height: 1.7; }
        @media screen and (min-width: 769px) {
          body.item main .detail .text {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          body.item main .detail .text {
            font-size: 1.40625vw; } }
        @media screen and (max-width: 768px) {
          body.item main .detail .text {
            font-size: 6.4vw; } }
    body.item main .thumb {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 3% 0 0; }
      body.item main .thumb li {
        width: 19%;
        margin-left: 1%;
        margin-bottom: 1%; }
        body.item main .thumb li:nth-of-type(5n+1) {
          margin-left: 0; }

/* pc */
/* tablet */
/* sp */
@media screen and (max-width: 768px) {
  body.goods main section.contents h1 {
    width: 100%; }
  body.goods main section.contents article {
    -webkit-border-image: url(../../assets/images/sp/goods/flame.png) 24 round;
    -o-border-image: url(../../assets/images/sp/goods/flame.png) 24 round;
    border-image: url(../../assets/images/sp/goods/flame.png) 24 round;
    border-style: solid;
    border-width: 12px;
    width: 76%;
    margin: 10.5% auto; }
    body.goods main section.contents article h2 {
      font-size: 16px;
      padding: 9% 0 4%;
      line-height: 1.4; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.goods main section.contents article h2 {
        font-size: 0.83333vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.goods main section.contents article h2 {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.goods main section.contents article h2 {
        font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
    body.goods main section.contents article p {
      font-size: 13px;
      line-height: 1.65;
      padding-bottom: 13.5%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.goods main section.contents article p {
        font-size: 0.67708vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.goods main section.contents article p {
        font-size: 0.76172vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.goods main section.contents article p {
        font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
  body.goods main section.contents ul {
    width: 76%; }
    body.goods main section.contents ul li {
      width: 100%;
      display: block;
      margin-right: 0;
      margin-bottom: 14%; }
      body.goods main section.contents ul li h3 {
        font-size: 13px; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.goods main section.contents ul li h3 {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.goods main section.contents ul li h3 {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.goods main section.contents ul li h3 {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
      body.goods main section.contents ul li span {
        height: 76vw; }
      body.goods main section.contents ul li:last-child {
        margin-bottom: 0; }
  body.goods main section.contents p.note {
    width: 76%;
    line-height: 2;
    margin: 8.5% auto 3%;
    font-size: 10px; } }
  @media screen and (max-width: 768px) and (min-width: 769px) {
    body.goods main section.contents p.note {
      font-size: 0.52083vw; } }
  @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    body.goods main section.contents p.note {
      font-size: 0.58594vw; } }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    body.goods main section.contents p.note {
      font-size: 2.66667vw; } }

@media screen and (max-width: 768px) {
  .item-modal {
    z-index: 9998; }
    .item-modal .item-modal-close {
      width: 10%;
      top: 3%;
      right: 5%; }
    .item-modal .modal-flame {
      width: 90%;
      height: 78vh;
      top: 53%;
      -webkit-border-image: url(../../assets/images/sp/goods/detail_flame.png) 24 round;
      -o-border-image: url(../../assets/images/sp/goods/detail_flame.png) 24 round;
      border-image: url(../../assets/images/sp/goods/detail_flame.png) 24 round;
      border-style: solid;
      border-width: 12px; }
  body.item main {
    width: 100%;
    padding: 5%; }
    body.item main h1 {
      font-size: 16px;
      line-height: 1.4;
      margin: 0 0 8%; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      body.item main h1 {
        font-size: 0.83333vw; } }
    @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
      body.item main h1 {
        font-size: 0.9375vw; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      body.item main h1 {
        font-size: 4.26667vw; } }

@media screen and (max-width: 768px) {
    body.item main .detail {
      display: block;
      padding: 8% 0; }
      body.item main .detail .visual {
        width: 100%; }
      body.item main .detail .text {
        width: 100%;
        font-size: 13px;
        margin-top: 4%; } }
      @media screen and (max-width: 768px) and (min-width: 769px) {
        body.item main .detail .text {
          font-size: 0.67708vw; } }
      @media screen and (max-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
        body.item main .detail .text {
          font-size: 0.76172vw; } }
      @media screen and (max-width: 768px) and (max-width: 768px) {
        body.item main .detail .text {
          font-size: 3.46667vw; } }

@media screen and (max-width: 768px) {
    body.item main .thumb li {
      width: 20.5vw;
      margin-left: 2%;
      margin-bottom: 2%; }
      body.item main .thumb li:nth-of-type(5n+1) {
        margin-left: 2%; }
      body.item main .thumb li:nth-of-type(4n+1) {
        margin-left: 0%; } }