/** Shopify CDN: Minification failed

Line 8051:0 Unexpected "}"
Line 8449:2 "letterspacing" is not a known CSS property
Line 8535:2 "dispaly" is not a known CSS property
Line 8636:2 "pointer-event" is not a known CSS property

**/
@font-face {
  font-family: base;
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.eot?v=113857947501567391501758183816);
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.eot?%23iefix&v=113857947501567391501758183816) format("eot"), url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.woff2?v=183976743978994215421758183817) format("woff2"), url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.woff?v=124393543912517608561758183817) format("woff"), url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.ttf?v=8203355139360531461758183816) format("truetype"), url(//jp.roborock.com/cdn/shop/t/7/assets/base-base.svg%23base?16151) format("svg")
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html{
  font-family:sans-serif;
}
body {
  font-family: 'Noto Sans JP', Proxima Nova, Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-feature-settings: "palt";
}

.breadcrumbs {
  white-space: nowrap
}

.breadcrumbs .breadcrumbs-items-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.breadcrumbs .breadcrumbs-item {
  display: none
}

@media screen and (min-width:601px) {
  .breadcrumbs .breadcrumbs-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
  }
  .breadcrumbs .breadcrumbs-item:after {
    content: "/";
    margin-left: .5em;
    margin-right: .5em
  }
  .breadcrumbs .breadcrumbs-item.current-item:after, .breadcrumbs .breadcrumbs-item.last-path .icon-wrapper {
    display: none
  }
}

.breadcrumbs .breadcrumbs-item.last-path {
  display: -ms-inline-flexbox;
  display: inline-flex
}

img[data-sizes=auto] {
  display: block;
  width: 100%
}

.img-wrap {
  font-size: 0;
  line-height: 0
}

.slash{
  font-size:85%;
  margin:0 .2em;
  vertical-align:top;
}

.desc-content {
  position: absolute;
  top: 0;
  left: 10.41667%;
  width: 100%;
  max-width: 79.16667%
}

@media screen and (max-width:600px) {
  .desc-content {
    max-width: 100%;
    left: 0;
    padding-top: 40px
  }
}

.clearfix:after {
  display: block;
  height: 0;
  visibility: hidden
}

.footer {
  background-color: #f2f2f2;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px
}

.footer .view {
  font-size: 18px;
  width: 660px;
  margin: auto;
  overflow: hidden;
  position: relative
}

.footer .show-view {
  margin: 0 140px;
  overflow: hidden
}

.footer .wrap {
  width: 600%;
  position: relative;
  height: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.footer .wrap span {
  display: inline-block;
  padding: 0 10px;
  float: left
}

.footer .arrow, .footer .mark {
  width: 35px;
  margin: 20px;
  vertical-align: middle;
  position: absolute;
  top: 0
}

.footer .arrow.left {
  left: 0
}

.footer .mark.left {
  left: 75px
}

.footer .mark.right {
  right: 75px
}

.footer .arrow.right {
  right: 0
}

.footer .arrow.right, .footer .mark.right {
  transform: rotateY(180deg)
}

.footer .arrow.left.normal, .footer .arrow.right.disabled {
  display: none
}

.footer .arrow.normal {
  cursor: pointer
}

.footer .logo>.icon {
  display: inline-block;
  margin: 20px 0;
  width: 120px;
  cursor: pointer
}

.footer .logo>.icon>img {
  vertical-align: middle
}

.footer .logo>.arrow {
  display: none
}

@media screen and (max-width:600px) {
  .footer {
    padding-top: 40px
  }
  .footer .view {
    width: 100%;
    margin: 34px auto auto
  }
  .footer .mark {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0
  }
  .footer .mark.left {
    left: 0
  }
  .footer .mark.right {
    right: 0;
    left: auto
  }
  .footer .show-view {
    margin: 0 75px;
    overflow: hidden
  }
  .footer .wrap span {
    line-height: inherit;
    width: 16.66%;
    padding: 0
  }
  .footer .view .arrow {
    display: none
  }
  .footer .logo {
    position: relative;
    height: 92px;
    line-height: 92px
  }
  .footer .logo>.arrow {
    display: inline-block
  }
  .footer .logo>.arrow.left {
    left: 10%
  }
  .footer .logo>.arrow.right {
    right: 15%
  }
  .footer .logo>.icon {
    display: none
  }
  .footer .logo>.icon.active {
    display: inline-block
  }
}

.explain {
  color: #666;
  padding: 40px 10px
}

.back-home, .explain {
  font-size: 14px;
  background-color: #f8f8f8
}

.back-home .inner {
  width: 1000px;
  margin: auto;
  padding: 0 10px
}

.back-home a {
  text-decoration: none;
  color: #666
}

@media screen and (min-width:600px) {
  .explain {
    padding: 60px 10px
  }
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block
}

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

figcaption, figure, main {
  display: block
}

figure {
  margin: 1em 40px
}

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

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

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

b, strong {
  font-weight: inherit;
  font-weight: bolder
}

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

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

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

fieldset {
  padding: .35em .75em .625em
}

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

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

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

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden], template {
  display: none
}

html {
  box-sizing: border-box;
  font-family: sans-serif
}

*, :after, :before {
  box-sizing: inherit
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, p, pre {
  margin: 0
}

button {
  background: transparent;
  padding: 0
}

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

fieldset {
  margin: 0;
  padding: 0
}

ol, ul {
  margin: 0
}

*, :after, :before {
  border: 0 solid
}

img {
  border-style: solid
}

[type=button], [type=reset], [type=submit], button {
  border-radius: 0
}

textarea {
  resize: vertical
}

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

button, input, optgroup, select, textarea {
  font-family: inherit
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: inherit;
  opacity: .5
}

input::placeholder, textarea::placeholder {
  color: inherit;
  opacity: .5
}

[role=button], button {
  cursor: pointer
}

table {
  border-collapse: collapse
}

.container-topic {
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px
}

.container-topic:after, .container-topic:before {
  clear: both;
  content: "";
  display: block
}

.container-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px
}

.container-text:after, .container-text:before {
  clear: both;
  content: "";
  display: block
}

.container-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1360px
}

.container-header{
  margin:0 auto;
  max-width:1128px;
  padding: 0 24px;
  background-color:#fff;
}

.container {
  width: 100%
}

@media (min-width:601px) {
  .container {
    max-width: 601px
  }
}

@media (min-width:961px) {
  .container {
    max-width: 961px
  }
}

@media (min-width:1281px) {
  .container {
    max-width: 1281px
  }
}

@media (min-width:1921px) {
  .container {
    max-width: 1921px
  }
}

@media (min-width:721px) {
  .container {
    max-width: 721px
  }
}

@media (min-width:1000px) {
  .container {
    max-width: 1000px
  }
}

.container-footer:after, .container-footer:before {
  clear: both;
  content: "";
  display: block
}

.container-text-slim {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px
}

.container-text-slim:after, .container-text-slim:before {
  clear: both;
  content: "";
  display: block
}

.container-article {
  margin-left: auto;
  margin-right: auto;
  max-width: 620px
}
.container-article:after, .container-article:before {
  clear: both;
  content: "";
  display: block
}

.container-fixed {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px
}

.container-fixed:after, .container-fixed:before {
  clear: both;
  content: "";
  display: block
}

@media screen and (min-width:601px) {
  .container-fixed {
    margin-left: auto;
    margin-right: auto;
    max-width: 840px
  }
  .container-fixed:after, .container-fixed:before {
    clear: both;
    content: "";
    display: block
  }
}

@media screen and (min-width:961px) {
  .container-fixed {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px
  }
  .container-fixed:after, .container-fixed:before {
    clear: both;
    content: "";
    display: block
  }
}

@media screen and (min-width:1281px) {
  .container-fixed {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
  }
  .container-fixed:after, .container-fixed:before {
    clear: both;
    content: "";
    display: block
  }
}

@media screen and (min-width:1921px) {
  .container-fixed {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px
  }
  .container-fixed:after, .container-fixed:before {
    clear: both;
    content: "";
    display: block
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  max-width: auto
}

.container-fluid:after, .container-fluid:before {
  clear: both;
  content: "";
  display: block
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.08rem;
  margin-right: -.08rem
}

@media screen and (min-width:601px) {
  .row {
    margin-left: -.12rem;
    margin-right: -.12rem
  }
}

.row .column {
  padding-left: .08rem;
  padding-right: .08rem
}

@media screen and (min-width:601px) {
  .row .column {
    padding-left: .12rem;
    padding-right: .12rem
  }
}

.px-container {
  padding-left: .16rem;
  padding-right: .16rem
}

@media screen and (min-width:601px) {
  .px-container {
    padding-left: .24rem;
    padding-right: .24rem
  }
}

.icon-wrapper {
  min-width: 32px;
  max-width: 32px;
  position: relative
}

.icon-wrapper .ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%)
}

.outlined, a, button {
  transition-duration: .3s
}

.outlined:focus, a:focus, button:focus {
  outline: none
}

.link-reset, .link-reset:hover {
  text-decoration: none
}

.link {
  padding: .05rem .1rem
}

.link.icon-only {
  padding: .05rem
}

.link.active, .link:active, .link:focus, .link:hover {
  color: #000
}

.link.icon-facebook:hover {
  color: #3b579d
}

.link.icon-twitter:hover {
  color: #1da1f3
}

.link.icon-google:hover {
  color: #4285f4
}

.link.icon-linkedin:hover {
  color: #0b66c1
}

.link-hover:hover {
  color: #333
}

.hot {
  min-height: 40px;
  min-width: 40px
}

.headline {
  font-weight: 700
}

.list-reset {
  list-style: none;
  padding: 0
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.bg-fixed {
  background-attachment: fixed
}

.bg-local {
  background-attachment: local
}

.bg-scroll {
  background-attachment: scroll
}

.bg-transparent {
  background-color: transparent
}

.bg-black {
  background-color: #000
}

.bg-white {
  background-color: #fff
}

.bg-grey-dark {
  background-color: #333
}

.bg-grey {
  background-color: #999
}

.bg-ink-dark {
  background-color: hsla(0, 0%, 100%, .2)
}

.bg-ink {
  background-color: hsla(0, 0%, 100%, .5)
}

.bg-ink-light {
  background-color: hsla(0, 0%, 100%, .8)
}

.bg-surface {
  background-color: #252429
}

.bg-surface-dark {
  background-color: #111
}

.bg-boundary {
  background-color: hsla(0, 0%, 59%, .2)
}

.bg-popup {
  background-color: rgba(0, 0, 0, .32)
}

.bg-hover {
  background-color: #e86666
}

.bg-success {
  background-color: #1d7d65
}

.bg-error {
  background-color: #ff615b
}

.bg-warning {
  background-color: orange
}

.bg-muted {
  background-color: #c8c8c8
}

.bg-selected {
  background-color: #eb0029
}

.bg-border {
  background-color: #d6d6d6
}

.bg-accent, .bg-accent-dark, .bg-accent-light {
  background-color: #fff
}

.bg-accents {
  background-color: #333
}

.bg-accents-light {
  background-color: #999
}

.bg-accents-lighter {
  /*background-color: #f4f4f4*/
}

.hover\:bg-transparent:hover {
  background-color: transparent
}

.hover\:bg-black:hover {
  background-color: #000
}

.hover\:bg-white:hover {
  background-color: #fff
}

.hover\:bg-grey-dark:hover {
  background-color: #333
}

.hover\:bg-grey:hover {
  background-color: #999
}

.hover\:bg-ink-dark:hover {
  background-color: hsla(0, 0%, 100%, .2)
}

.hover\:bg-ink:hover {
  background-color: hsla(0, 0%, 100%, .5)
}

.hover\:bg-ink-light:hover {
  background-color: hsla(0, 0%, 100%, .8)
}

.hover\:bg-surface:hover {
  background-color: #252429
}

.hover\:bg-surface-dark:hover {
  background-color: #111
}

.hover\:bg-boundary:hover {
  background-color: hsla(0, 0%, 59%, .2)
}

.hover\:bg-popup:hover {
  background-color: rgba(0, 0, 0, .32)
}

.hover\:bg-hover:hover {
  background-color: #e86666
}

.hover\:bg-success:hover {
  background-color: #1d7d65
}

.hover\:bg-error:hover {
  background-color: #ff615b
}

.hover\:bg-warning:hover {
  background-color: orange
}

.hover\:bg-muted:hover {
  background-color: #c8c8c8
}

.hover\:bg-selected:hover {
  background-color: #eb0029
}

.hover\:bg-border:hover {
  background-color: #d6d6d6
}

.hover\:bg-accent-dark:hover, .hover\:bg-accent-light:hover, .hover\:bg-accent:hover {
  background-color: #fff
}

.hover\:bg-accents:hover {
  background-color: #333
}

.hover\:bg-accents-light:hover {
  background-color: #999
}

.hover\:bg-accents-lighter:hover {
  background-color: #f4f4f4
}

.focus\:bg-transparent:focus {
  background-color: transparent
}

.focus\:bg-black:focus {
  background-color: #000
}

.focus\:bg-white:focus {
  background-color: #fff
}

.focus\:bg-grey-dark:focus {
  background-color: #333
}

.focus\:bg-grey:focus {
  background-color: #999
}

.focus\:bg-ink-dark:focus {
  background-color: hsla(0, 0%, 100%, .2)
}

.focus\:bg-ink:focus {
  background-color: hsla(0, 0%, 100%, .5)
}

.focus\:bg-ink-light:focus {
  background-color: hsla(0, 0%, 100%, .8)
}

.focus\:bg-surface:focus {
  background-color: #252429
}

.focus\:bg-surface-dark:focus {
  background-color: #111
}

.focus\:bg-boundary:focus {
  background-color: hsla(0, 0%, 59%, .2)
}

.focus\:bg-popup:focus {
  background-color: rgba(0, 0, 0, .32)
}

.focus\:bg-hover:focus {
  background-color: #e86666
}

.focus\:bg-success:focus {
  background-color: #1d7d65
}

.focus\:bg-error:focus {
  background-color: #ff615b
}

.focus\:bg-warning:focus {
  background-color: orange
}

.focus\:bg-muted:focus {
  background-color: #c8c8c8
}

.focus\:bg-selected:focus {
  background-color: #eb0029
}

.focus\:bg-border:focus {
  background-color: #d6d6d6
}

.focus\:bg-accent-dark:focus, .focus\:bg-accent-light:focus, .focus\:bg-accent:focus {
  background-color: #fff
}

.focus\:bg-accents:focus {
  background-color: #333
}

.focus\:bg-accents-light:focus {
  background-color: #999
}

.focus\:bg-accents-lighter:focus {
  background-color: #f4f4f4
}

.bg-bottom {
  background-position: bottom
}

.bg-center {
  background-position: 50%
}

.bg-left {
  background-position: 0
}

.bg-left-bottom {
  background-position: 0 100%
}

.bg-left-top {
  background-position: 0 0
}

.bg-right {
  background-position: 100%
}

.bg-right-bottom {
  background-position: 100% 100%
}

.bg-right-top {
  background-position: 100% 0
}

.bg-top {
  background-position: top
}

.bg-repeat {
  background-repeat: repeat
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.bg-repeat-x {
  background-repeat: repeat-x
}

.bg-repeat-y {
  background-repeat: repeat-y
}

.bg-auto {
  background-size: auto
}

.bg-cover {
  background-size: cover
}

.bg-contain {
  background-size: contain
}

.border-collapse {
  border-collapse: collapse
}

.border-separate {
  border-collapse: separate
}

.border-transparent {
  border-color: transparent
}

.border-black {
  border-color: #000
}

.border-white {
  border-color: #fff
}

.border-grey-dark {
  border-color: #333
}

.border-grey {
  border-color: #999
}

.border-ink-dark {
  border-color: hsla(0, 0%, 100%, .2)
}

.border-ink {
  border-color: hsla(0, 0%, 100%, .5)
}

.border-ink-light {
  border-color: hsla(0, 0%, 100%, .8)
}

.border-surface {
  border-color: #252429
}

.border-surface-dark {
  border-color: #111
}

.border-boundary {
  border-color: hsla(0, 0%, 59%, .2)
}

.border-popup {
  border-color: rgba(0, 0, 0, .32)
}

.border-hover {
  border-color: #e86666
}

.border-success {
  border-color: #1d7d65
}

.border-error {
  border-color: #ff615b
}

.border-warning {
  border-color: orange
}

.border-muted {
  border-color: #c8c8c8
}

.border-selected {
  border-color: #eb0029
}

.border-border {
  border-color: #d6d6d6;
}

.border-accent, .border-accent-dark, .border-accent-light {
  border-color: #fff
}

.border-accents {
  border-color: #333
}

.border-accents-light {
  border-color: #999
}

.border-accents-lighter {
  border-color: #f4f4f4
}

.hover\:border-transparent:hover {
  border-color: transparent
}

.hover\:border-black:hover {
  border-color: #000
}

.hover\:border-white:hover {
  border-color: #fff
}

.hover\:border-grey-dark:hover {
  border-color: #333
}

.hover\:border-grey:hover {
  border-color: #999
}

.hover\:border-ink-dark:hover {
  border-color: hsla(0, 0%, 100%, .2)
}

.hover\:border-ink:hover {
  border-color: hsla(0, 0%, 100%, .5)
}

.hover\:border-ink-light:hover {
  border-color: hsla(0, 0%, 100%, .8)
}

.hover\:border-surface:hover {
  border-color: #252429
}

.hover\:border-surface-dark:hover {
  border-color: #111
}

.hover\:border-boundary:hover {
  border-color: hsla(0, 0%, 59%, .2)
}

.hover\:border-popup:hover {
  border-color: rgba(0, 0, 0, .32)
}

.hover\:border-hover:hover {
  border-color: #e86666
}

.hover\:border-success:hover {
  border-color: #1d7d65
}

.hover\:border-error:hover {
  border-color: #ff615b
}

.hover\:border-warning:hover {
  border-color: orange
}

.hover\:border-muted:hover {
  border-color: #c8c8c8
}

.hover\:border-selected:hover {
  border-color: #eb0029
}

.hover\:border-border:hover {
  border-color: #d6d6d6
}

.hover\:border-accent-dark:hover, .hover\:border-accent-light:hover, .hover\:border-accent:hover {
  border-color: #fff
}

.hover\:border-accents:hover {
  border-color: #333
}

.hover\:border-accents-light:hover {
  border-color: #999
}

.hover\:border-accents-lighter:hover {
  border-color: #f4f4f4
}

.focus\:border-transparent:focus {
  border-color: transparent
}

.focus\:border-black:focus {
  border-color: #000
}

.focus\:border-white:focus {
  border-color: #fff
}

.focus\:border-grey-dark:focus {
  border-color: #333
}

.focus\:border-grey:focus {
  border-color: #999
}

.focus\:border-ink-dark:focus {
  border-color: hsla(0, 0%, 100%, .2)
}

.focus\:border-ink:focus {
  border-color: hsla(0, 0%, 100%, .5)
}

.focus\:border-ink-light:focus {
  border-color: hsla(0, 0%, 100%, .8)
}

.focus\:border-surface:focus {
  border-color: #252429
}

.focus\:border-surface-dark:focus {
  border-color: #111
}

.focus\:border-boundary:focus {
  border-color: hsla(0, 0%, 59%, .2)
}

.focus\:border-popup:focus {
  border-color: rgba(0, 0, 0, .32)
}

.focus\:border-hover:focus {
  border-color: #e86666
}

.focus\:border-success:focus {
  border-color: #1d7d65
}

.focus\:border-error:focus {
  border-color: #ff615b
}

.focus\:border-warning:focus {
  border-color: orange
}

.focus\:border-muted:focus {
  border-color: #c8c8c8
}

.focus\:border-selected:focus {
  border-color: #eb0029
}

.focus\:border-border:focus {
  border-color: #d6d6d6
}

.focus\:border-accent-dark:focus, .focus\:border-accent-light:focus, .focus\:border-accent:focus {
  border-color: #fff
}

.focus\:border-accents:focus {
  border-color: #333
}

.focus\:border-accents-light:focus {
  border-color: #999
}

.focus\:border-accents-lighter:focus {
  border-color: #f4f4f4
}

.rounded, .rounded-none {
  border-radius: 0
}

.rounded-full {
  border-radius: 50%
}

.rounded-fullest {
  border-radius: 999px
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.rounded-l-none {
  border-bottom-left-radius: 0
}

.rounded-l-none, .rounded-t {
  border-top-left-radius: 0
}

.rounded-r, .rounded-t {
  border-top-right-radius: 0
}

.rounded-b, .rounded-r {
  border-bottom-right-radius: 0
}

.rounded-b, .rounded-l {
  border-bottom-left-radius: 0
}

.rounded-l {
  border-top-left-radius: 0
}

.rounded-t-full {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%
}

.rounded-r-full {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%
}

.rounded-b-full {
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%
}

.rounded-l-full {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%
}

.rounded-t-fullest {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px
}

.rounded-r-fullest {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px
}

.rounded-b-fullest {
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px
}

.rounded-l-fullest {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px
}

.rounded-tl-none {
  border-top-left-radius: 0
}

.rounded-tr-none {
  border-top-right-radius: 0
}

.rounded-br-none {
  border-bottom-right-radius: 0
}

.rounded-bl-none {
  border-bottom-left-radius: 0
}

.rounded-tl {
  border-top-left-radius: 0
}

.rounded-tr {
  border-top-right-radius: 0
}

.rounded-br {
  border-bottom-right-radius: 0
}

.rounded-bl {
  border-bottom-left-radius: 0
}

.rounded-tl-full {
  border-top-left-radius: 50%
}

.rounded-tr-full {
  border-top-right-radius: 50%
}

.rounded-br-full {
  border-bottom-right-radius: 50%
}

.rounded-bl-full {
  border-bottom-left-radius: 50%
}

.rounded-tl-fullest {
  border-top-left-radius: 999px
}

.rounded-tr-fullest {
  border-top-right-radius: 999px
}

.rounded-br-fullest {
  border-bottom-right-radius: 999px
}

.rounded-bl-fullest {
  border-bottom-left-radius: 999px
}

.border-solid {
  border-style: solid
}

.border-dashed {
  border-style: dashed
}

.border-dotted {
  border-style: dotted
}

.border-none {
  border-style: none
}

.border-1 {
  border-width: 1px
}

.border-2 {
  border-width: 2px
}

.border-3 {
  border-width: 3px
}

.border {
  border-width: 1px
}

.border-zero {
  border-width: 0
}

.border-t-1 {
  border-top-width: 1px
}

.border-r-1 {
  border-right-width: 1px
}

.border-b-1 {
  border-bottom-width: 1px
}

.border-l-1 {
  border-left-width: 1px
}

.border-t-2 {
  border-top-width: 2px
}

.border-r-2 {
  border-right-width: 2px
}

.border-b-2 {
  border-bottom-width: 2px
}

.border-l-2 {
  border-left-width: 2px
}

.border-t-3 {
  border-top-width: 3px
}

.border-r-3 {
  border-right-width: 3px
}

.border-b-3 {
  border-bottom-width: 3px
}

.border-l-3 {
  border-left-width: 3px
}

.border-t {
  border-top-width: 1px
}

.border-r {
  border-right-width: 1px
}

.border-b {
  border-bottom-width: 1px
}

.border-l {
  border-left-width: 1px
}

.border-t-zero {
  border-top-width: 0
}

.border-r-zero {
  border-right-width: 0
}

.border-b-zero {
  border-bottom-width: 0
}

.border-l-zero {
  border-left-width: 0
}

.cursor-auto {
  cursor: auto
}

.cursor-default {
  cursor: default
}

.cursor-pointer {
  cursor: pointer
}

.cursor-wait {
  cursor: wait
}

.cursor-move {
  cursor: move
}

.cursor-not-allowed {
  cursor: not-allowed
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.table {
  display: table
}

.table-row {
  display: table-row
}

.table-cell {
  display: table-cell
}

.hidden {
  display: none
}

.flex {
  display: -ms-flexbox;
  display: flex
}

.inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.flex-row {
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flex-col {
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-col-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.items-start {
  -ms-flex-align: start;
  align-items: flex-start
}

.items-end {
  -ms-flex-align: end;
  align-items: flex-end
}

.items-center {
  -ms-flex-align: center;
  align-items: center
}

.items-baseline {
  -ms-flex-align: baseline;
  align-items: baseline
}

.items-stretch {
  -ms-flex-align: stretch;
  align-items: stretch
}

.self-auto {
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto
}

.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.justify-center {
  -ms-flex-pack: center;
  justify-content: center
}

.justify-between {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.content-center {
  -ms-flex-line-pack: center;
  align-content: center
}

.content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between
}

.content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around
}

.flex-1 {
  -ms-flex: 1;
  flex: 1
}

.flex-auto {
  -ms-flex: auto;
  flex: auto
}

.flex-initial {
  -ms-flex: initial;
  flex: initial
}

.flex-none {
  -ms-flex: none;
  flex: none
}

.flex-grow {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.flex-no-grow {
  -ms-flex-positive: 0;
  flex-grow: 0
}

.flex-no-shrink {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.float-none {
  float: none
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.font-body {
  v: 'Noto Sans JP', Roboto, sans-serif
}

.font-header {
  font-family: 'Noto Sans JP', Roboto, Verdana, arial, Sans-serif
}

.font-normal {
  font-weight: 400
}

.font-medium {
  font-weight: 500
}

.font-semibold {
  font-weight: 600
}

.font-bold {
  font-weight: 700
}

.hover\:font-normal:hover {
  font-weight: 400
}

.hover\:font-medium:hover {
  font-weight: 500
}

.hover\:font-semibold:hover {
  font-weight: 600
}

.hover\:font-bold:hover {
  font-weight: 700
}

.focus\:font-normal:focus {
  font-weight: 400
}

.focus\:font-medium:focus {
  font-weight: 500
}

.focus\:font-semibold:focus {
  font-weight: 600
}

.focus\:font-bold:focus {
  font-weight: 700
}

.h-1 {
  height: .01rem
}

.h-16 {
  height: .16rem
}

.h-24 {
  height: .24rem
}

.h-40 {
  height: .4rem
}

.h-48 {
  height: .48rem
}

.h-80 {
  height: .8rem
}

.h-120 {
  height: 1.2rem
}

.h-150 {
  height: 1.5rem
}

.h-auto {
  height: auto
}

.h-zero {
  height: 0
}

.h-px {
  height: 1px
}

.h-button {
  height: .5rem
}

.h-button-small, .h-icon {
  height: .4rem
}

.h-space {
  height: .9rem
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.leading-none {
  line-height: 1
}

.leading-noneer {
  line-height: 1.1
}

.leading-tight {
  line-height: 1.2
}

.leading-tighter {
  line-height: 1.3
}

.leading-normal {
  line-height: 1.4
}

.leading-normaler {
  line-height: 1.6
}

.leading-loose {
  line-height: 2.8
}

.leading-button {
  line-height: .48rem
}

.m-0 {
  margin: 0
}

.m-auto {
  margin: auto
}

.m-px {
  margin: 1px
}

.m-xs {
  margin: .05rem
}

.m-sm {
  margin: .1rem
}

.m-md {
  margin: .15rem
}

.m-lg {
  margin: .2rem
}

.m-graph {
  margin: .18rem
}

.m-gutter {
  margin: .24rem
}

.m-spacing {
  margin: .3rem
}

.m-gutter-double {
  margin: .48rem
}

.m-gutter-half {
  margin: .12rem
}

.m-gutter-minus {
  margin: .16rem
}

.m-gutter-minus-half {
  margin: .08rem
}

.m-headline-b {
  margin: .8rem
}

.m-headline-t {
  margin: 1rem
}

.m-ratio-10 {
  margin: 10%
}

.m-ratio-4 {
  margin: 4%
}

.m-ratio-14 {
  margin: 14%
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px
}

.my-xs {
  margin-top: .05rem;
  margin-bottom: .05rem
}

.mx-xs {
  margin-left: .05rem;
  margin-right: .05rem
}

.my-sm {
  margin-top: .1rem;
  margin-bottom: .1rem
}

.mx-sm {
  margin-left: .1rem;
  margin-right: .1rem
}

.my-md {
  margin-top: .15rem;
  margin-bottom: .15rem
}

.mx-md {
  margin-left: .15rem;
  margin-right: .15rem
}

.my-lg {
  margin-top: .2rem;
  margin-bottom: .2rem
}

.mx-lg {
  margin-left: .2rem;
  margin-right: .2rem
}

.my-graph {
  margin-top: .18rem;
  margin-bottom: .18rem
}

.mx-graph {
  margin-left: .18rem;
  margin-right: .18rem
}

.my-gutter {
  margin-top: .24rem;
  margin-bottom: .24rem
}

.mx-gutter {
  margin-left: .24rem;
  margin-right: .24rem
}

.my-spacing {
  margin-top: .3rem;
  margin-bottom: .3rem
}

.mx-spacing {
  margin-left: .3rem;
  margin-right: .3rem
}

.my-gutter-double {
  margin-top: .48rem;
  margin-bottom: .48rem
}

.mx-gutter-double {
  margin-left: .48rem;
  margin-right: .48rem
}

.my-gutter-half {
  margin-top: .12rem;
  margin-bottom: .12rem
}

.mx-gutter-half {
  margin-left: .12rem;
  margin-right: .12rem
}

.my-gutter-minus {
  margin-top: .16rem;
  margin-bottom: .16rem
}

.mx-gutter-minus {
  margin-left: .16rem;
  margin-right: .16rem
}

.my-gutter-minus-half {
  margin-top: .08rem;
  margin-bottom: .08rem
}

.mx-gutter-minus-half {
  margin-left: .08rem;
  margin-right: .08rem
}

.my-headline-b {
  margin-top: .8rem;
  margin-bottom: .8rem
}

.mx-headline-b {
  margin-left: .8rem;
  margin-right: .8rem
}

.my-headline-t {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.mx-headline-t {
  margin-left: 1rem;
  margin-right: 1rem
}

.my-ratio-10 {
  margin-top: 10%;
  margin-bottom: 10%
}

.mx-ratio-10 {
  margin-left: 10%;
  margin-right: 10%
}

.my-ratio-4 {
  margin-top: 4%;
  margin-bottom: 4%
}

.mx-ratio-4 {
  margin-left: 4%;
  margin-right: 4%
}

.my-ratio-14 {
  margin-top: 14%;
  margin-bottom: 14%
}

.mx-ratio-14 {
  margin-left: 14%;
  margin-right: 14%
}

.mt-0 {
  margin-top: 0
}

.mr-0 {
  margin-right: 0
}

.mb-0 {
  margin-bottom: 0
}

.ml-0 {
  margin-left: 0
}

.mt-auto {
  margin-top: auto
}

.mr-auto {
  margin-right: auto
}

.mb-auto {
  margin-bottom: auto
}

.ml-auto {
  margin-left: auto
}

.mt-px {
  margin-top: 1px
}

.mr-px {
  margin-right: 1px
}

.mb-px {
  margin-bottom: 1px
}

.ml-px {
  margin-left: 1px
}

.mt-xs {
  margin-top: .05rem
}

.mr-xs {
  margin-right: .05rem
}

.mb-xs {
  margin-bottom: .05rem
}

.ml-xs {
  margin-left: .05rem
}

.mt-sm {
  margin-top: .1rem
}

.mr-sm {
  margin-right: .1rem
}

.mb-sm {
  margin-bottom: .1rem
}

.ml-sm {
  margin-left: .1rem
}

.mt-md {
  margin-top: .15rem
}

.mr-md {
  margin-right: .15rem
}

.mb-md {
  margin-bottom: .15rem
}

.ml-md {
  margin-left: .15rem
}

.mt-lg {
  margin-top: .2rem
}

.mr-lg {
  margin-right: .2rem
}

.mb-lg {
  margin-bottom: .2rem
}

.ml-lg {
  margin-left: .2rem
}

.mt-graph {
  margin-top: .18rem
}

.mr-graph {
  margin-right: .18rem
}

.mb-graph {
  margin-bottom: .18rem
}

.ml-graph {
  margin-left: .18rem
}

.mt-gutter {
  margin-top: .24rem
}

.mr-gutter {
  margin-right: .24rem
}

.mb-gutter {
  margin-bottom: .24rem
}

.ml-gutter {
  margin-left: .24rem
}

.mt-spacing {
  margin-top: 2.0rem
}

.mr-spacing {
  margin-right: .3rem
}

.mb-spacing {
  margin-bottom: .3rem
}

.ml-spacing {
  margin-left: .3rem
}

.mt-gutter-double {
  margin-top: .48rem
}

.mr-gutter-double {
  margin-right: .48rem
}

.mb-gutter-double {
  margin-bottom: .48rem
}

.ml-gutter-double {
  margin-left: .48rem
}

.mt-gutter-half {
  margin-top: .12rem
}

.mr-gutter-half {
  margin-right: .12rem
}

.mb-gutter-half {
  margin-bottom: .12rem
}

.ml-gutter-half {
  margin-left: .12rem
}

.mt-gutter-minus {
  margin-top: .16rem
}

.mr-gutter-minus {
  margin-right: .16rem
}

.mb-gutter-minus {
  margin-bottom: .16rem
}

.ml-gutter-minus {
  margin-left: .16rem
}

.mt-gutter-minus-half {
  margin-top: .08rem
}

.mr-gutter-minus-half {
  margin-right: .08rem
}

.mb-gutter-minus-half {
  margin-bottom: .08rem
}

.ml-gutter-minus-half {
  margin-left: .08rem
}

.mt-headline-b {
  margin-top: .8rem
}

.mr-headline-b {
  margin-right: .8rem
}

.mb-headline-b {
  margin-bottom: .8rem
}

.ml-headline-b {
  margin-left: .8rem
}

.mt-headline-t {
  margin-top: 1rem
}

.mr-headline-t {
  margin-right: 1rem
}

.mb-headline-t {
  margin-bottom: 1rem
}

.ml-headline-t {
  margin-left: 1rem
}

.mt-ratio-10 {
  margin-top: 10%
}

.mr-ratio-10 {
  margin-right: 10%
}

.mb-ratio-10 {
  margin-bottom: 10%
}

.ml-ratio-10 {
  margin-left: 10%
}

.mt-ratio-4 {
  margin-top: 4%
}

.mr-ratio-4 {
  margin-right: 4%
}

.mb-ratio-4 {
  margin-bottom: 4%
}

.ml-ratio-4 {
  margin-left: 4%
}

.mt-ratio-14 {
  margin-top: 14%
}

.mr-ratio-14 {
  margin-right: 14%
}

.mb-ratio-14 {
  margin-bottom: 14%
}

.ml-ratio-14 {
  margin-left: 14%
}

.max-h-full {
  max-height: 100%
}

.max-h-screen {
  max-height: 100vh
}

.max-w-form {
  max-width: 3.2rem
}

.max-w-xs {
  max-width: 1rem
}

.max-w-sm {
  max-width: 2rem
}

.max-w-md {
  max-width: 3rem
}

.max-w-lg {
  max-width: 4rem
}

.max-w-xl {
  max-width: 5rem
}

.max-w-2xl {
  max-width: 6rem
}

.max-w-3xl {
  max-width: 8rem
}

.max-w-4xl {
  max-width: 9rem
}

.max-w-5xl {
  max-width: 12rem
}

.max-w-full {
  max-width: 100%
}

.max-w-screen {
  max-width: 100vh
}

.min-h-0 {
  min-height: 0
}

.min-h-full {
  min-height: 100%
}

.min-h-screen {
  min-height: 100vh
}

.min-w-0 {
  min-width: 0
}

.min-w-full {
  min-width: 100%
}

.-m-0 {
  margin: 0
}

.-m-px {
  margin: -1px
}

.-m-xs {
  margin: -.05rem
}

.-m-sm {
  margin: -.1rem
}

.-m-md {
  margin: -.15rem
}

.-m-lg {
  margin: -.2rem
}

.-m-gutter {
  margin: -.24rem
}

.-m-gutter-half {
  margin: -.12rem
}

.-m-gutter-minus {
  margin: -.16rem
}

.-m-gutter-minus-half {
  margin: -.08rem
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.-mx-0 {
  margin-left: 0;
  margin-right: 0
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px
}

.-my-xs {
  margin-top: -.05rem;
  margin-bottom: -.05rem
}

.-mx-xs {
  margin-left: -.05rem;
  margin-right: -.05rem
}

.-my-sm {
  margin-top: -.1rem;
  margin-bottom: -.1rem
}

.-mx-sm {
  margin-left: -.1rem;
  margin-right: -.1rem
}

.-my-md {
  margin-top: -.15rem;
  margin-bottom: -.15rem
}

.-mx-md {
  margin-left: -.15rem;
  margin-right: -.15rem
}

.-my-lg {
  margin-top: -.2rem;
  margin-bottom: -.2rem
}

.-mx-lg {
  margin-left: -.2rem;
  margin-right: -.2rem
}

.-my-gutter {
  margin-top: -.24rem;
  margin-bottom: -.24rem
}

.-mx-gutter {
  margin-left: -.24rem;
  margin-right: -.24rem
}

.-my-gutter-half {
  margin-top: -.12rem;
  margin-bottom: -.12rem
}

.-mx-gutter-half {
  margin-left: -.12rem;
  margin-right: -.12rem
}

.-my-gutter-minus {
  margin-top: -.16rem;
  margin-bottom: -.16rem
}

.-mx-gutter-minus {
  margin-left: -.16rem;
  margin-right: -.16rem
}

.-my-gutter-minus-half {
  margin-top: -.08rem;
  margin-bottom: -.08rem
}

.-mx-gutter-minus-half {
  margin-left: -.08rem;
  margin-right: -.08rem
}

.-mt-0 {
  margin-top: 0
}

.-mr-0 {
  margin-right: 0
}

.-mb-0 {
  margin-bottom: 0
}

.-ml-0 {
  margin-left: 0
}

.-mt-px {
  margin-top: -1px
}

.-mr-px {
  margin-right: -1px
}

.-mb-px {
  margin-bottom: -1px
}

.-ml-px {
  margin-left: -1px
}

.-mt-xs {
  margin-top: -.05rem
}

.-mr-xs {
  margin-right: -.05rem
}

.-mb-xs {
  margin-bottom: -.05rem
}

.-ml-xs {
  margin-left: -.05rem
}

.-mt-sm {
  margin-top: -.1rem
}

.-mr-sm {
  margin-right: -.1rem
}

.-mb-sm {
  margin-bottom: -.1rem
}

.-ml-sm {
  margin-left: -.1rem
}

.-mt-md {
  margin-top: -.15rem
}

.-mr-md {
  margin-right: -.15rem
}

.-mb-md {
  margin-bottom: -.15rem
}

.-ml-md {
  margin-left: -.15rem
}

.-mt-lg {
  margin-top: -.2rem
}

.-mr-lg {
  margin-right: -.2rem
}

.-mb-lg {
  margin-bottom: -.2rem
}

.-ml-lg {
  margin-left: -.2rem
}

.-mt-gutter {
  margin-top: -.24rem
}

.-mr-gutter {
  margin-right: -.24rem
}

.-mb-gutter {
  margin-bottom: -.24rem
}

.-ml-gutter {
  margin-left: -.24rem
}

.-mt-gutter-half {
  margin-top: -.12rem
}

.-mr-gutter-half {
  margin-right: -.12rem
}

.-mb-gutter-half {
  margin-bottom: -.12rem
}

.-ml-gutter-half {
  margin-left: -.12rem
}

.-mt-gutter-minus {
  margin-top: -.16rem
}

.-mr-gutter-minus {
  margin-right: -.16rem
}

.-mb-gutter-minus {
  margin-bottom: -.16rem
}

.-ml-gutter-minus {
  margin-left: -.16rem
}

.-mt-gutter-minus-half {
  margin-top: -.08rem
}

.-mr-gutter-minus-half {
  margin-right: -.08rem
}

.-mb-gutter-minus-half {
  margin-bottom: -.08rem
}

.-ml-gutter-minus-half {
  margin-left: -.08rem
}

.opacity-0 {
  opacity: 0
}

.opacity-25 {
  opacity: .25
}

.opacity-32 {
  opacity: .32
}

.opacity-50 {
  opacity: .5
}

.opacity-75 {
  opacity: .75
}

.opacity-84 {
  opacity: .84
}

.opacity-100 {
  opacity: 1
}

.focus\:outline-none:focus, .outline-none {
  outline: 0
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-scroll {
  overflow: scroll
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

.overflow-x-hidden {
  overflow-x: hidden
}

.overflow-y-hidden {
  overflow-y: hidden
}

.overflow-x-visible {
  overflow-x: visible
}

.overflow-y-visible {
  overflow-y: visible
}

.overflow-x-scroll {
  overflow-x: scroll
}

.overflow-y-scroll {
  overflow-y: scroll
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto
}

.p-0 {
  padding: 0
}

.p-28 {
  padding: .28rem
}

.p-70 {
  padding: .7rem
}

.p-px {
  padding: 1px
}

.p-xs-1\/2 {
  padding: .025rem
}

.p-sm-1\/2, .p-xs {
  padding: .05rem
}

.p-sm {
  padding: .1rem
}

.p-md-1\/2 {
  padding: .075rem
}

.p-md {
  padding: .15rem
}

.p-lg {
  padding: .2rem
}

.p-lg-double {
  padding: .4rem
}

.p-gutter {
  padding: .24rem
}

.p-gutter-half {
  padding: .12rem
}

.p-gutter-minus {
  padding: .16rem
}

.p-gutter-minus-half {
  padding: .08rem
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.py-28 {
  padding-top: .28rem;
  padding-bottom: .28rem
}

.px-28 {
  padding-left: .28rem;
  padding-right: .28rem
}

.py-70 {
  padding-top: .7rem;
  padding-bottom: .7rem
}

.px-70 {
  padding-left: .7rem;
  padding-right: .7rem
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px
}

.px-px {
  padding-left: 1px;
  padding-right: 1px
}

.py-xs-1\/2 {
  padding-top: .025rem;
  padding-bottom: .025rem
}

.px-xs-1\/2 {
  padding-left: .025rem;
  padding-right: .025rem
}

.py-xs {
  padding-top: .05rem;
  padding-bottom: .05rem
}

.px-xs {
  padding-left: .05rem;
  padding-right: .05rem
}

.py-sm-1\/2 {
  padding-top: .05rem;
  padding-bottom: .05rem
}

.px-sm-1\/2 {
  padding-left: .05rem;
  padding-right: .05rem
}

.py-sm {
  padding-top: .1rem;
  padding-bottom: .1rem
}

.px-sm {
  padding-left: .1rem;
  padding-right: .1rem
}

.py-md-1\/2 {
  padding-top: .075rem;
  padding-bottom: .075rem
}

.px-md-1\/2 {
  padding-left: .075rem;
  padding-right: .075rem
}

.py-md {
  padding-top: .15rem;
  padding-bottom: .15rem
}

.px-md {
  padding-left: .15rem;
  padding-right: .15rem
}

.py-lg {
  padding-top: .2rem;
  padding-bottom: .2rem
}

.px-lg {
  padding-left: .2rem;
  padding-right: .2rem
}

.py-lg-double {
  padding-top: .4rem;
  padding-bottom: .4rem
}

.px-lg-double {
  padding-left: .4rem;
  padding-right: .4rem
}

.py-gutter {
  padding-top: .24rem;
  padding-bottom: .24rem
}

.px-gutter {
  padding-left: .24rem;
  padding-right: .24rem
}

.py-gutter-half {
  padding-top: .12rem;
  padding-bottom: .12rem
}

.px-gutter-half {
  padding-left: .12rem;
  padding-right: .12rem
}

.py-gutter-minus {
  padding-top: .16rem;
  padding-bottom: .16rem
}

.px-gutter-minus {
  padding-left: .16rem;
  padding-right: .16rem
}

.py-gutter-minus-half {
  padding-top: .08rem;
  padding-bottom: .08rem
}

.px-gutter-minus-half {
  padding-left: .08rem;
  padding-right: .08rem
}

.pt-0 {
  padding-top: 0
}

.pr-0 {
  padding-right: 0
}

.pb-0 {
  padding-bottom: 0
}

.pl-0 {
  padding-left: 0
}

.pt-28 {
  padding-top: .28rem
}

.pr-28 {
  padding-right: .28rem
}

.pb-28 {
  padding-bottom: .28rem
}

.pl-28 {
  padding-left: .28rem
}

.pt-70 {
  padding-top: .7rem
}

.pr-70 {
  padding-right: .7rem
}

.pb-70 {
  padding-bottom: .7rem
}

.pl-70 {
  padding-left: .7rem
}

.pt-px {
  padding-top: 1px
}

.pr-px {
  padding-right: 1px
}

.pb-px {
  padding-bottom: 1px
}

.pl-px {
  padding-left: 1px
}

.pt-xs-1\/2 {
  padding-top: .025rem
}

.pr-xs-1\/2 {
  padding-right: .025rem
}

.pb-xs-1\/2 {
  padding-bottom: .025rem
}

.pl-xs-1\/2 {
  padding-left: .025rem
}

.pt-xs {
  padding-top: .05rem
}

.pr-xs {
  padding-right: .05rem
}

.pb-xs {
  padding-bottom: .05rem
}

.pl-xs {
  padding-left: .05rem
}

.pt-sm-1\/2 {
  padding-top: .05rem
}

.pr-sm-1\/2 {
  padding-right: .05rem
}

.pb-sm-1\/2 {
  padding-bottom: .05rem
}

.pl-sm-1\/2 {
  padding-left: .05rem
}

.pt-sm {
  padding-top: .1rem
}

.pr-sm {
  padding-right: .1rem
}

.pb-sm {
  padding-bottom: .1rem
}

.pl-sm {
  padding-left: .1rem
}

.pt-md-1\/2 {
  padding-top: .075rem
}

.pr-md-1\/2 {
  padding-right: .075rem
}

.pb-md-1\/2 {
  padding-bottom: .075rem
}

.pl-md-1\/2 {
  padding-left: .075rem
}

.pt-md {
  padding-top: .15rem
}

.pr-md {
  padding-right: .15rem
}

.pb-md {
  padding-bottom: .15rem
}

.pl-md {
  padding-left: .15rem
}

.pt-lg {
  padding-top: .2rem
}

.pr-lg {
  padding-right: .2rem
}

.pb-lg {
  padding-bottom: .2rem
}

.pl-lg {
  padding-left: .2rem
}

.pt-lg-double {
  padding-top: .4rem
}

.pr-lg-double {
  padding-right: .4rem
}

.pb-lg-double {
  padding-bottom: .4rem
}

.pl-lg-double {
  padding-left: .4rem
}

.pt-gutter {
  padding-top: .24rem
}

.pr-gutter {
  padding-right: .24rem
}

.pb-gutter {
  padding-bottom: .24rem
}

.pl-gutter {
  padding-left: .24rem
}

.pt-gutter-half {
  padding-top: .12rem
}

.pr-gutter-half {
  padding-right: .12rem
}

.pb-gutter-half {
  padding-bottom: .12rem
}

.pl-gutter-half {
  padding-left: .12rem
}

.pt-gutter-minus {
  padding-top: .16rem
}

.pr-gutter-minus {
  padding-right: .16rem
}

.pb-gutter-minus {
  padding-bottom: .16rem
}

.pl-gutter-minus {
  padding-left: .16rem
}

.pt-gutter-minus-half {
  padding-top: .08rem
}

.pr-gutter-minus-half {
  padding-right: .08rem
}

.pb-gutter-minus-half {
  padding-bottom: .08rem
}

.pl-gutter-minus-half {
  padding-left: .08rem
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.pin-none {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto
}

.pin {
  right: 0;
  left: 0
}

.pin, .pin-y {
  top: 0;
  bottom: 0
}

.pin-x {
  right: 0;
  left: 0
}

.pin-t {
  top: 0
}

.pin-r {
  right: 0
}

.pin-b {
  bottom: 0
}

.pin-l {
  left: 0
}

.resize-none {
  resize: none
}

.resize-y {
  resize: vertical
}

.resize-x {
  resize: horizontal
}

.resize {
  resize: both
}

.shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.shadow-md {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.shadow-lg {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.shadow-none {
  box-shadow: none
}

.hover\:shadow:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.hover\:shadow-md:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.hover\:shadow-lg:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.hover\:shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.hover\:shadow-none:hover {
  box-shadow: none
}

.focus\:shadow:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.focus\:shadow-md:focus {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.focus\:shadow-lg:focus {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.focus\:shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.focus\:shadow-none:focus {
  box-shadow: none
}

.fill-current {
  fill: currentColor
}

.stroke-current {
  stroke: currentColor
}

.table-auto {
  table-layout: auto
}

.table-fixed {
  table-layout: fixed
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

.text-transparent {
  color: transparent
}

.text-black {
  color: #000
}

.text-white {
  color: #fff
}

.text-grey-dark {
  color: #333
}

.text-grey {
  color: #999
}

.text-ink-dark {
  color: hsla(0, 0%, 100%, .2)
}

.text-ink {
  color: hsla(0, 0%, 100%, .5)
}

.text-ink-light {
  color: hsla(0, 0%, 100%, .8)
}

.text-surface {
  color: #252429
}

.text-surface-dark {
  color: #111
}

.text-boundary {
  color: hsla(0, 0%, 59%, .2)
}

.text-popup {
  color: rgba(0, 0, 0, .32)
}

.text-hover {
  color: #e86666
}

.text-success {
  color: #1d7d65
}

.text-error {
  color: #ff615b
}

.text-warning {
  color: orange
}

.text-muted {
  color: #c8c8c8
}

.text-selected {
  color: #eb0029
}

.text-border {
  color: #d6d6d6
}

.text-accent, .text-accent-dark, .text-accent-light {
  color: #fff
}

.text-accents {
  color: #333
}

.text-accents-light {
  color: #999
}

.text-accents-lighter {
  color: #f4f4f4
}

.hover\:text-transparent:hover {
  color: transparent
}

.hover\:text-black:hover {
  color: #000
}

.hover\:text-white:hover {
  color: #fff
}

.hover\:text-grey-dark:hover {
  color: #333
}

.hover\:text-grey:hover {
  color: #999
}

.hover\:text-ink-dark:hover {
  color: hsla(0, 0%, 100%, .2)
}

.hover\:text-ink:hover {
  color: hsla(0, 0%, 100%, .5)
}

.hover\:text-ink-light:hover {
  color: hsla(0, 0%, 100%, .8)
}

.hover\:text-surface:hover {
  color: #252429
}

.hover\:text-surface-dark:hover {
  color: #111
}

.hover\:text-boundary:hover {
  color: hsla(0, 0%, 59%, .2)
}

.hover\:text-popup:hover {
  color: rgba(0, 0, 0, .32)
}

.hover\:text-hover:hover {
  color: #e86666
}

.hover\:text-success:hover {
  color: #1d7d65
}

.hover\:text-error:hover {
  color: #ff615b
}

.hover\:text-warning:hover {
  color: orange
}

.hover\:text-muted:hover {
  color: #c8c8c8
}

.hover\:text-selected:hover {
  color: #eb0029
}

.hover\:text-border:hover {
  color: #d6d6d6
}

.hover\:text-accent-dark:hover, .hover\:text-accent-light:hover, .hover\:text-accent:hover {
  color: #fff
}

.hover\:text-accents:hover {
  color: #333
}

.hover\:text-accents-light:hover {
  color: #999
}

.hover\:text-accents-lighter:hover {
  color: #f4f4f4
}

.focus\:text-transparent:focus {
  color: transparent
}

.focus\:text-black:focus {
  color: #000
}

.focus\:text-white:focus {
  color: #fff
}

.focus\:text-grey-dark:focus {
  color: #333
}

.focus\:text-grey:focus {
  color: #999
}

.focus\:text-ink-dark:focus {
  color: hsla(0, 0%, 100%, .2)
}

.focus\:text-ink:focus {
  color: hsla(0, 0%, 100%, .5)
}

.focus\:text-ink-light:focus {
  color: hsla(0, 0%, 100%, .8)
}

.focus\:text-surface:focus {
  color: #252429
}

.focus\:text-surface-dark:focus {
  color: #111
}

.focus\:text-boundary:focus {
  color: hsla(0, 0%, 59%, .2)
}

.focus\:text-popup:focus {
  color: rgba(0, 0, 0, .32)
}

.focus\:text-hover:focus {
  color: #e86666
}

.focus\:text-success:focus {
  color: #1d7d65
}

.focus\:text-error:focus {
  color: #ff615b
}

.focus\:text-warning:focus {
  color: orange
}

.focus\:text-muted:focus {
  color: #c8c8c8
}

.focus\:text-selected:focus {
  color: #eb0029
}

.focus\:text-border:focus {
  color: #d6d6d6
}

.focus\:text-accent-dark:focus, .focus\:text-accent-light:focus, .focus\:text-accent:focus {
  color: #fff
}

.focus\:text-accents:focus {
  color: #333
}

.focus\:text-accents-light:focus {
  color: #999
}

.focus\:text-accents-lighter:focus {
  color: #f4f4f4
}

.text-zero {
  font-size: 0
}

.text-footnotes {
  font-size: 0.75rem
}

.text-body-minus, .text-caption, .text-overline {
  font-size: 0.875rem
}

.text-body, .text-h6 {
  font-size: .16rem
}

.text-h5 {
  font-size: .2rem
}

.text-h3, .text-h4 {
  font-size: .22rem
}

.text-h2-middle {
  font-size: .26rem
}

.text-h2 {
  font-size: .32rem
}

.text-h1 {
  font-size: .38rem
}

.text-h1-middle {
  font-size: .43rem
}

.text-h0 {
  font-size: .52rem
}

.text-title {
  font-size: .64rem
}

.italic {
  font-style: italic
}

.roman {
  font-style: normal
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.capitalize {
  text-transform: capitalize
}

.normal-case {
  text-transform: none
}

.underline {
  text-decoration: underline
}

.line-through {
  text-decoration: line-through
}

.no-underline {
  text-decoration: none
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}

.hover\:italic:hover {
  font-style: italic
}

.hover\:roman:hover {
  font-style: normal
}

.hover\:uppercase:hover {
  text-transform: uppercase
}

.hover\:lowercase:hover {
  text-transform: lowercase
}

.hover\:capitalize:hover {
  text-transform: capitalize
}

.hover\:normal-case:hover {
  text-transform: none
}

.hover\:underline:hover {
  text-decoration: underline
}

.hover\:line-through:hover {
  text-decoration: line-through
}

.hover\:no-underline:hover {
  text-decoration: none
}

.hover\:antialiased:hover {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.hover\:subpixel-antialiased:hover {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}

.focus\:italic:focus {
  font-style: italic
}

.focus\:roman:focus {
  font-style: normal
}

.focus\:uppercase:focus {
  text-transform: uppercase
}

.focus\:lowercase:focus {
  text-transform: lowercase
}

.focus\:capitalize:focus {
  text-transform: capitalize
}

.focus\:normal-case:focus {
  text-transform: none
}

.focus\:underline:focus {
  text-decoration: underline
}

.focus\:line-through:focus {
  text-decoration: line-through
}

.focus\:no-underline:focus {
  text-decoration: none
}

.focus\:antialiased:focus {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.focus\:subpixel-antialiased:focus {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}

.tracking-fast {
  letter-spacing: -2px
}

.tracking-tightest {
  letter-spacing: -1px
}

.tracking-tighter {
  letter-spacing: -.5px
}

.tracking-tight {
  letter-spacing: -.05em
}

.tracking-normal {
  letter-spacing: 0
}

.tracking-wide {
  letter-spacing: .05em
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.align-baseline {
  vertical-align: baseline
}

.align-top {
  vertical-align: top
}

.align-middle {
  vertical-align: middle
}

.align-bottom {
  vertical-align: bottom
}

.align-text-top {
  vertical-align: text-top
}

.align-text-bottom {
  vertical-align: text-bottom
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.whitespace-normal {
  white-space: normal
}

.whitespace-no-wrap {
  white-space: nowrap
}

.whitespace-pre {
  white-space: pre
}

.whitespace-pre-line {
  white-space: pre-line
}

.whitespace-pre-wrap {
  white-space: pre-wrap
}

.break-words {
  word-wrap: break-word
}

.break-normal {
  word-wrap: normal
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.w-1 {
  width: .01rem
}

.w-2 {
  width: .02rem
}

.w-4 {
  width: .04rem
}

.w-5 {
  width: .05rem
}

.w-6 {
  width: .06rem
}

.w-8 {
  width: .08rem
}

.w-10 {
  width: .1rem
}

.w-12 {
  width: .12rem
}

.w-16 {
  width: .16rem
}

.w-18 {
  width: .18rem
}

.w-20 {
  width: .2rem
}

.w-24 {
  width: .24rem
}

.w-32 {
/* width: 0.32rem*/
  width: 2.0rem
}

.w-40 {
  width: .4rem
}

.w-48 {
  width: .48rem
}

.w-56 {
  width: .56rem
}

.w-64 {
  width: .64rem
}

.w-72 {
  width: .72rem
}

.w-80 {
  width: .8rem
}

.w-96 {
  width: .96rem
}

.w-120 {
  width: 1.2rem
}

.w-150 {
  width: 1.5rem
}

.w-250 {
  width: 2.5rem
}

.w-300 {
  width: 3rem
}

.w-350 {
  width: 3.5rem
}

.w-400 {
  width: 4rem
}

.w-500 {
  width: 5rem
}

.w-600 {
  width: 6rem
}

.w-650 {
  width: 6.5rem
}

.w-800 {
  width: 8rem
}

.w-900 {
  width: 9rem
}

.w-1200 {
  width: 12rem
}

.w-auto {
  width: auto
}

.w-px {
  width: 1px
}

.w-1\/2 {
  width: 50%
}

.w-1\/3 {
  width: 33.33333%
}

.w-2\/3 {
  width: 66.66667%
}

.w-1\/4 {
  width: 25%
}

.w-3\/4 {
  width: 75%
}

.w-1\/5 {
  width: 20%
}

.w-2\/5 {
  width: 40%
}

.w-3\/5 {
  width: 60%
}

.w-4\/5 {
  width: 80%
}

.w-1\/6 {
  width: 16.66667%
}

.w-5\/6 {
  width: 83.33333%
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-30 {
  z-index: 30
}

.z-40 {
  z-index: 40
}

.z-50 {
  z-index: 50
}

.z-100 {
  z-index: 100
}

.z-auto {
  z-index: auto
}

.z-negative {
  z-index: -1
}

.z-zero {
  z-index: 0
}

.z-dialog {
  z-index: 1000
}

.z-header {
  z-index: 999
}

.z-nav2nd {
  z-index: 800
}

.z-surface {
  z-index: 200
}

.z-button {
  z-index: 100
}

.has-boundary-t:before {
  content: "";
  display: block;
  height: 1px;
  background-color: hsla(0, 0%, 59%, .2)
}

.sticky {
  position: -webkit-sticky;
  position: sticky
}

.main-content {
  padding: 0
}

.ar-1\/1 {
  padding-bottom: 100%
}

.ar-1\/1, .ar-2\/1 {
  height: 0;
  width: 100%
}

.ar-2\/1 {
  padding-bottom: 50%
}

.ar-1\/2 {
  height: 0;
  width: 100%;
  padding-bottom: 200%
}

.ar-40\/21, .ar-media {
  height: 0;
  width: 100%;
  padding-bottom: 52.5%
}

.img-wrapper.relative {
  position: relative
}

.img-wrapper .lazyload {
  content: "";
  display: block;
  z-index: -1;
  opacity: .5;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  max-height: 100px;
  max-width: 100px;
  min-height: 30px;
  min-width: 30px;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTI5Ljk5NiA0bC4wMDQuMDA0djIzLjk5M2wtLjAwNC4wMDRIMi4wMDNsLS4wMDQtLjAwNFY0LjAwNEwyLjAwMyA0aDI3Ljk5M3pNMzAgMkgyQy45IDIgMCAyLjkgMCA0djI0YzAgMS4xLjkgMiAyIDJoMjhjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnoiLz48cGF0aCBkPSJNMjYgOWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6TTI4IDI2SDR2LTRsNy0xMiA4IDEwaDJsNy02eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.wrapper.relative {
  position: relative
}
/*
.as-bg-surface:before {
  background: rgba(0, 0, 0, .3)
}

.as-bg-surface-5:before, .as-bg-surface:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.as-bg-surface-5:before {
  background: rgba(0, 0, 0, .5)
}
*/
html {

  color: hsla(0, 0%, 0%, 1)
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

/*  font-family: 'Noto Sans JP', Roboto, sans-serif;
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.4
}

body, html {
  background-color: #000
}*/

h1, h2, h3, h4, h5, h6 {
  text-transform: none;
  letter-spacing: 0
}

.lazyload, .lazyloading {
  filter: blur(16px);
  transition: filter .3s
}

.img {
  transition: filter .3s;
  margin: auto;
  display: block
}

.img.lazyloaded {
  width: 100%
}

.figure {
  font-size: 0
}

.main-content {
  min-height: 80vh
}

.site-footer {
  margin-top: 0;
  padding: 0
}

.media-icon-wrap, .media-icon-wrap>svg {
  font-size: 0;
  width: 20px;
  height: 20px
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.icon-burger {
  width: 24px;
  margin-left: -12px;
  height: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  position: absolute;
  top: 50%;
  transition: border-color .3s;
  cursor: pointer
}

.icon-burger:after, .icon-burger:before {
  content: "";
  display: block
}

.icon-burger:before {
  border-top: 2px solid;
  height: 0;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -12px
}

.icon-burger:after {
  border-left: 2px solid;
  height: 24px;
  width: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -12px
}

.icon-burger:after, .icon-burger:before {
  transform: rotate(45deg);
  transition: .3s
}

.icon-burger.is-collapsed {
  height: 0;
  border-top: 1px solid;
  border-bottom: 1px solid
}

.icon-burger.is-collapsed:before {
  transform: rotate(0deg);
  top: -6px
}

.icon-burger.is-collapsed:after {
  transform: rotate(90deg);
  top: 6px
}

.site-top-header {
  position: relative;
  width: 100%;
  transition-duration: .3s;
  font-family: 'Noto Sans JP', Roboto, Verdana, arial, Sans-serif;
  background-color: #fff;
  padding-left: .1rem;
  padding-right: .1rem
}

@media screen and (max-width:860px) {
  .site-top-header {
    padding-left: 0;
    padding-right: 0
  }
}

.site-top-header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.site-top-header.is-fixed .navbar__icon-wrapper {
  visibility: hidden;
  pointer-events: none
}

.site-top-header.is-fixed .navbar__icon-wrapper.exception {
  visibility: visible;
  pointer-events: auto
}

.site-top-header.is-fixed+.main-content, .site-top-header.is-fixed+.main-content+.site-footer, .site-top-header.is-fixed+main, .site-top-header.is-fixed+main+footer {
  height: 0;
  overflow: hidden
}

.navbar {
  display: table;
  height: 60px;
  font-size: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%
}

.navbar__content-wrapper {
  display: table-row
}


@media screen and (max-width:860px) {
  .navbar__link-list-wrapper {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.navbar__flex_box{
  display:flex;
  flex-direction: row;
  flex-wrap:nowrap;
  padding: 0;
}

.navbar__link-list{
  padding:0 20px;
}

.navbar__link-list drowdown-wrap{
  display:none;
}

.navbar__icon-wrapper {
  display: table-cell;
  float: none;
  max-width: 3vw;
  min-width: 3vw;
  text-align: center;
  vertical-align: middle;
  width: 3vw;
  position:relative;
}

@media screen and (max-width:860px) {
  .navbar__icon-wrapper {
    max-width:50px;
    min-width:50px;
    width:50px;
  }
}

@media screen and (min-width:861px) {
  .navbar__icon-wrapper--hidden-lg {
    display: none
  }
}

@media screen and (max-width:860px) {
  .navbar__icon-wrapper--show-lg {
    display: none;
    visibility: hidden
  }
}

@media screen and (max-width:860px) {
  .navbar__icon-wrapper--logo {
    top: 14px;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
  }
}

.navbar__icon-wrapper--double {
  max-width: 100px;
  min-width: 100px;
  width: 100px
}

.navbar__icon-btn {
  display: table-cell;
  float: none;
  max-width: 88px;
  min-width: 88px;
  text-align: center;
  vertical-align: middle;
  width: 88px;
  height: 30px;
  line-height: 30px
}

.navbar__icon-btn--bg {
  background: #232f3e;
  color: #fff;
}
.navbar__icon-btn--bg.sp{
  display:none;
}
@media screen and (max-width:860px) {
  .navbar__icon-btn--bg {
    display: none;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    margin-right: 1.4em;
    padding: 0 10px
  }
  .navbar__icon-btn--bg.sp{
    display:none;
  }
}
.navbar__entry {
  display: inline-block;
  padding:0 10px;
  text-decoration: none;
  height: 60px;
  line-height: 60px
}

.navbar__entry--click {
  color: #333;
  font-weight: 600
}

@media (min-width:601px) {
  .navbar__entry--click {
    border-bottom: 2px solid #000
  }
}

.navbar__entry--block {
  display: block;
  height: 50px;
  line-height: 50px
}

@media screen and (max-width:860px) {
  .navbar__entry {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 15px;
    color: #333;
    margin-left: 2em;
    margin-right: 2em
  }
}

@media screen and (max-width:860px) {
  .navbar__entry--hidden-not-lg {
    display: none
  }
}

.navbar__panel {
  position: absolute;
  right: 0;
  top: 50px;
  width: 300px
}

@media screen and (max-width:600px) {
  .navbar__panel {
    width: 100%
  }
}

.panel__trigger:hover .panel__content {
  max-height: 600px
}

.panel__trigger-input {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px
}

@media screen and (max-width:860px) {
  .panel__trigger-input {
    max-height: 0
  }
}

.panel__trigger-input:checked+.panel__content {
  max-height: 600px
}

.panel__content {
  max-height: 0;
  overflow: hidden;
  transition-duration: .3s;
  transition-delay: .2s;
  background-color: #fff
}

@font-face {
  font-family: arrow;
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.eot?v=149452292206439392691758183822);
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.eot?%23iefix&v=149452292206439392691758183822) format("eot"), url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.woff2?v=36486901307909471951758183823) format("woff2"), url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.woff?v=46921978403659244951758183823) format("woff"), url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.ttf?v=32329765564691934261758183823) format("truetype"), url(//jp.roborock.com/cdn/shop/t/7/assets/arrow-arrow.svg%23arrow?16151) format("svg")
}

.ico-keyboard_arrow_left:before {
  content: "\E001"
}

.ico-keyboard_arrow_left1:before, .ico-keyboard_arrow_left:before {
  font-family: arrow;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none
}

.ico-keyboard_arrow_left1:before {
  content: "\E002"
}

.ico-keyboard_arrow_right:before {
  content: "\E003"
}

.ico-keyboard_arrow_right1:before, .ico-keyboard_arrow_right:before {
  font-family: arrow;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none
}

.ico-keyboard_arrow_right1:before {
  content: "\E004"
}

.site-footer [name=footer-nav]+h3+ul {
  max-height: 0;
  transition-duration: .3s
}

@media screen and (min-width:601px) {
  .site-footer [name=footer-nav]+h3+ul {
    max-height: 1000px
  }
}

.site-footer [name=footer-nav]:checked+h3 .icon-collapsed__inner:after {
  transform: rotate(90deg)
}

.site-footer [name=footer-nav]:checked+h3 .icon-collapsed__inner:after, .site-footer [name=footer-nav]:checked+h3 .icon-collapsed__inner:before {
  border-color: #fff
}

.site-footer [name=footer-nav]:checked+h3+ul {
  max-height: 1000px
}

.footer-border {
  border-bottom: 1px solid #d6d6d6
}

.footer-transform-90 {
  transform: rotate(90deg)
}

.footer-transform-270 {
  transform: rotate(-90deg)
}

.as-state-bottom {
  margin-top: -24px
}

.as-state-i {
  font-size: 14px;
  transform: rotate(-90deg)
}

.as-state-i-change {
  transform: rotate(90deg)
}



.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
}

.stretched-link:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: transparent
}

.m-stack-graph {
margin: 2rem!important
}

.mt-stack-graph, .my-stack-graph {
margin-top: 2rem!important
}

.mr-stack-graph, .mx-stack-graph {
margin-right: 2rem!important
}

.mb-stack-graph, .my-stack-graph {
margin-bottom: 2rem!important
}

.ml-stack-graph, .mx-stack-graph {
margin-left: 2rem!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: .25rem!important
}

.mt-1, .my-1 {
margin-top: .25rem!important
}

.mr-1, .mx-1 {
margin-right: .25rem!important
}

.mb-1, .my-1 {
margin-bottom: .25rem!important
}

.ml-1, .mx-1 {
margin-left: .25rem!important
}

.m-2 {
margin: .5rem!important
}

.mt-2, .my-2 {
margin-top: .5rem!important
}

.mr-2, .mx-2 {
margin-right: .5rem!important
}

.mb-2, .my-2 {
margin-bottom: .5rem!important
}

.ml-2, .mx-2 {
margin-left: .5rem!important
}

.m-3 {
margin: .75rem!important
}

.mt-3, .my-3 {
margin-top: .75rem!important
}

.mr-3, .mx-3 {
margin-right: .75rem!important
}

.mb-3, .my-3 {
margin-bottom: .75rem!important
}

.ml-3, .mx-3 {
margin-left: .75rem!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: 2.25rem!important
}

.mt-5, .my-5 {
margin-top: 2.25rem!important
}

.mr-5, .mx-5 {
margin-right: 2.25rem!important
}

.mb-5, .my-5 {
margin-bottom: 2.25rem!important
}

.ml-5, .mx-5 {
margin-left: 2.25rem!important
}

.m-6 {
margin: 3rem!important
}

.mt-6, .my-6 {
margin-top: 3rem!important
}

.mr-6, .mx-6 {
margin-right: 3rem!important
}

.mb-6, .my-6 {
margin-bottom: 3rem!important
}

.ml-6, .mx-6 {
margin-left: 3rem!important
}

.m-7 {
margin: 5.25rem!important
}

.mt-7, .my-7 {
margin-top: 5.25rem!important
}

.mr-7, .mx-7 {
margin-right: 5.25rem!important
}

.mb-7, .my-7 {
margin-bottom: 5.25rem!important
}

.ml-7, .mx-7 {
margin-left: 5.25rem!important
}

.m-8 {
margin: 6rem!important
}

.mt-8, .my-8 {
margin-top: 6rem!important
}

.mr-8, .mx-8 {
margin-right: 6rem!important
}

.mb-8, .my-8 {
margin-bottom: 6rem!important
}

.ml-8, .mx-8 {
margin-left: 6rem!important
}

.m-9 {
margin: 7.5rem!important
}

.mt-9, .my-9 {
margin-top: 7.5rem!important
}

.mr-9, .mx-9 {
margin-right: 7.5rem!important
}

.mb-9, .my-9 {
margin-bottom: 7.5rem!important
}

.ml-9, .mx-9 {
margin-left: 7.5rem!important
}

.p-stack-graph {
padding: 2rem!important
}

.pt-stack-graph, .py-stack-graph {
padding-top: 2rem!important
}

.pr-stack-graph, .px-stack-graph {
padding-right: 2rem!important
}

.pb-stack-graph, .py-stack-graph {
padding-bottom: 2rem!important
}

.pl-stack-graph, .px-stack-graph {
padding-left: 2rem!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: .25rem!important
}

.pt-1, .py-1 {
padding-top: .25rem!important
}

.pr-1, .px-1 {
padding-right: .25rem!important
}

.pb-1, .py-1 {
padding-bottom: .25rem!important
}

.pl-1, .px-1 {
padding-left: .25rem!important
}

.p-2 {
padding: .5rem!important
}

.pt-2, .py-2 {
padding-top: .5rem!important
}

.pr-2, .px-2 {
padding-right: .5rem!important
}

.pb-2, .py-2 {
padding-bottom: .5rem!important
}

.pl-2, .px-2 {
padding-left: .5rem!important
}

.p-3 {
padding: .75rem!important
}

.pt-3, .py-3 {
padding-top: .75rem!important
}

.pr-3, .px-3 {
padding-right: .75rem!important
}

.pb-3, .py-3 {
padding-bottom: .75rem!important
}

.pl-3, .px-3 {
padding-left: .75rem!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: 2.25rem!important
}

.pt-5, .py-5 {
padding-top: 2.25rem!important
}

.pr-5, .px-5 {
padding-right: 2.25rem!important
}

.pb-5, .py-5 {
padding-bottom: 2.25rem!important
}

.pl-5, .px-5 {
padding-left: 2.25rem!important
}

.p-6 {
padding: 3rem!important
}

.pt-6, .py-6 {
padding-top: 3rem!important
}

.pr-6, .px-6 {
padding-right: 3rem!important
}

.pb-6, .py-6 {
padding-bottom: 3rem!important
}

.pl-6, .px-6 {
padding-left: 3rem!important
}

.p-7 {
padding: 5.25rem!important
}

.pt-7, .py-7 {
padding-top: 5.25rem!important
}

.pr-7, .px-7 {
padding-right: 5.25rem!important
}

.pb-7, .py-7 {
padding-bottom: 5.25rem!important
}

.pl-7, .px-7 {
padding-left: 5.25rem!important
}

.p-8 {
padding: 6rem!important
}

.pt-8, .py-8 {
padding-top: 6rem!important
}

.pr-8, .px-8 {
padding-right: 6rem!important
}

.pb-8, .py-8 {
padding-bottom: 6rem!important
}

.pl-8, .px-8 {
padding-left: 6rem!important
}

.p-9 {
padding: 7.5rem!important
}

.pt-9, .py-9 {
padding-top: 7.5rem!important
}

.pr-9, .px-9 {
padding-right: 7.5rem!important
}

.pb-9, .py-9 {
padding-bottom: 7.5rem!important
}

.pl-9, .px-9 {
padding-left: 7.5rem!important
}

.m-nstack-graph {
margin: -2rem!important
}

.mt-nstack-graph, .my-nstack-graph {
margin-top: -2rem!important
}

.mr-nstack-graph, .mx-nstack-graph {
margin-right: -2rem!important
}

.mb-nstack-graph, .my-nstack-graph {
margin-bottom: -2rem!important
}

.ml-nstack-graph, .mx-nstack-graph {
margin-left: -2rem!important
}

.m-n1 {
margin: -.25rem!important
}

.mt-n1, .my-n1 {
margin-top: -.25rem!important
}

.mr-n1, .mx-n1 {
margin-right: -.25rem!important
}

.mb-n1, .my-n1 {
margin-bottom: -.25rem!important
}

.ml-n1, .mx-n1 {
margin-left: -.25rem!important
}

.m-n2 {
margin: -.5rem!important
}

.mt-n2, .my-n2 {
margin-top: -.5rem!important
}

.mr-n2, .mx-n2 {
margin-right: -.5rem!important
}

.mb-n2, .my-n2 {
margin-bottom: -.5rem!important
}

.ml-n2, .mx-n2 {
margin-left: -.5rem!important
}

.m-n3 {
margin: -.75rem!important
}

.mt-n3, .my-n3 {
margin-top: -.75rem!important
}

.mr-n3, .mx-n3 {
margin-right: -.75rem!important
}

.mb-n3, .my-n3 {
margin-bottom: -.75rem!important
}

.ml-n3, .mx-n3 {
margin-left: -.75rem!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: -2.25rem!important
}

.mt-n5, .my-n5 {
margin-top: -2.25rem!important
}

.mr-n5, .mx-n5 {
margin-right: -2.25rem!important
}

.mb-n5, .my-n5 {
margin-bottom: -2.25rem!important
}

.ml-n5, .mx-n5 {
margin-left: -2.25rem!important
}

.m-n6 {
margin: -3rem!important
}

.mt-n6, .my-n6 {
margin-top: -3rem!important
}

.mr-n6, .mx-n6 {
margin-right: -3rem!important
}

.mb-n6, .my-n6 {
margin-bottom: -3rem!important
}

.ml-n6, .mx-n6 {
margin-left: -3rem!important
}

.m-n7 {
margin: -5.25rem!important
}

.mt-n7, .my-n7 {
margin-top: -5.25rem!important
}

.mr-n7, .mx-n7 {
margin-right: -5.25rem!important
}

.mb-n7, .my-n7 {
margin-bottom: -5.25rem!important
}

.ml-n7, .mx-n7 {
margin-left: -5.25rem!important
}

.m-n8 {
margin: -6rem!important
}

.mt-n8, .my-n8 {
margin-top: -6rem!important
}

.mr-n8, .mx-n8 {
margin-right: -6rem!important
}

.mb-n8, .my-n8 {
margin-bottom: -6rem!important
}

.ml-n8, .mx-n8 {
margin-left: -6rem!important
}

.m-n9 {
margin: -7.5rem!important
}

.mt-n9, .my-n9 {
margin-top: -7.5rem!important
}

.mr-n9, .mx-n9 {
margin-right: -7.5rem!important
}

.mb-n9, .my-n9 {
margin-bottom: -7.5rem!important
}

.ml-n9, .mx-n9 {
margin-left: -7.5rem!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:752px) {
.m-sm-stack-graph {
margin: 2rem!important
}
.mt-sm-stack-graph, .my-sm-stack-graph {
margin-top: 2rem!important
}
.mr-sm-stack-graph, .mx-sm-stack-graph {
margin-right: 2rem!important
}
.mb-sm-stack-graph, .my-sm-stack-graph {
margin-bottom: 2rem!important
}
.ml-sm-stack-graph, .mx-sm-stack-graph {
margin-left: 2rem!important
}
.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: .25rem!important
}
.mt-sm-1, .my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1, .mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1, .my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1, .mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2, .my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2, .mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2, .my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2, .mx-sm-2 {
margin-left: .5rem!important
}
.m-sm-3 {
margin: .75rem!important
}
.mt-sm-3, .my-sm-3 {
margin-top: .75rem!important
}
.mr-sm-3, .mx-sm-3 {
margin-right: .75rem!important
}
.mb-sm-3, .my-sm-3 {
margin-bottom: .75rem!important
}
.ml-sm-3, .mx-sm-3 {
margin-left: .75rem!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: 2.25rem!important
}
.mt-sm-5, .my-sm-5 {
margin-top: 2.25rem!important
}
.mr-sm-5, .mx-sm-5 {
margin-right: 2.25rem!important
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 2.25rem!important
}
.ml-sm-5, .mx-sm-5 {
margin-left: 2.25rem!important
}
.m-sm-6 {
margin: 3rem!important
}
.mt-sm-6, .my-sm-6 {
margin-top: 3rem!important
}
.mr-sm-6, .mx-sm-6 {
margin-right: 3rem!important
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 3rem!important
}
.ml-sm-6, .mx-sm-6 {
margin-left: 3rem!important
}
.m-sm-7 {
margin: 5.25rem!important
}
.mt-sm-7, .my-sm-7 {
margin-top: 5.25rem!important
}
.mr-sm-7, .mx-sm-7 {
margin-right: 5.25rem!important
}
.mb-sm-7, .my-sm-7 {
margin-bottom: 5.25rem!important
}
.ml-sm-7, .mx-sm-7 {
margin-left: 5.25rem!important
}
.m-sm-8 {
margin: 6rem!important
}
.mt-sm-8, .my-sm-8 {
margin-top: 6rem!important
}
.mr-sm-8, .mx-sm-8 {
margin-right: 6rem!important
}
.mb-sm-8, .my-sm-8 {
margin-bottom: 6rem!important
}
.ml-sm-8, .mx-sm-8 {
margin-left: 6rem!important
}
.m-sm-9 {
margin: 7.5rem!important
}
.mt-sm-9, .my-sm-9 {
margin-top: 7.5rem!important
}
.mr-sm-9, .mx-sm-9 {
margin-right: 7.5rem!important
}
.mb-sm-9, .my-sm-9 {
margin-bottom: 7.5rem!important
}
.ml-sm-9, .mx-sm-9 {
margin-left: 7.5rem!important
}
.p-sm-stack-graph {
padding: 2rem!important
}
.pt-sm-stack-graph, .py-sm-stack-graph {
padding-top: 2rem!important
}
.pr-sm-stack-graph, .px-sm-stack-graph {
padding-right: 2rem!important
}
.pb-sm-stack-graph, .py-sm-stack-graph {
padding-bottom: 2rem!important
}
.pl-sm-stack-graph, .px-sm-stack-graph {
padding-left: 2rem!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: .25rem!important
}
.pt-sm-1, .py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1, .px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1, .py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1, .px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2, .py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2, .px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2, .py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2, .px-sm-2 {
padding-left: .5rem!important
}
.p-sm-3 {
padding: .75rem!important
}
.pt-sm-3, .py-sm-3 {
padding-top: .75rem!important
}
.pr-sm-3, .px-sm-3 {
padding-right: .75rem!important
}
.pb-sm-3, .py-sm-3 {
padding-bottom: .75rem!important
}
.pl-sm-3, .px-sm-3 {
padding-left: .75rem!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: 2.25rem!important
}
.pt-sm-5, .py-sm-5 {
padding-top: 2.25rem!important
}
.pr-sm-5, .px-sm-5 {
padding-right: 2.25rem!important
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 2.25rem!important
}
.pl-sm-5, .px-sm-5 {
padding-left: 2.25rem!important
}
.p-sm-6 {
padding: 3rem!important
}
.pt-sm-6, .py-sm-6 {
padding-top: 3rem!important
}
.pr-sm-6, .px-sm-6 {
padding-right: 3rem!important
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 3rem!important
}
.pl-sm-6, .px-sm-6 {
padding-left: 3rem!important
}
.p-sm-7 {
padding: 5.25rem!important
}
.pt-sm-7, .py-sm-7 {
padding-top: 5.25rem!important
}
.pr-sm-7, .px-sm-7 {
padding-right: 5.25rem!important
}
.pb-sm-7, .py-sm-7 {
padding-bottom: 5.25rem!important
}
.pl-sm-7, .px-sm-7 {
padding-left: 5.25rem!important
}
.p-sm-8 {
padding: 6rem!important
}
.pt-sm-8, .py-sm-8 {
padding-top: 6rem!important
}
.pr-sm-8, .px-sm-8 {
padding-right: 6rem!important
}
.pb-sm-8, .py-sm-8 {
padding-bottom: 6rem!important
}
.pl-sm-8, .px-sm-8 {
padding-left: 6rem!important
}
.p-sm-9 {
padding: 7.5rem!important
}
.pt-sm-9, .py-sm-9 {
padding-top: 7.5rem!important
}
.pr-sm-9, .px-sm-9 {
padding-right: 7.5rem!important
}
.pb-sm-9, .py-sm-9 {
padding-bottom: 7.5rem!important
}
.pl-sm-9, .px-sm-9 {
padding-left: 7.5rem!important
}
.m-sm-nstack-graph {
margin: -2rem!important
}
.mt-sm-nstack-graph, .my-sm-nstack-graph {
margin-top: -2rem!important
}
.mr-sm-nstack-graph, .mx-sm-nstack-graph {
margin-right: -2rem!important
}
.mb-sm-nstack-graph, .my-sm-nstack-graph {
margin-bottom: -2rem!important
}
.ml-sm-nstack-graph, .mx-sm-nstack-graph {
margin-left: -2rem!important
}
.m-sm-n1 {
margin: -.25rem!important
}
.mt-sm-n1, .my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1, .mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1, .my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1, .mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2, .my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2, .mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2, .my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2, .mx-sm-n2 {
margin-left: -.5rem!important
}
.m-sm-n3 {
margin: -.75rem!important
}
.mt-sm-n3, .my-sm-n3 {
margin-top: -.75rem!important
}
.mr-sm-n3, .mx-sm-n3 {
margin-right: -.75rem!important
}
.mb-sm-n3, .my-sm-n3 {
margin-bottom: -.75rem!important
}
.ml-sm-n3, .mx-sm-n3 {
margin-left: -.75rem!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: -2.25rem!important
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -2.25rem!important
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -2.25rem!important
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -2.25rem!important
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -2.25rem!important
}
.m-sm-n6 {
margin: -3rem!important
}
.mt-sm-n6, .my-sm-n6 {
margin-top: -3rem!important
}
.mr-sm-n6, .mx-sm-n6 {
margin-right: -3rem!important
}
.mb-sm-n6, .my-sm-n6 {
margin-bottom: -3rem!important
}
.ml-sm-n6, .mx-sm-n6 {
margin-left: -3rem!important
}
.m-sm-n7 {
margin: -5.25rem!important
}
.mt-sm-n7, .my-sm-n7 {
margin-top: -5.25rem!important
}
.mr-sm-n7, .mx-sm-n7 {
margin-right: -5.25rem!important
}
.mb-sm-n7, .my-sm-n7 {
margin-bottom: -5.25rem!important
}
.ml-sm-n7, .mx-sm-n7 {
margin-left: -5.25rem!important
}
.m-sm-n8 {
margin: -6rem!important
}
.mt-sm-n8, .my-sm-n8 {
margin-top: -6rem!important
}
.mr-sm-n8, .mx-sm-n8 {
margin-right: -6rem!important
}
.mb-sm-n8, .my-sm-n8 {
margin-bottom: -6rem!important
}
.ml-sm-n8, .mx-sm-n8 {
margin-left: -6rem!important
}
.m-sm-n9 {
margin: -7.5rem!important
}
.mt-sm-n9, .my-sm-n9 {
margin-top: -7.5rem!important
}
.mr-sm-n9, .mx-sm-n9 {
margin-right: -7.5rem!important
}
.mb-sm-n9, .my-sm-n9 {
margin-bottom: -7.5rem!important
}
.ml-sm-n9, .mx-sm-n9 {
margin-left: -7.5rem!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:1128px) {
.m-md-stack-graph {
margin: 2rem!important
}
.mt-md-stack-graph, .my-md-stack-graph {
margin-top: 2rem!important
}
.mr-md-stack-graph, .mx-md-stack-graph {
margin-right: 2rem!important
}
.mb-md-stack-graph, .my-md-stack-graph {
margin-bottom: 2rem!important
}
.ml-md-stack-graph, .mx-md-stack-graph {
margin-left: 2rem!important
}
.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: .25rem!important
}
.mt-md-1, .my-md-1 {
margin-top: .25rem!important
}
.mr-md-1, .mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1, .my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1, .mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2, .my-md-2 {
margin-top: .5rem!important
}
.mr-md-2, .mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2, .my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2, .mx-md-2 {
margin-left: .5rem!important
}
.m-md-3 {
margin: .75rem!important
}
.mt-md-3, .my-md-3 {
margin-top: .75rem!important
}
.mr-md-3, .mx-md-3 {
margin-right: .75rem!important
}
.mb-md-3, .my-md-3 {
margin-bottom: .75rem!important
}
.ml-md-3, .mx-md-3 {
margin-left: .75rem!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: 2.25rem!important
}
.mt-md-5, .my-md-5 {
margin-top: 2.25rem!important
}
.mr-md-5, .mx-md-5 {
margin-right: 2.25rem!important
}
.mb-md-5, .my-md-5 {
margin-bottom: 2.25rem!important
}
.ml-md-5, .mx-md-5 {
margin-left: 2.25rem!important
}
.m-md-6 {
margin: 3rem!important
}
.mt-md-6, .my-md-6 {
margin-top: 3rem!important
}
.mr-md-6, .mx-md-6 {
margin-right: 3rem!important
}
.mb-md-6, .my-md-6 {
margin-bottom: 3rem!important
}
.ml-md-6, .mx-md-6 {
margin-left: 3rem!important
}
.m-md-7 {
margin: 5.25rem!important
}
.mt-md-7, .my-md-7 {
margin-top: 5.25rem!important
}
.mr-md-7, .mx-md-7 {
margin-right: 5.25rem!important
}
.mb-md-7, .my-md-7 {
margin-bottom: 5.25rem!important
}
.ml-md-7, .mx-md-7 {
margin-left: 5.25rem!important
}
.m-md-8 {
margin: 6rem!important
}
.mt-md-8, .my-md-8 {
margin-top: 6rem!important
}
.mr-md-8, .mx-md-8 {
margin-right: 6rem!important
}
.mb-md-8, .my-md-8 {
margin-bottom: 6rem!important
}
.ml-md-8, .mx-md-8 {
margin-left: 6rem!important
}
.m-md-9 {
margin: 7.5rem!important
}
.mt-md-9, .my-md-9 {
margin-top: 7.5rem!important
}
.mr-md-9, .mx-md-9 {
margin-right: 7.5rem!important
}
.mb-md-9, .my-md-9 {
margin-bottom: 7.5rem!important
}
.ml-md-9, .mx-md-9 {
margin-left: 7.5rem!important
}
.p-md-stack-graph {
padding: 2rem!important
}
.pt-md-stack-graph, .py-md-stack-graph {
padding-top: 2rem!important
}
.pr-md-stack-graph, .px-md-stack-graph {
padding-right: 2rem!important
}
.pb-md-stack-graph, .py-md-stack-graph {
padding-bottom: 2rem!important
}
.pl-md-stack-graph, .px-md-stack-graph {
padding-left: 2rem!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: .25rem!important
}
.pt-md-1, .py-md-1 {
padding-top: .25rem!important
}
.pr-md-1, .px-md-1 {
padding-right: .25rem!important
}
.pb-md-1, .py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1, .px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2, .py-md-2 {
padding-top: .5rem!important
}
.pr-md-2, .px-md-2 {
padding-right: .5rem!important
}
.pb-md-2, .py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2, .px-md-2 {
padding-left: .5rem!important
}
.p-md-3 {
padding: .75rem!important
}
.pt-md-3, .py-md-3 {
padding-top: .75rem!important
}
.pr-md-3, .px-md-3 {
padding-right: .75rem!important
}
.pb-md-3, .py-md-3 {
padding-bottom: .75rem!important
}
.pl-md-3, .px-md-3 {
padding-left: .75rem!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: 2.25rem!important
}
.pt-md-5, .py-md-5 {
padding-top: 2.25rem!important
}
.pr-md-5, .px-md-5 {
padding-right: 2.25rem!important
}
.pb-md-5, .py-md-5 {
padding-bottom: 2.25rem!important
}
.pl-md-5, .px-md-5 {
padding-left: 2.25rem!important
}
.p-md-6 {
padding: 3rem!important
}
.pt-md-6, .py-md-6 {
padding-top: 3rem!important
}
.pr-md-6, .px-md-6 {
padding-right: 3rem!important
}
.pb-md-6, .py-md-6 {
padding-bottom: 3rem!important
}
.pl-md-6, .px-md-6 {
padding-left: 3rem!important
}
.p-md-7 {
padding: 5.25rem!important
}
.pt-md-7, .py-md-7 {
padding-top: 5.25rem!important
}
.pr-md-7, .px-md-7 {
padding-right: 5.25rem!important
}
.pb-md-7, .py-md-7 {
padding-bottom: 5.25rem!important
}
.pl-md-7, .px-md-7 {
padding-left: 5.25rem!important
}
.p-md-8 {
padding: 6rem!important
}
.pt-md-8, .py-md-8 {
padding-top: 6rem!important
}
.pr-md-8, .px-md-8 {
padding-right: 6rem!important
}
.pb-md-8, .py-md-8 {
padding-bottom: 6rem!important
}
.pl-md-8, .px-md-8 {
padding-left: 6rem!important
}
.p-md-9 {
padding: 7.5rem!important
}
.pt-md-9, .py-md-9 {
padding-top: 7.5rem!important
}
.pr-md-9, .px-md-9 {
padding-right: 7.5rem!important
}
.pb-md-9, .py-md-9 {
padding-bottom: 7.5rem!important
}
.pl-md-9, .px-md-9 {
padding-left: 7.5rem!important
}
.m-md-nstack-graph {
margin: -2rem!important
}
.mt-md-nstack-graph, .my-md-nstack-graph {
margin-top: -2rem!important
}
.mr-md-nstack-graph, .mx-md-nstack-graph {
margin-right: -2rem!important
}
.mb-md-nstack-graph, .my-md-nstack-graph {
margin-bottom: -2rem!important
}
.ml-md-nstack-graph, .mx-md-nstack-graph {
margin-left: -2rem!important
}
.m-md-n1 {
margin: -.25rem!important
}
.mt-md-n1, .my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1, .mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1, .my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1, .mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2, .my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2, .mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2, .my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2, .mx-md-n2 {
margin-left: -.5rem!important
}
.m-md-n3 {
margin: -.75rem!important
}
.mt-md-n3, .my-md-n3 {
margin-top: -.75rem!important
}
.mr-md-n3, .mx-md-n3 {
margin-right: -.75rem!important
}
.mb-md-n3, .my-md-n3 {
margin-bottom: -.75rem!important
}
.ml-md-n3, .mx-md-n3 {
margin-left: -.75rem!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: -2.25rem!important
}
.mt-md-n5, .my-md-n5 {
margin-top: -2.25rem!important
}
.mr-md-n5, .mx-md-n5 {
margin-right: -2.25rem!important
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -2.25rem!important
}
.ml-md-n5, .mx-md-n5 {
margin-left: -2.25rem!important
}
.m-md-n6 {
margin: -3rem!important
}
.mt-md-n6, .my-md-n6 {
margin-top: -3rem!important
}
.mr-md-n6, .mx-md-n6 {
margin-right: -3rem!important
}
.mb-md-n6, .my-md-n6 {
margin-bottom: -3rem!important
}
.ml-md-n6, .mx-md-n6 {
margin-left: -3rem!important
}
.m-md-n7 {
margin: -5.25rem!important
}
.mt-md-n7, .my-md-n7 {
margin-top: -5.25rem!important
}
.mr-md-n7, .mx-md-n7 {
margin-right: -5.25rem!important
}
.mb-md-n7, .my-md-n7 {
margin-bottom: -5.25rem!important
}
.ml-md-n7, .mx-md-n7 {
margin-left: -5.25rem!important
}
.m-md-n8 {
margin: -6rem!important
}
.mt-md-n8, .my-md-n8 {
margin-top: -6rem!important
}
.mr-md-n8, .mx-md-n8 {
margin-right: -6rem!important
}
.mb-md-n8, .my-md-n8 {
margin-bottom: -6rem!important
}
.ml-md-n8, .mx-md-n8 {
margin-left: -6rem!important
}
.m-md-n9 {
margin: -7.5rem!important
}
.mt-md-n9, .my-md-n9 {
margin-top: -7.5rem!important
}
.mr-md-n9, .mx-md-n9 {
margin-right: -7.5rem!important
}
.mb-md-n9, .my-md-n9 {
margin-bottom: -7.5rem!important
}
.ml-md-n9, .mx-md-n9 {
margin-left: -7.5rem!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:1488px) {
.m-lg-stack-graph {
margin: 2rem!important
}
.mt-lg-stack-graph, .my-lg-stack-graph {
margin-top: 2rem!important
}
.mr-lg-stack-graph, .mx-lg-stack-graph {
margin-right: 2rem!important
}
.mb-lg-stack-graph, .my-lg-stack-graph {
margin-bottom: 2rem!important
}
.ml-lg-stack-graph, .mx-lg-stack-graph {
margin-left: 2rem!important
}
.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: .25rem!important
}
.mt-lg-1, .my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1, .mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1, .my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1, .mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2, .my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2, .mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2, .my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2, .mx-lg-2 {
margin-left: .5rem!important
}
.m-lg-3 {
margin: .75rem!important
}
.mt-lg-3, .my-lg-3 {
margin-top: .75rem!important
}
.mr-lg-3, .mx-lg-3 {
margin-right: .75rem!important
}
.mb-lg-3, .my-lg-3 {
margin-bottom: .75rem!important
}
.ml-lg-3, .mx-lg-3 {
margin-left: .75rem!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: 2.25rem!important
}
.mt-lg-5, .my-lg-5 {
margin-top: 2.25rem!important
}
.mr-lg-5, .mx-lg-5 {
margin-right: 2.25rem!important
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 2.25rem!important
}
.ml-lg-5, .mx-lg-5 {
margin-left: 2.25rem!important
}
.m-lg-6 {
margin: 3rem!important
}
.mt-lg-6, .my-lg-6 {
margin-top: 3rem!important
}
.mr-lg-6, .mx-lg-6 {
margin-right: 3rem!important
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 3rem!important
}
.ml-lg-6, .mx-lg-6 {
margin-left: 3rem!important
}
.m-lg-7 {
margin: 5.25rem!important
}
.mt-lg-7, .my-lg-7 {
margin-top: 5.25rem!important
}
.mr-lg-7, .mx-lg-7 {
margin-right: 5.25rem!important
}
.mb-lg-7, .my-lg-7 {
margin-bottom: 5.25rem!important
}
.ml-lg-7, .mx-lg-7 {
margin-left: 5.25rem!important
}
.m-lg-8 {
margin: 6rem!important
}
.mt-lg-8, .my-lg-8 {
margin-top: 6rem!important
}
.mr-lg-8, .mx-lg-8 {
margin-right: 6rem!important
}
.mb-lg-8, .my-lg-8 {
margin-bottom: 6rem!important
}
.ml-lg-8, .mx-lg-8 {
margin-left: 6rem!important
}
.m-lg-9 {
margin: 7.5rem!important
}
.mt-lg-9, .my-lg-9 {
margin-top: 7.5rem!important
}
.mr-lg-9, .mx-lg-9 {
margin-right: 7.5rem!important
}
.mb-lg-9, .my-lg-9 {
margin-bottom: 7.5rem!important
}
.ml-lg-9, .mx-lg-9 {
margin-left: 7.5rem!important
}
.p-lg-stack-graph {
padding: 2rem!important
}
.pt-lg-stack-graph, .py-lg-stack-graph {
padding-top: 2rem!important
}
.pr-lg-stack-graph, .px-lg-stack-graph {
padding-right: 2rem!important
}
.pb-lg-stack-graph, .py-lg-stack-graph {
padding-bottom: 2rem!important
}
.pl-lg-stack-graph, .px-lg-stack-graph {
padding-left: 2rem!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: .25rem!important
}
.pt-lg-1, .py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1, .px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1, .py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1, .px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2, .py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2, .px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2, .py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2, .px-lg-2 {
padding-left: .5rem!important
}
.p-lg-3 {
padding: .75rem!important
}
.pt-lg-3, .py-lg-3 {
padding-top: .75rem!important
}
.pr-lg-3, .px-lg-3 {
padding-right: .75rem!important
}
.pb-lg-3, .py-lg-3 {
padding-bottom: .75rem!important
}
.pl-lg-3, .px-lg-3 {
padding-left: .75rem!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: 2.25rem!important
}
.pt-lg-5, .py-lg-5 {
padding-top: 2.25rem!important
}
.pr-lg-5, .px-lg-5 {
padding-right: 2.25rem!important
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 2.25rem!important
}
.pl-lg-5, .px-lg-5 {
padding-left: 2.25rem!important
}
.p-lg-6 {
padding: 3rem!important
}
.pt-lg-6, .py-lg-6 {
padding-top: 3rem!important
}
.pr-lg-6, .px-lg-6 {
padding-right: 3rem!important
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 3rem!important
}
.pl-lg-6, .px-lg-6 {
padding-left: 3rem!important
}
.p-lg-7 {
padding: 5.25rem!important
}
.pt-lg-7, .py-lg-7 {
padding-top: 5.25rem!important
}
.pr-lg-7, .px-lg-7 {
padding-right: 5.25rem!important
}
.pb-lg-7, .py-lg-7 {
padding-bottom: 5.25rem!important
}
.pl-lg-7, .px-lg-7 {
padding-left: 5.25rem!important
}
.p-lg-8 {
padding: 6rem!important
}
.pt-lg-8, .py-lg-8 {
padding-top: 6rem!important
}
.pr-lg-8, .px-lg-8 {
padding-right: 6rem!important
}
.pb-lg-8, .py-lg-8 {
padding-bottom: 6rem!important
}
.pl-lg-8, .px-lg-8 {
padding-left: 6rem!important
}
.p-lg-9 {
padding: 7.5rem!important
}
.pt-lg-9, .py-lg-9 {
padding-top: 7.5rem!important
}
.pr-lg-9, .px-lg-9 {
padding-right: 7.5rem!important
}
.pb-lg-9, .py-lg-9 {
padding-bottom: 7.5rem!important
}
.pl-lg-9, .px-lg-9 {
padding-left: 7.5rem!important
}
.m-lg-nstack-graph {
margin: -2rem!important
}
.mt-lg-nstack-graph, .my-lg-nstack-graph {
margin-top: -2rem!important
}
.mr-lg-nstack-graph, .mx-lg-nstack-graph {
margin-right: -2rem!important
}
.mb-lg-nstack-graph, .my-lg-nstack-graph {
margin-bottom: -2rem!important
}
.ml-lg-nstack-graph, .mx-lg-nstack-graph {
margin-left: -2rem!important
}
.m-lg-n1 {
margin: -.25rem!important
}
.mt-lg-n1, .my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1, .mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1, .my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1, .mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2, .my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2, .mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2, .my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2, .mx-lg-n2 {
margin-left: -.5rem!important
}
.m-lg-n3 {
margin: -.75rem!important
}
.mt-lg-n3, .my-lg-n3 {
margin-top: -.75rem!important
}
.mr-lg-n3, .mx-lg-n3 {
margin-right: -.75rem!important
}
.mb-lg-n3, .my-lg-n3 {
margin-bottom: -.75rem!important
}
.ml-lg-n3, .mx-lg-n3 {
margin-left: -.75rem!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: -2.25rem!important
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -2.25rem!important
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -2.25rem!important
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -2.25rem!important
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -2.25rem!important
}
.m-lg-n6 {
margin: -3rem!important
}
.mt-lg-n6, .my-lg-n6 {
margin-top: -3rem!important
}
.mr-lg-n6, .mx-lg-n6 {
margin-right: -3rem!important
}
.mb-lg-n6, .my-lg-n6 {
margin-bottom: -3rem!important
}
.ml-lg-n6, .mx-lg-n6 {
margin-left: -3rem!important
}
.m-lg-n7 {
margin: -5.25rem!important
}
.mt-lg-n7, .my-lg-n7 {
margin-top: -5.25rem!important
}
.mr-lg-n7, .mx-lg-n7 {
margin-right: -5.25rem!important
}
.mb-lg-n7, .my-lg-n7 {
margin-bottom: -5.25rem!important
}
.ml-lg-n7, .mx-lg-n7 {
margin-left: -5.25rem!important
}
.m-lg-n8 {
margin: -6rem!important
}
.mt-lg-n8, .my-lg-n8 {
margin-top: -6rem!important
}
.mr-lg-n8, .mx-lg-n8 {
margin-right: -6rem!important
}
.mb-lg-n8, .my-lg-n8 {
margin-bottom: -6rem!important
}
.ml-lg-n8, .mx-lg-n8 {
margin-left: -6rem!important
}
.m-lg-n9 {
margin: -7.5rem!important
}
.mt-lg-n9, .my-lg-n9 {
margin-top: -7.5rem!important
}
.mr-lg-n9, .mx-lg-n9 {
margin-right: -7.5rem!important
}
.mb-lg-n9, .my-lg-n9 {
margin-bottom: -7.5rem!important
}
.ml-lg-n9, .mx-lg-n9 {
margin-left: -7.5rem!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
}
}



.p-0 {
padding: 0
}

.p-28 {
padding: .28rem
}

.p-70 {
padding: .7rem
}

.p-px {
padding: 1px
}

.p-xs-1\/2 {
padding: .025rem
}

.p-sm-1\/2, .p-xs {
padding: .05rem
}

.p-sm {
padding: .1rem
}

.p-md-1\/2 {
padding: .075rem
}

.p-md {
padding: .15rem
}

.p-lg {
padding: .2rem
}

.p-lg-double {
padding: .4rem
}

.p-gutter {
padding: .24rem
}

.p-gutter-half {
padding: .12rem
}

.p-gutter-minus {
padding: .16rem
}

.p-gutter-minus-half {
padding: .08rem
}

.py-0 {
padding-top: 0;
padding-bottom: 0
}

.px-0 {
padding-left: 0;
padding-right: 0
}

.py-28 {
padding-top: .28rem;
padding-bottom: .28rem
}

.px-28 {
padding-left: .28rem;
padding-right: .28rem
}

.py-70 {
padding-top: .7rem;
padding-bottom: .7rem
}

.px-70 {
padding-left: .7rem;
padding-right: .7rem
}

.py-px {
padding-top: 1px;
padding-bottom: 1px
}

.px-px {
padding-left: 1px;
padding-right: 1px
}

.py-xs-1\/2 {
padding-top: .025rem;
padding-bottom: .025rem
}

.px-xs-1\/2 {
padding-left: .025rem;
padding-right: .025rem
}

.py-xs {
padding-top: .05rem;
padding-bottom: .05rem
}

.px-xs {
padding-left: .05rem;
padding-right: .05rem
}

.py-sm-1\/2 {
padding-top: .05rem;
padding-bottom: .05rem
}

.px-sm-1\/2 {
padding-left: .05rem;
padding-right: .05rem
}

.py-sm {
padding-top: .1rem;
padding-bottom: .1rem
}

.px-sm {
padding-left: .1rem;
padding-right: .1rem
}

.py-md-1\/2 {
padding-top: .075rem;
padding-bottom: .075rem
}

.px-md-1\/2 {
padding-left: .075rem;
padding-right: .075rem
}

.py-md {
padding-top: .15rem;
padding-bottom: .15rem
}

.px-md {
padding-left: .15rem;
padding-right: .15rem
}

.py-lg {
padding-top: .2rem;
padding-bottom: .2rem
}

.px-lg {
padding-left: .2rem;
padding-right: .2rem
}

.py-lg-double {
padding-top: .4rem;
padding-bottom: .4rem
}

.px-lg-double {
padding-left: .4rem;
padding-right: .4rem
}

.py-gutter {
padding-top: .24rem;
padding-bottom: .24rem
}

.px-gutter {
padding-left: .24rem;
padding-right: .24rem
}

.py-gutter-half {
padding-top: .12rem;
padding-bottom: .12rem
}

.px-gutter-half {
padding-left: .12rem;
padding-right: .12rem
}

.py-gutter-minus {
padding-top: .16rem;
padding-bottom: .16rem
}

.px-gutter-minus {
padding-left: .16rem;
padding-right: .16rem
}

.py-gutter-minus-half {
padding-top: .08rem;
padding-bottom: .08rem
}

.px-gutter-minus-half {
padding-left: .08rem;
padding-right: .08rem
}

.pt-0 {
padding-top: 0
}

.pr-0 {
padding-right: 0
}

.pb-0 {
padding-bottom: 0
}

.pl-0 {
padding-left: 0
}

.pt-28 {
padding-top: .28rem
}

.pr-28 {
padding-right: .28rem
}

.pb-28 {
padding-bottom: .28rem
}

.pl-28 {
padding-left: .28rem
}

.pt-70 {
padding-top: .7rem
}

.pr-70 {
padding-right: .7rem
}

.pb-70 {
padding-bottom: .7rem
}

.pl-70 {
padding-left: .7rem
}

.pt-px {
padding-top: 1px
}

.pr-px {
padding-right: 1px
}

.pb-px {
padding-bottom: 1px
}

.pl-px {
padding-left: 1px
}

.pt-xs-1\/2 {
padding-top: .025rem
}

.pr-xs-1\/2 {
padding-right: .025rem
}

.pb-xs-1\/2 {
padding-bottom: .025rem
}

.pl-xs-1\/2 {
padding-left: .025rem
}

.pt-xs {
padding-top: .05rem
}

.pr-xs {
padding-right: .05rem
}

.pb-xs {
padding-bottom: .05rem
}

.pl-xs {
padding-left: .05rem
}

.pt-sm-1\/2 {
padding-top: .05rem
}

.pr-sm-1\/2 {
padding-right: .05rem
}

.pb-sm-1\/2 {
padding-bottom: .05rem
}

.pl-sm-1\/2 {
padding-left: .05rem
}

.pt-sm {
padding-top: .1rem
}

.pr-sm {
padding-right: .1rem
}

.pb-sm {
padding-bottom: .1rem
}

.pl-sm {
padding-left: .1rem
}

.pt-md-1\/2 {
padding-top: .075rem
}

.pr-md-1\/2 {
padding-right: .075rem
}

.pb-md-1\/2 {
padding-bottom: .075rem
}

.pl-md-1\/2 {
padding-left: .075rem
}

.pt-md {
padding-top: .15rem
}

.pr-md {
padding-right: .15rem
}

.pb-md {
padding-bottom: .15rem
}

.pl-md {
padding-left: .15rem
}

.pt-lg {
padding-top: .2rem
}

.pr-lg {
padding-right: .2rem
}

.pb-lg {
padding-bottom: .2rem
}

.pl-lg {
padding-left: .2rem
}

.pt-lg-double {
padding-top: .4rem
}

.pr-lg-double {
padding-right: .4rem
}

.pb-lg-double {
padding-bottom: .4rem
}

.pl-lg-double {
padding-left: .4rem
}

.pt-gutter {
padding-top: .24rem
}

.pr-gutter {
padding-right: .24rem
}

.pb-gutter {
padding-bottom: .24rem
}

.pl-gutter {
padding-left: .24rem
}

.pt-gutter-half {
padding-top: .12rem
}

.pr-gutter-half {
padding-right: .12rem
}

.pb-gutter-half {
padding-bottom: .12rem
}

.pl-gutter-half {
padding-left: .12rem
}

.pt-gutter-minus {
padding-top: .16rem
}

.pr-gutter-minus {
padding-right: .16rem
}

.pb-gutter-minus {
padding-bottom: .16rem
}

.pl-gutter-minus {
padding-left: .16rem
}

.pt-gutter-minus-half {
padding-top: .08rem
}

.pr-gutter-minus-half {
padding-right: .08rem
}

.pb-gutter-minus-half {
padding-bottom: .08rem
}

.pl-gutter-minus-half {
padding-left: .08rem
}

.col-sm-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}

@media (min-width:1128px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}

@media (min-width:1488px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
/*****************************************************************
Renew2021
******************************************************************/

@font-face {
  font-family: compare;
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.eot?v=140005903887517650981758183823);
  src:url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.eot?%23iefix&v=140005903887517650981758183823) format("eot"), url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.woff2?v=117791372894038407151758183817) format("woff2"), url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.woff?v=161499621091961100331758183816) format("woff"), url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.ttf?v=95784727046543466341758183816) format("truetype"), url(//jp.roborock.com/cdn/shop/t/7/assets/compare-compare.svg%23compare?16151) format("svg")
}

h1,h2,h3{
  font-weight:bold;
}

.sp{display:none !important;}
.sp_in{display:none !important;}
.mid{display:none !important;}

@media screen and (max-width:860px) {
  .mid{display:block !important;}
}

@media screen and (max-width:750px) {
  .pc{display:none !important;}
  .sp{display:block !important;}
  .sp_in{display:inline-block !important;}
}

body{visibility: hidden;}

img,video{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

main:not(.localize){
  position:relative;
  min-height:65vh;
  overflow: hidden;
}

a{
  text-decoration:none;
}

.bread_wrapper{
  position:relative;
  z-index:10;
}

.default-font{
  font-size:16px;
  line-height:1.6em;
  letterspacing:.1em;
}

#shopify-section-footer{
  background-color:#f8f8f8;
  position:relative;
  z-index:10;
}

#overlay,#page_cover,#modal-overlay,#modal-container{
	width: 100%;
	width: 100vw;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	opacity: 1;
}

#modal-overlay{
  opacity:.85;
}
/*
#modal-overlay.view{
  opacity:.85;
  transition:opacity .5s linear;
}
*/

#modal-container{
  background-color:transparent;
  pointer-events:none;
}
/*
#modal-container.view{
  transition:opacity .5s linear;
}
*/


.modal-inner{
  width:80%;
  max-width:960px;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  pointer-events:auto;
}

.modal-inner:before{
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:56.25%;
}

.modal-inner .modal-contents,
.modal-inner #yt-container{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}
.modal-inner > video{
  display: block;
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}

.modal-close{
  width:50px;
  height:50px;
  position:fixed;
  top:30px; right:10px;
  z-index:998;
  pointer-events:auto;
  cursor:pointer;
}

.modal-close:before,
.modal-close:after{
  width:100%; height:1px;
  background-color:#fff;
  dispaly:block;
  content:'';
  position:absolute;
  top:0; left:0;
  transform-origin:center;
}
.modal-close:before{
  transform:rotateZ(45deg);
}
.modal-close:after{
  transform:rotateZ(-45deg);
}

.sns-set{
  margin: 50px auto;
}

.sns-set li{
  margin:0 3.6vw;
}

.icon-wrapper {
width: 40px;
min-width: 40px;
max-width: 40px;
height: 40px;
position: relative
}

.icon-wrapper .ico {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size:38px;
}

.ico:before,.ico-facebook:before {
font-family: base;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none
}

.ico-facebook-inverted:before {
content: "\E00D"
}

.ico-facebook:before {
content: "\E00E"
}

.ico-instagram:before {
content: "\E011"
}

.ico-twitter:before {
/* content: "\E01E" */
content: "𝕏";
font-weight: bold;
font-size: 45px;
vertical-align: super;
}

/*---------------------------------
HEADER
----------------------------------*/

.site-top-header{
  position:fixed;
  top:0; left:0;
  z-index:997;
}
/* 
兼容问题：
日本原站 header 是 fixed 布局，所以需要 padding-top；
新版 header 是 relative，不需要 padding-top 
*/
/* .site-wrapper{
  padding-top:60px;
} */

.r_nav_box{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:end;
  padding:0;
}

.r_nav_box:before{
  content:'';
  background-color:rgba(0,0,0,.4);
  position:fixed;
  top:0; left:0;
  width:100%; height:100vh;
  z-index:996;
  pointer-event:none;
  display:none;
}
.r_nav_box.dropdown:before{
  display:block;
}

.r_nav_box .r_nav_list{
  position:relative;
}

.r_nav_box .r_nav_list:hover .r_nav_dropdown_wrap{
  opacity:1;
  pointer-events:auto;
}

.r_nav_box .r_nav_list > a{
  display:flex;
  align-items:center;
  padding:0 1.6vw;
  height:60px;
  font-size:13px;
  color:#999;
  transition:all .2s linear;
}

.r_nav_box .r_nav_list > a.hover,
.r_nav_box .r_nav_list:hover > a{
  color:#000;
  background-color:#f5f5f5;
}

.r_nav_box a.non_active{
  pointer-events: none;
}

/*BUY Button*/

.r_nav_box .r_nav_list.btn_buy_wrap > a{
  padding:0 .2vw 0 1.2vw;
}
.r_nav_box .r_nav_list.btn_buy_wrap > a.no_pdng{
  padding:0 .2vw;
}
.r_nav_box .r_nav_list.btn_buy_wrap > a > span.btn{
  padding:5px 20px 5px;
  background-color:#1b1b1b;
  border-radius:50px;
  color:#fff;
}
.r_nav_box .r_nav_list.btn_buy_wrap > a > span.btn.clr_red{
  background-color:#d83239;
}

/*DROP DOWN*/

.r_nav_dropdown_wrap{
  position:absolute;
  top:60px; left:0;
  z-index:997;
  opacity:0;
  pointer-events:none;
  transition:all .25s linear;
}
.r_nav_dropdown_wrap.justified_r{
  left:auto;
  right:0;
}

.r_nav_dropdown_wrap.products_dropdown{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* position: relative; */
}
.r_nav_dropdown_wrap.products_dropdown > ul{
  position: relative;
}
.r_nav_dropdown_wrap.products_dropdown > ul:after{
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background-color: #ddd;
}

.r_nav_dropdown_wrap ul{
  display:block;
  padding:30px 10px;
  width:292px;
  background-color:#fff;
}
.r_nav_dropdown_wrap ul li{
  display:block;
  width:100%;
  margin:4px 0;
}

.r_nav_dropdown_wrap ul li a{
  padding:6px 25px;
  font-size:14px;
  display:block;
  width:100%;
  text-align:left;
  color:#333;
  position:relative;
}
.r_nav_dropdown_wrap ul li a.dummy{
  pointer-events: none;
}
.r_nav_dropdown_wrap ul li a.clr_button{
  color:#fff;
  padding:8px 20px;
  border-radius:50px;
  text-align:center;
  margin:10px auto;
}
.r_nav_dropdown_wrap ul li a.clr_button.clr_blue{
  background-color:#0e406a;
}
.r_nav_dropdown_wrap ul li a.clr_button.clr_red{
  background-color:#ea0f31;
}
.r_nav_dropdown_wrap ul li a.clr_button.clr_black{
  background-color:#000;
}


.r_nav_dropdown_wrap ul li a.hover{
  background-color:#f2f2f2;
  color:#000;
}

.r_nav_dropdown_wrap ul li a.clr_button.clr_blue.hover,
.r_nav_dropdown_wrap ul li a.clr_button.clr_red.hover{
  color:#fff;
  opacity:.75;
}

.r_nav_dropdown_wrap ul li a:hover .icon{
  background-color:#ea0f31;
}
.r_nav_dropdown_wrap ul li a:hover .icon:after{
  border-right:1px #fff solid;
  border-bottom:1px #fff solid;
}

.r_nav_dropdown_wrap ul li a .icon{
  display:block;
  width:14px; height:14px;
  background-color:transparent;
  border-radius:50%;
  position:absolute;
  right:25px;
  top:50%;
  transform:translateY(-50%);
  transition:all .2s linear;
}

.r_nav_dropdown_wrap ul li a .icon:after{
  display:block;
  content:'';
  width:50%; height:50%;
  border-right:1px #999 solid;
  border-bottom:1px #999 solid;
  position:absolute;
  top:50%; left:40%;
  transform:translate(-50%,-50%) rotateZ(-45deg);
  transition:all .2s linear;
}

.r_nav_dropdown_wrap ul li.r_nav_dropdown_top{
  position:relative;
  margin-bottom:20px;
}
.r_nav_dropdown_wrap ul li.r_nav_dropdown_top:before{
  display:block;
  content:'';
  height:1px;
  width:20px;
  position:absolute;
  bottom:1px; left:25px;
  background-color:#999
  ;
}
.r_nav_dropdown_wrap ul li.r_nav_dropdown_top:after{
  display:block;
  content:'';
  height:20px;
  width:100%;
}

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

  .tab{display: block;}

  .container-header{
    padding:0;
  }
  .navbar__link-list-wrapper{
    display:block;
    width:100%;
    padding-top:60px;
    pointer-events:none;
  }

  .r_nav_box .r_nav_list:hover .r_nav_dropdown_wrap,
  .r_nav_box .r_nav_list:hover .r_nav_dropdown_wrap.products_dropdown{
    display:none;
  }
  

  .navbar__link-list-wrapper > div{
    padding-top:0;
    pointer-events:auto;
    height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    transition:all .5s ease;
  }
  .navbar__link-list-wrapper > div.open{
    height:calc(100vh - 60px);
  }

  .r_nav_box{
    display:block;
    width:100%;
    background:#f3f3f3;
  }

  .r_nav_box .r_nav_list{
    position:relative;
    border-top:1px #999 solid;
  }
  .r_nav_box .r_nav_list.accordion > a:before,
  .r_nav_box .r_nav_list.accordion > a:after{
    display:block;
    content:'';
    width:15px; height:1px;
    transform-origin:center;
    position:absolute;
    top:50%; right:25px;
    transform:translateY(-50%);
    background-color:#000;
  }
  .r_nav_box .r_nav_list.accordion > a:after{
    transform:translateY(-50%) rotate(90deg);
    transition:transform .25s ease;
  }
  .r_nav_box .r_nav_list.open.accordion > a:after{
    transform:translateY(-50%) rotate(0);
  }

  .r_nav_box .r_nav_list:last-of-type{
    border-bottom:1px #999 solid;
  }
  
  .r_nav_box .r_nav_list > a{
    display:block;
    padding:20px;
    height:auto;
    font-size:18px;
    width:100%;
    color:#000;
    background-color:#f3f3f3;
    text-align:left;
    position:relative;
  }
  .r_nav_box .r_nav_list.open > a{
    background-color:#fff;
  }

  .r_nav_box .r_nav_list.btn_buy_wrap > a{
    display:none;
  }
  
  /*DROP DOWN*/
  
  .r_nav_dropdown_wrap,
  .r_nav_dropdown_wrap.products_dropdown{
    position:relative;
    top:0; left:0;
    z-index:995;
    opacity:1;
    display:none;
  }

  .r_nav_box .r_nav_list.btn_buy_wrap .r_nav_dropdown_wrap{
    display:block;
  }
  
  .r_nav_dropdown_wrap ul{
    display:block;
    padding:15px 0;
    width:100%;
    background-color:#fff;
  }
  .r_nav_dropdown_wrap ul li{
    display:block;
    width:100%;
  }
  
  .r_nav_dropdown_wrap ul li a{
    padding:15px 50px;
    font-size:17px;
    display:block;
    width:100%;
    color:#000;
  }

  .r_nav_dropdown_wrap.products_dropdown ul li.r_nav_dropdown_top{
    font-weight: bold;
  }

  .r_nav_dropdown_wrap ul li a.clr_button{
    width:75%;
    margin:15px auto;
    padding:10px 20px;
  }


  .r_nav_dropdown_wrap ul li a.hover{
    background-color:transparent;
    color:#000;
  }
  
  .r_nav_dropdown_wrap ul li a .icon{
    display:none;
  }
  
  .r_nav_dropdown_wrap ul li.r_nav_dropdown_top{
    position:relative;
    margin-bottom:20px;
  }
  .r_nav_dropdown_wrap ul li.r_nav_dropdown_top:before{
    display:block;
    content:'';
    height:1px;
    width:20px;
    position:absolute;
    bottom:1px; left:50px;
    background-color:#999
    ;
  }
  .r_nav_dropdown_wrap ul li.r_nav_dropdown_top:after{
    display:block;
    content:'';
    height:20px;
    width:100%;
  }

  .sp_buy_btn_wrap{
    padding:50px 20% 100px;
    width:100%;
    background:#f3f3f3;
  }
  a.sp_buy_btn{
    color:#fff;
    width:100%;
    padding:10px;
    text-align:center;
    display:block;
    margin:0 auto;
    background-color:#0e406a;
    border-radius:50px;
    font-size:18px;
  }
}



/*---------------------------------
FOOTER
----------------------------------*/

.bread_wrapper > div{
  max-width:1070px;
}

.bread_wrapper a{
  color:#888;
}
.bread_wrapper a.hover{
  color:#fff;
}

.footer_inner{
  width:100%;
  background-color:#2a2a2a;
}
.footer_inner ul{
  list-style:none;
}

.footer_inner .footer_nav{
  max-width:1070px;
  width:100%;
  padding:18px 50px;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  margin:0 auto;
  align-items:center;
  border-bottom:#666 1px solid;
}

.footer_inner .footer_nav .footer_ttl{
  display:block;
  font-size:18px;
  font-weight:bold;
  width:20%;
  color:#fff;
}

.footer_nav_list{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:80%;
  justify-content:flex-end;
}
.footer_nav_list li{
  margin:0 2.5%;
}
.footer_nav_list li a{
  color:#999;
  font-size:14px;
  white-space:nowrap;
}

.footer_inner .footer_bottom{
  max-width:1070px;
  width:100%;
  padding:10px 50px;
  position:relative;
  margin:0 auto;
}

.footer_sub_list{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  padding:0;
}

.footer_sub_list li{
  padding-right:2%;
}
.footer_sub_list li:nth-of-type(2){
  padding-left:2%;
  border-left:1px #666 solid;
}

.footer_sub_list li a{
  color:#666;
  font-size:13px;
  white-space:nowrap;
}

p.copyright{
  color:#555;
  font-size:13px;
  display:block;
  position:absolute;
  top:12px; left:50%;
  transform:translateX(-50%);
}

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

  .footer_inner .footer_nav{
    width:100%;
    padding:18px 15px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    margin:0 auto;
    align-items:baseline;
    border-bottom:#666 1px solid;
  }

  .footer_inner .footer_nav .footer_ttl{
    display:block;
    font-size:18px;
    font-weight:bold;
    width:25%;
    color:#fff;
  }

  .footer_nav_list{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:75%;
    justify-content:flex-start;
    margin-left:20px;
  }
  .footer_nav_list li{
    margin:5px 10px;
  }
  .footer_nav_list li a{
    font-size:12px;
    white-space:nowrap;
  }

  .footer_inner .footer_bottom{
    max-width:1070px;
    width:100%;
    padding:10px 25px;
    position:relative;
    margin:0 auto;
  }

  .footer_sub_list{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
  }

  .footer_sub_list li{
    padding-right:2%;
  }
  .footer_sub_list li:nth-of-type(2){
    padding-left:2%;
    border-left:1px #666 solid;
  }

  .footer_sub_list li a{
    color:#666;
    font-size:12px;
    white-space:nowrap;
  }

  p.copyright{
    color:#555;
    font-size:13px;
    display:block;
    position:relative;
    top:0; left:0;
    transform:translateX(0);
    text-align:center;
    margin:25px 0 10px;
  }
}

/*---------------------------------
CONTENTS
----------------------------------*/

.r_content_ttl_area_inner{
  width:100%;
  background:url(//jp.roborock.com/cdn/shop/t/7/assets/cmn_title_bg-pc.jpg?v=101047720270188573081758189009) no-repeat;
  background-size:cover;
  position:relative;
  margin-bottom:40px;
}

.r_content_ttl_area_inner:before{
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:15.4%;
}

.r_content_ttl_area_inner h2{
  color:#000;
  font-size:38px;
  letter-spacing:0.14em;
  line-height:1.4em;
  display:block;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}
.r_content_ttl_area_inner h2 span.sholder{
  font-size:24px;
}


.r_arrow_icon{
  position:relative;
  display:inline-block;
  width:14px; height:14px;
  background-color:#aaa;
  border-radius:50%;
}
.r_arrow_icon:after{
  position:absolute;
  display:block;
  content:'';
  width:40%; height:40%;
  border-right:1px #fff solid;
  border-bottom:1px #fff solid;
  top:50%; left:40%;
  transform:translate(-50%,-50%) rotateZ(-45deg);
}


#back-area{
  width:100%;
  text-align:center;
  padding:0 0 50px;
  background-color:#f2f2f2;
}
a.r_back_btn{
  color:#fff;
  font-size:20px;
  letter-spacing:.5em;
  padding:8px 50px;
  background-color:#868686;
  border-radius:50px;
  display:inline-block;
  transition:all .2s linear;
}

a.r_back_btn:hover{
  background-color:#111;
}

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


/*---------------------------------
CONTENTS(SP)
----------------------------------*/

  .r_content_ttl_area_inner{
    width:100%;
    background:url(//jp.roborock.com/cdn/shop/t/7/assets/cmn_title_bg-sp.jpg?v=28832358056057224401758189010) no-repeat;
    background-size:cover;
    position:relative;
    margin-bottom:40px;
  }

  .r_content_ttl_area_inner:before{
    display:block;
    content:'';
    width:100%;
    height:0;
    padding-top:38%;
  }

  .r_content_ttl_area_inner h2{
    color:#000;
    font-size:26px;
    letter-spacing:0.14em;
    line-height:1.4em;
    display:block;
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:90%;
    margin:0 auto;
    text-align:center;
  }

  .r_arrow_icon{
    position:relative;
    display:inline-block;
    width:14px; height:14px;
    background-color:#aaa;
    border-radius:50%;
  }
  .r_arrow_icon:after{
    position:absolute;
    display:block;
    content:'';
    width:40%; height:40%;
    border-right:1px #fff solid;
    border-bottom:1px #fff solid;
    top:50%; left:40%;
    transform:translate(-50%,-50%) rotateZ(-45deg);
  }
}


/*------------------------------
PAGE TOP BTN
-------------------------------*/

#to-top{
  width:45px;
  height:45px;
  position:fixed;
  right:15px; bottom:15px;
  z-index:300;
  transition:opacity .3s linear;

  opacity:0;
  pointer-events:none;
}
#to-top.absolute{
  position:absolute;
  bottom:-150px;
}
#to-top.view{
  opacity:1;
  pointer-events:auto;
}
  

#to-top a{
  background-color:rgba(0,0,0,.4);
  border-radius:50%;
  display:block;
  width:100%; height:100%;
  transition:all .2s linear;
}

#to-top a:hover{
  background-color:rgba(0,0,0,.8);
}

#to-top a:after{
  display:block;
  content:'';
  position:absolute;
  top:60%; left:50%;
  width:40%; height:40%;
  border-left:1px #fff solid;
  border-top:1px #fff solid;
  transform:translate(-50%,-50%) rotate(45deg);
}