@charset "UTF-8";
/* $main-color-work-0:            #05B79C !default; */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td, th {
  padding: 0;
}

meta.foundation-version {
  font-family: "/5.2.0/";
}

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0em;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

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

html, body {
  font-size: 100%;
}

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

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

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

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

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  *zoom: 1;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}

.row .row:before, .row .row:after {
  content: " ";
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column, .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

@media only screen {
  .column.small-centered, .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.small-uncentered, .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
    float: right;
  }

  .small-push-0 {
    left: 0%;
    right: auto;
  }

  .small-pull-0 {
    right: 0%;
    left: auto;
  }

  .small-push-1 {
    left: 8.33333%;
    right: auto;
  }

  .small-pull-1 {
    right: 8.33333%;
    left: auto;
  }

  .small-push-2 {
    left: 16.66667%;
    right: auto;
  }

  .small-pull-2 {
    right: 16.66667%;
    left: auto;
  }

  .small-push-3 {
    left: 25%;
    right: auto;
  }

  .small-pull-3 {
    right: 25%;
    left: auto;
  }

  .small-push-4 {
    left: 33.33333%;
    right: auto;
  }

  .small-pull-4 {
    right: 33.33333%;
    left: auto;
  }

  .small-push-5 {
    left: 41.66667%;
    right: auto;
  }

  .small-pull-5 {
    right: 41.66667%;
    left: auto;
  }

  .small-push-6 {
    left: 50%;
    right: auto;
  }

  .small-pull-6 {
    right: 50%;
    left: auto;
  }

  .small-push-7 {
    left: 58.33333%;
    right: auto;
  }

  .small-pull-7 {
    right: 58.33333%;
    left: auto;
  }

  .small-push-8 {
    left: 66.66667%;
    right: auto;
  }

  .small-pull-8 {
    right: 66.66667%;
    left: auto;
  }

  .small-push-9 {
    left: 75%;
    right: auto;
  }

  .small-pull-9 {
    right: 75%;
    left: auto;
  }

  .small-push-10 {
    left: 83.33333%;
    right: auto;
  }

  .small-pull-10 {
    right: 83.33333%;
    left: auto;
  }

  .small-push-11 {
    left: 91.66667%;
    right: auto;
  }

  .small-pull-11 {
    right: 91.66667%;
    left: auto;
  }

  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .small-1 {
    width: 8.33333%;
  }

  .small-2 {
    width: 16.66667%;
  }

  .small-3 {
    width: 25%;
  }

  .small-4 {
    width: 33.33333%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .small-offset-0 {
    margin-left: 0% !important;
  }

  .small-offset-1 {
    margin-left: 8.33333% !important;
  }

  .small-offset-2 {
    margin-left: 16.66667% !important;
  }

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

  .small-offset-4 {
    margin-left: 33.33333% !important;
  }

  .small-offset-5 {
    margin-left: 41.66667% !important;
  }

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

  .small-offset-7 {
    margin-left: 58.33333% !important;
  }

  .small-offset-8 {
    margin-left: 66.66667% !important;
  }

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

  .small-offset-10 {
    margin-left: 83.33333% !important;
  }

  .small-offset-11 {
    margin-left: 91.66667% !important;
  }

  .small-reset-order, .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
@media only screen and (min-width: 40.063em) {
  .column.medium-centered, .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.medium-uncentered, .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
    float: right;
  }

  .medium-push-0 {
    left: 0%;
    right: auto;
  }

  .medium-pull-0 {
    right: 0%;
    left: auto;
  }

  .medium-push-1 {
    left: 8.33333%;
    right: auto;
  }

  .medium-pull-1 {
    right: 8.33333%;
    left: auto;
  }

  .medium-push-2 {
    left: 16.66667%;
    right: auto;
  }

  .medium-pull-2 {
    right: 16.66667%;
    left: auto;
  }

  .medium-push-3 {
    left: 25%;
    right: auto;
  }

  .medium-pull-3 {
    right: 25%;
    left: auto;
  }

  .medium-push-4 {
    left: 33.33333%;
    right: auto;
  }

  .medium-pull-4 {
    right: 33.33333%;
    left: auto;
  }

  .medium-push-5 {
    left: 41.66667%;
    right: auto;
  }

  .medium-pull-5 {
    right: 41.66667%;
    left: auto;
  }

  .medium-push-6 {
    left: 50%;
    right: auto;
  }

  .medium-pull-6 {
    right: 50%;
    left: auto;
  }

  .medium-push-7 {
    left: 58.33333%;
    right: auto;
  }

  .medium-pull-7 {
    right: 58.33333%;
    left: auto;
  }

  .medium-push-8 {
    left: 66.66667%;
    right: auto;
  }

  .medium-pull-8 {
    right: 66.66667%;
    left: auto;
  }

  .medium-push-9 {
    left: 75%;
    right: auto;
  }

  .medium-pull-9 {
    right: 75%;
    left: auto;
  }

  .medium-push-10 {
    left: 83.33333%;
    right: auto;
  }

  .medium-pull-10 {
    right: 83.33333%;
    left: auto;
  }

  .medium-push-11 {
    left: 91.66667%;
    right: auto;
  }

  .medium-pull-11 {
    right: 91.66667%;
    left: auto;
  }

  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .medium-offset-0 {
    margin-left: 0% !important;
  }

  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }

  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }

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

  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }

  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }

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

  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }

  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }

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

  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }

  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }

  .medium-reset-order, .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .push-0 {
    left: 0%;
    right: auto;
  }

  .pull-0 {
    right: 0%;
    left: auto;
  }

  .push-1 {
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    left: 25%;
    right: auto;
  }

  .pull-3 {
    right: 25%;
    left: auto;
  }

  .push-4 {
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    left: 50%;
    right: auto;
  }

  .pull-6 {
    right: 50%;
    left: auto;
  }

  .push-7 {
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    left: 75%;
    right: auto;
  }

  .pull-9 {
    right: 75%;
    left: auto;
  }

  .push-10 {
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    right: 91.66667%;
    left: auto;
  }
}
@media only screen and (min-width: 64.063em) {
  .column.large-centered, .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.large-uncentered, .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
    float: right;
  }

  .large-push-0 {
    left: 0%;
    right: auto;
  }

  .large-pull-0 {
    right: 0%;
    left: auto;
  }

  .large-push-1 {
    left: 8.33333%;
    right: auto;
  }

  .large-pull-1 {
    right: 8.33333%;
    left: auto;
  }

  .large-push-2 {
    left: 16.66667%;
    right: auto;
  }

  .large-pull-2 {
    right: 16.66667%;
    left: auto;
  }

  .large-push-3 {
    left: 25%;
    right: auto;
  }

  .large-pull-3 {
    right: 25%;
    left: auto;
  }

  .large-push-4 {
    left: 33.33333%;
    right: auto;
  }

  .large-pull-4 {
    right: 33.33333%;
    left: auto;
  }

  .large-push-5 {
    left: 41.66667%;
    right: auto;
  }

  .large-pull-5 {
    right: 41.66667%;
    left: auto;
  }

  .large-push-6 {
    left: 50%;
    right: auto;
  }

  .large-pull-6 {
    right: 50%;
    left: auto;
  }

  .large-push-7 {
    left: 58.33333%;
    right: auto;
  }

  .large-pull-7 {
    right: 58.33333%;
    left: auto;
  }

  .large-push-8 {
    left: 66.66667%;
    right: auto;
  }

  .large-pull-8 {
    right: 66.66667%;
    left: auto;
  }

  .large-push-9 {
    left: 75%;
    right: auto;
  }

  .large-pull-9 {
    right: 75%;
    left: auto;
  }

  .large-push-10 {
    left: 83.33333%;
    right: auto;
  }

  .large-pull-10 {
    right: 83.33333%;
    left: auto;
  }

  .large-push-11 {
    left: 91.66667%;
    right: auto;
  }

  .large-pull-11 {
    right: 91.66667%;
    left: auto;
  }

  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .large-offset-0 {
    margin-left: 0% !important;
  }

  .large-offset-1 {
    margin-left: 8.33333% !important;
  }

  .large-offset-2 {
    margin-left: 16.66667% !important;
  }

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

  .large-offset-4 {
    margin-left: 33.33333% !important;
  }

  .large-offset-5 {
    margin-left: 41.66667% !important;
  }

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

  .large-offset-7 {
    margin-left: 58.33333% !important;
  }

  .large-offset-8 {
    margin-left: 66.66667% !important;
  }

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

  .large-offset-10 {
    margin-left: 83.33333% !important;
  }

  .large-offset-11 {
    margin-left: 91.66667% !important;
  }

  .large-reset-order, .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }

  .push-0 {
    left: 0%;
    right: auto;
  }

  .pull-0 {
    right: 0%;
    left: auto;
  }

  .push-1 {
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    left: 25%;
    right: auto;
  }

  .pull-3 {
    right: 25%;
    left: auto;
  }

  .push-4 {
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    left: 50%;
    right: auto;
  }

  .pull-6 {
    right: 50%;
    left: auto;
  }

  .push-7 {
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    left: 75%;
    right: auto;
  }

  .pull-9 {
    right: 75%;
    left: auto;
  }

  .push-10 {
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    right: 91.66667%;
    left: auto;
  }
}
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

.contain-to-grid {
  width: 100%;
  background: #333;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 45px;
}

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #333;
  margin-bottom: 0;
}

.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}

.top-bar .row {
  max-width: none;
}

.top-bar form, .top-bar input {
  margin-bottom: 0;
}

.top-bar input {
  height: auto;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem;
}

.top-bar .button {
  padding-top: .45rem;
  padding-bottom: .35rem;
  margin-bottom: 0;
  font-size: 0.75rem;
}

.top-bar .title-area {
  position: relative;
  margin: 0;
}

.top-bar .name {
  height: 45px;
  margin: 0;
  font-size: 16px;
}

.top-bar .name h1 {
  line-height: 45px;
  font-size: 1.0625rem;
  margin: 0;
}

.top-bar .name h1 a {
  font-weight: normal;
  color: #fff;
  width: 50%;
  display: block;
  padding: 0 15px;
}

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}

.top-bar .toggle-topbar a {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
}

.top-bar .toggle-topbar.menu-icon {
  right: 15px;
  top: 50%;
  margin-top: -16px;
  padding-left: 40px;
}

.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0;
  padding-right: 25px;
  color: #fff;
  position: relative;
}

.top-bar .toggle-topbar.menu-icon a::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 16px;
  top: 0;
  height: 0;
  -webkit-box-shadow: 1px 10px 1px 1px #fff,1px 16px 1px 1px #fff,1px 22px 1px 1px #fff;
  box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
}

.top-bar.expanded {
  height: auto;
  background: transparent;
}

.top-bar.expanded .title-area {
  background: #333;
}

.top-bar.expanded .toggle-topbar a {
  color: #888;
}

.top-bar.expanded .toggle-topbar a::after {
  -webkit-box-shadow: 1px 10px 1px 1px #888,1px 16px 1px 1px #888,1px 22px 1px 1px #888;
  box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888;
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}

.top-bar-section ul {
  width: 100%;
  height: auto;
  display: block;
  background: #333;
  font-size: 16px;
  margin: 0;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%;
}

.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: #fff;
  padding: 12px 0 12px 0;
  padding-left: 15px;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: none;
  background: #333;
}

.top-bar-section ul li > a.button {
  background: #008cba;
  font-size: 0.8125rem;
  padding-right: 15px;
  padding-left: 15px;
}

.top-bar-section ul li > a.button:hover {
  background: #068;
}

.top-bar-section ul li > a.button.secondary {
  background: #e7e7e7;
}

.top-bar-section ul li > a.button.secondary:hover {
  background: #cecece;
}

.top-bar-section ul li > a.button.success {
  background: #43ac6a;
}

.top-bar-section ul li > a.button.success:hover {
  background: #358854;
}

.top-bar-section ul li > a.button.alert {
  background: #f04124;
}

.top-bar-section ul li > a.button.alert:hover {
  background: #d42b0f;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background: #272727;
  color: #fff;
}

.top-bar-section ul li.active > a {
  background: #008cba;
  color: #fff;
}

.top-bar-section ul li.active > a:hover {
  background: #0078a0;
  color: #fff;
}

.top-bar-section .has-form {
  padding: 15px;
}

.top-bar-section .has-dropdown {
  position: relative;
}

.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 15px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.top-bar-section .has-dropdown.moved {
  position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
  display: none;
}

.top-bar-section .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  display: block;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .dropdown li {
  width: 100%;
  height: auto;
}

.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 15px;
}

.top-bar-section .dropdown li a.parent-link {
  font-weight: normal;
}

.top-bar-section .dropdown li.title h5 {
  margin-bottom: 0;
}

.top-bar-section .dropdown li.title h5 a {
  color: #fff;
  line-height: 22.5px;
  display: block;
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 15px;
}

.top-bar-section .dropdown li .button {
  top: auto;
}

.top-bar-section .dropdown label {
  padding: 8px 15px 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777;
  font-weight: bold;
  font-size: 0.625rem;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333;
    *zoom: 1;
    overflow: visible;
  }

  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }

  .top-bar:after {
    clear: both;
  }

  .top-bar .toggle-topbar {
    display: none;
  }

  .top-bar .title-area {
    float: left;
  }

  .top-bar .name h1 a {
    width: auto;
  }

  .top-bar input, .top-bar .button {
    font-size: 0.875rem;
    position: relative;
    top: 7px;
  }

  .top-bar.expanded {
    background: #333;
  }

  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0;
  }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
  }

  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
  }

  .top-bar-section ul li {
    float: left;
  }

  .top-bar-section ul li .js-generated {
    display: none;
  }

  .top-bar-section li.hover > a:not(.button) {
    background: #272727;
    color: #fff;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 15px;
    line-height: 45px;
    background: #333;
  }

  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #272727;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 15px;
    line-height: 45px;
    color: #fff;
    background: #008cba;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #0078a0;
  }

  .top-bar-section .has-dropdown > a {
    padding-right: 35px !important;
  }

  .top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 22.5px;
  }

  .top-bar-section .has-dropdown.moved {
    position: relative;
  }

  .top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }

  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }

  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2;
  }

  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
  }

  .top-bar-section .dropdown li a {
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    padding: 12px 15px;
    background: #333;
  }

  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #333;
  }

  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }

  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #4e4e4e;
    clear: none;
    height: 45px;
    width: 0;
  }

  .top-bar-section .has-form {
    background: #333;
    padding: 0 15px;
    height: 45px;
  }

  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }

  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }

  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }

  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }

  .no-js .top-bar-section ul li:hover > a {
    background: #272727;
    color: #fff;
  }

  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: #fff;
  }

  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
}
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: #dcdcdc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.breadcrumbs > * {
  margin: 0;
  float: left;
  font-size: 0.6875rem;
  text-transform: uppercase;
}

.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  text-decoration: underline;
}

.breadcrumbs > * a, .breadcrumbs > * span {
  text-transform: uppercase;
  color: #008cba;
}

.breadcrumbs > *.current {
  cursor: default;
  color: #333;
}

.breadcrumbs > *.current a {
  cursor: default;
  color: #333;
}

.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  text-decoration: none;
}

.breadcrumbs > *.unavailable {
  color: #999;
}

.breadcrumbs > *.unavailable a {
  color: #999;
}

.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
  text-decoration: none;
  color: #999;
  cursor: default;
}

.breadcrumbs > *:before {
  content: "/";
  color: #aaa;
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
}

.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  background-color: #008cba;
  border-color: #0078a0;
  color: #fff;
}

.alert-box .close {
  font-size: 1.375rem;
  padding: 9px 6px 4px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.6875rem;
  right: 0.25rem;
  color: #333;
  opacity: 0.3;
}

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}

.alert-box.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.alert-box.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.alert-box.success {
  background-color: #43ac6a;
  border-color: #3a945b;
  color: #fff;
}

.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #fff;
}

.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}

.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: #fff;
}

.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block;
}

.inline-list > li > * {
  display: block;
}

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008cba;
  border-color: #007095;
  color: #fff;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #007095;
}

button:hover, button:focus, .button:hover, .button:focus {
  color: #fff;
}

button.secondary, .button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #b9b9b9;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #333;
}

button.success, .button.success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #368a55;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: #fff;
}

button.alert, .button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #cf2a0e;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: #fff;
}

button.large, .button.large {
  padding-top: 1.125rem;
  padding-right: 2.25rem;
  padding-bottom: 1.1875rem;
  padding-left: 2.25rem;
  font-size: 1.25rem;
}

button.small, .button.small {
  padding-top: 0.875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.75rem;
  font-size: 0.8125rem;
}

button.tiny, .button.tiny {
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.6875rem;
}

button.expand, .button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75rem;
}

button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75rem;
}

button.radius, .button.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

button.round, .button.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #008cba;
  border-color: #007095;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #007095;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #fff;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #008cba;
}

button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #b9b9b9;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e7e7e7;
}

button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #43ac6a;
  border-color: #368a55;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #368a55;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: #fff;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #43ac6a;
}

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
  cursor: default;
  opacity: 0.7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cf2a0e;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #fff;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #f04124;
}

@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block;
  }
}
.button-group {
  list-style: none;
  margin: 0;
  left: 0;
  *zoom: 1;
}

.button-group:before, .button-group:after {
  content: " ";
  display: table;
}

.button-group:after {
  clear: both;
}

.button-group li {
  margin: 0;
  float: left;
}

.button-group li > button, .button-group li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group li:first-child button, .button-group li:first-child .button {
  border-left: 0;
}

.button-group li:first-child {
  margin-left: 0;
}

.button-group.radius > * > button, .button-group.radius > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
  border-left: 0;
}

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.button-group.round > * > button, .button-group.round > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
  border-left: 0;
}

.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.button-group.even-2 li {
  width: 50%;
}

.button-group.even-2 li > button, .button-group.even-2 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
  border-left: 0;
}

.button-group.even-2 li button, .button-group.even-2 li .button {
  width: 100%;
}

.button-group.even-3 li {
  width: 33.33333%;
}

.button-group.even-3 li > button, .button-group.even-3 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
  border-left: 0;
}

.button-group.even-3 li button, .button-group.even-3 li .button {
  width: 100%;
}

.button-group.even-4 li {
  width: 25%;
}

.button-group.even-4 li > button, .button-group.even-4 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
  border-left: 0;
}

.button-group.even-4 li button, .button-group.even-4 li .button {
  width: 100%;
}

.button-group.even-5 li {
  width: 20%;
}

.button-group.even-5 li > button, .button-group.even-5 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
  border-left: 0;
}

.button-group.even-5 li button, .button-group.even-5 li .button {
  width: 100%;
}

.button-group.even-6 li {
  width: 16.66667%;
}

.button-group.even-6 li > button, .button-group.even-6 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
  border-left: 0;
}

.button-group.even-6 li button, .button-group.even-6 li .button {
  width: 100%;
}

.button-group.even-7 li {
  width: 14.28571%;
}

.button-group.even-7 li > button, .button-group.even-7 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
  border-left: 0;
}

.button-group.even-7 li button, .button-group.even-7 li .button {
  width: 100%;
}

.button-group.even-8 li {
  width: 12.5%;
}

.button-group.even-8 li > button, .button-group.even-8 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
  border-left: 0;
}

.button-group.even-8 li button, .button-group.even-8 li .button {
  width: 100%;
}

.button-bar {
  *zoom: 1;
}

.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}

.button-bar:after {
  clear: both;
}

.button-bar .button-group {
  float: left;
  margin-right: 0.625rem;
}

.button-bar .button-group div {
  overflow: hidden;
}

.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #333;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}

.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #b6edff;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
}

.panel.callout > :first-child {
  margin-top: 0;
}

.panel.callout > :last-child {
  margin-bottom: 0;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: #333;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}

.panel.callout a:not(.button) {
  color: #008cba;
}

.panel.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem;
}

.dropdown.button:before, button.dropdown:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  top: 50%;
}

.dropdown.button:before, button.dropdown:before {
  border-width: 0.375rem;
  right: 1.40625rem;
  margin-top: -0.15625rem;
}

.dropdown.button:before, button.dropdown:before {
  border-color: #fff transparent transparent transparent;
}

.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 2.625rem;
}

.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-width: 0.375rem;
  right: 1.125rem;
  margin-top: -0.125rem;
}

.dropdown.button.tiny:before, button.dropdown.tiny:before {
  border-color: #fff transparent transparent transparent;
}

.dropdown.button.small, button.dropdown.small {
  padding-right: 3.0625rem;
}

.dropdown.button.small:before, button.dropdown.small:before {
  border-width: 0.4375rem;
  right: 1.3125rem;
  margin-top: -0.15625rem;
}

.dropdown.button.small:before, button.dropdown.small:before {
  border-color: #fff transparent transparent transparent;
}

.dropdown.button.large, button.dropdown.large {
  padding-right: 3.625rem;
}

.dropdown.button.large:before, button.dropdown.large:before {
  border-width: 0.3125rem;
  right: 1.71875rem;
  margin-top: -0.15625rem;
}

.dropdown.button.large:before, button.dropdown.large:before {
  border-color: #fff transparent transparent transparent;
}

.dropdown.button.secondary:before, button.dropdown.secondary:before {
  border-color: #333 transparent transparent transparent;
}

div.switch {
  position: relative;
  padding: 0;
  display: block;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1.25rem;
  height: 2.25rem;
  background: #fff;
  border-color: #ccc;
}

div.switch label {
  position: relative;
  left: 0;
  z-index: 2;
  float: left;
  width: 50%;
  height: 100%;
  margin: 0;
  font-weight: bold;
  text-align: left;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

div.switch input {
  position: absolute;
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  -moz-appearance: none;
}

div.switch input:hover, div.switch input:focus {
  cursor: pointer;
}

div.switch span:last-child {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  display: block;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

div.switch input:not(:checked) + label {
  opacity: 0;
}

div.switch input:checked {
  display: none !important;
}

div.switch input {
  left: 0;
  display: block !important;
}

div.switch input:first-of-type + label, div.switch input:first-of-type + span + label {
  left: -50%;
}

div.switch input:first-of-type:checked + label, div.switch input:first-of-type:checked + span + label {
  left: 0%;
}

div.switch input:last-of-type + label, div.switch input:last-of-type + span + label {
  right: -50%;
  left: auto;
  text-align: right;
}

div.switch input:last-of-type:checked + label, div.switch input:last-of-type:checked + span + label {
  right: 0%;
  left: auto;
}

div.switch span.custom {
  display: none !important;
}

form.custom div.switch .hidden-field {
  margin-left: auto;
  position: absolute;
  visibility: visible;
}

div.switch label {
  padding: 0;
  line-height: 2.3rem;
  font-size: 0.875rem;
}

div.switch input:first-of-type:checked ~ span:last-child {
  left: 100%;
  margin-left: -2.1875rem;
}

div.switch span:last-child {
  width: 2.25rem;
  height: 2.25rem;
}

div.switch span:last-child {
  border-color: #b3b3b3;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
  -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #f3faf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5;
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #f3faf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5;
}

div.switch:hover span:last-child, div.switch:focus span:last-child {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
}

div.switch:active {
  background: transparent;
}

div.switch.large {
  height: 2.75rem;
}

div.switch.large label {
  padding: 0;
  line-height: 2.3rem;
  font-size: 1.0625rem;
}

div.switch.large input:first-of-type:checked ~ span:last-child {
  left: 100%;
  margin-left: -2.6875rem;
}

div.switch.large span:last-child {
  width: 2.75rem;
  height: 2.75rem;
}

div.switch.small {
  height: 1.75rem;
}

div.switch.small label {
  padding: 0;
  line-height: 2.1rem;
  font-size: 0.75rem;
}

div.switch.small input:first-of-type:checked ~ span:last-child {
  left: 100%;
  margin-left: -1.6875rem;
}

div.switch.small span:last-child {
  width: 1.75rem;
  height: 1.75rem;
}

div.switch.tiny {
  height: 1.375rem;
}

div.switch.tiny label {
  padding: 0;
  line-height: 1.9rem;
  font-size: 0.6875rem;
}

div.switch.tiny input:first-of-type:checked ~ span:last-child {
  left: 100%;
  margin-left: -1.3125rem;
}

div.switch.tiny span:last-child {
  width: 1.375rem;
  height: 1.375rem;
}

div.switch.radius {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

div.switch.radius span:last-child {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div.switch.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

div.switch.round span:last-child {
  -webkit-border-radius: 999px;
  border-radius: 999px;
}

div.switch.round label {
  padding: 0 0.5625rem;
}

@-webkit-keyframes webkitSiblingBugfix {
  from {
    position: relative;
  }
  to {
    position: relative;
  }
}
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  max-width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.th:hover, .th:focus {
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
  box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}

.th.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.pricing-table {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 1.25rem;
}

.pricing-table * {
  list-style: none;
  line-height: 1;
}

.pricing-table .title {
  background-color: #333;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #eee;
  font-weight: normal;
  font-size: 1rem;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.pricing-table .price {
  background-color: #f6f6f6;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #333;
  font-weight: normal;
  font-size: 2rem;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.pricing-table .description {
  background-color: #fff;
  padding: 0.9375rem;
  text-align: center;
  color: #777;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px #ddd;
}

.pricing-table .bullet-item {
  background-color: #fff;
  padding: 0.9375rem;
  text-align: center;
  color: #333;
  font-size: 0.875rem;
  font-weight: normal;
  border-bottom: dotted 1px #ddd;
}

.pricing-table .cta-button {
  background-color: #fff;
  text-align: center;
  padding: 1.25rem 1.25rem 0;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.slideshow-wrapper {
  position: relative;
}

.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0;
}

.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
  display: none;
}

.slideshow-wrapper ul li:first-child {
  display: block;
}

.slideshow-wrapper .orbit-container {
  background-color: transparent;
}

.slideshow-wrapper .orbit-container li {
  display: block;
}

.slideshow-wrapper .orbit-container li .orbit-caption {
  display: block;
}

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555 #fff;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none;
}

.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
}

.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
}

.orbit-container .orbit-slides-container.fade > * {
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0.01;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.orbit-container .orbit-slides-container.fade > *.animate-in {
  opacity: 1;
  z-index: 20;
  transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out;
}

.orbit-container .orbit-slides-container.fade > *.animate-out {
  opacity: 0.01;
  z-index: 10;
  transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out;
}

.orbit-container .orbit-slides-container.swipe-next > * {
  -webkit-transform: translate3d(100%, 0, 0);
}

.orbit-container .orbit-slides-container.swipe-next > *.animate-in {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.orbit-container .orbit-slides-container.swipe-next > *.animate-out {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.orbit-container .orbit-slides-container.swipe-prev > * {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.orbit-container .orbit-slides-container.swipe-prev > *.animate-in {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.orbit-container .orbit-slides-container.swipe-prev > *.animate-out {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.orbit-container .orbit-slides-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.orbit-container .orbit-slides-container > *.active {
  opacity: 1;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.orbit-container .orbit-slides-container > * .orbit-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  width: 100%;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
}

.orbit-container .orbit-slide-number {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: #fff;
  background: transparent;
  z-index: 10;
}

.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: 0.3125rem;
}

.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}

.orbit-container .orbit-timer .orbit-progress {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  width: 0%;
  position: relative;
  right: 20px;
  top: 5px;
}

.orbit-container .orbit-timer > span {
  display: none;
  position: absolute;
  top: 0px;
  right: 0;
  width: 11px;
  height: 14px;
  border: solid 4px #fff;
  border-top: none;
  border-bottom: none;
}

.orbit-container .orbit-timer.paused > span {
  right: -4px;
  top: 0px;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-right-style: solid;
  border-color: transparent transparent transparent #fff;
}

.orbit-container .orbit-timer.paused > span.dark {
  border-color: transparent transparent transparent #333;
}

.orbit-container:hover .orbit-timer > span {
  display: block;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
  position: absolute;
  top: 45%;
  margin-top: -25px;
  width: 36px;
  height: 60px;
  line-height: 50px;
  color: white;
  background-color: none;
  text-indent: -9999px !important;
  z-index: 10;
}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
}

.orbit-container .orbit-prev {
  left: 0;
}

.orbit-container .orbit-prev > span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #fff;
}

.orbit-container .orbit-prev:hover > span {
  border-right-color: #fff;
}

.orbit-container .orbit-next {
  right: 0;
}

.orbit-container .orbit-next > span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: #fff;
  left: 50%;
  margin-left: -4px;
}

.orbit-container .orbit-next:hover > span {
  border-left-color: #fff;
}

.orbit-bullets-container {
  text-align: center;
}

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block;
}

.orbit-bullets li {
  display: inline-block;
  width: 0.5625rem;
  height: 0.5625rem;
  background: #ccc;
  float: none;
  margin-right: 6px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.orbit-bullets li.active {
  background: #999;
}

.orbit-bullets li:last-child {
  margin-right: 0;
}

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
  display: none;
}

.touch .orbit-bullets {
  display: none;
}

@media only screen and (min-width: 40.063em) {
  .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
    display: inherit;
  }

  .touch .orbit-bullets {
    display: block;
  }
}
@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important;
  }

  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin-left: 0% !important;
  }

  .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets {
    display: none;
  }
}
[data-magellan-expedition] {
  background: #fff;
  z-index: 50;
  min-width: 100%;
  padding: 10px;
}

[data-magellan-expedition] .sub-nav {
  margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav dd {
  margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav a {
  line-height: 1.8em;
}

.tabs {
  *zoom: 1;
  margin-bottom: 0 !important;
}

.tabs:before, .tabs:after {
  content: " ";
  display: table;
}

.tabs:after {
  clear: both;
}

.tabs dd {
  position: relative;
  margin-bottom: 0 !important;
  float: left;
}

.tabs dd > a {
  display: block;
  background: #efefef;
  color: #222;
  padding: 1rem 2rem;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 1rem;
}

.tabs dd > a:hover {
  background: #e1e1e1;
}

.tabs dd.active a {
  background: #fff;
}

.tabs.radius dd:first-child a {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.tabs.radius dd:last-child a {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.tabs.vertical dd {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}

.tabs-content {
  *zoom: 1;
  margin-bottom: 1.5rem;
  width: 100%;
}

.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}

.tabs-content:after {
  clear: both;
}

.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375rem 0;
  width: 100%;
}

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

.tabs-content > .content.contained {
  padding: 0.9375rem;
}

.tabs-content.vertical {
  display: block;
}

.tabs-content.vertical > .content {
  padding: 0 0.9375rem;
}

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    float: left;
    margin-bottom: 1.25rem;
  }

  .tabs-content.vertical {
    width: 80%;
    float: left;
    margin-left: -1px;
  }
}
.no-js .tabs-content > .content {
  display: block;
  float: none;
}

ul.pagination {
  display: block;
  height: 1.5rem;
  margin-left: -0.3125rem;
}

ul.pagination li {
  height: 1.5rem;
  color: #222;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
}

ul.pagination li a {
  display: block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

ul.pagination li:hover a, ul.pagination li a:focus {
  background: #e6e6e6;
}

ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent;
}

ul.pagination li.current a {
  background: #008cba;
  color: #fff;
  font-weight: bold;
  cursor: default;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus {
  background: #008cba;
}

ul.pagination li {
  float: left;
  display: block;
}

.pagination-centered {
  text-align: center;
}

.pagination-centered ul.pagination li {
  float: none;
  display: inline-block;
}

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: inside;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.side-nav li {
  margin: 0 0 0.4375rem 0;
  font-size: 0.875rem;
}

.side-nav li a:not(.button) {
  display: block;
  color: #008cba;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  color: #1cc7ff;
}

.side-nav li.active > a:first-child:not(.button) {
  color: #1cc7ff;
  font-weight: normal;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  padding: 0;
  list-style: none;
  border-top-color: #fff;
}

.accordion {
  *zoom: 1;
  margin-bottom: 0;
}

.accordion:before, .accordion:after {
  content: " ";
  display: table;
}

.accordion:after {
  clear: both;
}

.accordion dd {
  display: block;
  margin-bottom: 0 !important;
}

.accordion dd.active > a {
  background: #e8e8e8;
}

.accordion dd > a {
  background: #efefef;
  color: #222;
  padding: 1rem;
  display: block;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 1rem;
}

.accordion dd > a:hover {
  background: #e3e3e3;
}

.accordion .content {
  display: none;
  padding: 0.9375rem;
}

.accordion .content.active {
  display: block;
  background: #fff;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit;
}

a:hover, a:focus {
  color: #0078a0;
}

a img {
  border: none;
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}

p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 2.125rem;
}

h2 {
  font-size: 1.6875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0;
}

em, i {
  font-style: italic;
  line-height: inherit;
}

strong, b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-family: Consolas,"Liberation Mono",Courier,monospace;
  font-weight: bold;
  color: #bd260d;
}

ul, ol, dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit;
}

ul {
  margin-left: 1.1rem;
}

ul.no-bullet {
  margin-left: 0;
}

ul.no-bullet li ul, ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

ul li ul, ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}

ul.no-bullet {
  list-style: none;
}

ol {
  margin-left: 1.4rem;
}

ol li ul, ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

dl dd {
  margin-bottom: 0.75rem;
}

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
  color: #555;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #ddd;
  padding: 0.625rem 0.75rem;
}

.vcard li {
  margin: 0;
  display: block;
}

.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}

.vevent .summary {
  font-weight: bold;
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }

  h1 {
    font-size: 2.75rem;
  }

  h2 {
    font-size: 2.3125rem;
  }

  h3 {
    font-size: 1.6875rem;
  }

  h4 {
    font-size: 1.4375rem;
  }
}
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}
.split.button {
  position: relative;
  padding-right: 5.0625rem;
}

.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}

.split.button span:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}

.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.split.button span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button span {
  width: 3.09375rem;
}

.split.button span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}

.split.button span:before {
  border-color: #fff transparent transparent transparent;
}

.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.secondary span:before {
  border-color: #fff transparent transparent transparent;
}

.split.button.alert span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.success span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.tiny {
  padding-right: 3.75rem;
}

.split.button.tiny span {
  width: 2.25rem;
}

.split.button.tiny span:before {
  border-top-style: solid;
  border-width: 0.375rem;
  top: 48%;
  margin-left: -0.375rem;
}

.split.button.small {
  padding-right: 4.375rem;
}

.split.button.small span {
  width: 2.625rem;
}

.split.button.small span:before {
  border-top-style: solid;
  border-width: 0.4375rem;
  top: 48%;
  margin-left: -0.375rem;
}

.split.button.large {
  padding-right: 5.5rem;
}

.split.button.large span {
  width: 3.4375rem;
}

.split.button.large span:before {
  border-top-style: solid;
  border-width: 0.3125rem;
  top: 48%;
  margin-left: -0.375rem;
}

.split.button.expand {
  padding-left: 2rem;
}

.split.button.secondary span:before {
  border-color: #333 transparent transparent transparent;
}

.split.button.radius span {
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.split.button.round span {
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99;
  display: none;
  top: 0;
  left: 0;
}

dialog, .reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 99;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 1.25rem;
  border: solid 1px #666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 40em) {
  dialog, .reveal-modal {
    height: 100vh;
    min-height: 100vh;
  }
}
@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    left: 50%;
  }
}
dialog .column, dialog .columns, .reveal-modal .column, .reveal-modal .columns {
  min-width: 0;
}

dialog > :first-child, .reveal-modal > :first-child {
  margin-top: 0;
}

dialog > :last-child, .reveal-modal > :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    margin-left: -40%;
    width: 80%;
  }
}
@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    top: 6.25rem;
  }
}
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.6875rem;
  color: #aaa;
  font-weight: bold;
  cursor: pointer;
}

dialog[open] {
  display: block;
  visibility: visible;
}

@media only screen and (min-width: 40.063em) {
  dialog, .reveal-modal {
    padding: 1.875rem;
  }

  dialog.full, .reveal-modal.full {
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog, .reveal-modal {
    top: 6.25rem;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.tiny, .reveal-modal.tiny {
    margin-left: -15%;
    width: 30%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.small, .reveal-modal.small {
    margin-left: -20%;
    width: 40%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.medium, .reveal-modal.medium {
    margin-left: -30%;
    width: 60%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.large, .reveal-modal.large {
    margin-left: -35%;
    width: 70%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.xlarge, .reveal-modal.xlarge {
    margin-left: -47.5%;
    width: 95%;
  }
}
@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
  dialog.full, .reveal-modal.full {
    margin-left: -50vw;
    width: 100vw;
  }
}
@media print {
  dialog, .reveal-modal {
    background: #fff !important;
  }
}
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: help;
  font-weight: bold;
  color: #333;
}

.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #003f54;
  color: #008cba;
}

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #333;
}

.tooltip > .nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #333 transparent;
  top: -10px;
}

.tooltip > .nub.rtl {
  left: auto;
  right: 5px;
}

.tooltip.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.tooltip.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.tooltip.round > .nub {
  left: 2rem;
}

.tooltip.opened {
  color: #008cba !important;
  border-bottom: dotted 1px #003f54 !important;
}

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777;
  font-weight: normal;
}

@media only screen and (min-width: 40.063em) {
  .tooltip > .nub {
    border-color: transparent transparent #333 transparent;
    top: -10px;
  }

  .tooltip.tip-top > .nub {
    border-color: #333 transparent transparent transparent;
    top: auto;
    bottom: -10px;
  }

  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important;
  }

  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px;
  }

  .tooltip.tip-right > .nub {
    border-color: transparent #333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px;
  }
}
.clearing-thumbs, [data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}

.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}

.clearing-thumbs:after, [data-clearing]:after {
  clear: both;
}

.clearing-thumbs li, [data-clearing] li {
  float: left;
  margin-right: 10px;
}

.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
  margin-right: 0;
}

.clearing-blackout {
  background: #333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #aaa;
  font-size: 0.6em;
}

.visible-img {
  height: 95%;
  position: relative;
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  color: #ccc;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0;
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #ccc;
  display: none;
}

.clearing-close:hover, .clearing-close:focus {
  color: #ccc;
}

.clearing-assembled .clearing-container {
  height: 100%;
}

.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}

.clearing-feature li {
  display: none;
}

.clearing-feature li.clearing-featured-img {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  .clearing-main-prev, .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }

  .clearing-main-prev > span, .clearing-main-next > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 12px;
  }

  .clearing-main-prev > span:hover, .clearing-main-next > span:hover {
    opacity: 0.8;
  }

  .clearing-main-prev {
    left: 0;
  }

  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: #ccc;
  }

  .clearing-main-next {
    right: 0;
  }

  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: #ccc;
  }

  .clearing-main-prev.disabled, .clearing-main-next.disabled {
    opacity: 0.3;
  }

  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center;
  }

  .clearing-assembled .clearing-container .carousel > ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none;
  }

  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 120px;
    min-height: inherit;
    float: left;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
  }

  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none;
  }

  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
  }

  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    width: 100% !important;
  }

  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }

  .clearing-assembled .clearing-container .carousel > ul li:hover {
    opacity: 0.8;
  }

  .clearing-assembled .clearing-container .visible-img {
    background: #333;
    overflow: hidden;
    height: 85%;
  }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}
.progress {
  background-color: #f6f6f6;
  height: 1.5625rem;
  border: 1px solid #fff;
  padding: 0.125rem;
  margin-bottom: 0.625rem;
}

.progress .meter {
  background: #008cba;
  height: 100%;
  display: block;
}

.progress.secondary .meter {
  background: #e7e7e7;
  height: 100%;
  display: block;
}

.progress.success .meter {
  background: #43ac6a;
  height: 100%;
  display: block;
}

.progress.alert .meter {
  background: #f04124;
  height: 100%;
  display: block;
}

.progress.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.progress.radius .meter {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.progress.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.progress.round .meter {
  -webkit-border-radius: 999px;
  border-radius: 999px;
}

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem;
}

.sub-nav dt {
  text-transform: uppercase;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
  float: left;
  display: inline;
  margin-left: 1rem;
  margin-bottom: 0.625rem;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  color: #999;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
  text-decoration: none;
  color: #999;
  padding: 0.1875rem 1rem;
}

.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
  color: #737373;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
  background: #008cba;
  padding: 0.1875rem 1rem;
  cursor: default;
  color: #fff;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
  background: #0078a0;
}

.joyride-list {
  display: none;
}

.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333;
  color: #fff;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%;
}

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px;
}

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem;
}

.joyride-content-wrapper .button {
  margin-bottom: 0 !important;
}

.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid #333;
}

.joyride-tip-guide .joyride-nub.top {
  border-top-style: solid;
  border-color: #333;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -20px;
}

.joyride-tip-guide .joyride-nub.bottom {
  border-bottom-style: solid;
  border-color: #333 !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -20px;
}

.joyride-tip-guide .joyride-nub.right {
  right: -20px;
}

.joyride-tip-guide .joyride-nub.left {
  left: -20px;
}

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #fff;
}

.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.3;
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem;
}

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666;
}

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: 0.5 !important;
}

.joyride-close-tip:hover, .joyride-close-tip:focus {
  color: #eee !important;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}

.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  -moz-box-shadow: 0 0 30px #fff;
  -webkit-box-shadow: 0 0 15px #fff;
  box-shadow: 0 0 15px #fff;
}

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 40.063em) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit;
  }

  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px;
  }

  .joyride-tip-guide .joyride-nub.right {
    border-color: #333 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: auto;
    right: -20px;
  }

  .joyride-tip-guide .joyride-nub.left {
    border-color: #333 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -20px;
    right: auto;
  }
}
.label {
  font-weight: normal;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.375rem;
  font-size: 0.6875rem;
  background-color: #008cba;
  color: #fff;
}

.label.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.label.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.label.alert {
  background-color: #f04124;
  color: #fff;
}

.label.success {
  background-color: #43ac6a;
  color: #fff;
}

.label.secondary {
  background-color: #e7e7e7;
  color: #333;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
  height: 100%;
}

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  *zoom: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table;
}

.inner-wrap:after {
  clear: both;
}

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333;
  color: #fff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
  color: #fff;
  font-weight: bold;
  line-height: 2.8125rem;
  margin: 0;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
  font-size: 1.125rem;
}

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0;
}

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0;
}

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0;
}

@media only screen and (min-width: 40.063em) {
  .tab-bar-section {
    text-align: left;
  }
}
.tab-bar-section.left {
  left: 0;
  right: 2.8125rem;
}

.tab-bar-section.right {
  left: 2.8125rem;
  right: 0;
}

.tab-bar-section.middle {
  left: 2.8125rem;
  right: 2.8125rem;
}

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  line-height: 2.0625rem;
  padding: 0;
  color: #fff;
  position: relative;
}

.tab-bar .menu-icon span {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0;
  left: 0.8125rem;
  top: 0.3125rem;
  -webkit-box-shadow: 1px 10px 1px 1px #fff,1px 16px 1px 1px #fff,1px 22px 1px 1px #fff;
  box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
}

.tab-bar .menu-icon:hover span {
  -webkit-box-shadow: 1px 10px 1px 1px #b3b3b3,1px 16px 1px 1px #b3b3b3,1px 22px 1px 1px #b3b3b3;
  box-shadow: 0 10px 0 1px #b3b3b3,0 16px 0 1px #b3b3b3,0 22px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
}

.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
}

.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.off-canvas-list li label {
  padding: 0.3rem 0.9375rem;
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  background: #444;
  border-top: 1px solid #5e5e5e;
  border-bottom: none;
  margin: 0;
}

ul.off-canvas-list li a {
  display: block;
  padding: 0.66667rem;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #262626;
  transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
  background: #242424;
}

.move-right > .inner-wrap {
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.move-left > .inner-wrap {
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0);
}

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.csstransforms.no-csstransforms3d .left-off-canvas-menu {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.csstransforms.no-csstransforms3d .right-off-canvas-menu {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.csstransforms.no-csstransforms3d .move-left > .inner-wrap {
  -webkit-transform: translate(-15.625rem, 0);
  -moz-transform: translate(-15.625rem, 0);
  -ms-transform: translate(-15.625rem, 0);
  -o-transform: translate(-15.625rem, 0);
  transform: translate(-15.625rem, 0);
}

.csstransforms.no-csstransforms3d .move-right > .inner-wrap {
  -webkit-transform: translate(15.625rem, 0);
  -moz-transform: translate(15.625rem, 0);
  -ms-transform: translate(15.625rem, 0);
  -o-transform: translate(15.625rem, 0);
  transform: translate(15.625rem, 0);
}

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem;
}

.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem;
}

.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem;
}

.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px;
}

.f-dropdown > *:first-child {
  margin-top: 0;
}

.f-dropdown > *:last-child {
  margin-bottom: 0;
}

.f-dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent #fff transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 99;
}

.f-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent transparent #ccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 98;
}

.f-dropdown.right:before {
  left: auto;
  right: 10px;
}

.f-dropdown.right:after {
  left: auto;
  right: 9px;
}

.f-dropdown.drop-right {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 0;
  margin-left: 2px;
  max-width: 200px;
}

.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #fff transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: -12px;
  z-index: 99;
}

.f-dropdown.drop-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent #ccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -14px;
  z-index: 98;
}

.f-dropdown.drop-left {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: 0;
  margin-left: -2px;
  max-width: 200px;
}

.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-left:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent transparent #fff;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: -12px;
  left: auto;
  z-index: 99;
}

.f-dropdown.drop-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent transparent transparent #ccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -14px;
  left: auto;
  z-index: 98;
}

.f-dropdown.drop-top {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 0.875rem;
  z-index: 99;
  margin-top: -2px;
  margin-left: 0;
  max-width: 200px;
}

.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-top:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #fff transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: auto;
  bottom: -12px;
  left: 10px;
  right: auto;
  z-index: 99;
}

.f-dropdown.drop-top:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: #ccc transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: auto;
  bottom: -14px;
  left: 9px;
  right: auto;
  z-index: 98;
}

.f-dropdown li {
  font-size: 0.875rem;
  cursor: pointer;
  line-height: 1.125rem;
  margin: 0;
}

.f-dropdown li:hover, .f-dropdown li:focus {
  background: #eee;
}

.f-dropdown li a {
  display: block;
  padding: 0.5rem;
  color: #555;
}

.f-dropdown.content {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  padding: 1.25rem;
  width: 100%;
  height: auto;
  max-height: none;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 0.875rem;
  z-index: 99;
  max-width: 200px;
}

.f-dropdown.content > *:first-child {
  margin-top: 0;
}

.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.tiny {
  max-width: 200px;
}

.f-dropdown.small {
  max-width: 300px;
}

.f-dropdown.medium {
  max-width: 500px;
}

.f-dropdown.large {
  max-width: 800px;
}

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #ddd;
}

table thead, table tfoot {
  background: #f5f5f5;
}

table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222;
  text-align: left;
}

table tr th, table tr td {
  padding: 0.5625rem 0.625rem;
  font-size: 0.875rem;
  color: #222;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
}

form {
  margin: 0 0 1rem;
}

form .row .row {
  margin: 0 -0.5rem;
}

form .row .row .column, form .row .row .columns {
  padding: 0 0.5rem;
}

form .row .row.collapse {
  margin: 0;
}

form .row .row.collapse .column, form .row .row.collapse .columns {
  padding: 0;
}

form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
  padding-left: 0.5rem;
}

label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
}

label.right {
  float: none;
  text-align: right;
}

label.inline {
  margin: 0 0 1rem 0;
  padding: 0.625rem 0;
}

label small {
  text-transform: capitalize;
  color: #676767;
}

select {
  -webkit-appearance: none !important;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center right 3%;
  border: 1px solid #ccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  -webkit-border-radius: 0;
  border-radius: 0;
}

select.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

select:hover {
  background-color: #f3f3f3;
  border-color: #999;
}

select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  select {
    background: #fafafa;
  }

  select:hover {
    background: #f3f3f3;
  }
}
.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
}

.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none;
}

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-topright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333;
  border-color: #ccc;
}

span.prefix.radius, label.prefix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333;
  border-color: #ccc;
}

span.postfix.radius, label.postfix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  -webkit-appearance: none;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  -webkit-box-shadow: 0 0 5px #999;
  -moz-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  border-color: #999;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  border-color: #999;
  outline: none;
}

input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea {
  background-color: #ddd;
}

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

textarea[rows] {
  height: auto;
}

select {
  height: 2.3125rem;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1rem 0;
}

input[type="checkbox"] + label, input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

input[type="file"] {
  width: 100%;
}

fieldset {
  border: 1px solid #ddd;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

fieldset legend {
  font-weight: bold;
  background: #fff;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

[data-abide] span.error, [data-abide] small.error {
  display: none;
}

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

.error input, .error textarea, .error select {
  margin-bottom: 0;
}

.error input[type="checkbox"], .error input[type="radio"] {
  margin-bottom: 1rem;
}

.error label, .error label.error {
  color: #f04124;
}

.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff;
}

.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline;
}

.error span.error-message {
  display: block;
}

input.error, textarea.error {
  margin-bottom: 0;
}

label.error {
  color: #f04124;
}

.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #ddd;
  margin: 1.25rem 0;
  touch-action: none;
  -ms-touch-action: none;
  background: #fafafa;
}

.range-slider.vertical-range {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #ddd;
  margin: 1.25rem 0;
  touch-action: none;
  -ms-touch-action: none;
  display: inline-block;
  width: 1rem;
  height: 12.5rem;
}

.range-slider.vertical-range .range-slider-handle {
  margin-top: 0;
  margin-left: -0.5rem;
  position: absolute;
  bottom: -10.5rem;
}

.range-slider.vertical-range .range-slider-active-segment {
  width: 0.875rem;
  height: auto;
  bottom: 0;
}

.range-slider.radius {
  background: #fafafa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.range-slider.radius .range-slider-handle {
  background: #008cba;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.range-slider.radius .range-slider-handle:hover {
  background: #007ba4;
}

.range-slider.round {
  background: #fafafa;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.range-slider.round .range-slider-handle {
  background: #008cba;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.range-slider.round .range-slider-handle:hover {
  background: #007ba4;
}

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e5e5e5;
}

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  background: #008cba;
}

.range-slider-handle:hover {
  background: #007ba4;
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0;
  *zoom: 1;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}

[class*="block-grid-"]:after {
  clear: both;
}

[class*="block-grid-"] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.9375rem 1.875rem;
}

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }

  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-1 > li:nth-child(1n) {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }

  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-2 > li:nth-child(2n+1) {
    padding-left: 0rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-2 > li:nth-child(2n) {
    padding-left: 0.9375rem;
    padding-right: 0rem;
  }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }

  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-3 > li:nth-child(3n+1) {
    padding-left: 0rem;
    padding-right: 1.25rem;
  }

  .small-block-grid-3 > li:nth-child(3n+2) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .small-block-grid-3 > li:nth-child(3n) {
    padding-left: 1.25rem;
    padding-right: 0rem;
  }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }

  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-4 > li:nth-child(4n+1) {
    padding-left: 0rem;
    padding-right: 1.40625rem;
  }

  .small-block-grid-4 > li:nth-child(4n+2) {
    padding-left: 0.46875rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-4 > li:nth-child(4n+3) {
    padding-left: 0.9375rem;
    padding-right: 0.46875rem;
  }

  .small-block-grid-4 > li:nth-child(4n) {
    padding-left: 1.40625rem;
    padding-right: 0rem;
  }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }

  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-5 > li:nth-child(5n+1) {
    padding-left: 0rem;
    padding-right: 1.5rem;
  }

  .small-block-grid-5 > li:nth-child(5n+2) {
    padding-left: 0.375rem;
    padding-right: 1.125rem;
  }

  .small-block-grid-5 > li:nth-child(5n+3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .small-block-grid-5 > li:nth-child(5n+4) {
    padding-left: 1.125rem;
    padding-right: 0.375rem;
  }

  .small-block-grid-5 > li:nth-child(5n) {
    padding-left: 1.5rem;
    padding-right: 0rem;
  }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }

  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-6 > li:nth-child(6n+1) {
    padding-left: 0rem;
    padding-right: 1.5625rem;
  }

  .small-block-grid-6 > li:nth-child(6n+2) {
    padding-left: 0.3125rem;
    padding-right: 1.25rem;
  }

  .small-block-grid-6 > li:nth-child(6n+3) {
    padding-left: 0.625rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-6 > li:nth-child(6n+4) {
    padding-left: 0.9375rem;
    padding-right: 0.625rem;
  }

  .small-block-grid-6 > li:nth-child(6n+5) {
    padding-left: 1.25rem;
    padding-right: 0.3125rem;
  }

  .small-block-grid-6 > li:nth-child(6n) {
    padding-left: 1.5625rem;
    padding-right: 0rem;
  }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }

  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-7 > li:nth-child(7n+1) {
    padding-left: 0rem;
    padding-right: 1.60714rem;
  }

  .small-block-grid-7 > li:nth-child(7n+2) {
    padding-left: 0.26786rem;
    padding-right: 1.33929rem;
  }

  .small-block-grid-7 > li:nth-child(7n+3) {
    padding-left: 0.53571rem;
    padding-right: 1.07143rem;
  }

  .small-block-grid-7 > li:nth-child(7n+4) {
    padding-left: 0.80357rem;
    padding-right: 0.80357rem;
  }

  .small-block-grid-7 > li:nth-child(7n+5) {
    padding-left: 1.07143rem;
    padding-right: 0.53571rem;
  }

  .small-block-grid-7 > li:nth-child(7n+6) {
    padding-left: 1.33929rem;
    padding-right: 0.26786rem;
  }

  .small-block-grid-7 > li:nth-child(7n) {
    padding-left: 1.60714rem;
    padding-right: 0rem;
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }

  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-8 > li:nth-child(8n+1) {
    padding-left: 0rem;
    padding-right: 1.64063rem;
  }

  .small-block-grid-8 > li:nth-child(8n+2) {
    padding-left: 0.23438rem;
    padding-right: 1.40625rem;
  }

  .small-block-grid-8 > li:nth-child(8n+3) {
    padding-left: 0.46875rem;
    padding-right: 1.17188rem;
  }

  .small-block-grid-8 > li:nth-child(8n+4) {
    padding-left: 0.70313rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-8 > li:nth-child(8n+5) {
    padding-left: 0.9375rem;
    padding-right: 0.70313rem;
  }

  .small-block-grid-8 > li:nth-child(8n+6) {
    padding-left: 1.17188rem;
    padding-right: 0.46875rem;
  }

  .small-block-grid-8 > li:nth-child(8n+7) {
    padding-left: 1.40625rem;
    padding-right: 0.23438rem;
  }

  .small-block-grid-8 > li:nth-child(8n) {
    padding-left: 1.64063rem;
    padding-right: 0rem;
  }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }

  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-9 > li:nth-child(9n+1) {
    padding-left: 0rem;
    padding-right: 1.66667rem;
  }

  .small-block-grid-9 > li:nth-child(9n+2) {
    padding-left: 0.20833rem;
    padding-right: 1.45833rem;
  }

  .small-block-grid-9 > li:nth-child(9n+3) {
    padding-left: 0.41667rem;
    padding-right: 1.25rem;
  }

  .small-block-grid-9 > li:nth-child(9n+4) {
    padding-left: 0.625rem;
    padding-right: 1.04167rem;
  }

  .small-block-grid-9 > li:nth-child(9n+5) {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
  }

  .small-block-grid-9 > li:nth-child(9n+6) {
    padding-left: 1.04167rem;
    padding-right: 0.625rem;
  }

  .small-block-grid-9 > li:nth-child(9n+7) {
    padding-left: 1.25rem;
    padding-right: 0.41667rem;
  }

  .small-block-grid-9 > li:nth-child(9n+8) {
    padding-left: 1.45833rem;
    padding-right: 0.20833rem;
  }

  .small-block-grid-9 > li:nth-child(9n) {
    padding-left: 1.66667rem;
    padding-right: 0rem;
  }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }

  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-10 > li:nth-child(10n+1) {
    padding-left: 0rem;
    padding-right: 1.6875rem;
  }

  .small-block-grid-10 > li:nth-child(10n+2) {
    padding-left: 0.1875rem;
    padding-right: 1.5rem;
  }

  .small-block-grid-10 > li:nth-child(10n+3) {
    padding-left: 0.375rem;
    padding-right: 1.3125rem;
  }

  .small-block-grid-10 > li:nth-child(10n+4) {
    padding-left: 0.5625rem;
    padding-right: 1.125rem;
  }

  .small-block-grid-10 > li:nth-child(10n+5) {
    padding-left: 0.75rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-10 > li:nth-child(10n+6) {
    padding-left: 0.9375rem;
    padding-right: 0.75rem;
  }

  .small-block-grid-10 > li:nth-child(10n+7) {
    padding-left: 1.125rem;
    padding-right: 0.5625rem;
  }

  .small-block-grid-10 > li:nth-child(10n+8) {
    padding-left: 1.3125rem;
    padding-right: 0.375rem;
  }

  .small-block-grid-10 > li:nth-child(10n+9) {
    padding-left: 1.5rem;
    padding-right: 0.1875rem;
  }

  .small-block-grid-10 > li:nth-child(10n) {
    padding-left: 1.6875rem;
    padding-right: 0rem;
  }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }

  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-11 > li:nth-child(11n+1) {
    padding-left: 0.0rem;
    padding-right: 1.70455rem;
  }

  .small-block-grid-11 > li:nth-child(11n+2) {
    padding-left: 0.17045rem;
    padding-right: 1.53409rem;
  }

  .small-block-grid-11 > li:nth-child(11n+3) {
    padding-left: 0.34091rem;
    padding-right: 1.36364rem;
  }

  .small-block-grid-11 > li:nth-child(11n+4) {
    padding-left: 0.51136rem;
    padding-right: 1.19318rem;
  }

  .small-block-grid-11 > li:nth-child(11n+5) {
    padding-left: 0.68182rem;
    padding-right: 1.02273rem;
  }

  .small-block-grid-11 > li:nth-child(11n+6) {
    padding-left: 0.85227rem;
    padding-right: 0.85227rem;
  }

  .small-block-grid-11 > li:nth-child(11n+7) {
    padding-left: 1.02273rem;
    padding-right: 0.68182rem;
  }

  .small-block-grid-11 > li:nth-child(11n+8) {
    padding-left: 1.19318rem;
    padding-right: 0.51136rem;
  }

  .small-block-grid-11 > li:nth-child(11n+9) {
    padding-left: 1.36364rem;
    padding-right: 0.34091rem;
  }

  .small-block-grid-11 > li:nth-child(11n+10) {
    padding-left: 1.53409rem;
    padding-right: 0.17045rem;
  }

  .small-block-grid-11 > li:nth-child(11n) {
    padding-left: 1.70455rem;
    padding-right: 0.0rem;
  }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }

  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }

  .small-block-grid-12 > li:nth-child(12n+1) {
    padding-left: 0rem;
    padding-right: 1.71875rem;
  }

  .small-block-grid-12 > li:nth-child(12n+2) {
    padding-left: 0.15625rem;
    padding-right: 1.5625rem;
  }

  .small-block-grid-12 > li:nth-child(12n+3) {
    padding-left: 0.3125rem;
    padding-right: 1.40625rem;
  }

  .small-block-grid-12 > li:nth-child(12n+4) {
    padding-left: 0.46875rem;
    padding-right: 1.25rem;
  }

  .small-block-grid-12 > li:nth-child(12n+5) {
    padding-left: 0.625rem;
    padding-right: 1.09375rem;
  }

  .small-block-grid-12 > li:nth-child(12n+6) {
    padding-left: 0.78125rem;
    padding-right: 0.9375rem;
  }

  .small-block-grid-12 > li:nth-child(12n+7) {
    padding-left: 0.9375rem;
    padding-right: 0.78125rem;
  }

  .small-block-grid-12 > li:nth-child(12n+8) {
    padding-left: 1.09375rem;
    padding-right: 0.625rem;
  }

  .small-block-grid-12 > li:nth-child(12n+9) {
    padding-left: 1.25rem;
    padding-right: 0.46875rem;
  }

  .small-block-grid-12 > li:nth-child(12n+10) {
    padding-left: 1.40625rem;
    padding-right: 0.3125rem;
  }

  .small-block-grid-12 > li:nth-child(12n+11) {
    padding-left: 1.5625rem;
    padding-right: 0.15625rem;
  }

  .small-block-grid-12 > li:nth-child(12n) {
    padding-left: 1.71875rem;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }

  .medium-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-block-grid-1 > li:nth-child(1n) {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }

  .medium-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-block-grid-2 > li:nth-child(2n+1) {
    padding-left: 0rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-2 > li:nth-child(2n) {
    padding-left: 0.9375rem;
    padding-right: 0rem;
  }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }

  .medium-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-block-grid-3 > li:nth-child(3n+1) {
    padding-left: 0rem;
    padding-right: 1.25rem;
  }

  .medium-block-grid-3 > li:nth-child(3n+2) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .medium-block-grid-3 > li:nth-child(3n) {
    padding-left: 1.25rem;
    padding-right: 0rem;
  }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }

  .medium-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-block-grid-4 > li:nth-child(4n+1) {
    padding-left: 0rem;
    padding-right: 1.40625rem;
  }

  .medium-block-grid-4 > li:nth-child(4n+2) {
    padding-left: 0.46875rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-4 > li:nth-child(4n+3) {
    padding-left: 0.9375rem;
    padding-right: 0.46875rem;
  }

  .medium-block-grid-4 > li:nth-child(4n) {
    padding-left: 1.40625rem;
    padding-right: 0rem;
  }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }

  .medium-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-block-grid-5 > li:nth-child(5n+1) {
    padding-left: 0rem;
    padding-right: 1.5rem;
  }

  .medium-block-grid-5 > li:nth-child(5n+2) {
    padding-left: 0.375rem;
    padding-right: 1.125rem;
  }

  .medium-block-grid-5 > li:nth-child(5n+3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .medium-block-grid-5 > li:nth-child(5n+4) {
    padding-left: 1.125rem;
    padding-right: 0.375rem;
  }

  .medium-block-grid-5 > li:nth-child(5n) {
    padding-left: 1.5rem;
    padding-right: 0rem;
  }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }

  .medium-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-block-grid-6 > li:nth-child(6n+1) {
    padding-left: 0rem;
    padding-right: 1.5625rem;
  }

  .medium-block-grid-6 > li:nth-child(6n+2) {
    padding-left: 0.3125rem;
    padding-right: 1.25rem;
  }

  .medium-block-grid-6 > li:nth-child(6n+3) {
    padding-left: 0.625rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-6 > li:nth-child(6n+4) {
    padding-left: 0.9375rem;
    padding-right: 0.625rem;
  }

  .medium-block-grid-6 > li:nth-child(6n+5) {
    padding-left: 1.25rem;
    padding-right: 0.3125rem;
  }

  .medium-block-grid-6 > li:nth-child(6n) {
    padding-left: 1.5625rem;
    padding-right: 0rem;
  }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }

  .medium-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-block-grid-7 > li:nth-child(7n+1) {
    padding-left: 0rem;
    padding-right: 1.60714rem;
  }

  .medium-block-grid-7 > li:nth-child(7n+2) {
    padding-left: 0.26786rem;
    padding-right: 1.33929rem;
  }

  .medium-block-grid-7 > li:nth-child(7n+3) {
    padding-left: 0.53571rem;
    padding-right: 1.07143rem;
  }

  .medium-block-grid-7 > li:nth-child(7n+4) {
    padding-left: 0.80357rem;
    padding-right: 0.80357rem;
  }

  .medium-block-grid-7 > li:nth-child(7n+5) {
    padding-left: 1.07143rem;
    padding-right: 0.53571rem;
  }

  .medium-block-grid-7 > li:nth-child(7n+6) {
    padding-left: 1.33929rem;
    padding-right: 0.26786rem;
  }

  .medium-block-grid-7 > li:nth-child(7n) {
    padding-left: 1.60714rem;
    padding-right: 0rem;
  }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }

  .medium-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-block-grid-8 > li:nth-child(8n+1) {
    padding-left: 0rem;
    padding-right: 1.64063rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+2) {
    padding-left: 0.23438rem;
    padding-right: 1.40625rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+3) {
    padding-left: 0.46875rem;
    padding-right: 1.17188rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+4) {
    padding-left: 0.70313rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+5) {
    padding-left: 0.9375rem;
    padding-right: 0.70313rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+6) {
    padding-left: 1.17188rem;
    padding-right: 0.46875rem;
  }

  .medium-block-grid-8 > li:nth-child(8n+7) {
    padding-left: 1.40625rem;
    padding-right: 0.23438rem;
  }

  .medium-block-grid-8 > li:nth-child(8n) {
    padding-left: 1.64063rem;
    padding-right: 0rem;
  }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }

  .medium-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .medium-block-grid-9 > li:nth-child(9n+1) {
    padding-left: 0rem;
    padding-right: 1.66667rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+2) {
    padding-left: 0.20833rem;
    padding-right: 1.45833rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+3) {
    padding-left: 0.41667rem;
    padding-right: 1.25rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+4) {
    padding-left: 0.625rem;
    padding-right: 1.04167rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+5) {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+6) {
    padding-left: 1.04167rem;
    padding-right: 0.625rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+7) {
    padding-left: 1.25rem;
    padding-right: 0.41667rem;
  }

  .medium-block-grid-9 > li:nth-child(9n+8) {
    padding-left: 1.45833rem;
    padding-right: 0.20833rem;
  }

  .medium-block-grid-9 > li:nth-child(9n) {
    padding-left: 1.66667rem;
    padding-right: 0rem;
  }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }

  .medium-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .medium-block-grid-10 > li:nth-child(10n+1) {
    padding-left: 0rem;
    padding-right: 1.6875rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+2) {
    padding-left: 0.1875rem;
    padding-right: 1.5rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+3) {
    padding-left: 0.375rem;
    padding-right: 1.3125rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+4) {
    padding-left: 0.5625rem;
    padding-right: 1.125rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+5) {
    padding-left: 0.75rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+6) {
    padding-left: 0.9375rem;
    padding-right: 0.75rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+7) {
    padding-left: 1.125rem;
    padding-right: 0.5625rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+8) {
    padding-left: 1.3125rem;
    padding-right: 0.375rem;
  }

  .medium-block-grid-10 > li:nth-child(10n+9) {
    padding-left: 1.5rem;
    padding-right: 0.1875rem;
  }

  .medium-block-grid-10 > li:nth-child(10n) {
    padding-left: 1.6875rem;
    padding-right: 0rem;
  }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }

  .medium-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .medium-block-grid-11 > li:nth-child(11n+1) {
    padding-left: 0.0rem;
    padding-right: 1.70455rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+2) {
    padding-left: 0.17045rem;
    padding-right: 1.53409rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+3) {
    padding-left: 0.34091rem;
    padding-right: 1.36364rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+4) {
    padding-left: 0.51136rem;
    padding-right: 1.19318rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+5) {
    padding-left: 0.68182rem;
    padding-right: 1.02273rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+6) {
    padding-left: 0.85227rem;
    padding-right: 0.85227rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+7) {
    padding-left: 1.02273rem;
    padding-right: 0.68182rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+8) {
    padding-left: 1.19318rem;
    padding-right: 0.51136rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+9) {
    padding-left: 1.36364rem;
    padding-right: 0.34091rem;
  }

  .medium-block-grid-11 > li:nth-child(11n+10) {
    padding-left: 1.53409rem;
    padding-right: 0.17045rem;
  }

  .medium-block-grid-11 > li:nth-child(11n) {
    padding-left: 1.70455rem;
    padding-right: 0.0rem;
  }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }

  .medium-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }

  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }

  .medium-block-grid-12 > li:nth-child(12n+1) {
    padding-left: 0rem;
    padding-right: 1.71875rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+2) {
    padding-left: 0.15625rem;
    padding-right: 1.5625rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+3) {
    padding-left: 0.3125rem;
    padding-right: 1.40625rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+4) {
    padding-left: 0.46875rem;
    padding-right: 1.25rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+5) {
    padding-left: 0.625rem;
    padding-right: 1.09375rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+6) {
    padding-left: 0.78125rem;
    padding-right: 0.9375rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+7) {
    padding-left: 0.9375rem;
    padding-right: 0.78125rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+8) {
    padding-left: 1.09375rem;
    padding-right: 0.625rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+9) {
    padding-left: 1.25rem;
    padding-right: 0.46875rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+10) {
    padding-left: 1.40625rem;
    padding-right: 0.3125rem;
  }

  .medium-block-grid-12 > li:nth-child(12n+11) {
    padding-left: 1.5625rem;
    padding-right: 0.15625rem;
  }

  .medium-block-grid-12 > li:nth-child(12n) {
    padding-left: 1.71875rem;
    padding-right: 0rem;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }

  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-1 > li:nth-child(1n) {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }

  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-2 > li:nth-child(2n+1) {
    padding-left: 0rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-2 > li:nth-child(2n) {
    padding-left: 0.9375rem;
    padding-right: 0rem;
  }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }

  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-3 > li:nth-child(3n+1) {
    padding-left: 0rem;
    padding-right: 1.25rem;
  }

  .large-block-grid-3 > li:nth-child(3n+2) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .large-block-grid-3 > li:nth-child(3n) {
    padding-left: 1.25rem;
    padding-right: 0rem;
  }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }

  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-4 > li:nth-child(4n+1) {
    padding-left: 0rem;
    padding-right: 1.40625rem;
  }

  .large-block-grid-4 > li:nth-child(4n+2) {
    padding-left: 0.46875rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-4 > li:nth-child(4n+3) {
    padding-left: 0.9375rem;
    padding-right: 0.46875rem;
  }

  .large-block-grid-4 > li:nth-child(4n) {
    padding-left: 1.40625rem;
    padding-right: 0rem;
  }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }

  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-5 > li:nth-child(5n+1) {
    padding-left: 0rem;
    padding-right: 1.5rem;
  }

  .large-block-grid-5 > li:nth-child(5n+2) {
    padding-left: 0.375rem;
    padding-right: 1.125rem;
  }

  .large-block-grid-5 > li:nth-child(5n+3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .large-block-grid-5 > li:nth-child(5n+4) {
    padding-left: 1.125rem;
    padding-right: 0.375rem;
  }

  .large-block-grid-5 > li:nth-child(5n) {
    padding-left: 1.5rem;
    padding-right: 0rem;
  }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }

  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-6 > li:nth-child(6n+1) {
    padding-left: 0rem;
    padding-right: 1.5625rem;
  }

  .large-block-grid-6 > li:nth-child(6n+2) {
    padding-left: 0.3125rem;
    padding-right: 1.25rem;
  }

  .large-block-grid-6 > li:nth-child(6n+3) {
    padding-left: 0.625rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-6 > li:nth-child(6n+4) {
    padding-left: 0.9375rem;
    padding-right: 0.625rem;
  }

  .large-block-grid-6 > li:nth-child(6n+5) {
    padding-left: 1.25rem;
    padding-right: 0.3125rem;
  }

  .large-block-grid-6 > li:nth-child(6n) {
    padding-left: 1.5625rem;
    padding-right: 0rem;
  }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }

  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-7 > li:nth-child(7n+1) {
    padding-left: 0rem;
    padding-right: 1.60714rem;
  }

  .large-block-grid-7 > li:nth-child(7n+2) {
    padding-left: 0.26786rem;
    padding-right: 1.33929rem;
  }

  .large-block-grid-7 > li:nth-child(7n+3) {
    padding-left: 0.53571rem;
    padding-right: 1.07143rem;
  }

  .large-block-grid-7 > li:nth-child(7n+4) {
    padding-left: 0.80357rem;
    padding-right: 0.80357rem;
  }

  .large-block-grid-7 > li:nth-child(7n+5) {
    padding-left: 1.07143rem;
    padding-right: 0.53571rem;
  }

  .large-block-grid-7 > li:nth-child(7n+6) {
    padding-left: 1.33929rem;
    padding-right: 0.26786rem;
  }

  .large-block-grid-7 > li:nth-child(7n) {
    padding-left: 1.60714rem;
    padding-right: 0rem;
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }

  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-8 > li:nth-child(8n+1) {
    padding-left: 0rem;
    padding-right: 1.64063rem;
  }

  .large-block-grid-8 > li:nth-child(8n+2) {
    padding-left: 0.23438rem;
    padding-right: 1.40625rem;
  }

  .large-block-grid-8 > li:nth-child(8n+3) {
    padding-left: 0.46875rem;
    padding-right: 1.17188rem;
  }

  .large-block-grid-8 > li:nth-child(8n+4) {
    padding-left: 0.70313rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-8 > li:nth-child(8n+5) {
    padding-left: 0.9375rem;
    padding-right: 0.70313rem;
  }

  .large-block-grid-8 > li:nth-child(8n+6) {
    padding-left: 1.17188rem;
    padding-right: 0.46875rem;
  }

  .large-block-grid-8 > li:nth-child(8n+7) {
    padding-left: 1.40625rem;
    padding-right: 0.23438rem;
  }

  .large-block-grid-8 > li:nth-child(8n) {
    padding-left: 1.64063rem;
    padding-right: 0rem;
  }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }

  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-9 > li:nth-child(9n+1) {
    padding-left: 0rem;
    padding-right: 1.66667rem;
  }

  .large-block-grid-9 > li:nth-child(9n+2) {
    padding-left: 0.20833rem;
    padding-right: 1.45833rem;
  }

  .large-block-grid-9 > li:nth-child(9n+3) {
    padding-left: 0.41667rem;
    padding-right: 1.25rem;
  }

  .large-block-grid-9 > li:nth-child(9n+4) {
    padding-left: 0.625rem;
    padding-right: 1.04167rem;
  }

  .large-block-grid-9 > li:nth-child(9n+5) {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
  }

  .large-block-grid-9 > li:nth-child(9n+6) {
    padding-left: 1.04167rem;
    padding-right: 0.625rem;
  }

  .large-block-grid-9 > li:nth-child(9n+7) {
    padding-left: 1.25rem;
    padding-right: 0.41667rem;
  }

  .large-block-grid-9 > li:nth-child(9n+8) {
    padding-left: 1.45833rem;
    padding-right: 0.20833rem;
  }

  .large-block-grid-9 > li:nth-child(9n) {
    padding-left: 1.66667rem;
    padding-right: 0rem;
  }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }

  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-10 > li:nth-child(10n+1) {
    padding-left: 0rem;
    padding-right: 1.6875rem;
  }

  .large-block-grid-10 > li:nth-child(10n+2) {
    padding-left: 0.1875rem;
    padding-right: 1.5rem;
  }

  .large-block-grid-10 > li:nth-child(10n+3) {
    padding-left: 0.375rem;
    padding-right: 1.3125rem;
  }

  .large-block-grid-10 > li:nth-child(10n+4) {
    padding-left: 0.5625rem;
    padding-right: 1.125rem;
  }

  .large-block-grid-10 > li:nth-child(10n+5) {
    padding-left: 0.75rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-10 > li:nth-child(10n+6) {
    padding-left: 0.9375rem;
    padding-right: 0.75rem;
  }

  .large-block-grid-10 > li:nth-child(10n+7) {
    padding-left: 1.125rem;
    padding-right: 0.5625rem;
  }

  .large-block-grid-10 > li:nth-child(10n+8) {
    padding-left: 1.3125rem;
    padding-right: 0.375rem;
  }

  .large-block-grid-10 > li:nth-child(10n+9) {
    padding-left: 1.5rem;
    padding-right: 0.1875rem;
  }

  .large-block-grid-10 > li:nth-child(10n) {
    padding-left: 1.6875rem;
    padding-right: 0rem;
  }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }

  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-11 > li:nth-child(11n+1) {
    padding-left: 0.0rem;
    padding-right: 1.70455rem;
  }

  .large-block-grid-11 > li:nth-child(11n+2) {
    padding-left: 0.17045rem;
    padding-right: 1.53409rem;
  }

  .large-block-grid-11 > li:nth-child(11n+3) {
    padding-left: 0.34091rem;
    padding-right: 1.36364rem;
  }

  .large-block-grid-11 > li:nth-child(11n+4) {
    padding-left: 0.51136rem;
    padding-right: 1.19318rem;
  }

  .large-block-grid-11 > li:nth-child(11n+5) {
    padding-left: 0.68182rem;
    padding-right: 1.02273rem;
  }

  .large-block-grid-11 > li:nth-child(11n+6) {
    padding-left: 0.85227rem;
    padding-right: 0.85227rem;
  }

  .large-block-grid-11 > li:nth-child(11n+7) {
    padding-left: 1.02273rem;
    padding-right: 0.68182rem;
  }

  .large-block-grid-11 > li:nth-child(11n+8) {
    padding-left: 1.19318rem;
    padding-right: 0.51136rem;
  }

  .large-block-grid-11 > li:nth-child(11n+9) {
    padding-left: 1.36364rem;
    padding-right: 0.34091rem;
  }

  .large-block-grid-11 > li:nth-child(11n+10) {
    padding-left: 1.53409rem;
    padding-right: 0.17045rem;
  }

  .large-block-grid-11 > li:nth-child(11n) {
    padding-left: 1.70455rem;
    padding-right: 0.0rem;
  }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }

  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }

  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }

  .large-block-grid-12 > li:nth-child(12n+1) {
    padding-left: 0rem;
    padding-right: 1.71875rem;
  }

  .large-block-grid-12 > li:nth-child(12n+2) {
    padding-left: 0.15625rem;
    padding-right: 1.5625rem;
  }

  .large-block-grid-12 > li:nth-child(12n+3) {
    padding-left: 0.3125rem;
    padding-right: 1.40625rem;
  }

  .large-block-grid-12 > li:nth-child(12n+4) {
    padding-left: 0.46875rem;
    padding-right: 1.25rem;
  }

  .large-block-grid-12 > li:nth-child(12n+5) {
    padding-left: 0.625rem;
    padding-right: 1.09375rem;
  }

  .large-block-grid-12 > li:nth-child(12n+6) {
    padding-left: 0.78125rem;
    padding-right: 0.9375rem;
  }

  .large-block-grid-12 > li:nth-child(12n+7) {
    padding-left: 0.9375rem;
    padding-right: 0.78125rem;
  }

  .large-block-grid-12 > li:nth-child(12n+8) {
    padding-left: 1.09375rem;
    padding-right: 0.625rem;
  }

  .large-block-grid-12 > li:nth-child(12n+9) {
    padding-left: 1.25rem;
    padding-right: 0.46875rem;
  }

  .large-block-grid-12 > li:nth-child(12n+10) {
    padding-left: 1.40625rem;
    padding-right: 0.3125rem;
  }

  .large-block-grid-12 > li:nth-child(12n+11) {
    padding-left: 1.5625rem;
    padding-right: 0.15625rem;
  }

  .large-block-grid-12 > li:nth-child(12n) {
    padding-left: 1.71875rem;
    padding-right: 0rem;
  }
}
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 56.55%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.keystroke, kbd {
  background-color: #ededed;
  border-color: #ddd;
  color: #222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas","Menlo","Courier",monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table;
  }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important;
  }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}
.show-for-landscape, .hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
  display: none !important;
}

table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape, .show-for-portrait {
    display: none !important;
  }

  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait, .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait, .show-for-landscape {
    display: none !important;
  }

  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
    display: table-cell !important;
  }
}
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

table th {
  font-weight: bold;
}

table td, table th {
  padding: 9px 10px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
  }

  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }

  .pinned table th, .pinned table td {
    white-space: nowrap;
  }

  .pinned td:last-child {
    border-bottom: 0;
  }

  div.table-wrapper {
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
    border-right: 1px solid #ccc;
  }

  div.table-wrapper div.scrollable {
    margin-left: 35%;
  }

  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }

  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
}
.lighter, .lighter * {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.lighter {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4000;
  opacity: 1;
}

.lighter.fade {
  opacity: 0;
}

.lighter.fade .lighter-container {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.lighter img {
  width: 100%;
  height: 100%;
}

.lighter .lighter-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}

.lighter .lighter-container {
  background: white;
  position: absolute;
  z-index: 4000;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}

.lighter .lighter-container .lighter-close {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: -15px;
  line-height: 28px;
  font-size: 16pt;
  font-family: Helvetica, Arial, serif;
}

.lighter .lighter-container .lighter-next {
  display: none;
  right: 40px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0;
  line-height: 34px;
  font-size: 32pt;
  font-family: Times, serif;
}

.lighter .lighter-container .lighter-prev {
  display: none;
  left: 40px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px;
  line-height: 24pt;
  font-size: 34px;
  font-family: Times, serif;
}

.lighter .lighter-container .lighter-next,
.lighter .lighter-container .lighter-prev,
.lighter .lighter-container .lighter-close {
  cursor: pointer;
  position: absolute;
  z-index: 8000;
  text-align: center;
  border-radius: 40px;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lighter .lighter-container .lighter-next:hover,
.lighter .lighter-container .lighter-prev:hover,
.lighter .lighter-container .lighter-close:hover {
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

.lighter .lighter-container .lighter-next:active,
.lighter .lighter-container .lighter-prev:active,
.lighter .lighter-container .lighter-close:active {
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

/* 共通アイテム */
body {
  background-color: #FFFFFF;
}

article p, article li {
  line-height: 1.3rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-weight: bold;
}

.button-group.stack {
  margin-bottom: 1rem;
}
.button-group.stack.radius li:first-child a {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}
.button-group.stack.radius li:last-child a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.button-group.stack li {
  display: block;
  margin: 0;
  float: none;
}
.button-group.stack li .button {
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}
.button-group.stack li .button.secondary {
  border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack li:first-child .button {
  border-top: 0;
  border-left: 0;
}

.valign-middle {
  display: table;
}
.valign-middle .columns {
  display: table-cell;
  vertical-align: middle;
}
.valign-middle .columns, .valign-middle > [class*="column"] + [class*="column"]:last-child {
  float: none;
}

.caption {
  color: #808080;
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
  font-size: 0.8rem;
  line-height: 1.25rem;
}

.auto-break {
  display: inline-block;
  white-space: nowrap;
}

.roboto {
  font-family: 'Roboto Condensed', sans-serif;
}

.mincho-l {
  font-family: vdl-v7mincho,sans-serif;
  font-weight: 300;
  font-style: normal;
}

.mincho-b {
  font-family: vdl-v7mincho,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.design {
  font-family: vdl-logona,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

.kage {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.maru {
  border-radius: 50%;
}

.text-bold {
  font-weight: bold;
}

.text-up {
  font-size: larger;
}

.text-down {
  font-size: smaller;
}

.deka {
  font-size: 200%;
}

.underline {
  text-decoration: underline;
}

.margin-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-20 {
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.margin-x-20 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin-y-20 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin-top-20 {
  margin-top: 1rem;
}

.margin-right-20 {
  margin-right: 1rem;
}

.margin-bottom-20 {
  margin-bottom: 1rem;
}

.margin-left-20 {
  margin-left: 1rem;
}

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

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

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

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

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

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

.padding-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-20 {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.padding-x-20 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-y-20 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-top-20 {
  padding-top: 1rem;
}

.padding-right-20 {
  padding-right: 1rem;
}

.padding-bottom-20 {
  padding-bottom: 1rem;
}

.padding-left-20 {
  padding-left: 1rem;
}

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

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

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

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

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

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

.display-flex {
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  flex-wrap: wrap;
}

.google-maps {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-bottom: 0.5rem;
  height: 0;
  overflow: hidden;
}
.google-maps iframe, .google-maps object, .google-maps embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cards, .cards4 {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.cards img, .cards p.item_copy, .cards4 img, .cards4 p.item_copy {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.cards h3, .cards4 h3 {
  font-size: 1.2rem;
  padding: 0.75rem 0.75rem 0;
}
.cards p, .cards4 p {
  color: #404040;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0.75rem;
}

.cards2-title {
  margin: 0.15rem;
  height: 100%;
}
.cards2-title h3 {
  margin: 0;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.1rem;
  border-bottom: 2px solid #FFFFFF;
}
.cards2-title p {
  margin-bottom: 0;
  padding: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.25rem;
}
.cards2-title.standard {
  background-color: #e3e9fe;
}
.cards2-title.standard h3 {
  padding: 1rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-bottom: 4px dashed #FFFFFF;
}
.cards2-title.standard p {
  padding: 1rem;
}
.cards2-title.extra {
  background-color: #b3c4fb;
}
.cards2-title.extra h3 {
  padding: 1rem;
  font-size: 1.2rem;
  line-height: 1.5rem;
  border-bottom: 4px dashed #FFFFFF;
}
.cards2-title.extra p {
  padding: 1rem;
}
.cards2-title.aside-box {
  background-color: #f0f0f0;
}

.cards2-staff {
  margin: 0.15rem;
  height: 100%;
  background-color: #f0f0f0;
}
.cards2-staff p {
  margin: 0;
  padding: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.25rem;
  border-bottom: 2px solid #FFFFFF;
}
.cards2-staff p.staff {
  font-weight: bold;
}
.cards2-staff .divider-right {
  border-right: 0.075rem solid #FFFFFF;
}
.cards2-staff .divider-left {
  border-left: 0.075rem solid #FFFFFF;
}

.cards2, .cards3 {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
.cards2 img, .cards2 ul.blockimage, .cards2 p.item_copy, .cards3 img, .cards3 ul.blockimage, .cards3 p.item_copy {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.cards2:hover, .cards3:hover {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.6);
}
.cards2:hover img, .cards3:hover img {
  opacity: 0.6;
}
.cards2:hover ul.blockimage, .cards2:hover p.item_copy, .cards3:hover ul.blockimage, .cards3:hover p.item_copy {
  background-color: rgba(255, 255, 255, 0.6);
}
.cards2 .item_spec, .cards3 .item_spec {
  position: relative;
}
.cards2 .item_spec .item_under, .cards3 .item_spec .item_under {
  position: absolute;
  bottom: 0.5rem;
}
.cards2 .item_spec .item_under span.item_price, .cards3 .item_spec .item_under span.item_price {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000050;
  text-shadow: 0 0 5px white;
}
.cards2 .item_info, .cards3 .item_info {
  position: absolute;
  top: 0;
}
.cards2 .item_info .item_name, .cards3 .item_info .item_name {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2rem;
  display: inline-block;
  padding: 0.5rem 0 0 0.25rem;
}
.cards2 .item_info .item_name.small, .cards3 .item_info .item_name.small {
  font-size: 1.75rem;
}
@media only screen and (max-width: 40rem) {
  .cards2 .item_info .item_name, .cards3 .item_info .item_name {
    font-size: 1.5rem;
  }
}
.cards2 .item_info .item_name i, .cards3 .item_info .item_name i {
  font-size: 2.1rem;
  vertical-align: text-top;
  margin-left: -0.5rem;
  margin-right: -0.3rem;
}
@media only screen and (max-width: 40rem) {
  .cards2 .item_info .item_name i, .cards3 .item_info .item_name i {
    font-size: 1.5rem;
    margin-right: -0.1rem;
  }
}
.cards2 .item_info .item_name i.icon-toilet, .cards3 .item_info .item_name i.icon-toilet {
  color: #FFFFCC;
}
.cards2 .item_info .item_name i.icon-male, .cards3 .item_info .item_name i.icon-male {
  color: #CCCCFF;
}
.cards2 .item_info .item_name i.icon-female, .cards3 .item_info .item_name i.icon-female {
  color: #FFCCCC;
}
.cards2 .item_info .item_price, .cards3 .item_info .item_price {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000050;
  text-shadow: 0 0 5px white;
}
.cards2 .blockimage, .cards3 .blockimage {
  margin: 0;
  background-color: #FFFFFF;
}
.cards2 .blockimage li, .cards3 .blockimage li {
  padding: 0 !important;
  margin: 0 !important;
}
.cards2 .item_copy, .cards3 .item_copy {
  font-size: 0.9rem;
  line-height: 1.1rem;
  color: #404040;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
}
.cards2 .item_copy span.sales_point, .cards3 .item_copy span.sales_point {
  text-shadow: none;
  font-weight: bold;
  font-size: inherit;
}
.cards2 .item_copy:after, .cards3 .item_copy:after {
  content: "\F18E";
  position: absolute;
  bottom: 1.25rem;
  right: 0.4rem;
  font-family: "fontello";
  font-size: 3rem;
  color: #505050;
  opacity: 0.15;
}

.cards3 {
  background-color: white;
}

.cards4 {
  margin: 0.15rem;
}
.cards4 h3 {
  color: white;
  background-color: #505050;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #808080), color-stop(0, #505050));
  background: -webkit-linear-gradient(#505050, #808080);
  background: -moz-linear-gradient(#505050, #808080);
  background: -o-linear-gradient(#505050, #808080);
  background: -ms-linear-gradient(#505050, #808080);
  background: linear-gradient(#505050, #808080);
  text-align: center;
  font-size: 1.25rem;
  margin: 0 0 0.15rem;
  padding: 0.75rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
.cards4 h3 small {
  color: white;
}
.cards4 .accordion li.accordion-navigation {
  border-top: 3px solid white;
}
.cards4 .accordion li.accordion-navigation:first-child {
  border-top: none;
}
.cards4 .accordion li.accordion-navigation a {
  font-weight: bold;
  padding-right: 3rem;
  padding-left: 3rem;
}
.cards4 .accordion li.accordion-navigation a:before {
  content: "\E804";
  font-family: "fontello";
  margin-right: 0.3rem;
}
.cards4 .accordion li.accordion-navigation a:after {
  content: "\F107";
  position: absolute;
  bottom: 0.5rem;
  right: 0.4rem;
  font-family: "fontello";
  font-size: 3rem;
  color: #505050;
  opacity: 0.15;
}
.cards4 .accordion li.accordion-navigation .content p {
  margin-bottom: 1.25rem;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.25rem;
}
.cards4 .accordion li.accordion-navigation .content ul {
  margin-left: 0;
}
.cards4 .accordion li.accordion-navigation .content ul li {
  padding: 0.5rem;
  background: #f0f0f0;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.cards4 .accordion li.accordion-navigation .content ul li td {
  text-align: center;
}
.cards4 .accordion li.active a:after {
  content: "\F106";
}

.aside_gray {
  margin-bottom: 2rem;
  padding: 1rem 0;
  background-color: #F3F3F3;
}

p.title_bar-caption {
  font-size: 1.25rem;
  line-height: 1.25;
  margin: 1.5rem 0;
}

.cards2, .aside-cards {
  margin: 0.15rem;
  position: relative;
  display: block;
}
.cards2 span, .aside-cards span {
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  font-size: 0.8rem;
}
.cards2 .photo_info, .aside-cards .photo_info {
  position: absolute;
  top: 0;
}
.cards2 .photo_info .photo_label, .aside-cards .photo_info .photo_label {
  display: inline-block;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 1.3rem;
  border-radius: 0 0rem 2rem 0;
}
@media (min-width: 40rem) {
  .cards2 .photo_info .photo_label, .aside-cards .photo_info .photo_label {
    font-size: 1.1rem;
  }
}
@media (min-width: 64rem) {
  .cards2 .photo_info .photo_label, .aside-cards .photo_info .photo_label {
    font-size: 1.2rem;
  }
}
.cards2 .photo_caption, .aside-cards .photo_caption {
  position: absolute;
  bottom: 0;
  padding: 0.25rem;
  color: #303030;
  text-shadow: 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF;
  font-weight: bold;
  line-height: 0.9;
}
.cards2 .photo_copy, .aside-cards .photo_copy {
  line-height: 1.25rem;
  color: #404040;
  background-color: white;
  margin: 0;
  padding: 0.75rem;
  border-top: 1px solid #f0f0f0;
}

.aside-cards {
  margin: 0.15rem;
  position: relative;
  display: block;
}
.aside-cards .support {
  margin: 0;
}
.aside-cards .support h2.title_box {
  margin: 0 !important;
  font-size: 1.5rem;
}
.aside-cards .support h2 span {
  text-shadow: none;
  font-size: inherit;
}
.aside-cards .support h2 span.sub-title {
  font-size: 1rem;
}
.aside-cards .support h3 {
  font-size: 1.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid;
}
.aside-cards .support h3 span {
  font-size: 1.25rem;
  color: #222;
  text-shadow: none;
}
.aside-cards .support h3.sub-copy {
  border-top: 0;
  margin: 1rem 0 0 !important;
}
.aside-cards .support .aside-cards {
  margin: 0;
}
.aside-cards .support img {
  margin-bottom: 0;
}
.aside-cards .support i .button.tiny i {
  font-size: inherit;
  vertical-align: inherit;
}
.aside-cards .support ul, .aside-cards .support ol {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}
.aside-cards .support ul li, .aside-cards .support ol li {
  padding: 0.5rem;
  background-color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #F9F9F9), color-stop(0, #FFFFFF));
  background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
  background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
  background: -o-linear-gradient(#FFFFFF, #F9F9F9);
  background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
  background: linear-gradient(#FFFFFF, #F9F9F9);
  /* margin-top: 0.5rem; */
  font-size: 1.25rem;
  line-height: 1.25;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.aside-cards .support ul li i, .aside-cards .support ol li i {
  vertical-align: -0.15rem;
}
.aside-cards .support ul li i.icon-frown, .aside-cards .support ol li i.icon-frown {
  color: #F04124;
}
.aside-cards .support ul li i.icon-smile, .aside-cards .support ol li i.icon-smile {
  color: #30B040;
}
.aside-cards .support ul li span, .aside-cards .support ol li span {
  font-weight: bold;
  text-shadow: inherit;
  color: #F04124;
  font-size: inherit;
}
.aside-cards .support2 {
  margin: 0;
}
.aside-cards .support2 ul, .aside-cards .support2 ol {
  list-style: none;
  padding: 1rem;
  background-color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #F9F9F9), color-stop(0, #FFFFFF));
  background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
  background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
  background: -o-linear-gradient(#FFFFFF, #F9F9F9);
  background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
  background: linear-gradient(#FFFFFF, #F9F9F9);
  margin-left: 0;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.aside-cards .support2 ul li, .aside-cards .support2 ol li {
  padding-left: 1rem;
  text-indent: -1rem;
  line-height: 1.5rem;
}
.aside-cards .support2 ul li:before, .aside-cards .support2 ol li:before {
  content: "・";
  color: red;
}
.aside-cards .support2 ul li span, .aside-cards .support2 ol li span {
  font-weight: bold;
  text-shadow: inherit;
  color: #F04124;
  font-size: inherit;
}

.js-lazy-image.is-ready {
  opacity: 0;
}

.js-lazy-image.is-loaded {
  opacity: 1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

span.red {
  color: #F04124;
}
span.chip {
  font-weight: bold;
  background-color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0 0.25rem;
  display: inline-block;
}

.sub-nav a:before {
  content: '\71';
  font-family: "fontello";
  margin-right: 0.3rem;
}

table caption {
  background-color: #808080;
  color: #FFFFFF;
  padding: 0.25rem;
}
table.respond {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}
table.respond caption {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
table.respond thead {
  border-bottom: 3px double #ddd;
}
@media screen and (max-width: 40rem) {
  table.respond thead {
    display: none;
  }
}
table.respond tr {
  background: #FFFFFF;
}
table.respond tr:nth-child(even) {
  background-color: #F3F3F3;
}
@media screen and (max-width: 40rem) {
  table.respond tr {
    border-bottom: 1px solid #808080;
    display: block;
    background: #FFFFFF;
  }
}
table.respond th {
  padding: 0.625em;
  text-align: center;
}
table.respond td {
  padding: 0.625em;
  text-align: center;
}
@media screen and (max-width: 40rem) {
  table.respond td {
    display: block;
    text-align: right;
    background: #FFFFFF;
  }
  table.respond td:nth-child(even) {
    background-color: #F3F3F3;
  }
  table.respond td:before {
    content: attr(aria-label);
    float: left;
  }
}
table.responsive {
  /* line-height: normal; */
}
table.responsive tr:first-child {
  background-color: #ddd;
}
table.responsive th, table.responsive td {
  text-align: center;
}
table.responsive th.sub {
  font-weight: normal;
}
table.responsive th.sub span {
  font-weight: bold;
  font-size: 1.25rem;
  color: red;
}
table.responsive2 {
  /* line-height: normal; */
}
table.responsive2 tr:first-child {
  border-top: #222;
}
table.responsive2 th, table.responsive2 td {
  text-align: center;
}

article h4 {
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 0.5rem;
}
article h4.underline {
  border-bottom: 1px solid;
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
}
article p {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
article .price h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 1.5rem;
  color: #808080;
}
article .price .subscription {
  margin: 0.5rem 0 0;
}
article .price .subscription p {
  margin-bottom: 0.2rem;
  line-height: 1rem;
}
article .price table {
  width: 100%;
}
article .price table thead td, article .price table tfoot td {
  font-weight: normal;
}
article .price table tbody td {
  font-size: 105%;
  font-weight: bold;
  color: #F04124;
}
article .price table th {
  color: #808080;
}
article i.small {
  font-size: 1.7rem;
}
article i.gray {
  color: #808080;
}
article i.black {
  color: #303030;
}
article i.green {
  color: #38A91B;
}

.futo {
  border: outset;
}

h3.jirei {
  border-top: 0.15rem solid;
  padding-top: 0.25rem;
  font-size: 1.25rem;
  margin-top: 2rem;
}

.case h3 {
  color: #406080;
  border-left: 0.35rem solid #406080;
  font-size: 1.4rem;
  line-height: 2rem;
  padding-left: 0.5rem;
  margin-top: 1rem;
}
.case .sub h3 {
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.sample-cell {
  background-color: #85cfe8;
}

ul.points {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #ddd;
}

dl.light-faq dt {
  border-bottom: 1px solid #f0f0f0;
}
dl.light-faq dt:before {
  content: "\e803";
  font-family: fontello;
  margin-right: 0.25rem;
  color: #808080;
}
dl.light-faq dd {
  margin-bottom: 1.25rem;
}
dl.light-faq dd:before {
  content: "\e814";
  font-family: fontello;
  margin-right: 0.25rem;
}
dl.light-faq dd:last-child {
  margin-bottom: 0;
}
dl.light-faq dd .button {
  margin-bottom: 0;
}
dl.light-faq dd .button i {
  font-size: 1.25rem;
  vertical-align: sub;
}

.reason {
  margin-bottom: 3rem !important;
}
.reason h3 {
  font-size: 1.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid;
}
.reason img {
  margin-bottom: 0.25rem;
}
.reason ul li, .reason ol li {
  padding: 0.5rem;
  background: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}

/* FAQ */
.sub-menu {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.sub-menu li {
  margin: 0;
  display: flex;
}
.sub-menu li .button {
  border-bottom: 1px solid;
  display: block;
  margin-bottom: 0;
  padding: 1rem 0;
}
.sub-menu li a {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1rem;
}
.sub-menu.button-group a {
  text-align: left;
  padding-left: 1rem;
}
.sub-menu.button-group a:before {
  content: '\E803';
  font-family: "fontello";
  font-weight: normal;
}
.sub-menu.cases a:before {
  content: '\F0A9';
}

.anchor {
  padding-top: 1rem;
}

h3.faq {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
h3.faq:before {
  content: '\E803';
  font-family: "fontello";
  font-weight: normal;
  padding-right: 0.25rem;
}

.accordion {
  margin-bottom: 1rem;
}
.accordion dd > a {
  padding: 0.5em 2rem 0.5rem 0.5rem;
  font-size: 0.9em;
  border-bottom: 1px solid;
  border-color: white;
  transition: all 200ms ease-out 0s;
  position: relative;
}
.accordion dd > a:after {
  position: absolute;
  content: '\F107';
  font-family: "fontello";
  top: 0.5rem;
  right: 0.4rem;
  font-size: 1.5rem;
}
.accordion dd div.content {
  padding: 0.5em;
  font-size: 0.9em;
}
.accordion dd div.content.active {
  background-color: white;
}
.accordion dd div.content ol {
  margin-bottom: 0;
}
.accordion dd div.content ol li {
  font-size: 0.9em;
  line-height: 1.5rem;
}

/* ORDER FLOW */
.flow .numbers {
  margin: 0 0 2rem;
}

img.all_radius {
  border-radius: 0.5rem;
}

img.under_radius {
  border-radius: 0 0 0.5rem 0.5rem;
}

a:hover h4, a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.kei {
  box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out 0s;
}

.zoom {
  position: relative;
  display: block;
}
.zoom:before {
  position: absolute;
  font-size: 1.4rem;
  bottom: 0.15rem;
  right: 0.3rem;
  content: '\E81D';
  font-family: "fontello";
  color: #303030;
  text-shadow: 0px 0px 10px white;
}
@media only screen and (min-width: 40rem) {
  .zoom:before {
    font-size: 2rem;
    bottom: 0.6rem;
    right: 0.4rem;
  }
}

i {
  font-size: 1.5rem;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  i {
    font-size: 1.75rem;
  }
}

.button i.block {
  font-size: 2.5rem;
  display: block;
}

button.flow, .button.flow {
  background-color: #04b887;
  border-color: #28fac1;
  color: white;
}
button.flow i, .button.flow i {
  color: #9CFF00;
}

button.flow:hover, button.flow:focus, .button.flow:hover, .button.flow:focus {
  background-color: #5afbcf;
}
button.flow:hover i, button.flow:focus i, .button.flow:hover i, .button.flow:focus i {
  color: #7dcc00;
}

button.flow:hover, button.flow:focus, .button.flow:hover, .button.flow:focus {
  color: white;
}

.cta-button .button {
  font-weight: bold;
}
.cta-button .button:hover {
  color: white;
}
.cta-button .button.cta-youtube:hover {
  background-color: #DA1725;
}
.cta-button .button.cta-youtube:hover i {
  color: white;
}
.cta-button .button.cta-form {
  background-color: #e0c000;
}
.cta-button .button.cta-form i {
  color: white;
}
.cta-button .button.cta-form:hover {
  background-color: #ffdd14;
}
.cta-button .button.cta-mail {
  background-color: #0089f0;
}
.cta-button .button.cta-mail i {
  color: white;
}
.cta-button .button.cta-mail:hover {
  background-color: #24a1ff;
}
.cta-button .button.cta-tel {
  background-color: #FF8600;
}
.cta-button .button.cta-tel i {
  color: white;
}
.cta-button .button.cta-tel:hover {
  background-color: #ff9e33;
}
.cta-button .button.cta-tel-none {
  background-color: #FF8600;
}
.cta-button .button.cta-tel-none i {
  color: white;
}
.cta-button .button.cta-tel-none:hover {
  cursor: default;
  color: inherit;
}
.cta-button .button.cta-line {
  background-color: #00B900;
}
.cta-button .button.cta-line i {
  color: white;
}
.cta-button .button.cta-line:hover {
  background-color: #00ec00;
}
.cta-button .button.cta-fb {
  color: white;
  background-color: #3B5998;
}
.cta-button .button.cta-fb i {
  color: white;
}
.cta-button .button.cta-fb:hover {
  background-color: #4c70ba;
}

.product_price {
  margin-bottom: 0;
}
.product_price .ori_title, .product_price .sub_title {
  background-color: #808080;
  color: #FFFFFF;
  font-size: 0.8rem;
  line-height: 1.1rem;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  display: block;
  display: inline-block;
  border-radius: 0.15rem;
}
.product_price .ori_price, .product_price .sub_price {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  color: #808080;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.product_price .ori_price:after {
  content: '\E80B';
  font-family: "fontello";
  display: block;
  margin: 0 2rem;
}
.product_price .roots_title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: white;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  border-radius: 0.15rem;
}
@media screen and (max-width: 40rem) {
  .product_price .roots_title {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.product_price .roots_price {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
  display: block;
  padding-bottom: 0.25rem;
}

.product_custom i {
  font-size: 3.5rem;
}
.product_custom .custom_title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: white;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  display: block;
  text-align: center;
  font-weight: bold;
  border-radius: 0.15rem;
}
.product_custom .caption {
  margin-bottom: 0;
  color: #505050;
}
.product_custom .product_custom_back {
  padding: 1rem;
}

/* kakou */
.custom .wrapper {
  margin: 0 0 4rem;
  padding: 2rem 0;
}
.custom .wrapper h3 {
  font-size: 1.4rem;
  line-height: 1.75rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.custom .wrapper h3 small {
  background-color: white;
  padding: 0.25rem;
  margin: 0 0.5rem;
  line-height: 1rem;
  border-radius: 0.15rem;
}
.custom .wrapper a .cards {
  margin-bottom: 2rem;
}
.custom .wrapper a .cards img {
  border-radius: 0.25rem 0.25rem 0 0;
}
.custom .wrapper a .cards p {
  padding: 0.25rem;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: center;
  font-weight: bold;
  border-radius: 0 0 0.25rem 0.25rem;
}
.custom .wrapper a .cards:hover {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  transition: all 200ms ease-out 200ms;
}

.pricing-table .title {
  font-size: 0.9rem;
}
.pricing-table .price {
  font-size: 1.1rem;
}

.pricing-table_roots {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 1.25rem;
  list-style: none;
  line-height: 1;
}
.pricing-table_roots li {
  line-height: 1.25rem !important;
}
.pricing-table_roots .title {
  background-color: #bb260d;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #eee;
  font-weight: normal;
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
@media only screen and (max-width: 40rem) {
  .pricing-table_roots .title {
    font-size: 1.2rem;
  }
}
.pricing-table_roots .price {
  background-color: #fde7e3;
  padding: 0.9375rem 1.25rem;
  text-align: center;
  color: #F04124;
  font-weight: bold;
  font-size: 3rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
@media only screen and (max-width: 40rem) {
  .pricing-table_roots .price {
    font-size: 1.5rem;
  }
}

.product {
  font-size: 3rem;
  line-height: 2.75rem;
  padding: 0 1rem 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
}
@media only screen and (min-width: 40rem) {
  .product {
    font-size: 4rem;
    line-height: 3.5rem;
    padding: 0 0 1rem 1rem;
  }
}
.product span {
  font-size: 0.75rem;
  line-height: 1rem;
  vertical-align: 0.4rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  color: white;
  background-color: #808080;
  display: inline-block;
}
.product span.key-back {
  font-size: 1rem;
}

.product-list {
  color: #303030;
  list-style-type: none;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5rem;
}
.product-list li {
  padding-bottom: 0.4rem;
  margin-top: 0.4rem;
  border-bottom: 1px solid #f0f0f0;
}
.product-list li:before {
  content: "★";
  display: block;
  float: left;
  margin-left: -1rem;
  width: 1rem;
  text-align: center;
}
.product-list li:last-child {
  border-bottom: none;
}

.product-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.25rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  text-align: center;
}
.product-container a {
  color: #505050;
  display: block;
  line-height: 1.5rem;
}
.product-container p {
  font-size: 0.9rem;
  line-height: 1rem;
  padding-top: 0.5rem;
}

/* 共通構成要素 */
/* BODY - main image */
#main_image, #main_image2, #main_image3, #main_image4 {
  background-color: #F3F3F3;
  margin-bottom: 2rem;
}
#main_image h2.product, #main_image2 h2.product, #main_image3 h2.product, #main_image4 h2.product {
  font-family: inherit;
}
#main_image p, #main_image2 p, #main_image3 p, #main_image4 p {
  line-height: 1rem !important;
}
#main_image div.sales-point, #main_image2 div.sales-point, #main_image3 div.sales-point, #main_image4 div.sales-point {
  padding: 0.75rem;
  font-size: 2rem;
  background-color: white;
  line-height: 2rem;
  display: inline-block;
}
#main_image span.other-items, #main_image2 span.other-items, #main_image3 span.other-items, #main_image4 span.other-items {
  font-size: 0.9rem;
}
#main_image ul, #main_image2 ul, #main_image3 ul, #main_image4 ul {
  margin: 0 1rem;
  padding-bottom: 0.25rem;
}
#main_image ul:last-child, #main_image2 ul:last-child, #main_image3 ul:last-child, #main_image4 ul:last-child {
  margin-bottom: 0.25rem;
}

#main_img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.main_img-box {
  position: relative;
  margin-bottom: 2rem;
}
.main_img-box img {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.main_img-box .main_catch-box {
  position: absolute;
  margin: 0 auto;
  margin-top: 50%;
  width: 100%;
}
@media (min-width: 40rem) {
  .main_img-box .main_catch-box {
    margin-top: 35%;
  }
}
@media (min-width: 64rem) {
  .main_img-box .main_catch-box {
    margin-top: 12%;
  }
}
.main_img-box .main_catch-box .main_catch {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 40rem) {
  .main_img-box .main_catch-box .main_catch {
    padding: 1rem;
  }
}
.main_img-box .main_catch-box .main_catch h1 {
  color: white;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 1rem;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7), 1px 1px 7px rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-align: center;
}
@media (min-width: 40rem) {
  .main_img-box .main_catch-box .main_catch h1 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media (min-width: 64rem) {
  .main_img-box .main_catch-box .main_catch h1 {
    text-align: left;
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.main_img-box .main_catch-box .main_catch .sub_catch {
  color: #f0f0f0;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.1rem;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.9);
  margin-bottom: 0;
}
@media (min-width: 40rem) {
  .main_img-box .main_catch-box .main_catch .sub_catch {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}
.main_img-box .main_catch-box .main_catch a {
  color: #0089f0;
  font-weight: bold;
}
.main_img-box .main_catch-box .main_catch a:hover {
  color: white;
  background-color: #0089f0;
}

.spec .aside_gray {
  padding: 0;
}

.lux-spec > .row > .columns > .row > .columns {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.lux-spec h3.lux {
  font-family: vdl-v7mincho,sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  padding: 0.75rem 0;
}
.lux-spec p.lux-caption {
  font-family: vdl-v7mincho,sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 0;
  line-height: 1.5;
}

body#syoubou .main_img-box .main_catch-box {
  top: 53%;
}
@media (min-width: 40rem) {
  body#syoubou .main_img-box .main_catch-box {
    top: 35%;
  }
}
@media (min-width: 64rem) {
  body#syoubou .main_img-box .main_catch-box {
    top: 30%;
  }
}

body#work #main_image, body#work #main_image2, body#work #main_image3, body#work #main_image4 {
  margin-bottom: 0;
}

/* COMMENT */
.comments, .comments-staff {
  position: relative;
  display: inline-block;
  padding: 9px;
  margin-bottom: -8px;
  margin-left: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.comments:before, .comments-staff:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 13px transparent solid;
  border-right-width: 0;
  position: absolute;
  top: 25px;
  left: 15px;
  transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
}

.comments-staff {
  background-color: #505050 !important;
}
.comments-staff:before {
  border-left-color: #505050 !important;
}

.panel {
  border-radius: 0.3rem;
  border: none;
}
.panel h3 {
  color: #CC0000;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: white;
  border-radius: 0.5rem;
  margin: 0.5rem 0;
  padding: 0.2rem 0.4rem;
}

.price-table {
  border-top: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  border-left: none;
  width: 100%;
}
.price-table caption {
  background-color: white;
  padding: 0 0 0.5rem 0;
  text-align: left;
  font-size: 0.8rem;
  color: inherit;
}
.price-table caption:before {
  content: '●';
  margin-right: 0.25rem;
}
.price-table .products td {
  font-weight: bold;
  font-size: 1rem;
}
.price-table .products td:nth-child(2) {
  text-align: right;
}
.price-table .options td:nth-child(2) {
  text-align: right;
}
.price-table .total td {
  text-align: center;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
  background-color: white;
}
.price-table .total td span {
  font-weight: bold;
  color: red;
}
.price-table tfoot td {
  color: #999;
  background-color: white;
  font-weight: normal !important;
  font-size: 0.8rem !important;
  padding: 0.5rem 0 0 0;
}

/* CONTENTS MENU */
.nav_contents {
  background-color: #F3F3F3;
}
.nav_contents .items {
  color: #FFFFFF;
  text-align: center;
  border-right: 0.1rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  border-left: 0.1rem solid #FFFFFF;
}
.nav_contents h2 {
  color: #303030;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 1.25rem;
  text-align: center;
  margin: 1rem 0 0;
  border-bottom: 0.2rem solid #808080;
}
.nav_contents ul li {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
  color: #FFFFFF;
  text-align: center;
  border-right: 0.1rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  border-left: 0.1rem solid #FFFFFF;
  font-size: 0.8rem;
  line-height: 1rem;
}
.nav_contents ul li a {
  color: #FFFFFF;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  padding: 0 0 0.75rem 0;
  width: 100%;
  height: 100% !important;
  transition: background-color 300ms ease-out 0s;
}
.nav_contents ul li a img {
  margin: 0 0 0.75rem 0;
}
.nav_contents ul li a span {
  font-size: 0.7rem;
}

/* NAVIGATION */
.nav_under h3 {
  color: #303030;
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 1px solid;
  padding: 0.2em 0;
}
@media only screen and (max-width: 40rem) {
  .nav_under h3 {
    margin-bottom: 0;
  }
}
.nav_under a {
  color: #FFFFFF;
  text-decoration: underline;
}
.nav_under a:hover {
  text-decoration: none;
}
.nav_under .now {
  color: #303030;
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 40rem) {
  .nav_under .now {
    padding: 0.8rem 0 0;
  }
}
.nav_under .now:before {
  content: '\E809';
  font-family: "fontello";
  margin-right: 0.3rem;
}
.nav_under ul {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.nav_under li {
  line-height: 1.8rem;
}
@media only screen and (max-width: 40rem) {
  .nav_under li ul {
    margin-top: 0.8rem;
  }
  .nav_under li a {
    color: #303030;
    display: block;
    padding: 0.8rem;
    background-color: #dedede;
    margin-bottom: 1px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nav_under li a:hover {
    color: #303030;
    font-weight: bold;
  }
}

/* BOTTOM NAVIGATION */
#nav_contact .nav_contact_wrapper {
  width: 100%;
  box-shadow: 0 1px 4px 0 #404040;
  background: rgba(50, 50, 50, 0.9);
  position: fixed;
  bottom: 0;
  z-index: 10;
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper {
    width: auto;
    bottom: auto;
    top: 0;
    right: 0;
    box-shadow: none;
    background: inherit;
  }
}
#nav_contact .nav_contact_wrapper p {
  margin: 0;
  padding: 0.25rem 0 0;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.9rem;
  color: #FFFFFF;
  font-weight: bold;
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper p {
    padding: 0 0.75rem 0 0;
    text-align: right;
    color: #808080;
    line-height: 0.75rem;
  }
}
#nav_contact .nav_contact_wrapper .nav_contact_bar {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li {
  list-style-type: none;
  position: relative;
  vertical-align: middle;
  text-align: center;
  width: 33.333%;
  border-right: 1px solid #ccc;
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li {
    width: auto;
    border-right: none;
  }
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li:last-child {
  border-right: none;
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number {
  padding: 0.75rem;
  line-height: 2.25rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.75rem;
  font-weight: 700;
  font-size: 1.75rem;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
}
@media (min-width: 40rem) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number {
    font-size: 1.5rem;
    color: #FFFFFF;
    border-right: 0;
  }
}
@media (max-width: 850px) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number {
    line-height: 1.25rem;
  }
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number {
    font-size: 2rem;
    color: #303030;
    text-shadow: 0 0 4px white;
    border-right: 0;
    padding-left: 0;
  }
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number .icon-free-dial {
  vertical-align: top;
  font-size: 1.75rem;
  margin-right: -0.25rem;
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li.nav_contact_bar-number .icon-free-dial {
    font-size: 2rem;
  }
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li span.nav_contact_bar-mail {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li .nav_contact_bar-item {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0.5rem;
  line-height: 1.1rem;
  padding-bottom: 1rem;
  color: white;
}
#nav_contact .nav_contact_wrapper .nav_contact_bar li .nav_contact_bar-item:hover {
  background-color: rgba(150, 150, 150, 0.9);
}
@media (min-width: 64rem) {
  #nav_contact .nav_contact_wrapper .nav_contact_bar li .nav_contact_bar-item {
    color: #303030;
    padding-bottom: 0;
    text-shadow: 0 0 4px white;
  }
  #nav_contact .nav_contact_wrapper .nav_contact_bar li .nav_contact_bar-item:hover {
    color: #000000;
  }
}

/* FOOTER */
footer {
  background-color: #FFFFFF;
}
@media (max-width: 64rem) {
  footer {
    margin-bottom: 4rem;
  }
}

/* Drawer */
.drawer-navbar {
  background: rgba(230, 230, 230, 0.75);
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.25);
  border-bottom: none;
}
.drawer-navbar button:hover, .drawer-navbar button:active, .drawer-navbar button:focus {
  background-color: transparent;
}
@media (min-width: 75rem) {
  .drawer-navbar .drawer-container {
    max-width: 62.5rem;
  }
}
@media (min-width: 75rem) {
  .drawer-navbar .drawer-container {
    max-width: 62.5rem;
  }
}
.drawer-navbar .drawer-container .drawer-navbar-header {
  background: none;
  border-bottom: none;
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand {
  font-size: 1.35rem;
  padding: 0 1rem 0 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  color: white;
}
@media (max-width: 64rem) {
  .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand {
    font-size: 1rem;
  }
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand:hover {
  color: white;
}
.drawer-navbar .drawer-container i {
  font-size: 1.5rem;
  vertical-align: -0.2rem;
}
.drawer-navbar .drawer-container .drawer-nav {
  background: none;
}
@media (max-width: 40rem) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-caret {
    display: none;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item {
  font-size: 0.95rem;
  font-weight: 700;
  color: #303030;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  border-left: 1px solid #303030;
}
@media (max-width: 64rem) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item {
    border-left: 0;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:hover, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:active, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item:focus {
  text-decoration: none;
  color: white;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active {
  background-color: rgba(100, 100, 100, 0.4);
  color: #cccccc;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:hover, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:active, .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-menu-item.drawer-active:focus {
  background-color: rgba(100, 100, 100, 0.4) !important;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown li:last-child a {
  border-right: 0;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu {
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 40rem) {
  .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu {
    display: block;
  }
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item {
  font-weight: 700;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  color: white;
  text-decoration: none;
}
.drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown .drawer-dropdown-menu li:last-child a {
  border-bottom: 0;
}

/* Swiper */
.under-main_img {
  margin-top: 130%;
}
@media (min-width: 40rem) {
  .under-main_img {
    margin-top: 75%;
  }
}
@media (min-width: 64rem) {
  .under-main_img {
    margin-top: 41%;
  }
}

.swiper-container {
  height: 100%;
  margin-bottom: 2rem;
}
.swiper-container .swiper-slide {
  overflow: visible;
  z-index: 1;
}
.swiper-container .swiper-slide p {
  font-size: 0.9rem;
  position: absolute;
  bottom: 10px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-weight: bold;
  text-shadow: 0 0 4px black;
  text-align: center;
}
.swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: none;
}

/* Modal */
body.modal-open {
  position: fixed;
  width: 100%;
  height: 100%;
}

dialog, .reveal-modal {
  border: 0 none;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  max-height: initial;
  height: 100%;
  padding-bottom: 3rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* dialog, .reveal-modal-bg {
	background-color: transparent;
} */
/* カテゴリーごと */
body#jyan .key-text {
  color: #4BC3EF;
}
body#jyan .key-back {
  background-color: #4BC3EF;
}
body#jyan h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#jyan h1.title_box {
  color: white;
  background-color: #4BC3EF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2199c5), color-stop(0, #4BC3EF));
  background: -webkit-linear-gradient(#4BC3EF, #2199c5);
  background: -moz-linear-gradient(#4BC3EF, #2199c5);
  background: -o-linear-gradient(#4BC3EF, #2199c5);
  background: -ms-linear-gradient(#4BC3EF, #2199c5);
  background: linear-gradient(#4BC3EF, #2199c5);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#jyan h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#jyan h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#jyan h1.title_box .sub-title {
    display: inline-block;
  }
}
body#jyan h2.title_box {
  color: white;
  background-color: #4BC3EF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2199c5), color-stop(0, #4BC3EF));
  background: -webkit-linear-gradient(#4BC3EF, #2199c5);
  background: -moz-linear-gradient(#4BC3EF, #2199c5);
  background: -o-linear-gradient(#4BC3EF, #2199c5);
  background: -ms-linear-gradient(#4BC3EF, #2199c5);
  background: linear-gradient(#4BC3EF, #2199c5);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#jyan h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#jyan h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#jyan h2.title_box .sub-title {
    display: inline-block;
  }
}
body#jyan h2.title_box small {
  color: #f0f0f0;
}
body#jyan h2.title_bar {
  color: white;
  background-color: #00305c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #005a86), color-stop(0, #00305c));
  background: -webkit-linear-gradient(#00305c, #005a86);
  background: -moz-linear-gradient(#00305c, #005a86);
  background: -o-linear-gradient(#00305c, #005a86);
  background: -ms-linear-gradient(#00305c, #005a86);
  background: linear-gradient(#00305c, #005a86);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#jyan h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#jyan h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#jyan h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#jyan h2.title_bar small {
  color: #f0f0f0;
}
body#jyan h2.product-copy {
  color: #4BC3EF;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#jyan h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#jyan h3.items {
  color: #2199c5;
  border-right: 2px solid #2199c5;
  border-left: 2px solid #2199c5;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#jyan h3.prices {
  color: white;
  background-color: #2199c5;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#jyan h3.prices small {
  color: #F3F3F3;
}
body#jyan h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#jyan h3.push {
  text-align: center;
  background-color: #2199c5;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#jyan h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #4BC3EF;
}
body#jyan h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#jyan h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #4BC3EF;
}
body#jyan h5 {
  font-weight: bold;
}
body#jyan .key-back {
  background-color: #4BC3EF;
}
body#jyan .cards2 {
  background: #4BC3EF;
}
body#jyan .cards2 .item_info .item_name {
  border-left: 0.25rem solid #4BC3EF;
}
body#jyan .cards2 .item_copy span.sales_point {
  color: #4BC3EF;
}
body#jyan .cards2.jyan {
  background: #4BC3EF;
}
body#jyan .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#jyan .cards2.poro {
  background: #5178F7;
}
body#jyan .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#jyan .cards2.shirt {
  background: #968060;
}
body#jyan .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#jyan .cards2.suta {
  background: #A668D5;
}
body#jyan .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#jyan .cards2.syoubou {
  background: #F06060;
}
body#jyan .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#jyan .cards2.enamel {
  background: #FF9050;
}
body#jyan .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#jyan .cards2.gold {
  background: #E5C33C;
}
body#jyan .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#jyan .cards2.work {
  background: #40D0B0;
}
body#jyan .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#jyan .cards2.hoodie {
  background: #7067e3;
}
body#jyan .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#jyan .cards2.other {
  background: #82DA5F;
}
body#jyan .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#jyan .cards2.color {
  background: #F070B0;
}
body#jyan .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#jyan .cards2.betchu {
  background: #896e4f;
}
body#jyan .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#jyan .cards2.contents {
  background: #30B040;
}
body#jyan .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#jyan .cards3 {
  margin-bottom: 2rem;
}
body#jyan .cards3 .points {
  margin-top: 0;
  background: #4BC3EF;
}
body#jyan .cards4 .accordion li a:before {
  color: #4BC3EF;
}
body#jyan .product_price .roots_title, body#jyan .product_price .sub_title {
  background-color: #4BC3EF;
}
body#jyan .product_price .roots_price, body#jyan .product_price .sub_price {
  color: #4BC3EF;
}
body#jyan .sub-menu.button-group a:before {
  color: #4BC3EF;
}
body#jyan h3.faq:before {
  color: #4BC3EF;
}
body#jyan .accordion dd > a {
  background-color: #c0eaf9;
  border-left: 4px solid #4BC3EF;
  line-height: 1.25rem;
}
body#jyan .accordion dd > a:after {
  color: #4BC3EF;
}
body#jyan .accordion dd > a:hover {
  background-color: #4BC3EF;
}
body#jyan .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#jyan .accordion dd .content.active {
  border-right: 1px solid #c0eaf9;
  border-bottom: 1px solid #c0eaf9;
  border-left: 1px solid #c0eaf9;
  line-height: 1.25rem;
}
body#jyan .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #4BC3EF;
}
body#jyan .swiper-button-next, body#jyan .swiper-button-prev, body#jyan .swiper-container-rtl .swiper-button-prev, body#jyan .swiper-container-rtl .swiper-button-next {
  fill: #4BC3EF;
}
body#jyan .swiper-pagination-bullet-active {
  background: #4BC3EF;
}
body#jyan .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #4BC3EF;
}
@media (max-width: 64rem) {
  body#jyan .drawer-navbar .drawer-container .drawer-nav {
    background-color: #91daf5;
  }
}
body#jyan .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#jyan .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#jyan .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #4BC3EF;
}
body#jyan .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #91daf5;
}
body#jyan .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #4BC3EF;
}
body#jyan .product_custom i {
  color: #4BC3EF;
}
body#jyan .product_custom .custom_title {
  background-color: #4BC3EF;
}
body#jyan .product_custom .product_custom_back {
  background-color: #d8f2fb;
}
body#jyan .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#jyan .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#jyan .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#jyan .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#jyan .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#jyan .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#jyan .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#jyan .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#jyan .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#jyan .custom .wrapper {
  background-color: #d8f2fb;
}
body#jyan .product-list li:before {
  color: #4BC3EF;
}
body#jyan .panel.jyan {
  background-color: #e3f6fd;
}
body#jyan .panel.jyan h3 {
  color: #4BC3EF;
}
body#jyan dl.light-faq dd:before {
  color: #4BC3EF;
}
body#jyan .comments, body#jyan .comments-staff {
  background-color: #4BC3EF;
}
body#jyan .comments:before, body#jyan .comments-staff:before {
  border-left-color: #4BC3EF;
}
body#jyan .nav_under.jyan {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #4BC3EF;
}
body#jyan .nav_under.jyan h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#jyan .nav_under.jyan li a {
    background-color: #70cff2;
  }
  body#jyan .nav_under.jyan li a:hover {
    background-color: #1cb3eb;
  }
}
body#jyan footer.jyan {
  border-bottom: 0.2rem solid #4BC3EF;
}

.nav_contents a.jyan {
  display: inline-block;
  background-color: #4BC3EF;
}
.nav_contents a.jyan:hover {
  background-color: #7ad3f3;
}

body#poro .key-text {
  color: #5178F7;
}
body#poro .key-back {
  background-color: #5178F7;
}
body#poro h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#poro h1.title_box {
  color: white;
  background-color: #5178F7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #274ecd), color-stop(0, #5178F7));
  background: -webkit-linear-gradient(#5178F7, #274ecd);
  background: -moz-linear-gradient(#5178F7, #274ecd);
  background: -o-linear-gradient(#5178F7, #274ecd);
  background: -ms-linear-gradient(#5178F7, #274ecd);
  background: linear-gradient(#5178F7, #274ecd);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#poro h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#poro h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#poro h1.title_box .sub-title {
    display: inline-block;
  }
}
body#poro h2.title_box {
  color: white;
  background-color: #5178F7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #274ecd), color-stop(0, #5178F7));
  background: -webkit-linear-gradient(#5178F7, #274ecd);
  background: -moz-linear-gradient(#5178F7, #274ecd);
  background: -o-linear-gradient(#5178F7, #274ecd);
  background: -ms-linear-gradient(#5178F7, #274ecd);
  background: linear-gradient(#5178F7, #274ecd);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#poro h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#poro h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#poro h2.title_box .sub-title {
    display: inline-block;
  }
}
body#poro h2.title_box small {
  color: #f0f0f0;
}
body#poro h2.title_bar {
  color: white;
  background-color: #000064;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #000f8e), color-stop(0, #000064));
  background: -webkit-linear-gradient(#000064, #000f8e);
  background: -moz-linear-gradient(#000064, #000f8e);
  background: -o-linear-gradient(#000064, #000f8e);
  background: -ms-linear-gradient(#000064, #000f8e);
  background: linear-gradient(#000064, #000f8e);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#poro h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#poro h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#poro h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#poro h2.title_bar small {
  color: #f0f0f0;
}
body#poro h2.product-copy {
  color: #5178F7;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#poro h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#poro h3.items {
  color: #274ecd;
  border-right: 2px solid #274ecd;
  border-left: 2px solid #274ecd;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#poro h3.prices {
  color: white;
  background-color: #274ecd;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#poro h3.prices small {
  color: #F3F3F3;
}
body#poro h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#poro h3.push {
  text-align: center;
  background-color: #274ecd;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#poro h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #5178F7;
}
body#poro h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#poro h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #5178F7;
}
body#poro h5 {
  font-weight: bold;
}
body#poro .key-back {
  background-color: #5178F7;
}
body#poro .cards2 {
  background: #5178F7;
}
body#poro .cards2 .item_info .item_name {
  border-left: 0.25rem solid #5178F7;
}
body#poro .cards2 .item_copy span.sales_point {
  color: #5178F7;
}
body#poro .cards2.jyan {
  background: #4BC3EF;
}
body#poro .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#poro .cards2.poro {
  background: #5178F7;
}
body#poro .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#poro .cards2.shirt {
  background: #968060;
}
body#poro .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#poro .cards2.suta {
  background: #A668D5;
}
body#poro .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#poro .cards2.syoubou {
  background: #F06060;
}
body#poro .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#poro .cards2.enamel {
  background: #FF9050;
}
body#poro .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#poro .cards2.gold {
  background: #E5C33C;
}
body#poro .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#poro .cards2.work {
  background: #40D0B0;
}
body#poro .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#poro .cards2.hoodie {
  background: #7067e3;
}
body#poro .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#poro .cards2.other {
  background: #82DA5F;
}
body#poro .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#poro .cards2.color {
  background: #F070B0;
}
body#poro .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#poro .cards2.betchu {
  background: #896e4f;
}
body#poro .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#poro .cards2.contents {
  background: #30B040;
}
body#poro .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#poro .cards3 {
  margin-bottom: 2rem;
}
body#poro .cards3 .points {
  margin-top: 0;
  background: #5178F7;
}
body#poro .cards4 .accordion li a:before {
  color: #5178F7;
}
body#poro .product_price .roots_title, body#poro .product_price .sub_title {
  background-color: #5178F7;
}
body#poro .product_price .roots_price, body#poro .product_price .sub_price {
  color: #5178F7;
}
body#poro .sub-menu.button-group a:before {
  color: #5178F7;
}
body#poro h3.faq:before {
  color: #5178F7;
}
body#poro .accordion dd > a {
  background-color: #cbd7fd;
  border-left: 4px solid #5178F7;
  line-height: 1.25rem;
}
body#poro .accordion dd > a:after {
  color: #5178F7;
}
body#poro .accordion dd > a:hover {
  background-color: #5178F7;
}
body#poro .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#poro .accordion dd .content.active {
  border-right: 1px solid #cbd7fd;
  border-bottom: 1px solid #cbd7fd;
  border-left: 1px solid #cbd7fd;
  line-height: 1.25rem;
}
body#poro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #5178F7;
}
body#poro .swiper-button-next, body#poro .swiper-button-prev, body#poro .swiper-container-rtl .swiper-button-prev, body#poro .swiper-container-rtl .swiper-button-next {
  fill: #5178F7;
}
body#poro .swiper-pagination-bullet-active {
  background: #5178F7;
}
body#poro .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #5178F7;
}
@media (max-width: 64rem) {
  body#poro .drawer-navbar .drawer-container .drawer-nav {
    background-color: #9ab1fa;
  }
}
body#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #5178F7;
}
body#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #9ab1fa;
}
body#poro .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #5178F7;
}
body#poro .product_custom i {
  color: #5178F7;
}
body#poro .product_custom .custom_title {
  background-color: #5178F7;
}
body#poro .product_custom .product_custom_back {
  background-color: #e3e9fe;
}
body#poro .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#poro .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#poro .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#poro .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#poro .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#poro .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#poro .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#poro .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#poro .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#poro .custom .wrapper {
  background-color: #e3e9fe;
}
body#poro .product-list li:before {
  color: #5178F7;
}
body#poro .panel.poro {
  background-color: #eff3fe;
}
body#poro .panel.poro h3 {
  color: #5178F7;
}
body#poro dl.light-faq dd:before {
  color: #5178F7;
}
body#poro .comments, body#poro .comments-staff {
  background-color: #5178F7;
}
body#poro .comments:before, body#poro .comments-staff:before {
  border-left-color: #5178F7;
}
body#poro .nav_under.poro {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #5178F7;
}
body#poro .nav_under.poro h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#poro .nav_under.poro li a {
    background-color: #7896f9;
  }
  body#poro .nav_under.poro li a:hover {
    background-color: #2052f5;
  }
}
body#poro footer.poro {
  border-bottom: 0.2rem solid #5178F7;
}

.nav_contents a.poro {
  display: inline-block;
  background-color: #5178F7;
}
.nav_contents a.poro:hover {
  background-color: #829ef9;
}

body#shirt .key-text {
  color: #968060;
}
body#shirt .key-back {
  background-color: #968060;
}
body#shirt h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#shirt h1.title_box {
  color: white;
  background-color: #968060;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #6c5636), color-stop(0, #968060));
  background: -webkit-linear-gradient(#968060, #6c5636);
  background: -moz-linear-gradient(#968060, #6c5636);
  background: -o-linear-gradient(#968060, #6c5636);
  background: -ms-linear-gradient(#968060, #6c5636);
  background: linear-gradient(#968060, #6c5636);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#shirt h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#shirt h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#shirt h1.title_box .sub-title {
    display: inline-block;
  }
}
body#shirt h2.title_box {
  color: white;
  background-color: #968060;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #6c5636), color-stop(0, #968060));
  background: -webkit-linear-gradient(#968060, #6c5636);
  background: -moz-linear-gradient(#968060, #6c5636);
  background: -o-linear-gradient(#968060, #6c5636);
  background: -ms-linear-gradient(#968060, #6c5636);
  background: linear-gradient(#968060, #6c5636);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#shirt h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#shirt h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#shirt h2.title_box .sub-title {
    display: inline-block;
  }
}
body#shirt h2.title_box small {
  color: #f0f0f0;
}
body#shirt h2.title_bar {
  color: white;
  background-color: #030000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2d1700), color-stop(0, #030000));
  background: -webkit-linear-gradient(#030000, #2d1700);
  background: -moz-linear-gradient(#030000, #2d1700);
  background: -o-linear-gradient(#030000, #2d1700);
  background: -ms-linear-gradient(#030000, #2d1700);
  background: linear-gradient(#030000, #2d1700);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#shirt h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#shirt h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#shirt h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#shirt h2.title_bar small {
  color: #f0f0f0;
}
body#shirt h2.product-copy {
  color: #968060;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#shirt h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#shirt h3.items {
  color: #6c5636;
  border-right: 2px solid #6c5636;
  border-left: 2px solid #6c5636;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#shirt h3.prices {
  color: white;
  background-color: #6c5636;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#shirt h3.prices small {
  color: #F3F3F3;
}
body#shirt h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#shirt h3.push {
  text-align: center;
  background-color: #6c5636;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#shirt h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #968060;
}
body#shirt h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#shirt h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #968060;
}
body#shirt h5 {
  font-weight: bold;
}
body#shirt .key-back {
  background-color: #968060;
}
body#shirt .cards2 {
  background: #968060;
}
body#shirt .cards2 .item_info .item_name {
  border-left: 0.25rem solid #968060;
}
body#shirt .cards2 .item_copy span.sales_point {
  color: #968060;
}
body#shirt .cards2.jyan {
  background: #4BC3EF;
}
body#shirt .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#shirt .cards2.poro {
  background: #5178F7;
}
body#shirt .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#shirt .cards2.shirt {
  background: #968060;
}
body#shirt .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#shirt .cards2.suta {
  background: #A668D5;
}
body#shirt .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#shirt .cards2.syoubou {
  background: #F06060;
}
body#shirt .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#shirt .cards2.enamel {
  background: #FF9050;
}
body#shirt .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#shirt .cards2.gold {
  background: #E5C33C;
}
body#shirt .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#shirt .cards2.work {
  background: #40D0B0;
}
body#shirt .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#shirt .cards2.hoodie {
  background: #7067e3;
}
body#shirt .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#shirt .cards2.other {
  background: #82DA5F;
}
body#shirt .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#shirt .cards2.color {
  background: #F070B0;
}
body#shirt .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#shirt .cards2.betchu {
  background: #896e4f;
}
body#shirt .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#shirt .cards2.contents {
  background: #30B040;
}
body#shirt .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#shirt .cards3 {
  margin-bottom: 2rem;
}
body#shirt .cards3 .points {
  margin-top: 0;
  background: #968060;
}
body#shirt .cards4 .accordion li a:before {
  color: #968060;
}
body#shirt .product_price .roots_title, body#shirt .product_price .sub_title {
  background-color: #968060;
}
body#shirt .product_price .roots_price, body#shirt .product_price .sub_price {
  color: #968060;
}
body#shirt .sub-menu.button-group a:before {
  color: #968060;
}
body#shirt h3.faq:before {
  color: #968060;
}
body#shirt .accordion dd > a {
  background-color: #cabeac;
  border-left: 4px solid #968060;
  line-height: 1.25rem;
}
body#shirt .accordion dd > a:after {
  color: #968060;
}
body#shirt .accordion dd > a:hover {
  background-color: #968060;
}
body#shirt .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#shirt .accordion dd .content.active {
  border-right: 1px solid #cabeac;
  border-bottom: 1px solid #cabeac;
  border-left: 1px solid #cabeac;
  line-height: 1.25rem;
}
body#shirt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #968060;
}
body#shirt .swiper-button-next, body#shirt .swiper-button-prev, body#shirt .swiper-container-rtl .swiper-button-prev, body#shirt .swiper-container-rtl .swiper-button-next {
  fill: #968060;
}
body#shirt .swiper-pagination-bullet-active {
  background: #968060;
}
body#shirt .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #968060;
}
@media (max-width: 64rem) {
  body#shirt .drawer-navbar .drawer-container .drawer-nav {
    background-color: #b6a58d;
  }
}
body#shirt .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#shirt .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#shirt .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #968060;
}
body#shirt .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #b6a58d;
}
body#shirt .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #968060;
}
body#shirt .product_custom i {
  color: #968060;
}
body#shirt .product_custom .custom_title {
  background-color: #968060;
}
body#shirt .product_custom .product_custom_back {
  background-color: #d4cabb;
}
body#shirt .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#shirt .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#shirt .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#shirt .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#shirt .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#shirt .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#shirt .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#shirt .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#shirt .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#shirt .custom .wrapper {
  background-color: #d4cabb;
}
body#shirt .product-list li:before {
  color: #968060;
}
body#shirt .panel.shirt {
  background-color: #d9d0c3;
}
body#shirt .panel.shirt h3 {
  color: #968060;
}
body#shirt dl.light-faq dd:before {
  color: #968060;
}
body#shirt .comments, body#shirt .comments-staff {
  background-color: #968060;
}
body#shirt .comments:before, body#shirt .comments-staff:before {
  border-left-color: #968060;
}
body#shirt .nav_under.shirt {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #968060;
}
body#shirt .nav_under.shirt h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#shirt .nav_under.shirt li a {
    background-color: #a89477;
  }
  body#shirt .nav_under.shirt li a:hover {
    background-color: #77654c;
  }
}
body#shirt footer.shirt {
  border-bottom: 0.2rem solid #968060;
}

.nav_contents a.shirt {
  display: inline-block;
  background-color: #968060;
}
.nav_contents a.shirt:hover {
  background-color: #ac997d;
}

body#suta .key-text {
  color: #A668D5;
}
body#suta .key-back {
  background-color: #A668D5;
}
body#suta h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#suta h1.title_box {
  color: white;
  background-color: #A668D5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #7c3eab), color-stop(0, #A668D5));
  background: -webkit-linear-gradient(#A668D5, #7c3eab);
  background: -moz-linear-gradient(#A668D5, #7c3eab);
  background: -o-linear-gradient(#A668D5, #7c3eab);
  background: -ms-linear-gradient(#A668D5, #7c3eab);
  background: linear-gradient(#A668D5, #7c3eab);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#suta h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#suta h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#suta h1.title_box .sub-title {
    display: inline-block;
  }
}
body#suta h2.title_box {
  color: white;
  background-color: #A668D5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #7c3eab), color-stop(0, #A668D5));
  background: -webkit-linear-gradient(#A668D5, #7c3eab);
  background: -moz-linear-gradient(#A668D5, #7c3eab);
  background: -o-linear-gradient(#A668D5, #7c3eab);
  background: -ms-linear-gradient(#A668D5, #7c3eab);
  background: linear-gradient(#A668D5, #7c3eab);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#suta h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#suta h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#suta h2.title_box .sub-title {
    display: inline-block;
  }
}
body#suta h2.title_box small {
  color: #f0f0f0;
}
body#suta h2.title_bar {
  color: white;
  background-color: #130042;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #3d006c), color-stop(0, #130042));
  background: -webkit-linear-gradient(#130042, #3d006c);
  background: -moz-linear-gradient(#130042, #3d006c);
  background: -o-linear-gradient(#130042, #3d006c);
  background: -ms-linear-gradient(#130042, #3d006c);
  background: linear-gradient(#130042, #3d006c);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#suta h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#suta h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#suta h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#suta h2.title_bar small {
  color: #f0f0f0;
}
body#suta h2.product-copy {
  color: #A668D5;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#suta h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#suta h3.items {
  color: #7c3eab;
  border-right: 2px solid #7c3eab;
  border-left: 2px solid #7c3eab;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#suta h3.prices {
  color: white;
  background-color: #7c3eab;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#suta h3.prices small {
  color: #F3F3F3;
}
body#suta h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#suta h3.push {
  text-align: center;
  background-color: #7c3eab;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#suta h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #A668D5;
}
body#suta h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#suta h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #A668D5;
}
body#suta h5 {
  font-weight: bold;
}
body#suta .key-back {
  background-color: #A668D5;
}
body#suta .cards2 {
  background: #A668D5;
}
body#suta .cards2 .item_info .item_name {
  border-left: 0.25rem solid #A668D5;
}
body#suta .cards2 .item_copy span.sales_point {
  color: #A668D5;
}
body#suta .cards2.jyan {
  background: #4BC3EF;
}
body#suta .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#suta .cards2.poro {
  background: #5178F7;
}
body#suta .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#suta .cards2.shirt {
  background: #968060;
}
body#suta .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#suta .cards2.suta {
  background: #A668D5;
}
body#suta .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#suta .cards2.syoubou {
  background: #F06060;
}
body#suta .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#suta .cards2.enamel {
  background: #FF9050;
}
body#suta .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#suta .cards2.gold {
  background: #E5C33C;
}
body#suta .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#suta .cards2.work {
  background: #40D0B0;
}
body#suta .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#suta .cards2.hoodie {
  background: #7067e3;
}
body#suta .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#suta .cards2.other {
  background: #82DA5F;
}
body#suta .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#suta .cards2.color {
  background: #F070B0;
}
body#suta .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#suta .cards2.betchu {
  background: #896e4f;
}
body#suta .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#suta .cards2.contents {
  background: #30B040;
}
body#suta .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#suta .cards3 {
  margin-bottom: 2rem;
}
body#suta .cards3 .points {
  margin-top: 0;
  background: #A668D5;
}
body#suta .cards4 .accordion li a:before {
  color: #A668D5;
}
body#suta .product_price .roots_title, body#suta .product_price .sub_title {
  background-color: #A668D5;
}
body#suta .product_price .roots_price, body#suta .product_price .sub_price {
  color: #A668D5;
}
body#suta .sub-menu.button-group a:before {
  color: #A668D5;
}
body#suta h3.faq:before {
  color: #A668D5;
}
body#suta .accordion dd > a {
  background-color: #e1ccf1;
  border-left: 4px solid #A668D5;
  line-height: 1.25rem;
}
body#suta .accordion dd > a:after {
  color: #A668D5;
}
body#suta .accordion dd > a:hover {
  background-color: #A668D5;
}
body#suta .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#suta .accordion dd .content.active {
  border-right: 1px solid #e1ccf1;
  border-bottom: 1px solid #e1ccf1;
  border-left: 1px solid #e1ccf1;
  line-height: 1.25rem;
}
body#suta .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #A668D5;
}
body#suta .swiper-button-next, body#suta .swiper-button-prev, body#suta .swiper-container-rtl .swiper-button-prev, body#suta .swiper-container-rtl .swiper-button-next {
  fill: #A668D5;
}
body#suta .swiper-pagination-bullet-active {
  background: #A668D5;
}
body#suta .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #A668D5;
}
@media (max-width: 64rem) {
  body#suta .drawer-navbar .drawer-container .drawer-nav {
    background-color: #c9a4e6;
  }
}
body#suta .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#suta .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#suta .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #A668D5;
}
body#suta .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #c9a4e6;
}
body#suta .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #A668D5;
}
body#suta .product_custom i {
  color: #A668D5;
}
body#suta .product_custom .custom_title {
  background-color: #A668D5;
}
body#suta .product_custom .product_custom_back {
  background-color: #ede0f6;
}
body#suta .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#suta .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#suta .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#suta .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#suta .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#suta .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#suta .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#suta .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#suta .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#suta .custom .wrapper {
  background-color: #ede0f6;
}
body#suta .product-list li:before {
  color: #A668D5;
}
body#suta .panel.suta {
  background-color: #f2eaf9;
}
body#suta .panel.suta h3 {
  color: #A668D5;
}
body#suta dl.light-faq dd:before {
  color: #A668D5;
}
body#suta .comments, body#suta .comments-staff {
  background-color: #A668D5;
}
body#suta .comments:before, body#suta .comments-staff:before {
  border-left-color: #A668D5;
}
body#suta .nav_under.suta {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #A668D5;
}
body#suta .nav_under.suta h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#suta .nav_under.suta li a {
    background-color: #b988de;
  }
  body#suta .nav_under.suta li a:hover {
    background-color: #8e40ca;
  }
}
body#suta footer.suta {
  border-bottom: 0.2rem solid #A668D5;
}

.nav_contents a.suta {
  display: inline-block;
  background-color: #A668D5;
}
.nav_contents a.suta:hover {
  background-color: #be90e0;
}

body#syoubou .key-text {
  color: #F06060;
}
body#syoubou .key-back {
  background-color: #F06060;
}
body#syoubou h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#syoubou h1.title_box {
  color: white;
  background-color: #F06060;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c63636), color-stop(0, #F06060));
  background: -webkit-linear-gradient(#F06060, #c63636);
  background: -moz-linear-gradient(#F06060, #c63636);
  background: -o-linear-gradient(#F06060, #c63636);
  background: -ms-linear-gradient(#F06060, #c63636);
  background: linear-gradient(#F06060, #c63636);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#syoubou h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#syoubou h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#syoubou h1.title_box .sub-title {
    display: inline-block;
  }
}
body#syoubou h2.title_box {
  color: white;
  background-color: #F06060;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c63636), color-stop(0, #F06060));
  background: -webkit-linear-gradient(#F06060, #c63636);
  background: -moz-linear-gradient(#F06060, #c63636);
  background: -o-linear-gradient(#F06060, #c63636);
  background: -ms-linear-gradient(#F06060, #c63636);
  background: linear-gradient(#F06060, #c63636);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#syoubou h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#syoubou h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#syoubou h2.title_box .sub-title {
    display: inline-block;
  }
}
body#syoubou h2.title_box small {
  color: #f0f0f0;
}
body#syoubou h2.title_bar {
  color: white;
  background-color: #5d0000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #870000), color-stop(0, #5d0000));
  background: -webkit-linear-gradient(#5d0000, #870000);
  background: -moz-linear-gradient(#5d0000, #870000);
  background: -o-linear-gradient(#5d0000, #870000);
  background: -ms-linear-gradient(#5d0000, #870000);
  background: linear-gradient(#5d0000, #870000);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#syoubou h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#syoubou h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#syoubou h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#syoubou h2.title_bar small {
  color: #f0f0f0;
}
body#syoubou h2.product-copy {
  color: #F06060;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#syoubou h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#syoubou h3.items {
  color: #c63636;
  border-right: 2px solid #c63636;
  border-left: 2px solid #c63636;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#syoubou h3.prices {
  color: white;
  background-color: #c63636;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#syoubou h3.prices small {
  color: #F3F3F3;
}
body#syoubou h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#syoubou h3.push {
  text-align: center;
  background-color: #c63636;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#syoubou h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #F06060;
}
body#syoubou h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#syoubou h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #F06060;
}
body#syoubou h5 {
  font-weight: bold;
}
body#syoubou .key-back {
  background-color: #F06060;
}
body#syoubou .cards2 {
  background: #F06060;
}
body#syoubou .cards2 .item_info .item_name {
  border-left: 0.25rem solid #F06060;
}
body#syoubou .cards2 .item_copy span.sales_point {
  color: #F06060;
}
body#syoubou .cards2.jyan {
  background: #4BC3EF;
}
body#syoubou .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#syoubou .cards2.poro {
  background: #5178F7;
}
body#syoubou .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#syoubou .cards2.shirt {
  background: #968060;
}
body#syoubou .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#syoubou .cards2.suta {
  background: #A668D5;
}
body#syoubou .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#syoubou .cards2.syoubou {
  background: #F06060;
}
body#syoubou .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#syoubou .cards2.enamel {
  background: #FF9050;
}
body#syoubou .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#syoubou .cards2.gold {
  background: #E5C33C;
}
body#syoubou .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#syoubou .cards2.work {
  background: #40D0B0;
}
body#syoubou .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#syoubou .cards2.hoodie {
  background: #7067e3;
}
body#syoubou .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#syoubou .cards2.other {
  background: #82DA5F;
}
body#syoubou .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#syoubou .cards2.color {
  background: #F070B0;
}
body#syoubou .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#syoubou .cards2.betchu {
  background: #896e4f;
}
body#syoubou .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#syoubou .cards2.contents {
  background: #30B040;
}
body#syoubou .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#syoubou .cards3 {
  margin-bottom: 2rem;
}
body#syoubou .cards3 .points {
  margin-top: 0;
  background: #F06060;
}
body#syoubou .cards4 .accordion li a:before {
  color: #F06060;
}
body#syoubou .product_price .roots_title, body#syoubou .product_price .sub_title {
  background-color: #F06060;
}
body#syoubou .product_price .roots_price, body#syoubou .product_price .sub_price {
  color: #F06060;
}
body#syoubou .sub-menu.button-group a:before {
  color: #F06060;
}
body#syoubou h3.faq:before {
  color: #F06060;
}
body#syoubou .accordion dd > a {
  background-color: #fbd5d5;
  border-left: 4px solid #F06060;
  line-height: 1.25rem;
}
body#syoubou .accordion dd > a:after {
  color: #F06060;
}
body#syoubou .accordion dd > a:hover {
  background-color: #F06060;
}
body#syoubou .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#syoubou .accordion dd .content.active {
  border-right: 1px solid #fbd5d5;
  border-bottom: 1px solid #fbd5d5;
  border-left: 1px solid #fbd5d5;
  line-height: 1.25rem;
}
body#syoubou .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #F06060;
}
body#syoubou .swiper-button-next, body#syoubou .swiper-button-prev, body#syoubou .swiper-container-rtl .swiper-button-prev, body#syoubou .swiper-container-rtl .swiper-button-next {
  fill: #F06060;
}
body#syoubou .swiper-pagination-bullet-active {
  background: #F06060;
}
body#syoubou .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #F06060;
}
@media (max-width: 64rem) {
  body#syoubou .drawer-navbar .drawer-container .drawer-nav {
    background-color: #f7a6a6;
  }
}
body#syoubou .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#syoubou .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#syoubou .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #F06060;
}
body#syoubou .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #f7a6a6;
}
body#syoubou .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #F06060;
}
body#syoubou .product_custom i {
  color: #F06060;
}
body#syoubou .product_custom .custom_title {
  background-color: #F06060;
}
body#syoubou .product_custom .product_custom_back {
  background-color: #fdecec;
}
body#syoubou .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#syoubou .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#syoubou .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#syoubou .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#syoubou .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#syoubou .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#syoubou .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#syoubou .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#syoubou .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#syoubou .custom .wrapper {
  background-color: #fdecec;
}
body#syoubou .product-list li:before {
  color: #F06060;
}
body#syoubou .panel.syoubou {
  background-color: #fef7f7;
}
body#syoubou .panel.syoubou h3 {
  color: #F06060;
}
body#syoubou dl.light-faq dd:before {
  color: #F06060;
}
body#syoubou .comments, body#syoubou .comments-staff {
  background-color: #F06060;
}
body#syoubou .comments:before, body#syoubou .comments-staff:before {
  border-left-color: #F06060;
}
body#syoubou .nav_under.syoubou {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #F06060;
}
body#syoubou .nav_under.syoubou h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#syoubou .nav_under.syoubou li a {
    background-color: #f48585;
  }
  body#syoubou .nav_under.syoubou li a:hover {
    background-color: #ec3131;
  }
}
body#syoubou footer.syoubou {
  border-bottom: 0.2rem solid #F06060;
}

.nav_contents a.syoubou {
  display: inline-block;
  background-color: #F06060;
}
.nav_contents a.syoubou:hover {
  background-color: #f48f8f;
}

body#gold .key-text {
  color: #E5C33C;
}
body#gold .key-back {
  background-color: #E5C33C;
}
body#gold h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#gold h1.title_box {
  color: white;
  background-color: #E5C33C;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #bb9912), color-stop(0, #E5C33C));
  background: -webkit-linear-gradient(#E5C33C, #bb9912);
  background: -moz-linear-gradient(#E5C33C, #bb9912);
  background: -o-linear-gradient(#E5C33C, #bb9912);
  background: -ms-linear-gradient(#E5C33C, #bb9912);
  background: linear-gradient(#E5C33C, #bb9912);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#gold h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gold h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gold h1.title_box .sub-title {
    display: inline-block;
  }
}
body#gold h2.title_box {
  color: white;
  background-color: #E5C33C;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #bb9912), color-stop(0, #E5C33C));
  background: -webkit-linear-gradient(#E5C33C, #bb9912);
  background: -moz-linear-gradient(#E5C33C, #bb9912);
  background: -o-linear-gradient(#E5C33C, #bb9912);
  background: -ms-linear-gradient(#E5C33C, #bb9912);
  background: linear-gradient(#E5C33C, #bb9912);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#gold h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gold h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gold h2.title_box .sub-title {
    display: inline-block;
  }
}
body#gold h2.title_box small {
  color: #f0f0f0;
}
body#gold h2.title_bar {
  color: white;
  background-color: #523000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #7c5a00), color-stop(0, #523000));
  background: -webkit-linear-gradient(#523000, #7c5a00);
  background: -moz-linear-gradient(#523000, #7c5a00);
  background: -o-linear-gradient(#523000, #7c5a00);
  background: -ms-linear-gradient(#523000, #7c5a00);
  background: linear-gradient(#523000, #7c5a00);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#gold h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gold h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gold h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#gold h2.title_bar small {
  color: #f0f0f0;
}
body#gold h2.product-copy {
  color: #E5C33C;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#gold h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#gold h3.items {
  color: #bb9912;
  border-right: 2px solid #bb9912;
  border-left: 2px solid #bb9912;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#gold h3.prices {
  color: white;
  background-color: #bb9912;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#gold h3.prices small {
  color: #F3F3F3;
}
body#gold h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#gold h3.push {
  text-align: center;
  background-color: #bb9912;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#gold h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #E5C33C;
}
body#gold h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#gold h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #E5C33C;
}
body#gold h5 {
  font-weight: bold;
}
body#gold .key-back {
  background-color: #E5C33C;
}
body#gold .cards2 {
  background: #E5C33C;
}
body#gold .cards2 .item_info .item_name {
  border-left: 0.25rem solid #E5C33C;
}
body#gold .cards2 .item_copy span.sales_point {
  color: #E5C33C;
}
body#gold .cards2.jyan {
  background: #4BC3EF;
}
body#gold .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#gold .cards2.poro {
  background: #5178F7;
}
body#gold .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#gold .cards2.shirt {
  background: #968060;
}
body#gold .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#gold .cards2.suta {
  background: #A668D5;
}
body#gold .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#gold .cards2.syoubou {
  background: #F06060;
}
body#gold .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#gold .cards2.enamel {
  background: #FF9050;
}
body#gold .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#gold .cards2.gold {
  background: #E5C33C;
}
body#gold .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#gold .cards2.work {
  background: #40D0B0;
}
body#gold .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#gold .cards2.hoodie {
  background: #7067e3;
}
body#gold .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#gold .cards2.other {
  background: #82DA5F;
}
body#gold .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#gold .cards2.color {
  background: #F070B0;
}
body#gold .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#gold .cards2.betchu {
  background: #896e4f;
}
body#gold .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#gold .cards2.contents {
  background: #30B040;
}
body#gold .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#gold .cards3 {
  margin-bottom: 2rem;
}
body#gold .cards3 .points {
  margin-top: 0;
  background: #E5C33C;
}
body#gold .cards4 .accordion li a:before {
  color: #E5C33C;
}
body#gold .product_price .roots_title, body#gold .product_price .sub_title {
  background-color: #E5C33C;
}
body#gold .product_price .roots_price, body#gold .product_price .sub_price {
  color: #E5C33C;
}
body#gold .sub-menu.button-group a:before {
  color: #E5C33C;
}
body#gold h3.faq:before {
  color: #E5C33C;
}
body#gold .accordion dd > a {
  background-color: #f4e6ad;
  border-left: 4px solid #E5C33C;
  line-height: 1.25rem;
}
body#gold .accordion dd > a:after {
  color: #E5C33C;
}
body#gold .accordion dd > a:hover {
  background-color: #E5C33C;
}
body#gold .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#gold .accordion dd .content.active {
  border-right: 1px solid #f4e6ad;
  border-bottom: 1px solid #f4e6ad;
  border-left: 1px solid #f4e6ad;
  line-height: 1.25rem;
}
body#gold .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #E5C33C;
}
body#gold .swiper-button-next, body#gold .swiper-button-prev, body#gold .swiper-container-rtl .swiper-button-prev, body#gold .swiper-container-rtl .swiper-button-next {
  fill: #E5C33C;
}
body#gold .swiper-pagination-bullet-active {
  background: #E5C33C;
}
body#gold .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #E5C33C;
}
@media (max-width: 64rem) {
  body#gold .drawer-navbar .drawer-container .drawer-nav {
    background-color: #eed880;
  }
}
body#gold .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#gold .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#gold .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #E5C33C;
}
body#gold .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #eed880;
}
body#gold .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #E5C33C;
}
body#gold .product_custom i {
  color: #E5C33C;
}
body#gold .product_custom .custom_title {
  background-color: #E5C33C;
}
body#gold .product_custom .product_custom_back {
  background-color: #f7edc3;
}
body#gold .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#gold .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#gold .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#gold .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#gold .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#gold .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#gold .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#gold .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#gold .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#gold .custom .wrapper {
  background-color: #f7edc3;
}
body#gold .product-list li:before {
  color: #E5C33C;
}
body#gold .panel.gold {
  background-color: #f9f0ce;
}
body#gold .panel.gold h3 {
  color: #E5C33C;
}
body#gold dl.light-faq dd:before {
  color: #E5C33C;
}
body#gold .comments, body#gold .comments-staff {
  background-color: #E5C33C;
}
body#gold .comments:before, body#gold .comments-staff:before {
  border-left-color: #E5C33C;
}
body#gold .nav_under.gold {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #E5C33C;
}
body#gold .nav_under.gold h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#gold .nav_under.gold li a {
    background-color: #eace60;
  }
  body#gold .nav_under.gold li a:hover {
    background-color: #d2ad1c;
  }
}
body#gold footer.gold {
  border-bottom: 0.2rem solid #E5C33C;
}

.nav_contents a.gold {
  display: inline-block;
  background-color: #E5C33C;
}
.nav_contents a.gold:hover {
  background-color: #ebd169;
}

body#enamel .key-text {
  color: #FF9050;
}
body#enamel .key-back {
  background-color: #FF9050;
}
body#enamel h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#enamel h1.title_box {
  color: white;
  background-color: #FF9050;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d56626), color-stop(0, #FF9050));
  background: -webkit-linear-gradient(#FF9050, #d56626);
  background: -moz-linear-gradient(#FF9050, #d56626);
  background: -o-linear-gradient(#FF9050, #d56626);
  background: -ms-linear-gradient(#FF9050, #d56626);
  background: linear-gradient(#FF9050, #d56626);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#enamel h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#enamel h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#enamel h1.title_box .sub-title {
    display: inline-block;
  }
}
body#enamel h2.title_box {
  color: white;
  background-color: #FF9050;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d56626), color-stop(0, #FF9050));
  background: -webkit-linear-gradient(#FF9050, #d56626);
  background: -moz-linear-gradient(#FF9050, #d56626);
  background: -o-linear-gradient(#FF9050, #d56626);
  background: -ms-linear-gradient(#FF9050, #d56626);
  background: linear-gradient(#FF9050, #d56626);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#enamel h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#enamel h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#enamel h2.title_box .sub-title {
    display: inline-block;
  }
}
body#enamel h2.title_box small {
  color: #f0f0f0;
}
body#enamel h2.title_bar {
  color: white;
  background-color: #6c0000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #962700), color-stop(0, #6c0000));
  background: -webkit-linear-gradient(#6c0000, #962700);
  background: -moz-linear-gradient(#6c0000, #962700);
  background: -o-linear-gradient(#6c0000, #962700);
  background: -ms-linear-gradient(#6c0000, #962700);
  background: linear-gradient(#6c0000, #962700);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#enamel h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#enamel h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#enamel h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#enamel h2.title_bar small {
  color: #f0f0f0;
}
body#enamel h2.product-copy {
  color: #FF9050;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#enamel h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#enamel h3.items {
  color: #d56626;
  border-right: 2px solid #d56626;
  border-left: 2px solid #d56626;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#enamel h3.prices {
  color: white;
  background-color: #d56626;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#enamel h3.prices small {
  color: #F3F3F3;
}
body#enamel h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#enamel h3.push {
  text-align: center;
  background-color: #d56626;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#enamel h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #FF9050;
}
body#enamel h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#enamel h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #FF9050;
}
body#enamel h5 {
  font-weight: bold;
}
body#enamel .key-back {
  background-color: #FF9050;
}
body#enamel .cards2 {
  background: #FF9050;
}
body#enamel .cards2 .item_info .item_name {
  border-left: 0.25rem solid #FF9050;
}
body#enamel .cards2 .item_copy span.sales_point {
  color: #FF9050;
}
body#enamel .cards2.jyan {
  background: #4BC3EF;
}
body#enamel .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#enamel .cards2.poro {
  background: #5178F7;
}
body#enamel .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#enamel .cards2.shirt {
  background: #968060;
}
body#enamel .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#enamel .cards2.suta {
  background: #A668D5;
}
body#enamel .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#enamel .cards2.syoubou {
  background: #F06060;
}
body#enamel .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#enamel .cards2.enamel {
  background: #FF9050;
}
body#enamel .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#enamel .cards2.gold {
  background: #E5C33C;
}
body#enamel .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#enamel .cards2.work {
  background: #40D0B0;
}
body#enamel .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#enamel .cards2.hoodie {
  background: #7067e3;
}
body#enamel .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#enamel .cards2.other {
  background: #82DA5F;
}
body#enamel .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#enamel .cards2.color {
  background: #F070B0;
}
body#enamel .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#enamel .cards2.betchu {
  background: #896e4f;
}
body#enamel .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#enamel .cards2.contents {
  background: #30B040;
}
body#enamel .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#enamel .cards3 {
  margin-bottom: 2rem;
}
body#enamel .cards3 .points {
  margin-top: 0;
  background: #FF9050;
}
body#enamel .cards4 .accordion li a:before {
  color: #FF9050;
}
body#enamel .product_price .roots_title, body#enamel .product_price .sub_title {
  background-color: #FF9050;
}
body#enamel .product_price .roots_price, body#enamel .product_price .sub_price {
  color: #FF9050;
}
body#enamel .sub-menu.button-group a:before {
  color: #FF9050;
}
body#enamel h3.faq:before {
  color: #FF9050;
}
body#enamel .accordion dd > a {
  background-color: #ffe1d0;
  border-left: 4px solid #FF9050;
  line-height: 1.25rem;
}
body#enamel .accordion dd > a:after {
  color: #FF9050;
}
body#enamel .accordion dd > a:hover {
  background-color: #FF9050;
}
body#enamel .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#enamel .accordion dd .content.active {
  border-right: 1px solid #ffe1d0;
  border-bottom: 1px solid #ffe1d0;
  border-left: 1px solid #ffe1d0;
  line-height: 1.25rem;
}
body#enamel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FF9050;
}
body#enamel .swiper-button-next, body#enamel .swiper-button-prev, body#enamel .swiper-container-rtl .swiper-button-prev, body#enamel .swiper-container-rtl .swiper-button-next {
  fill: #FF9050;
}
body#enamel .swiper-pagination-bullet-active {
  background: #FF9050;
}
body#enamel .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #FF9050;
}
@media (max-width: 64rem) {
  body#enamel .drawer-navbar .drawer-container .drawer-nav {
    background-color: #ffc19d;
  }
}
body#enamel .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#enamel .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#enamel .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #FF9050;
}
body#enamel .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #ffc19d;
}
body#enamel .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #FF9050;
}
body#enamel .product_custom i {
  color: #FF9050;
}
body#enamel .product_custom .custom_title {
  background-color: #FF9050;
}
body#enamel .product_custom .product_custom_back {
  background-color: #fff1e9;
}
body#enamel .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#enamel .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#enamel .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#enamel .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#enamel .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#enamel .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#enamel .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#enamel .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#enamel .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#enamel .custom .wrapper {
  background-color: #fff1e9;
}
body#enamel .product-list li:before {
  color: #FF9050;
}
body#enamel .panel.enamel {
  background-color: #fff9f6;
}
body#enamel .panel.enamel h3 {
  color: #FF9050;
}
body#enamel dl.light-faq dd:before {
  color: #FF9050;
}
body#enamel .comments, body#enamel .comments-staff {
  background-color: #FF9050;
}
body#enamel .comments:before, body#enamel .comments-staff:before {
  border-left-color: #FF9050;
}
body#enamel .nav_under.enamel {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #FF9050;
}
body#enamel .nav_under.enamel h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#enamel .nav_under.enamel li a {
    background-color: #ffaa79;
  }
  body#enamel .nav_under.enamel li a:hover {
    background-color: #ff701d;
  }
}
body#enamel footer.enamel {
  border-bottom: 0.2rem solid #FF9050;
}

.nav_contents a.enamel {
  display: inline-block;
  background-color: #FF9050;
}
.nav_contents a.enamel:hover {
  background-color: #ffb083;
}

body#work .key-text {
  color: #40D0B0;
}
body#work .key-back {
  background-color: #40D0B0;
}
body#work h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#work h1.title_box {
  color: white;
  background-color: #40D0B0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #16a686), color-stop(0, #40D0B0));
  background: -webkit-linear-gradient(#40D0B0, #16a686);
  background: -moz-linear-gradient(#40D0B0, #16a686);
  background: -o-linear-gradient(#40D0B0, #16a686);
  background: -ms-linear-gradient(#40D0B0, #16a686);
  background: linear-gradient(#40D0B0, #16a686);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#work h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#work h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#work h1.title_box .sub-title {
    display: inline-block;
  }
}
body#work h2.title_box {
  color: white;
  background-color: #40D0B0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #16a686), color-stop(0, #40D0B0));
  background: -webkit-linear-gradient(#40D0B0, #16a686);
  background: -moz-linear-gradient(#40D0B0, #16a686);
  background: -o-linear-gradient(#40D0B0, #16a686);
  background: -ms-linear-gradient(#40D0B0, #16a686);
  background: linear-gradient(#40D0B0, #16a686);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#work h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#work h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#work h2.title_box .sub-title {
    display: inline-block;
  }
}
body#work h2.title_box small {
  color: #f0f0f0;
}
body#work h2.title_bar {
  color: white;
  background-color: #003d1d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #006747), color-stop(0, #003d1d));
  background: -webkit-linear-gradient(#003d1d, #006747);
  background: -moz-linear-gradient(#003d1d, #006747);
  background: -o-linear-gradient(#003d1d, #006747);
  background: -ms-linear-gradient(#003d1d, #006747);
  background: linear-gradient(#003d1d, #006747);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#work h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#work h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#work h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#work h2.title_bar small {
  color: #f0f0f0;
}
body#work h2.product-copy {
  color: #40D0B0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#work h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#work h3.items {
  color: #16a686;
  border-right: 2px solid #16a686;
  border-left: 2px solid #16a686;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#work h3.prices {
  color: white;
  background-color: #16a686;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#work h3.prices small {
  color: #F3F3F3;
}
body#work h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#work h3.push {
  text-align: center;
  background-color: #16a686;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#work h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #40D0B0;
}
body#work h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#work h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #40D0B0;
}
body#work h5 {
  font-weight: bold;
}
body#work .key-back {
  background-color: #40D0B0;
}
body#work .cards2 {
  background: #40D0B0;
}
body#work .cards2 .item_info .item_name {
  border-left: 0.25rem solid #40D0B0;
}
body#work .cards2 .item_copy span.sales_point {
  color: #40D0B0;
}
body#work .cards2.jyan {
  background: #4BC3EF;
}
body#work .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#work .cards2.poro {
  background: #5178F7;
}
body#work .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#work .cards2.shirt {
  background: #968060;
}
body#work .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#work .cards2.suta {
  background: #A668D5;
}
body#work .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#work .cards2.syoubou {
  background: #F06060;
}
body#work .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#work .cards2.enamel {
  background: #FF9050;
}
body#work .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#work .cards2.gold {
  background: #E5C33C;
}
body#work .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#work .cards2.work {
  background: #40D0B0;
}
body#work .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#work .cards2.hoodie {
  background: #7067e3;
}
body#work .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#work .cards2.other {
  background: #82DA5F;
}
body#work .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#work .cards2.color {
  background: #F070B0;
}
body#work .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#work .cards2.betchu {
  background: #896e4f;
}
body#work .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#work .cards2.contents {
  background: #30B040;
}
body#work .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#work .cards3 {
  margin-bottom: 2rem;
}
body#work .cards3 .points {
  margin-top: 0;
  background: #40D0B0;
}
body#work .cards4 .accordion li a:before {
  color: #40D0B0;
}
body#work .product_price .roots_title, body#work .product_price .sub_title {
  background-color: #40D0B0;
}
body#work .product_price .roots_price, body#work .product_price .sub_price {
  color: #40D0B0;
}
body#work .sub-menu.button-group a:before {
  color: #40D0B0;
}
body#work h3.faq:before {
  color: #40D0B0;
}
body#work .accordion dd > a {
  background-color: #a6e9da;
  border-left: 4px solid #40D0B0;
  line-height: 1.25rem;
}
body#work .accordion dd > a:after {
  color: #40D0B0;
}
body#work .accordion dd > a:hover {
  background-color: #40D0B0;
}
body#work .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#work .accordion dd .content.active {
  border-right: 1px solid #a6e9da;
  border-bottom: 1px solid #a6e9da;
  border-left: 1px solid #a6e9da;
  line-height: 1.25rem;
}
body#work .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #40D0B0;
}
body#work .swiper-button-next, body#work .swiper-button-prev, body#work .swiper-container-rtl .swiper-button-prev, body#work .swiper-container-rtl .swiper-button-next {
  fill: #40D0B0;
}
body#work .swiper-pagination-bullet-active {
  background: #40D0B0;
}
body#work .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #40D0B0;
}
@media (max-width: 64rem) {
  body#work .drawer-navbar .drawer-container .drawer-nav {
    background-color: #7ddfc9;
  }
}
body#work .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#work .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#work .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #40D0B0;
}
body#work .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #7ddfc9;
}
body#work .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #40D0B0;
}
body#work .product_custom i {
  color: #40D0B0;
}
body#work .product_custom .custom_title {
  background-color: #40D0B0;
}
body#work .product_custom .product_custom_back {
  background-color: #bbeee3;
}
body#work .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#work .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#work .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#work .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#work .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#work .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#work .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#work .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#work .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#work .custom .wrapper {
  background-color: #bbeee3;
}
body#work .product-list li:before {
  color: #40D0B0;
}
body#work .panel.work {
  background-color: #c5f1e7;
}
body#work .panel.work h3 {
  color: #40D0B0;
}
body#work dl.light-faq dd:before {
  color: #40D0B0;
}
body#work .comments, body#work .comments-staff {
  background-color: #40D0B0;
}
body#work .comments:before, body#work .comments-staff:before {
  border-left-color: #40D0B0;
}
body#work .nav_under.work {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #40D0B0;
}
body#work .nav_under.work h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#work .nav_under.work li a {
    background-color: #61d8be;
  }
  body#work .nav_under.work li a:hover {
    background-color: #2cb194;
  }
}
body#work footer.work {
  border-bottom: 0.2rem solid #40D0B0;
}

.nav_contents a.work {
  display: inline-block;
  background-color: #40D0B0;
}
.nav_contents a.work:hover {
  background-color: #69dac1;
}

body#hoodie .key-text {
  color: #7067e3;
}
body#hoodie .key-back {
  background-color: #7067e3;
}
body#hoodie h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#hoodie h1.title_box {
  color: white;
  background-color: #7067e3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #463db9), color-stop(0, #7067e3));
  background: -webkit-linear-gradient(#7067e3, #463db9);
  background: -moz-linear-gradient(#7067e3, #463db9);
  background: -o-linear-gradient(#7067e3, #463db9);
  background: -ms-linear-gradient(#7067e3, #463db9);
  background: linear-gradient(#7067e3, #463db9);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#hoodie h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#hoodie h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#hoodie h1.title_box .sub-title {
    display: inline-block;
  }
}
body#hoodie h2.title_box {
  color: white;
  background-color: #7067e3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #463db9), color-stop(0, #7067e3));
  background: -webkit-linear-gradient(#7067e3, #463db9);
  background: -moz-linear-gradient(#7067e3, #463db9);
  background: -o-linear-gradient(#7067e3, #463db9);
  background: -ms-linear-gradient(#7067e3, #463db9);
  background: linear-gradient(#7067e3, #463db9);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#hoodie h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#hoodie h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#hoodie h2.title_box .sub-title {
    display: inline-block;
  }
}
body#hoodie h2.title_box small {
  color: #f0f0f0;
}
body#hoodie h2.title_bar {
  color: white;
  background-color: #000050;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #07007a), color-stop(0, #000050));
  background: -webkit-linear-gradient(#000050, #07007a);
  background: -moz-linear-gradient(#000050, #07007a);
  background: -o-linear-gradient(#000050, #07007a);
  background: -ms-linear-gradient(#000050, #07007a);
  background: linear-gradient(#000050, #07007a);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#hoodie h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#hoodie h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#hoodie h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#hoodie h2.title_bar small {
  color: #f0f0f0;
}
body#hoodie h2.product-copy {
  color: #7067e3;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#hoodie h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#hoodie h3.items {
  color: #463db9;
  border-right: 2px solid #463db9;
  border-left: 2px solid #463db9;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#hoodie h3.prices {
  color: white;
  background-color: #463db9;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#hoodie h3.prices small {
  color: #F3F3F3;
}
body#hoodie h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#hoodie h3.push {
  text-align: center;
  background-color: #463db9;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#hoodie h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #7067e3;
}
body#hoodie h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#hoodie h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #7067e3;
}
body#hoodie h5 {
  font-weight: bold;
}
body#hoodie .key-back {
  background-color: #7067e3;
}
body#hoodie .cards2 {
  background: #7067e3;
}
body#hoodie .cards2 .item_info .item_name {
  border-left: 0.25rem solid #7067e3;
}
body#hoodie .cards2 .item_copy span.sales_point {
  color: #7067e3;
}
body#hoodie .cards2.jyan {
  background: #4BC3EF;
}
body#hoodie .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#hoodie .cards2.poro {
  background: #5178F7;
}
body#hoodie .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#hoodie .cards2.shirt {
  background: #968060;
}
body#hoodie .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#hoodie .cards2.suta {
  background: #A668D5;
}
body#hoodie .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#hoodie .cards2.syoubou {
  background: #F06060;
}
body#hoodie .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#hoodie .cards2.enamel {
  background: #FF9050;
}
body#hoodie .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#hoodie .cards2.gold {
  background: #E5C33C;
}
body#hoodie .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#hoodie .cards2.work {
  background: #40D0B0;
}
body#hoodie .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#hoodie .cards2.hoodie {
  background: #7067e3;
}
body#hoodie .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#hoodie .cards2.other {
  background: #82DA5F;
}
body#hoodie .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#hoodie .cards2.color {
  background: #F070B0;
}
body#hoodie .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#hoodie .cards2.betchu {
  background: #896e4f;
}
body#hoodie .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#hoodie .cards2.contents {
  background: #30B040;
}
body#hoodie .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#hoodie .cards3 {
  margin-bottom: 2rem;
}
body#hoodie .cards3 .points {
  margin-top: 0;
  background: #7067e3;
}
body#hoodie .cards4 .accordion li a:before {
  color: #7067e3;
}
body#hoodie .product_price .roots_title, body#hoodie .product_price .sub_title {
  background-color: #7067e3;
}
body#hoodie .product_price .roots_price, body#hoodie .product_price .sub_price {
  color: #7067e3;
}
body#hoodie .sub-menu.button-group a:before {
  color: #7067e3;
}
body#hoodie h3.faq:before {
  color: #7067e3;
}
body#hoodie .accordion dd > a {
  background-color: #d5d3f7;
  border-left: 4px solid #7067e3;
  line-height: 1.25rem;
}
body#hoodie .accordion dd > a:after {
  color: #7067e3;
}
body#hoodie .accordion dd > a:hover {
  background-color: #7067e3;
}
body#hoodie .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#hoodie .accordion dd .content.active {
  border-right: 1px solid #d5d3f7;
  border-bottom: 1px solid #d5d3f7;
  border-left: 1px solid #d5d3f7;
  line-height: 1.25rem;
}
body#hoodie .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #7067e3;
}
body#hoodie .swiper-button-next, body#hoodie .swiper-button-prev, body#hoodie .swiper-container-rtl .swiper-button-prev, body#hoodie .swiper-container-rtl .swiper-button-next {
  fill: #7067e3;
}
body#hoodie .swiper-pagination-bullet-active {
  background: #7067e3;
}
body#hoodie .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #7067e3;
}
@media (max-width: 64rem) {
  body#hoodie .drawer-navbar .drawer-container .drawer-nav {
    background-color: #ada8ef;
  }
}
body#hoodie .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#hoodie .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#hoodie .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #7067e3;
}
body#hoodie .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #ada8ef;
}
body#hoodie .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #7067e3;
}
body#hoodie .product_custom i {
  color: #7067e3;
}
body#hoodie .product_custom .custom_title {
  background-color: #7067e3;
}
body#hoodie .product_custom .product_custom_back {
  background-color: #eae8fb;
}
body#hoodie .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#hoodie .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#hoodie .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#hoodie .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#hoodie .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#hoodie .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#hoodie .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#hoodie .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#hoodie .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#hoodie .custom .wrapper {
  background-color: #eae8fb;
}
body#hoodie .product-list li:before {
  color: #7067e3;
}
body#hoodie .panel.hoodie {
  background-color: #f4f3fd;
}
body#hoodie .panel.hoodie h3 {
  color: #7067e3;
}
body#hoodie dl.light-faq dd:before {
  color: #7067e3;
}
body#hoodie .comments, body#hoodie .comments-staff {
  background-color: #7067e3;
}
body#hoodie .comments:before, body#hoodie .comments-staff:before {
  border-left-color: #7067e3;
}
body#hoodie .nav_under.hoodie {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #7067e3;
}
body#hoodie .nav_under.hoodie h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#hoodie .nav_under.hoodie li a {
    background-color: #9089e9;
  }
  body#hoodie .nav_under.hoodie li a:hover {
    background-color: #473cdb;
  }
}
body#hoodie footer.hoodie {
  border-bottom: 0.2rem solid #7067e3;
}

.nav_contents a.hoodie {
  display: inline-block;
  background-color: #7067e3;
}
.nav_contents a.hoodie:hover {
  background-color: #9992eb;
}

body#other .key-text {
  color: #82DA5F;
}
body#other .key-back {
  background-color: #82DA5F;
}
body#other h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#other h1.title_box {
  color: white;
  background-color: #82DA5F;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #58b035), color-stop(0, #82DA5F));
  background: -webkit-linear-gradient(#82DA5F, #58b035);
  background: -moz-linear-gradient(#82DA5F, #58b035);
  background: -o-linear-gradient(#82DA5F, #58b035);
  background: -ms-linear-gradient(#82DA5F, #58b035);
  background: linear-gradient(#82DA5F, #58b035);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#other h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#other h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#other h1.title_box .sub-title {
    display: inline-block;
  }
}
body#other h2.title_box {
  color: white;
  background-color: #82DA5F;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #58b035), color-stop(0, #82DA5F));
  background: -webkit-linear-gradient(#82DA5F, #58b035);
  background: -moz-linear-gradient(#82DA5F, #58b035);
  background: -o-linear-gradient(#82DA5F, #58b035);
  background: -ms-linear-gradient(#82DA5F, #58b035);
  background: linear-gradient(#82DA5F, #58b035);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#other h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#other h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#other h2.title_box .sub-title {
    display: inline-block;
  }
}
body#other h2.title_box small {
  color: #f0f0f0;
}
body#other h2.title_bar {
  color: white;
  background-color: #004700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #197100), color-stop(0, #004700));
  background: -webkit-linear-gradient(#004700, #197100);
  background: -moz-linear-gradient(#004700, #197100);
  background: -o-linear-gradient(#004700, #197100);
  background: -ms-linear-gradient(#004700, #197100);
  background: linear-gradient(#004700, #197100);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#other h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#other h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#other h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#other h2.title_bar small {
  color: #f0f0f0;
}
body#other h2.product-copy {
  color: #82DA5F;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#other h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#other h3.items {
  color: #58b035;
  border-right: 2px solid #58b035;
  border-left: 2px solid #58b035;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#other h3.prices {
  color: white;
  background-color: #58b035;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#other h3.prices small {
  color: #F3F3F3;
}
body#other h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#other h3.push {
  text-align: center;
  background-color: #58b035;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#other h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #82DA5F;
}
body#other h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#other h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #82DA5F;
}
body#other h5 {
  font-weight: bold;
}
body#other .key-back {
  background-color: #82DA5F;
}
body#other .cards2 {
  background: #82DA5F;
}
body#other .cards2 .item_info .item_name {
  border-left: 0.25rem solid #82DA5F;
}
body#other .cards2 .item_copy span.sales_point {
  color: #82DA5F;
}
body#other .cards2.jyan {
  background: #4BC3EF;
}
body#other .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#other .cards2.poro {
  background: #5178F7;
}
body#other .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#other .cards2.shirt {
  background: #968060;
}
body#other .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#other .cards2.suta {
  background: #A668D5;
}
body#other .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#other .cards2.syoubou {
  background: #F06060;
}
body#other .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#other .cards2.enamel {
  background: #FF9050;
}
body#other .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#other .cards2.gold {
  background: #E5C33C;
}
body#other .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#other .cards2.work {
  background: #40D0B0;
}
body#other .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#other .cards2.hoodie {
  background: #7067e3;
}
body#other .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#other .cards2.other {
  background: #82DA5F;
}
body#other .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#other .cards2.color {
  background: #F070B0;
}
body#other .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#other .cards2.betchu {
  background: #896e4f;
}
body#other .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#other .cards2.contents {
  background: #30B040;
}
body#other .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#other .cards3 {
  margin-bottom: 2rem;
}
body#other .cards3 .points {
  margin-top: 0;
  background: #82DA5F;
}
body#other .cards4 .accordion li a:before {
  color: #82DA5F;
}
body#other .product_price .roots_title, body#other .product_price .sub_title {
  background-color: #82DA5F;
}
body#other .product_price .roots_price, body#other .product_price .sub_price {
  color: #82DA5F;
}
body#other .sub-menu.button-group a:before {
  color: #82DA5F;
}
body#other h3.faq:before {
  color: #82DA5F;
}
body#other .accordion dd > a {
  background-color: #d3f2c7;
  border-left: 4px solid #82DA5F;
  line-height: 1.25rem;
}
body#other .accordion dd > a:after {
  color: #82DA5F;
}
body#other .accordion dd > a:hover {
  background-color: #82DA5F;
}
body#other .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#other .accordion dd .content.active {
  border-right: 1px solid #d3f2c7;
  border-bottom: 1px solid #d3f2c7;
  border-left: 1px solid #d3f2c7;
  line-height: 1.25rem;
}
body#other .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #82DA5F;
}
body#other .swiper-button-next, body#other .swiper-button-prev, body#other .swiper-container-rtl .swiper-button-prev, body#other .swiper-container-rtl .swiper-button-next {
  fill: #82DA5F;
}
body#other .swiper-pagination-bullet-active {
  background: #82DA5F;
}
body#other .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #82DA5F;
}
@media (max-width: 64rem) {
  body#other .drawer-navbar .drawer-container .drawer-nav {
    background-color: #b3e89d;
  }
}
body#other .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#other .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#other .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #82DA5F;
}
body#other .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #b3e89d;
}
body#other .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #82DA5F;
}
body#other .product_custom i {
  color: #82DA5F;
}
body#other .product_custom .custom_title {
  background-color: #82DA5F;
}
body#other .product_custom .product_custom_back {
  background-color: #e3f7db;
}
body#other .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#other .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#other .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#other .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#other .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#other .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#other .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#other .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#other .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#other .custom .wrapper {
  background-color: #e3f7db;
}
body#other .product-list li:before {
  color: #82DA5F;
}
body#other .panel.other {
  background-color: #ebf9e6;
}
body#other .panel.other h3 {
  color: #82DA5F;
}
body#other dl.light-faq dd:before {
  color: #82DA5F;
}
body#other .comments, body#other .comments-staff {
  background-color: #82DA5F;
}
body#other .comments:before, body#other .comments-staff:before {
  border-left-color: #82DA5F;
}
body#other .nav_under.other {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #82DA5F;
}
body#other .nav_under.other h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#other .nav_under.other li a {
    background-color: #9ce280;
  }
  body#other .nav_under.other li a:hover {
    background-color: #62d036;
  }
}
body#other footer.other {
  border-bottom: 0.2rem solid #82DA5F;
}

.nav_contents a.other {
  display: inline-block;
  background-color: #82DA5F;
}
.nav_contents a.other:hover {
  background-color: #a2e488;
}

body#color .key-text {
  color: #F070B0;
}
body#color .key-back {
  background-color: #F070B0;
}
body#color h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#color h1.title_box {
  color: white;
  background-color: #F070B0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c64686), color-stop(0, #F070B0));
  background: -webkit-linear-gradient(#F070B0, #c64686);
  background: -moz-linear-gradient(#F070B0, #c64686);
  background: -o-linear-gradient(#F070B0, #c64686);
  background: -ms-linear-gradient(#F070B0, #c64686);
  background: linear-gradient(#F070B0, #c64686);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#color h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#color h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#color h1.title_box .sub-title {
    display: inline-block;
  }
}
body#color h2.title_box {
  color: white;
  background-color: #F070B0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c64686), color-stop(0, #F070B0));
  background: -webkit-linear-gradient(#F070B0, #c64686);
  background: -moz-linear-gradient(#F070B0, #c64686);
  background: -o-linear-gradient(#F070B0, #c64686);
  background: -ms-linear-gradient(#F070B0, #c64686);
  background: linear-gradient(#F070B0, #c64686);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#color h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#color h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#color h2.title_box .sub-title {
    display: inline-block;
  }
}
body#color h2.title_box small {
  color: #f0f0f0;
}
body#color h2.title_bar {
  color: white;
  background-color: #5d001d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #870747), color-stop(0, #5d001d));
  background: -webkit-linear-gradient(#5d001d, #870747);
  background: -moz-linear-gradient(#5d001d, #870747);
  background: -o-linear-gradient(#5d001d, #870747);
  background: -ms-linear-gradient(#5d001d, #870747);
  background: linear-gradient(#5d001d, #870747);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#color h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#color h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#color h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#color h2.title_bar small {
  color: #f0f0f0;
}
body#color h2.product-copy {
  color: #F070B0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#color h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#color h3.items {
  color: #c64686;
  border-right: 2px solid #c64686;
  border-left: 2px solid #c64686;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#color h3.prices {
  color: white;
  background-color: #c64686;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#color h3.prices small {
  color: #F3F3F3;
}
body#color h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#color h3.push {
  text-align: center;
  background-color: #c64686;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#color h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #F070B0;
}
body#color h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#color h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #F070B0;
}
body#color h5 {
  font-weight: bold;
}
body#color .key-back {
  background-color: #F070B0;
}
body#color .cards2 {
  background: #F070B0;
}
body#color .cards2 .item_info .item_name {
  border-left: 0.25rem solid #F070B0;
}
body#color .cards2 .item_copy span.sales_point {
  color: #F070B0;
}
body#color .cards2.jyan {
  background: #4BC3EF;
}
body#color .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#color .cards2.poro {
  background: #5178F7;
}
body#color .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#color .cards2.shirt {
  background: #968060;
}
body#color .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#color .cards2.suta {
  background: #A668D5;
}
body#color .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#color .cards2.syoubou {
  background: #F06060;
}
body#color .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#color .cards2.enamel {
  background: #FF9050;
}
body#color .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#color .cards2.gold {
  background: #E5C33C;
}
body#color .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#color .cards2.work {
  background: #40D0B0;
}
body#color .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#color .cards2.hoodie {
  background: #7067e3;
}
body#color .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#color .cards2.other {
  background: #82DA5F;
}
body#color .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#color .cards2.color {
  background: #F070B0;
}
body#color .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#color .cards2.betchu {
  background: #896e4f;
}
body#color .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#color .cards2.contents {
  background: #30B040;
}
body#color .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#color .cards3 {
  margin-bottom: 2rem;
}
body#color .cards3 .points {
  margin-top: 0;
  background: #F070B0;
}
body#color .cards4 .accordion li a:before {
  color: #F070B0;
}
body#color .product_price .roots_title, body#color .product_price .sub_title {
  background-color: #F070B0;
}
body#color .product_price .roots_price, body#color .product_price .sub_price {
  color: #F070B0;
}
body#color .sub-menu.button-group a:before {
  color: #F070B0;
}
body#color h3.faq:before {
  color: #F070B0;
}
body#color .accordion dd > a {
  background-color: #fce3f0;
  border-left: 4px solid #F070B0;
  line-height: 1.25rem;
}
body#color .accordion dd > a:after {
  color: #F070B0;
}
body#color .accordion dd > a:hover {
  background-color: #F070B0;
}
body#color .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#color .accordion dd .content.active {
  border-right: 1px solid #fce3f0;
  border-bottom: 1px solid #fce3f0;
  border-left: 1px solid #fce3f0;
  line-height: 1.25rem;
}
body#color .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #F070B0;
}
body#color .swiper-button-next, body#color .swiper-button-prev, body#color .swiper-container-rtl .swiper-button-prev, body#color .swiper-container-rtl .swiper-button-next {
  fill: #F070B0;
}
body#color .swiper-pagination-bullet-active {
  background: #F070B0;
}
body#color .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #F070B0;
}
@media (max-width: 64rem) {
  body#color .drawer-navbar .drawer-container .drawer-nav {
    background-color: #f7b5d6;
  }
}
body#color .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#color .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#color .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #F070B0;
}
body#color .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #f7b5d6;
}
body#color .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #F070B0;
}
body#color .product_custom i {
  color: #F070B0;
}
body#color .product_custom .custom_title {
  background-color: #F070B0;
}
body#color .product_custom .product_custom_back {
  background-color: #fffafd;
}
body#color .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#color .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#color .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#color .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#color .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#color .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#color .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#color .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#color .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#color .custom .wrapper {
  background-color: #fffafd;
}
body#color .product-list li:before {
  color: #F070B0;
}
body#color .panel.color {
  background-color: white;
}
body#color .panel.color h3 {
  color: #F070B0;
}
body#color dl.light-faq dd:before {
  color: #F070B0;
}
body#color .comments, body#color .comments-staff {
  background-color: #F070B0;
}
body#color .comments:before, body#color .comments-staff:before {
  border-left-color: #F070B0;
}
body#color .nav_under.color {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #F070B0;
}
body#color .nav_under.color h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#color .nav_under.color li a {
    background-color: #f495c4;
  }
  body#color .nav_under.color li a:hover {
    background-color: #eb4297;
  }
}
body#color footer.color {
  border-bottom: 0.2rem solid #F070B0;
}

.nav_contents a.color {
  display: inline-block;
  background-color: #F070B0;
}
.nav_contents a.color:hover {
  background-color: #f59eca;
}

body#betchu .key-text {
  color: #896e4f;
}
body#betchu .key-back {
  background-color: #896e4f;
}
body#betchu h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#betchu h1.title_box {
  color: white;
  background-color: #896e4f;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #5f4425), color-stop(0, #896e4f));
  background: -webkit-linear-gradient(#896e4f, #5f4425);
  background: -moz-linear-gradient(#896e4f, #5f4425);
  background: -o-linear-gradient(#896e4f, #5f4425);
  background: -ms-linear-gradient(#896e4f, #5f4425);
  background: linear-gradient(#896e4f, #5f4425);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#betchu h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#betchu h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#betchu h1.title_box .sub-title {
    display: inline-block;
  }
}
body#betchu h2.title_box {
  color: white;
  background-color: #896e4f;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #5f4425), color-stop(0, #896e4f));
  background: -webkit-linear-gradient(#896e4f, #5f4425);
  background: -moz-linear-gradient(#896e4f, #5f4425);
  background: -o-linear-gradient(#896e4f, #5f4425);
  background: -ms-linear-gradient(#896e4f, #5f4425);
  background: linear-gradient(#896e4f, #5f4425);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#betchu h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#betchu h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#betchu h2.title_box .sub-title {
    display: inline-block;
  }
}
body#betchu h2.title_box small {
  color: #f0f0f0;
}
body#betchu h2.title_bar {
  color: white;
  background-color: black;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #200500), color-stop(0, black));
  background: -webkit-linear-gradient(black, #200500);
  background: -moz-linear-gradient(black, #200500);
  background: -o-linear-gradient(black, #200500);
  background: -ms-linear-gradient(black, #200500);
  background: linear-gradient(black, #200500);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#betchu h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#betchu h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#betchu h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#betchu h2.title_bar small {
  color: #f0f0f0;
}
body#betchu h2.product-copy {
  color: #896e4f;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#betchu h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#betchu h3.items {
  color: #5f4425;
  border-right: 2px solid #5f4425;
  border-left: 2px solid #5f4425;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#betchu h3.prices {
  color: white;
  background-color: #5f4425;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#betchu h3.prices small {
  color: #F3F3F3;
}
body#betchu h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#betchu h3.push {
  text-align: center;
  background-color: #5f4425;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#betchu h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #896e4f;
}
body#betchu h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#betchu h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #896e4f;
}
body#betchu h5 {
  font-weight: bold;
}
body#betchu .key-back {
  background-color: #896e4f;
}
body#betchu .cards2 {
  background: #896e4f;
}
body#betchu .cards2 .item_info .item_name {
  border-left: 0.25rem solid #896e4f;
}
body#betchu .cards2 .item_copy span.sales_point {
  color: #896e4f;
}
body#betchu .cards2.jyan {
  background: #4BC3EF;
}
body#betchu .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#betchu .cards2.poro {
  background: #5178F7;
}
body#betchu .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#betchu .cards2.shirt {
  background: #968060;
}
body#betchu .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#betchu .cards2.suta {
  background: #A668D5;
}
body#betchu .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#betchu .cards2.syoubou {
  background: #F06060;
}
body#betchu .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#betchu .cards2.enamel {
  background: #FF9050;
}
body#betchu .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#betchu .cards2.gold {
  background: #E5C33C;
}
body#betchu .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#betchu .cards2.work {
  background: #40D0B0;
}
body#betchu .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#betchu .cards2.hoodie {
  background: #7067e3;
}
body#betchu .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#betchu .cards2.other {
  background: #82DA5F;
}
body#betchu .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#betchu .cards2.color {
  background: #F070B0;
}
body#betchu .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#betchu .cards2.betchu {
  background: #896e4f;
}
body#betchu .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#betchu .cards2.contents {
  background: #30B040;
}
body#betchu .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#betchu .cards3 {
  margin-bottom: 2rem;
}
body#betchu .cards3 .points {
  margin-top: 0;
  background: #896e4f;
}
body#betchu .cards4 .accordion li a:before {
  color: #896e4f;
}
body#betchu .product_price .roots_title, body#betchu .product_price .sub_title {
  background-color: #896e4f;
}
body#betchu .product_price .roots_price, body#betchu .product_price .sub_price {
  color: #896e4f;
}
body#betchu .sub-menu.button-group a:before {
  color: #896e4f;
}
body#betchu h3.faq:before {
  color: #896e4f;
}
body#betchu .accordion dd > a {
  background-color: #c2ad95;
  border-left: 4px solid #896e4f;
  line-height: 1.25rem;
}
body#betchu .accordion dd > a:after {
  color: #896e4f;
}
body#betchu .accordion dd > a:hover {
  background-color: #896e4f;
}
body#betchu .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#betchu .accordion dd .content.active {
  border-right: 1px solid #c2ad95;
  border-bottom: 1px solid #c2ad95;
  border-left: 1px solid #c2ad95;
  line-height: 1.25rem;
}
body#betchu .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #896e4f;
}
body#betchu .swiper-button-next, body#betchu .swiper-button-prev, body#betchu .swiper-container-rtl .swiper-button-prev, body#betchu .swiper-container-rtl .swiper-button-next {
  fill: #896e4f;
}
body#betchu .swiper-pagination-bullet-active {
  background: #896e4f;
}
body#betchu .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #896e4f;
}
@media (max-width: 64rem) {
  body#betchu .drawer-navbar .drawer-container .drawer-nav {
    background-color: #af9475;
  }
}
body#betchu .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#betchu .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#betchu .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #896e4f;
}
body#betchu .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #af9475;
}
body#betchu .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #896e4f;
}
body#betchu .product_custom i {
  color: #896e4f;
}
body#betchu .product_custom .custom_title {
  background-color: #896e4f;
}
body#betchu .product_custom .product_custom_back {
  background-color: #cbbaa6;
}
body#betchu .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#betchu .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#betchu .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#betchu .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#betchu .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#betchu .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#betchu .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#betchu .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#betchu .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#betchu .custom .wrapper {
  background-color: #cbbaa6;
}
body#betchu .product-list li:before {
  color: #896e4f;
}
body#betchu .panel.betchu {
  background-color: #d0c0ae;
}
body#betchu .panel.betchu h3 {
  color: #896e4f;
}
body#betchu dl.light-faq dd:before {
  color: #896e4f;
}
body#betchu .comments, body#betchu .comments-staff {
  background-color: #896e4f;
}
body#betchu .comments:before, body#betchu .comments-staff:before {
  border-left-color: #896e4f;
}
body#betchu .nav_under.betchu {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #896e4f;
}
body#betchu .nav_under.betchu h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#betchu .nav_under.betchu li a {
    background-color: #a2835e;
  }
  body#betchu .nav_under.betchu li a:hover {
    background-color: #69543c;
  }
}
body#betchu footer.betchu {
  border-bottom: 0.2rem solid #896e4f;
}

.nav_contents a.betchu {
  display: inline-block;
  background-color: #896e4f;
}
.nav_contents a.betchu:hover {
  background-color: #a68865;
}

body#contents .key-text {
  color: #30B040;
}
body#contents .key-back {
  background-color: #30B040;
}
body#contents h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#contents h1.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#contents h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#contents h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#contents h1.title_box .sub-title {
    display: inline-block;
  }
}
body#contents h2.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#contents h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#contents h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#contents h2.title_box .sub-title {
    display: inline-block;
  }
}
body#contents h2.title_box small {
  color: #f0f0f0;
}
body#contents h2.title_bar {
  color: white;
  background-color: #001d00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #004700), color-stop(0, #001d00));
  background: -webkit-linear-gradient(#001d00, #004700);
  background: -moz-linear-gradient(#001d00, #004700);
  background: -o-linear-gradient(#001d00, #004700);
  background: -ms-linear-gradient(#001d00, #004700);
  background: linear-gradient(#001d00, #004700);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#contents h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#contents h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#contents h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#contents h2.title_bar small {
  color: #f0f0f0;
}
body#contents h2.product-copy {
  color: #30B040;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#contents h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#contents h3.items {
  color: #068616;
  border-right: 2px solid #068616;
  border-left: 2px solid #068616;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#contents h3.prices {
  color: white;
  background-color: #068616;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#contents h3.prices small {
  color: #F3F3F3;
}
body#contents h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#contents h3.push {
  text-align: center;
  background-color: #068616;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#contents h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#contents h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#contents h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#contents h5 {
  font-weight: bold;
}
body#contents .key-back {
  background-color: #30B040;
}
body#contents .cards2 {
  background: #30B040;
}
body#contents .cards2 .item_info .item_name {
  border-left: 0.25rem solid #30B040;
}
body#contents .cards2 .item_copy span.sales_point {
  color: #30B040;
}
body#contents .cards2.jyan {
  background: #4BC3EF;
}
body#contents .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#contents .cards2.poro {
  background: #5178F7;
}
body#contents .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#contents .cards2.shirt {
  background: #968060;
}
body#contents .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#contents .cards2.suta {
  background: #A668D5;
}
body#contents .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#contents .cards2.syoubou {
  background: #F06060;
}
body#contents .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#contents .cards2.enamel {
  background: #FF9050;
}
body#contents .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#contents .cards2.gold {
  background: #E5C33C;
}
body#contents .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#contents .cards2.work {
  background: #40D0B0;
}
body#contents .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#contents .cards2.hoodie {
  background: #7067e3;
}
body#contents .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#contents .cards2.other {
  background: #82DA5F;
}
body#contents .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#contents .cards2.color {
  background: #F070B0;
}
body#contents .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#contents .cards2.betchu {
  background: #896e4f;
}
body#contents .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#contents .cards2.contents {
  background: #30B040;
}
body#contents .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#contents .cards3 {
  margin-bottom: 2rem;
}
body#contents .cards3 .points {
  margin-top: 0;
  background: #30B040;
}
body#contents .cards4 .accordion li a:before {
  color: #30B040;
}
body#contents .product_price .roots_title, body#contents .product_price .sub_title {
  background-color: #30B040;
}
body#contents .product_price .roots_price, body#contents .product_price .sub_price {
  color: #30B040;
}
body#contents .sub-menu.button-group a:before {
  color: #30B040;
}
body#contents h3.faq:before {
  color: #30B040;
}
body#contents .accordion dd > a {
  background-color: #82dd8e;
  border-left: 4px solid #30B040;
  line-height: 1.25rem;
}
body#contents .accordion dd > a:after {
  color: #30B040;
}
body#contents .accordion dd > a:hover {
  background-color: #30B040;
}
body#contents .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#contents .accordion dd .content.active {
  border-right: 1px solid #82dd8e;
  border-bottom: 1px solid #82dd8e;
  border-left: 1px solid #82dd8e;
  line-height: 1.25rem;
}
body#contents .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #30B040;
}
body#contents .swiper-button-next, body#contents .swiper-button-prev, body#contents .swiper-container-rtl .swiper-button-prev, body#contents .swiper-container-rtl .swiper-button-next {
  fill: #30B040;
}
body#contents .swiper-pagination-bullet-active {
  background: #30B040;
}
body#contents .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #30B040;
}
@media (max-width: 64rem) {
  body#contents .drawer-navbar .drawer-container .drawer-nav {
    background-color: #5ad269;
  }
}
body#contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #30B040;
}
body#contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #5ad269;
}
body#contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #30B040;
}
body#contents .product_custom i {
  color: #30B040;
}
body#contents .product_custom .custom_title {
  background-color: #30B040;
}
body#contents .product_custom .product_custom_back {
  background-color: #97e3a0;
}
body#contents .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#contents .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#contents .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#contents .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#contents .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#contents .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#contents .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#contents .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#contents .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#contents .custom .wrapper {
  background-color: #97e3a0;
}
body#contents .product-list li:before {
  color: #30B040;
}
body#contents .panel.contents {
  background-color: #a1e5a9;
}
body#contents .panel.contents h3 {
  color: #30B040;
}
body#contents dl.light-faq dd:before {
  color: #30B040;
}
body#contents .comments, body#contents .comments-staff {
  background-color: #30B040;
}
body#contents .comments:before, body#contents .comments-staff:before {
  border-left-color: #30B040;
}
body#contents .nav_under.contents {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #30B040;
}
body#contents .nav_under.contents h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#contents .nav_under.contents li a {
    background-color: #3eca50;
  }
  body#contents .nav_under.contents li a:hover {
    background-color: #258831;
  }
}
body#contents footer.contents {
  border-bottom: 0.2rem solid #30B040;
}

.nav_contents a.contents {
  display: inline-block;
  background-color: #30B040;
}
.nav_contents a.contents:hover {
  background-color: #46cd57;
}

body#main-contents .key-text {
  color: #30B040;
}
body#main-contents .key-back {
  background-color: #30B040;
}
body#main-contents h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#main-contents h1.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#main-contents h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#main-contents h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#main-contents h1.title_box .sub-title {
    display: inline-block;
  }
}
body#main-contents h2.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#main-contents h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#main-contents h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#main-contents h2.title_box .sub-title {
    display: inline-block;
  }
}
body#main-contents h2.title_box small {
  color: #f0f0f0;
}
body#main-contents h2.title_bar {
  color: white;
  background-color: #001d00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #004700), color-stop(0, #001d00));
  background: -webkit-linear-gradient(#001d00, #004700);
  background: -moz-linear-gradient(#001d00, #004700);
  background: -o-linear-gradient(#001d00, #004700);
  background: -ms-linear-gradient(#001d00, #004700);
  background: linear-gradient(#001d00, #004700);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#main-contents h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#main-contents h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#main-contents h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#main-contents h2.title_bar small {
  color: #f0f0f0;
}
body#main-contents h2.product-copy {
  color: #30B040;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#main-contents h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#main-contents h3.items {
  color: #068616;
  border-right: 2px solid #068616;
  border-left: 2px solid #068616;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#main-contents h3.prices {
  color: white;
  background-color: #068616;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#main-contents h3.prices small {
  color: #F3F3F3;
}
body#main-contents h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#main-contents h3.push {
  text-align: center;
  background-color: #068616;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#main-contents h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#main-contents h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#main-contents h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#main-contents h5 {
  font-weight: bold;
}
body#main-contents .key-back {
  background-color: #30B040;
}
body#main-contents .cards2 {
  background: #30B040;
}
body#main-contents .cards2 .item_info .item_name {
  border-left: 0.25rem solid #30B040;
}
body#main-contents .cards2 .item_copy span.sales_point {
  color: #30B040;
}
body#main-contents .cards2.jyan {
  background: #4BC3EF;
}
body#main-contents .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#main-contents .cards2.poro {
  background: #5178F7;
}
body#main-contents .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#main-contents .cards2.shirt {
  background: #968060;
}
body#main-contents .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#main-contents .cards2.suta {
  background: #A668D5;
}
body#main-contents .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#main-contents .cards2.syoubou {
  background: #F06060;
}
body#main-contents .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#main-contents .cards2.enamel {
  background: #FF9050;
}
body#main-contents .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#main-contents .cards2.gold {
  background: #E5C33C;
}
body#main-contents .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#main-contents .cards2.work {
  background: #40D0B0;
}
body#main-contents .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#main-contents .cards2.hoodie {
  background: #7067e3;
}
body#main-contents .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#main-contents .cards2.other {
  background: #82DA5F;
}
body#main-contents .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#main-contents .cards2.color {
  background: #F070B0;
}
body#main-contents .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#main-contents .cards2.betchu {
  background: #896e4f;
}
body#main-contents .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#main-contents .cards2.contents {
  background: #30B040;
}
body#main-contents .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#main-contents .cards3 {
  margin-bottom: 2rem;
}
body#main-contents .cards3 .points {
  margin-top: 0;
  background: #30B040;
}
body#main-contents .cards4 .accordion li a:before {
  color: #30B040;
}
body#main-contents .product_price .roots_title, body#main-contents .product_price .sub_title {
  background-color: #30B040;
}
body#main-contents .product_price .roots_price, body#main-contents .product_price .sub_price {
  color: #30B040;
}
body#main-contents .sub-menu.button-group a:before {
  color: #30B040;
}
body#main-contents h3.faq:before {
  color: #30B040;
}
body#main-contents .accordion dd > a {
  background-color: #82dd8e;
  border-left: 4px solid #30B040;
  line-height: 1.25rem;
}
body#main-contents .accordion dd > a:after {
  color: #30B040;
}
body#main-contents .accordion dd > a:hover {
  background-color: #30B040;
}
body#main-contents .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#main-contents .accordion dd .content.active {
  border-right: 1px solid #82dd8e;
  border-bottom: 1px solid #82dd8e;
  border-left: 1px solid #82dd8e;
  line-height: 1.25rem;
}
body#main-contents .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #30B040;
}
body#main-contents .swiper-button-next, body#main-contents .swiper-button-prev, body#main-contents .swiper-container-rtl .swiper-button-prev, body#main-contents .swiper-container-rtl .swiper-button-next {
  fill: #30B040;
}
body#main-contents .swiper-pagination-bullet-active {
  background: #30B040;
}
body#main-contents .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #30B040;
}
@media (max-width: 64rem) {
  body#main-contents .drawer-navbar .drawer-container .drawer-nav {
    background-color: #5ad269;
  }
}
body#main-contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#main-contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#main-contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #30B040;
}
body#main-contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #5ad269;
}
body#main-contents .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #30B040;
}
body#main-contents .product_custom i {
  color: #30B040;
}
body#main-contents .product_custom .custom_title {
  background-color: #30B040;
}
body#main-contents .product_custom .product_custom_back {
  background-color: #97e3a0;
}
body#main-contents .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#main-contents .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#main-contents .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#main-contents .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#main-contents .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#main-contents .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#main-contents .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#main-contents .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#main-contents .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#main-contents .custom .wrapper {
  background-color: #97e3a0;
}
body#main-contents .product-list li:before {
  color: #30B040;
}
body#main-contents .panel.main-contents {
  background-color: #a1e5a9;
}
body#main-contents .panel.main-contents h3 {
  color: #30B040;
}
body#main-contents dl.light-faq dd:before {
  color: #30B040;
}
body#main-contents .comments, body#main-contents .comments-staff {
  background-color: #30B040;
}
body#main-contents .comments:before, body#main-contents .comments-staff:before {
  border-left-color: #30B040;
}
body#main-contents .nav_under.main-contents {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #30B040;
}
body#main-contents .nav_under.main-contents h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#main-contents .nav_under.main-contents li a {
    background-color: #3eca50;
  }
  body#main-contents .nav_under.main-contents li a:hover {
    background-color: #258831;
  }
}
body#main-contents footer.main-contents {
  border-bottom: 0.2rem solid #30B040;
}

.nav_contents a.main-contents {
  display: inline-block;
  background-color: #30B040;
}
.nav_contents a.main-contents:hover {
  background-color: #46cd57;
}

body#corp .key-text {
  color: #30B040;
}
body#corp .key-back {
  background-color: #30B040;
}
body#corp h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#corp h1.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#corp h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#corp h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#corp h1.title_box .sub-title {
    display: inline-block;
  }
}
body#corp h2.title_box {
  color: white;
  background-color: #30B040;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #068616), color-stop(0, #30B040));
  background: -webkit-linear-gradient(#30B040, #068616);
  background: -moz-linear-gradient(#30B040, #068616);
  background: -o-linear-gradient(#30B040, #068616);
  background: -ms-linear-gradient(#30B040, #068616);
  background: linear-gradient(#30B040, #068616);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#corp h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#corp h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#corp h2.title_box .sub-title {
    display: inline-block;
  }
}
body#corp h2.title_box small {
  color: #f0f0f0;
}
body#corp h2.title_bar {
  color: white;
  background-color: #001d00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #004700), color-stop(0, #001d00));
  background: -webkit-linear-gradient(#001d00, #004700);
  background: -moz-linear-gradient(#001d00, #004700);
  background: -o-linear-gradient(#001d00, #004700);
  background: -ms-linear-gradient(#001d00, #004700);
  background: linear-gradient(#001d00, #004700);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#corp h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#corp h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#corp h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#corp h2.title_bar small {
  color: #f0f0f0;
}
body#corp h2.product-copy {
  color: #30B040;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#corp h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#corp h3.items {
  color: #068616;
  border-right: 2px solid #068616;
  border-left: 2px solid #068616;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#corp h3.prices {
  color: white;
  background-color: #068616;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#corp h3.prices small {
  color: #F3F3F3;
}
body#corp h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#corp h3.push {
  text-align: center;
  background-color: #068616;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#corp h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#corp h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#corp h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#corp h5 {
  font-weight: bold;
}
body#corp .key-back {
  background-color: #30B040;
}
body#corp .cards2 {
  background: #30B040;
}
body#corp .cards2 .item_info .item_name {
  border-left: 0.25rem solid #30B040;
}
body#corp .cards2 .item_copy span.sales_point {
  color: #30B040;
}
body#corp .cards2.jyan {
  background: #4BC3EF;
}
body#corp .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#corp .cards2.poro {
  background: #5178F7;
}
body#corp .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#corp .cards2.shirt {
  background: #968060;
}
body#corp .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#corp .cards2.suta {
  background: #A668D5;
}
body#corp .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#corp .cards2.syoubou {
  background: #F06060;
}
body#corp .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#corp .cards2.enamel {
  background: #FF9050;
}
body#corp .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#corp .cards2.gold {
  background: #E5C33C;
}
body#corp .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#corp .cards2.work {
  background: #40D0B0;
}
body#corp .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#corp .cards2.hoodie {
  background: #7067e3;
}
body#corp .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#corp .cards2.other {
  background: #82DA5F;
}
body#corp .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#corp .cards2.color {
  background: #F070B0;
}
body#corp .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#corp .cards2.betchu {
  background: #896e4f;
}
body#corp .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#corp .cards2.contents {
  background: #30B040;
}
body#corp .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#corp .cards3 {
  margin-bottom: 2rem;
}
body#corp .cards3 .points {
  margin-top: 0;
  background: #30B040;
}
body#corp .cards4 .accordion li a:before {
  color: #30B040;
}
body#corp .product_price .roots_title, body#corp .product_price .sub_title {
  background-color: #30B040;
}
body#corp .product_price .roots_price, body#corp .product_price .sub_price {
  color: #30B040;
}
body#corp .sub-menu.button-group a:before {
  color: #30B040;
}
body#corp h3.faq:before {
  color: #30B040;
}
body#corp .accordion dd > a {
  background-color: #82dd8e;
  border-left: 4px solid #30B040;
  line-height: 1.25rem;
}
body#corp .accordion dd > a:after {
  color: #30B040;
}
body#corp .accordion dd > a:hover {
  background-color: #30B040;
}
body#corp .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#corp .accordion dd .content.active {
  border-right: 1px solid #82dd8e;
  border-bottom: 1px solid #82dd8e;
  border-left: 1px solid #82dd8e;
  line-height: 1.25rem;
}
body#corp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #30B040;
}
body#corp .swiper-button-next, body#corp .swiper-button-prev, body#corp .swiper-container-rtl .swiper-button-prev, body#corp .swiper-container-rtl .swiper-button-next {
  fill: #30B040;
}
body#corp .swiper-pagination-bullet-active {
  background: #30B040;
}
body#corp .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #30B040;
}
@media (max-width: 64rem) {
  body#corp .drawer-navbar .drawer-container .drawer-nav {
    background-color: #5ad269;
  }
}
body#corp .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#corp .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#corp .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #30B040;
}
body#corp .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #5ad269;
}
body#corp .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #30B040;
}
body#corp .product_custom i {
  color: #30B040;
}
body#corp .product_custom .custom_title {
  background-color: #30B040;
}
body#corp .product_custom .product_custom_back {
  background-color: #97e3a0;
}
body#corp .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#corp .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#corp .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#corp .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#corp .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#corp .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#corp .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#corp .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#corp .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#corp .custom .wrapper {
  background-color: #97e3a0;
}
body#corp .product-list li:before {
  color: #30B040;
}
body#corp .panel.corp {
  background-color: #a1e5a9;
}
body#corp .panel.corp h3 {
  color: #30B040;
}
body#corp dl.light-faq dd:before {
  color: #30B040;
}
body#corp .comments, body#corp .comments-staff {
  background-color: #30B040;
}
body#corp .comments:before, body#corp .comments-staff:before {
  border-left-color: #30B040;
}
body#corp .nav_under.corp {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #30B040;
}
body#corp .nav_under.corp h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#corp .nav_under.corp li a {
    background-color: #3eca50;
  }
  body#corp .nav_under.corp li a:hover {
    background-color: #258831;
  }
}
body#corp footer.corp {
  border-bottom: 0.2rem solid #30B040;
}

.nav_contents a.corp {
  display: inline-block;
  background-color: #30B040;
}
.nav_contents a.corp:hover {
  background-color: #46cd57;
}

body#gray .key-text {
  color: #808080;
}
body#gray .key-back {
  background-color: #808080;
}
body#gray h1 span.key-text {
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
body#gray h1.title_box {
  color: white;
  background-color: #808080;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #565656), color-stop(0, #808080));
  background: -webkit-linear-gradient(#808080, #565656);
  background: -moz-linear-gradient(#808080, #565656);
  background: -o-linear-gradient(#808080, #565656);
  background: -ms-linear-gradient(#808080, #565656);
  background: linear-gradient(#808080, #565656);
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 0.15rem;
  padding: 0.5rem;
}
body#gray h1.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gray h1.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gray h1.title_box .sub-title {
    display: inline-block;
  }
}
body#gray h2.title_box {
  color: white;
  background-color: #808080;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #565656), color-stop(0, #808080));
  background: -webkit-linear-gradient(#808080, #565656);
  background: -moz-linear-gradient(#808080, #565656);
  background: -o-linear-gradient(#808080, #565656);
  background: -ms-linear-gradient(#808080, #565656);
  background: linear-gradient(#808080, #565656);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 0.15rem 0.15rem;
  padding: 0.5rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#gray h2.title_box .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gray h2.title_box .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gray h2.title_box .sub-title {
    display: inline-block;
  }
}
body#gray h2.title_box small {
  color: #f0f0f0;
}
body#gray h2.title_bar {
  color: white;
  background-color: black;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #171717), color-stop(0, black));
  background: -webkit-linear-gradient(black, #171717);
  background: -moz-linear-gradient(black, #171717);
  background: -o-linear-gradient(black, #171717);
  background: -ms-linear-gradient(black, #171717);
  background: linear-gradient(black, #171717);
  text-align: center;
  font-size: 1.75rem;
  margin: 0;
  padding: 1rem;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
body#gray h2.title_bar .sub-title {
  color: #FFFFFF;
  font-weight: normal;
  padding: 0.25rem;
  margin: 0 0.5rem;
  border-top: 1px solid #FFFFFF;
  font-size: 1rem;
}
@media only screen {
  body#gray h2.title_bar .sub-title {
    display: block;
  }
}
@media only screen and (min-width: 40rem) {
  body#gray h2.title_bar .sub-title {
    display: inline-block;
  }
}
body#gray h2.title_bar small {
  color: #f0f0f0;
}
body#gray h2.product-copy {
  color: #808080;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 0 1rem 0;
}
@media only screen and (min-width: 40rem) {
  body#gray h2.product-copy {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 0 1rem 1rem;
  }
}
body#gray h3.items {
  color: #565656;
  border-right: 2px solid #565656;
  border-left: 2px solid #565656;
  border-radius: 0 !important;
  background-color: inherit;
  font-size: 1rem;
}
body#gray h3.prices {
  color: white;
  background-color: #565656;
  font-size: 1rem;
  border-radius: 0 !important;
  text-align: center;
}
body#gray h3.prices small {
  color: #F3F3F3;
}
body#gray h3.first-push {
  text-align: center;
  background-color: #f0f0f0;
  font-size: 1.2rem;
  position: relative;
  padding: 0.6rem 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2) inset, 0px 0px 0 3px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
body#gray h3.push {
  text-align: center;
  background-color: #565656;
  color: white;
  font-size: 1.25rem;
  border-top: 6px double white;
  border-bottom: 6px double white;
  border-radius: 0;
  margin-bottom: 1rem;
}
body#gray h3.sub-copy {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #808080;
}
body#gray h4.points {
  font-size: 1.0rem;
  background-color: #ddd;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0;
}
body#gray h4.sub-copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #808080;
}
body#gray h5 {
  font-weight: bold;
}
body#gray .key-back {
  background-color: #808080;
}
body#gray .cards2 {
  background: #808080;
}
body#gray .cards2 .item_info .item_name {
  border-left: 0.25rem solid #808080;
}
body#gray .cards2 .item_copy span.sales_point {
  color: #808080;
}
body#gray .cards2.jyan {
  background: #4BC3EF;
}
body#gray .cards2.jyan .item_info .item_name {
  border-left-color: #4BC3EF;
}
body#gray .cards2.poro {
  background: #5178F7;
}
body#gray .cards2.poro .item_info .item_name {
  border-left-color: #5178F7;
}
body#gray .cards2.shirt {
  background: #968060;
}
body#gray .cards2.shirt .item_info .item_name {
  border-left-color: #968060;
}
body#gray .cards2.suta {
  background: #A668D5;
}
body#gray .cards2.suta .item_info .item_name {
  border-left-color: #A668D5;
}
body#gray .cards2.syoubou {
  background: #F06060;
}
body#gray .cards2.syoubou .item_info .item_name {
  border-left-color: #F06060;
}
body#gray .cards2.enamel {
  background: #FF9050;
}
body#gray .cards2.enamel .item_info .item_name {
  border-left-color: #FF9050;
}
body#gray .cards2.gold {
  background: #E5C33C;
}
body#gray .cards2.gold .item_info .item_name {
  border-left-color: #E5C33C;
}
body#gray .cards2.work {
  background: #40D0B0;
}
body#gray .cards2.work .item_info .item_name {
  border-left-color: #40D0B0;
}
body#gray .cards2.hoodie {
  background: #7067e3;
}
body#gray .cards2.hoodie .item_info .item_name {
  border-left-color: #7067e3;
}
body#gray .cards2.other {
  background: #82DA5F;
}
body#gray .cards2.other .item_info .item_name {
  border-left-color: #82DA5F;
}
body#gray .cards2.color {
  background: #F070B0;
}
body#gray .cards2.color .item_info .item_name {
  border-left-color: #F070B0;
}
body#gray .cards2.betchu {
  background: #896e4f;
}
body#gray .cards2.betchu .item_info .item_name {
  border-left-color: #896e4f;
}
body#gray .cards2.contents {
  background: #30B040;
}
body#gray .cards2.contents .item_info .item_name {
  border-left-color: #30B040;
}
body#gray .cards3 {
  margin-bottom: 2rem;
}
body#gray .cards3 .points {
  margin-top: 0;
  background: #808080;
}
body#gray .cards4 .accordion li a:before {
  color: #808080;
}
body#gray .product_price .roots_title, body#gray .product_price .sub_title {
  background-color: #808080;
}
body#gray .product_price .roots_price, body#gray .product_price .sub_price {
  color: #808080;
}
body#gray .sub-menu.button-group a:before {
  color: #808080;
}
body#gray h3.faq:before {
  color: #808080;
}
body#gray .accordion dd > a {
  background-color: silver;
  border-left: 4px solid #808080;
  line-height: 1.25rem;
}
body#gray .accordion dd > a:after {
  color: #808080;
}
body#gray .accordion dd > a:hover {
  background-color: #808080;
}
body#gray .accordion dd > a:hover:after {
  color: #FFFFFF;
}
body#gray .accordion dd .content.active {
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  line-height: 1.25rem;
}
body#gray .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #808080;
}
body#gray .swiper-button-next, body#gray .swiper-button-prev, body#gray .swiper-container-rtl .swiper-button-prev, body#gray .swiper-container-rtl .swiper-button-next {
  fill: #808080;
}
body#gray .swiper-pagination-bullet-active {
  background: #808080;
}
body#gray .drawer-navbar .drawer-container .drawer-navbar-header .drawer-brand span {
  color: #808080;
}
@media (max-width: 64rem) {
  body#gray .drawer-navbar .drawer-container .drawer-nav {
    background-color: #a6a6a6;
  }
}
body#gray .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:hover, body#gray .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:active, body#gray .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-menu-item:focus {
  background-color: #808080;
}
body#gray .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item {
  border-bottom: 1px solid #a6a6a6;
}
body#gray .drawer-navbar .drawer-container .drawer-nav .drawer-menu .drawer-dropdown-menu .drawer-dropdown-menu-item:hover {
  background-color: #808080;
}
body#gray .product_custom i {
  color: #808080;
}
body#gray .product_custom .custom_title {
  background-color: #808080;
}
body#gray .product_custom .product_custom_back {
  background-color: #cdcdcd;
}
body#gray .product_custom .product_custom_back .price-table {
  border-top: 0;
  background: inherit;
}
body#gray .product_custom .product_custom_back .price-table thead {
  background: inherit;
  border-bottom: 2px solid white;
}
body#gray .product_custom .product_custom_back .price-table thead tr th {
  text-align: center;
}
body#gray .product_custom .product_custom_back .price-table tbody tr:nth-of-type(even) {
  background: white;
}
body#gray .product_custom .product_custom_back .price-table tbody tr td {
  background: inherit;
  text-align: center;
}
body#gray .product_custom .product_custom_back .price-table tfoot {
  background: inherit;
}
body#gray .product_custom .product_custom_back .price-table tfoot td {
  background: inherit;
}
body#gray .product_custom .product_custom_back i {
  font-size: 1.5rem;
  color: #333;
  vertical-align: -0.3rem;
}
@media (min-width: 64rem) {
  body#gray .product_custom .product_custom_back i {
    font-size: 1.75rem;
  }
}
body#gray .custom .wrapper {
  background-color: #cdcdcd;
}
body#gray .product-list li:before {
  color: #808080;
}
body#gray .panel.gray {
  background-color: lightgray;
}
body#gray .panel.gray h3 {
  color: #808080;
}
body#gray dl.light-faq dd:before {
  color: #808080;
}
body#gray .comments, body#gray .comments-staff {
  background-color: #808080;
}
body#gray .comments:before, body#gray .comments-staff:before {
  border-left-color: #808080;
}
body#gray .nav_under.gray {
  margin: 0;
  padding: 1rem 0 0;
  background-color: #808080;
}
body#gray .nav_under.gray h2 {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
  body#gray .nav_under.gray li a {
    background-color: #949494;
  }
  body#gray .nav_under.gray li a:hover {
    background-color: #676767;
  }
}
body#gray footer.gray {
  border-bottom: 0.2rem solid #808080;
}

.nav_contents a.gray {
  display: inline-block;
  background-color: #808080;
}
.nav_contents a.gray:hover {
  background-color: #9a9a9a;
}

body#corp {
  /* HEADER AREA */
  /* TOP IMAGE AREA */
  /* MAIN MENU AREA */
  /* CORPORATION */
}
body#corp h1.title_box {
  background-color: #808080;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #565656), color-stop(0, #808080));
  background: -webkit-linear-gradient(#808080, #565656);
  background: -moz-linear-gradient(#808080, #565656);
  background: -o-linear-gradient(#808080, #565656);
  background: -ms-linear-gradient(#808080, #565656);
  background: linear-gradient(#808080, #565656);
  font-size: 1.2rem;
}
body#corp h3.sub-copy {
  font-size: 1.5rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#corp .roots-main-header {
  position: absolute;
  top: 3.75rem;
  z-index: 2;
  background-color: initial;
  width: 100%;
  padding-top: 0.5em;
  border-bottom: none;
}
body#corp .roots-main-header span {
  font-size: 0.9em;
  color: #e93030;
  text-shadow: 0px 0px 3px white;
}
body#corp .roots-main {
  position: relative;
  background-color: #fff;
  background-image: url("../../img/roots-corp-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
}
body#corp .roots-main h1 {
  margin: 8em 0 3em;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9);
  font-weight: bold;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main h1 {
    margin: 12em 0 1em;
    font-size: 1.1em;
  }
}
body#corp .roots-main p {
  margin: 0 0 7.5em;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  color: #F0F0A0;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9);
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main p {
    font-size: 1.1em;
    margin: 0.75em 0 2em;
  }
}
@media only screen and (max-width: 31em) {
  body#corp .roots-main p {
    font-size: 1.1em;
    margin: 0.75em 0 2em;
  }
}
body#corp .roots-main2 {
  position: relative;
}
body#corp .roots-main2 .first-view {
  padding: 3em 0 4em;
  background-image: url(/img/background_fablic.png);
}
body#corp .roots-main2 h1 {
  margin: 2em 0 2em;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main2 h1 {
    margin: 2em 0 2em;
    font-size: 1.1em;
  }
}
body#corp .roots-main2 h2.design {
  font-size: 1.75em;
}
body#corp .roots-main2 h2.design span {
  color: #DA1725;
  font-weight: bold;
  font-size: 175%;
  vertical-align: sub;
}
body#corp .roots-main-navi {
  /* position: relative;
  top: -15em;
  margin-bottom: -15em;
  z-index: 999; */
}
body#corp .roots-main-navi div.collapse {
  margin-bottom: 2em;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
body#corp .roots-main-navi div.collapse .jyan {
  border-top: 0.3em solid #4BC3EF;
}
body#corp .roots-main-navi div.collapse .poro {
  border-top: 0.3em solid #5178F7;
}
body#corp .roots-main-navi div.collapse .shirt {
  border-top: 0.3em solid #968060;
}
body#corp .roots-main-navi div.collapse .suta {
  border-top: 0.3em solid #A668D5;
}
body#corp .roots-main-navi div.collapse .syoubou {
  border-top: 0.3em solid #F06060;
}
body#corp .roots-main-navi div.collapse .enamel {
  border-top: 0.3em solid #FF9050;
}
body#corp .roots-main-navi div.collapse .gold {
  border-top: 0.3em solid #E5C33C;
}
body#corp .roots-main-navi div.collapse .work {
  border-top: 0.3em solid #69dac1;
}
body#corp .roots-main-navi div.collapse .hoodie {
  border-top: 0.3em solid #7067e3;
}
body#corp .roots-main-navi div.collapse .other {
  border-top: 0.3em solid #82DA5F;
}
body#corp .roots-main-navi div.collapse .color {
  border-top: 0.3em solid #F070B0;
}
body#corp .roots-main-navi div.collapse .betchu {
  border-top: 0.3em solid #896e4f;
}
body#corp .roots-main-navi div.collapse .contents {
  border-top: 0.3em solid #30B040;
}
body#corp .roots-main-navi .aside_gray div.collapse {
  background: inherit;
  box-shadow: none;
}
body#corp .roots-main-navi a {
  display: block;
  width: 100%;
  height: 100%;
  color: #222;
}
body#corp .roots-main-navi a:after {
  content: "\f196";
  position: absolute;
  bottom: 0.45em;
  right: 0.4em;
  font-family: "foundation-icons";
  font-size: 5em;
  color: #505050;
  opacity: 0.15;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi a:after {
    font-size: 3em;
    bottom: 0.45em;
    right: 0.5em;
  }
}
body#corp .roots-main-navi h2 {
  margin: 0.35em 0.7em;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi h2 {
    font-size: 0.8em;
  }
}
body#corp .roots-main-navi h2.top-menu-title {
  color: #000000;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.25em;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25em 0;
  margin-bottom: 1em;
}
body#corp .roots-main-navi p {
  margin: 0.7em;
  padding-bottom: 0.7em;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-main-navi p {
    font-size: 0.8em;
  }
}
body#corp .roots-sales ul {
  margin: 1em 2em 3em;
  border-top: 1px solid #F3F3F3;
  line-height: 1.25em;
}
@media only screen and (max-width: 40.063em) {
  body#corp .roots-sales ul {
    margin: 1em 0 3em 1em;
    font-size: 0.8em;
  }
}
body#corp .roots-sales ul li {
  padding: 0.5em 0;
  border-bottom: 1px solid #F3F3F3;
  color: #E5C33C;
}
body#corp .roots-sales ul li span {
  color: #303030;
}
body#corp .roots-main-corporation {
  padding: 3em 0;
  background-color: #f0f0f0;
  z-index: 0;
}
body#corp .roots-main-corporation a:after {
  content: "";
}
body#corp .roots-main-corporation th {
  white-space: nowrap;
}
body#main-contents {
  /* HEADER AREA */
  /* TOP IMAGE AREA */
}
body#main-contents h3.sub-copy {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-main-header {
  position: absolute;
  z-index: 2;
  background-color: initial;
  width: 100%;
  padding-top: 0.5rem;
  border-bottom: none;
}
body#main-contents .roots-main-header span {
  font-size: 0.9rem;
  color: #e93030;
  text-shadow: 0px 0px 3px white;
}
body#main-contents .roots-main {
  position: relative;
  background-color: #fff;
  background-image: url("../../img/roots-corp-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  background-attachment: fixed;
}
body#main-contents .roots-main .roots-posts-top h1 {
  margin: 7em 0 0;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 40rem) {
  body#main-contents .roots-main .roots-posts-top h1 {
    margin: 7em 0 0;
    font-size: 1.1em;
  }
}
body#main-contents .roots-main .roots-posts-top h1.numbers {
  color: #000000;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.25em;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0;
  margin-bottom: 0.25em;
}
body#main-contents .roots-main .roots-posts-top p {
  margin: 0.5rem 0 2rem;
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 1.25;
  color: #FFFFFF;
  text-shadow: 0px 0px 3px black;
}
@media only screen and (max-width: 40rem) {
  body#main-contents .roots-main .roots-posts-top p {
    font-size: 0.9rem;
    margin: 0.75rem 0 2rem;
  }
}
@media only screen and (max-width: 31rem) {
  body#main-contents .roots-main .roots-posts-top p {
    font-size: 0.9rem;
    margin: 0.75rem 0 2rem;
  }
}
body#main-contents .roots-main .roots-posts-top p span {
  color: #e93030;
  text-shadow: none;
}
body#main-contents .roots-box {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-bottom: 4rem;
  z-index: 1;
}
body#main-contents .roots-box .posts-text {
  padding: 0 1rem;
}
body#main-contents .roots-box h2 {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 1rem 0 1rem 0.5rem;
  margin: 0;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-box h3 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0 0 0.5rem 0.5rem;
  margin: 1rem 0 0;
  border-bottom: 2px solid #505050;
}
body#main-contents .roots-box h4 {
  border-bottom: 2px solid #fff;
}
body#main-contents .roots-box p {
  font-size: 1rem;
  line-height: 1.35rem;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  margin-bottom: 1rem;
}
body#main-contents .roots-box .nav_contents {
  background-color: transparent;
}
body#main-contents .roots-box .nav_contents ul li {
  padding: 0;
  border: 0;
}
body#main-contents .roots-posts {
  padding-bottom: 3rem;
}
body#main-contents .roots-posts .roots-posts-date {
  background-color: rgba(50, 40, 30, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0 0.25rem;
  font-size: 0.9rem;
  line-height: 1rem;
  text-shadow: none;
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1rem;
  text-shadow: none;
  color: #c6c6c6;
}
body#main-contents .roots-posts .roots-posts-date p {
  margin: 0.5rem 0;
}
body#main-contents .roots-posts .roots-posts-date a {
  display: block;
  padding: 0.75rem;
  margin: 0.75rem 0;
  color: #f0f0f0;
  background-color: rgba(255, 255, 255, 0.1);
}
body#main-contents .roots-posts .roots-posts-date a:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
body#main-contents .roots-posts .roots-posts-one {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0;
  margin-bottom: 2rem;
  z-index: 1;
}
body#main-contents .roots-posts h2 {
  font-size: 1.6rem;
  line-height: 1.75rem;
  padding: 0.25rem 0 0.5rem 0.5rem;
  margin: 0.25rem 0 0rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-posts h3 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  margin: 0.75rem 0 0.25rem;
  border-left: 5px solid #30B040;
}
body#main-contents .roots-posts a {
  font-weight: bold;
  text-decoration: underline;
}
body#main-contents .roots-posts .posts-category {
  font-size: 0.9rem;
  line-height: 1rem;
  text-shadow: none;
  padding: 0 0 0.25rem 0.5rem;
  margin-top: 0rem;
  border-left: 5px solid #30B040;
  color: #808080;
  font-weight: normal;
}
body#main-contents .roots-posts .posts-text p {
  font-size: 1rem;
  line-height: 1.35rem;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  margin-bottom: 1rem;
}
body#main-contents .roots-posts .posts-text p img {
  text-align: center;
}
body#main-contents .roots-posts .posts-text a.link-icon:after, body#main-contents .roots-posts .posts-text a > img:after {
  content: "\f196";
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  font-family: "foundation-icons";
  font-size: 3.5rem;
  line-height: 1rem;
  color: #505050;
  text-shadow: 0px 0px 7px #fff;
}
body#main-contents .roots-posts .posts-text a.link-icon:hover, body#main-contents .roots-posts .posts-text a > img:hover {
  opacity: 0.8;
}
body#main-contents .roots-posts .posts-caption {
  font-size: 0.9rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
body#main-contents .roots-posts .posts-footer p {
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: normal;
  text-shadow: none;
  color: #000000;
  border-top: 1px solid #303030;
  padding: 1rem 0 0;
  margin: 0.75rem 0;
  text-align: right;
}
body#main-contents .roots-posts-side .side-container {
  background-color: rgba(170, 160, 150, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-bottom: 2rem;
}
body#main-contents .roots-posts-side h2, body#main-contents .roots-posts-side h4 {
  background-color: #32281e;
  padding: 1rem;
  font-size: 0.9rem;
  line-height: 1rem;
  text-shadow: none;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1rem;
  text-shadow: none;
  color: #c6c6c6;
}
body#main-contents .roots-posts-side ul {
  margin: 0;
}
body#main-contents .roots-posts-side ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.1rem;
  border-bottom: 1px solid #ccc;
}
body#main-contents .roots-posts-side ul li:last-child {
  border-bottom: none;
}
body#main-contents .roots-posts-side ul li a {
  padding: 0.75rem 1rem;
  display: block;
  color: #303030;
}
body#main-contents .roots-posts-side ul li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body#main-contents .roots-posts-side ul li a span {
  font-weight: normal;
}
body#main-contents .roots-posts-side .nav_contents {
  background-color: inherit;
}
body#main-contents .roots-posts-side .nav_contents ul {
  margin-bottom: 2rem;
}
body#main-contents .roots-posts-side .nav_contents ul li {
  border: 1px solid transparent;
}
body#main-contents .roots-posts-side .nav_contents ul li a {
  padding: 0 0 0.75rem;
}
body#main-contents .roots-posts-side .nav_contents ul li a img {
  margin-bottom: 0.75rem;
}
body#main-contents .roots-posts-side .nav_contents ul li a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* COLOR */
.color-sample .color-accordion {
  color: #fff;
}
.color-sample .color-accordion li {
  padding: 0.5rem;
  margin: 0;
  background-image: url("/color/img/back-washi.png");
}
.color-sample .color-accordion li ruby {
  font-family: "source-han-serif-japanese",serif;
  font-size: 32px;
  line-height: 150%;
}
.color-sample .color-accordion li a {
  margin-bottom: 0;
}
.color-sample .color-accordion li:nth-of-type(1) {
  background-color: #C41A41;
}
.color-sample .color-accordion li:nth-of-type(1) ruby {
  color: #fbe2e8;
}
.color-sample .color-accordion li:nth-of-type(2) {
  background-color: #001A43;
}
.color-sample .color-accordion li:nth-of-type(2) ruby {
  color: #c3daff;
}
.color-sample .color-accordion li:nth-of-type(3) {
  background-color: #F8B400;
}
.color-sample .color-accordion li:nth-of-type(3) ruby {
  color: #ffefc5;
}
.color-sample .color-accordion li:nth-of-type(4) {
  background-color: #C08FB3;
}
.color-sample .color-accordion li:nth-of-type(4) ruby {
  color: #f7f1f5;
}
.color-sample .color-accordion li:nth-of-type(5) {
  background-color: #8CB155;
}
.color-sample .color-accordion li:nth-of-type(5) ruby {
  color: #dfe9cf;
}
.color-sample .color-accordion .content {
  background: none !important;
}