@charset "UTF-8";.urgent_modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10001;
  width: 90%;
  height: 90%;
  overflow-y: auto;
  background-color: white;
  border: solid 6px #ba0f18;
  border-radius: 20px;
  transform: translate(-50%, -50%);
}
.urgent_modal__container h2 {
  margin-bottom: 0;
  color: #ba0f18;
}
.urgent_modal__container h3 {
  margin: 0;
}
.urgent_modal__container p {
  margin-bottom: 0;
}
@media (width >= 768px) {
  .urgent_modal__container {
    max-width: 800px;
    max-height: 600px;
  }
}
.urgent_modal__content {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 20px 40px;
}
@media (width >= 768px) {
  .urgent_modal__content {
    padding: 20px 50px;
  }
}
.urgent_modal__button--red {
  width: 200px;
  padding: 16px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  background-color: #b30e17;
  border: solid #ba0f18 3px;
  border-radius: 8px;
}
@media (width >= 768px) {
  .urgent_modal__button--red {
    width: 290px;
  }
}
.urgent_modal__button--white {
  width: 200px;
  padding: 16px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  color: #b30e17;
  cursor: pointer;
  background-color: white;
  border: solid #ba0f18 3px;
  border-radius: 8px;
}
@media (width >= 768px) {
  .urgent_modal__button--white {
    width: 290px;
  }
}
.urgent_modal__close_button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.urgent_modal__close_button button {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  pointer-events: auto;
  cursor: pointer;
  border: solid 1px #aaa;
  border-radius: 100px;
}
.urgent_modal__close_button button::before, .urgent_modal__close_button button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 20px;
  content: "";
  background: #aaa;
  border-radius: 6px;
}
.urgent_modal__close_button button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.urgent_modal__close_button button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.urgent_modal__close_button--container {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
@media (width >= 768px) {
  .urgent_modal__close_button {
    top: 20px;
    right: 20px;
  }
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=1ed42114dbbe07e9f37eac4f5e504252)
 * Config saved to config.json and https://gist.github.com/1ed42114dbbe07e9f37eac4f5e504252
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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
}


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

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}


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

small {
  font-size: 80%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

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

pre {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace, 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"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
  -webkit-box-sizing: content-box;
  -moz-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 #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

td, th {
  padding: 0
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

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


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


figure {
  margin: 0
}


hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}
*/
.img-responsive, .thumbnail > img, .thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*[role="button"] {
  cursor: pointer
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

input[type="range"] {
  display: block;
  width: 100%
}

select[multiple], select[size] {
  height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555
}*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

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

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

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

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

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
  padding: 5px;
}

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

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

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup, .dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

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

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}

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

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

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

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

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/*.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc
}

.breadcrumb>.active {
  color: #777
}*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover, .pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a, .pager .next > span {
  float: right;
}

.pager .previous > a, .pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

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

.label-default {
  background-color: #777;
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

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

.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron h1, .jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img, .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

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

.alert > p, .alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable, .alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

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

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

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

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

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

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

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

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

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -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);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

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

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

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

.progress-bar-info {
  background-color: #5bc0de;
}

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

.progress-bar-warning {
  background-color: #f0ad4e;
}

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

.progress-bar-danger {
  background-color: #d9534f;
}

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

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media, .media-body {
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right, .media > .pull-right {
  padding-left: 10px;
}

.media-left, .media > .pull-left {
  padding-right: 10px;
}

.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

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

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

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

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

a.list-group-item, button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eee;
  color: #777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success, button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info, button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning, button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger, button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

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

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* z-index: 1040; */
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

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

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

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

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

/*.clearfix:before, .clearfix:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table
}

.clearfix:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
  clear: both
}*/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@media (min-width: 767px) {
  .visible-xs {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.4; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  color: #00A0E9;
}

a:not([class]):hover {
  text-decoration: underline;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* yahoo計測の表示不具合対策 */
html > img:not([class]) {
  position: absolute;
}

/* 追記 */
:focus {
  outline: none;
}

p {
  margin-top: 0;
  line-height: 1.6;
}

ul {
  padding: 0;
  margin: 0;
}

dl, dt, dd {
  margin: 0;
}

/*********************************************************/
/*旧サイトデザインとの共存のための記述
/*********************************************************/
ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
}

/*********************************************************/
/*フォントサイズ調整*/
/*********************************************************/
html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
}

h2 {
  font-size: 21px;
  font-size: 2.1rem;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 12px;
  font-size: 1.2rem;
}

html {
  height: 100%;
}

body {
  font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  height: 100%;
}

/*ボックスレイアウト*/
#container {
  width: 100%;
  position: relative;
  min-height: 100%;
}

#contentsWrapper {
  /* background-color: #FFF; */
  max-width: 1240px;
  margin: 0 auto;
}

.headerDiv {
  max-width: 1240px;
  margin: 0 auto;
}

.contentsDiv {
  /* min-width: 768px; */
  max-width: 966px;
  margin: 0 auto;
  /*
  padding-left: 20px;
  padding-right: 20px;
  */
  box-sizing: border-box;
}

#mainWrapper {
  float: right;
  width: calc(100% - 240px - 50px); /* 左サイドの幅と間隔50pxを引いた値 */
}

#leftArea {
  width: 240px;
  float: left;
}

#topFeature {
  float: right;
  width: calc(100% - 280px);
}

#sideArea {
  width: 310px;
  background-color: #fff;
  border: 1px solid #707070;
  z-index: 600;
  top: 90px; /* headerの高さ */
  box-shadow: 1px 1px 2px 0px rgb(0, 0, 0);
}

#headerWrapper {
  background-color: #b01e23;
  z-index: 800;
  position: relative;
  transition: all 0.1s ease;
  margin-bottom: 10px;
}

#header {
  width: 100%;
  height: 72px;
  display: flex;
}

#headerProductNav {
  height: 44px;
  display: flex;
  width: 100%;
  background-color: #000;
}

#footerWrapper {
  background-color: #eee;
  width: 100%;
  /*position: absolute;*/
  /* 固定フッターナビの高さ */
  /*bottom: 70px;*/
}

#footerCompanyWrapper {
  background-color: #fff;
  width: 100%;
}

#footerCompany {
  padding: 20px 0;
}

#footerNavWrap {
  width: 100%;
}

#fixedFootNavWrapp {
  position: fixed;
  background-color: #404040;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  transition: all 0.1s ease;
  box-sizing: border-box;
}

#fixedFootNav {
  padding: 10px 20px 10px 20px;
}

.footerCopyright {
  background-color: #ba0f18;
  text-align: center;
  color: #fff;
  padding: 20px 0;
}

.footerDiv {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 10px;
}

.col__row {
  overflow: hidden;
}

.col--4-12 {
  width: 33.3333%;
  float: left;
  box-sizing: border-box;
  padding: 0 15px;
}

@media screen and (max-width: 1367px) {
  #mainWrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  #leftArea {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1023px) {
  #mainWrapper {
    float: none;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #leftArea {
    width: auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0 10px;
    justify-content: space-between;
  }
  #topFeature {
    float: none;
    width: 100%;
  }
  .contentsDiv {
    padding: 0 10px;
  }
  #sideArea {
    top: 0;
    z-index: 1200;
    height: 100%;
  }
}
@media screen and (max-width: 960px) {
  #headerWrapper {
    position: static;
  }
  #header {
    flex-wrap: nowrap;
    height: auto;
  }
  #headerProductNav {
    height: auto;
    position: absolute;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .contentsDiv {
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  #headerWrapper {
    position: static;
    position: fixed;
    width: 100%;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
  }
  #header {
    height: auto;
    flex-wrap: wrap;
    padding: 0;
    box-sizing: border-box;
  }
  #headerWrapperDummy {
    height: 70px;
    margin-bottom: 10px;
  }
  .col--4-12 {
    width: auto;
    float: none;
  }
  #fixedFootNavWrapp {
    height: auto;
  }
  #fixedFootNav {
    padding: 0;
    padding-right: 20%;
  }
  #leftArea {
    padding: 0 10px;
  }
}
/* チャット */
#aibis-waiting .chat-content {
  font-size: 15px !important;
}

@media screen and (min-width: 1024px) {
  .fix-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100dvh - 112px - 15px);
    position: fixed;
    overscroll-behavior: contain;
  }
}
/* 汎用クラス */
.img-100p {
  width: 100%;
  height: auto;
}

.btn-hn {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 15px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  line-height: 1.2;
}

.btn-hn:focus,
.btn-hn:hover {
  color: #fff;
  text-decoration: none;
}

.btn-hn--red2 {
  background-color: #ba0f18;
  color: #fff;
}

.btn-hn--red2:hover {
  background-color: #f23a44;
  color: #fff;
}

.btn-hn--icon {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 1.15em;
}

.link--icon {
  vertical-align: middle;
  margin-right: 12px;
  font-size: 16px;
}

.btn-f {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
  line-height: 1.2em;
  width: auto;
  padding: 10px 15px;
  margin: 3px 9px;
}

.half_cWrap {
  display: flex;
  justify-content: space-between;
}

.half_cCell {
  width: calc(50% - 10px);
}

@media screen and (max-width: 767px) {
  .half_cWrap {
    flex-direction: column;
  }
  .half_cCell {
    width: 100%;
  }
}
/* 汎用クラスここまで */
/*サイドのプロダクトメニューに使用*/
.acIcon--mmenu {
  font-size: 2em;
  vertical-align: middle;
  margin-right: 15px;
}

.acIcon--mmenuArrow {
  margin-right: 10px;
  font-size: 12px;
}

.vMMenu__CBox::before {
  content: "";
  border-top: 10px solid transparent;
  position: absolute;
  border-left: 20px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #707070;
  top: 4px;
  left: 0;
  transform: translateX(-40px);
  background: transparent;
}

.vMMenu__CBox::after {
  content: "";
  border-top: 10px solid transparent;
  position: absolute;
  border-left: 20px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #fff;
  top: 4px;
  left: 0;
  transform: translateX(-38px);
  background: transparent;
}

.vMMenu__header {
  background-color: #313030;
  display: none;
}

.vMMenu_headerTitle {
  text-align: center;
  color: #fff;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  padding: 13px 0 10px 40px;
}

.vMMenu__list {
  padding: 0;
  margin: 0;
}

.vMMenu__item {
  list-style-type: none;
}

.vMMenu__title {
  margin: 0;
}

.vMMenu__link {
  text-decoration: none;
  padding: 3px 20px;
  display: block;
  font-size: 14px;
}

.vMMenu__AList {
  margin-top: 20px;
}

.vMMenu__AItem {
  font-size: 14px;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.vMMenu__ATitle {
  font-size: 14px;
}

.vMMenu__ALink {
  color: #00a0e9;
}

.vMMenu__BTitle {
  font-size: 12px;
}

.vMMenu__BLink {
  color: #000;
  font-weight: normal;
  font-size: 14px;
}

.vMMenu__CBox {
  padding: 20px 0 15px;
  background-color: #fff;
  border: 1px solid #707070;
  position: fixed;
  left: 240px;
  width: 720px;
  display: none;
  z-index: 1000;
  box-shadow: 2px 2px 4px 0px rgba(153, 153, 153, 0.8);
}

.vMMenu__CHeader {
  padding: 0 20px 10px;
}

.vMMenu__CTitle {
  color: #a7a7a7;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #6b6f71;
  margin: 0;
}

.vMMenu__CCol {
  float: left;
  width: 33.3333%;
  width: 50%;
}

.vMMenu__CList {
  transition: all 0.2s ease;
  padding: 0 20px 25px;
}

.vMMenu__CLink {
  color: #555;
  font-size: 14px;
  padding: 5px;
}

.vMMenu__CLink:hover {
  color: #00a1e9;
  background-color: #fff;
}

.vMMenu__AItem--ex {
  background-color: #fefbde;
  border-top: 22px solid #191970;
  border-right: 2px solid #191970;
  border-bottom: 6px solid #191970;
  border-left: 2px solid #191970;
}

.vMMenu__AItem--nenga {
  border-top: 12px solid #d51306;
  border-right: 2px solid #d51306;
  border-bottom: 6px solid #d51306;
  border-left: 2px solid #d51306;
}

.smm__directLink:hover {
  color: #00a0e9;
}

/* 1カラムページよう */
.smm__oneColumContainer .vMMenu__CBox {
  width: 480px;
}

.smm__oneColumContainer .vMMenu__CCol {
  float: none;
  width: auto;
}

/* 1カラムページよう ここまで */
@media screen and (max-width: 1023px) {
  .vMMenu__CBox {
    width: 480px;
  }
  .vMMenu__CBox {
    position: static;
    box-shadow: none;
    width: auto;
    padding: 0;
  }
  .vMMenu__CCol {
    float: none;
    width: auto;
  }
  .vMMenu__header {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .vMMenu_headerTitle {
    padding: 18px 0 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .vMMenu__CBox::before,
  .vMMenu__CBox::after {
    content: none;
  }
  .vMMenu__CHeader {
    display: none;
  }
  .vMMenu__CBox {
    position: static;
    box-shadow: none;
    width: auto;
    padding: 0;
  }
  .vMMenu__CList {
    padding-top: 10px;
  }
  .vMMenu__CLink {
    padding-right: 10px;
  }
}
/*サイドのプロダクトメニューここまで/

/* サイドメガメニューの下のバナー */
.sideBannerLink {
  display: block;
}

.sideBannerImg {
  display: block;
}

.sideBannerImg:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .sideBannerLink {
    color: #555555;
    padding: 0;
    margin-bottom: 10px;
  }
  .sideBannerLink--csr {
    border-bottom: none;
  }
}
/* サイドメガメニューの下のバナーここまで */
/*ヘッダースタイル*/
.headerLogoBox {
  display: table;
  width: 20%;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  float: left;
}

.headerLogo__link {
  width: 100%;
  text-align: center;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.headerLogo {
  height: auto;
  max-width: 180px;
}

.headerNav {
  vertical-align: top;
  float: right;
  height: 100%;
}

.headerNav1 {
  width: 75%;
}

.headerNav2 {
  height: 100%;
  width: 100%;
}

.headerSearchBox {
  width: 30%;
  display: flex;
  flex: 1 1 30%;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.headerBannerBox {
  width: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.headerBannerImg {
  max-width: 565px;
}

.headerContactBtnBox {
  display: flex;
  flex: 1 1 40%;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px 0 0;
  min-width: 540px;
}

@media screen and (max-width: 960px) {
  .headerLogoBox {
    width: 52%;
    padding: 22px 5px 15px;
    box-sizing: border-box;
  }
  .headerSearchBox {
    width: auto;
    border-left: none;
    flex: 1 1 auto;
  }
  .headerBannerBox {
    width: 16%;
    padding: 0;
    border-top: none;
  }
  .headerNavTggleBtn {
    flex: auto;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .headerLogo {
    width: 100%;
    max-width: 140px;
  }
  .headerNav1 {
    width: 100%;
  }
  .headerSearchBox {
    box-sizing: border-box;
  }
  .headerBannerBox {
    box-sizing: border-box;
  }
}
/*ヘッダースタイルここまで*/
/* ヘッダーメニューのスタイル */
.headerNav__list {
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.headerNav__item {
  vertical-align: middle;
  padding: 0;
  box-sizing: border-box;
}

.headerNav1__item {
  flex: 1 1 50%;
  background-repeat: no-repeat;
}

.headerNav1__item--33 {
  flex: 1 1 33%;
}

.headerNav1__item--66 {
  flex: 1 1 66%;
}

.headerNav2__item {
  flex: 1 1 25%;
  background-image: url(/images/header/hn2_bgl.gif), url(/images/header/hn2_bgr.gif);
  background-repeat: no-repeat;
  background-position: left center, right center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.headerNav__link2:hover {
  background-color: #333;
}

.headerNav__link {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}

.headerNav__link1 {
  font-size: 16px;
}

.headerNav__link2 {
  width: 100%;
}

.headerNav__link--headerBanner {
  height: auto;
}

.hn__icon {
  margin-right: 0.55em;
  font-size: 28px;
}

.searchSpIcon {
  font-size: 32px;
  margin-bottom: 5px;
}

.headerNav__child {
  position: absolute;
  width: calc(100% - 80px);
  background-color: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  left: 0;
  right: 0;
  top: 90px;
  margin: auto;
  max-width: 1280px;
  box-sizing: border-box;
}

.headerNav__child--location {
  border: 10px solid #ba0f18;
}

.headerNav__child--info {
  border: 10px solid #fb9a39;
}

.hn__childHeader {
  padding: 20px;
  min-width: 0;
}

.hn__childHeader--location {
  background-color: #ba0f18;
}

.hn__childHeader--info {
  background-color: #fb9a39;
}

.hn_childTitle {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 20px 120px 20px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 32px 32px;
  background-color: #434e64;
}

.hn_childTitle--location {
  background-image: url(/images/header/storelocation_off.png);
}

.hn_childTitle--info {
  background-image: url(/images/header/info_off.png);
}

.hn_childTitle--mailform {
  background-image: url(/images/header/contactus_off.png);
}

.hn_childTitle__innerLink {
  font-size: 14px;
  background-color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  color: #000;
  font-weight: normal;
  float: right;
}

.hn__cldCloseBtn {
  position: absolute;
  top: 27px;
  right: 25px;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
}

.hn__childBody {
  padding: 20px 20px 30px;
  overflow: hidden;
  height: 430px;
  min-width: 0;
}

.hn__childList {
  padding: 0;
}

.hn__childBody--title {
  color: #00a1e9;
  border-bottom: 1px solid #95989a;
}

.hn__childBody--col {
  float: left;
  box-sizing: border-box;
}

.hn__childBody--2col {
  width: 50%;
  padding: 0 20px;
}

.hn__childBody--3col {
  width: 33.3333%;
  padding: 0 20px;
}

.hn__childBody--4col {
  width: 25%;
  padding: 0 20px;
}

.hn__childLink {
  text-decoration: none;
  font-size: 14px;
  color: #212121;
  display: block;
  padding: 5px 0 5px 26px;
  background-image: url(/images/arrow/list_arrow_off.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  background-position: 0 7px;
}

.hn__childLink:hover {
  color: #00afff;
  background-image: url(/images/arrow/list_arrow_on.svg);
}

.hn__childLink:hover::before {
  color: #00afff;
}

.hn__childLink--shipping,
.hn__childLink--shipping:hover {
  background-image: url(/images/icon/shipping_blue.svg);
  background-size: 20px 20px;
  background-position: 0 center;
}

.hn__childLink--doc,
.hn__childLink--doc:hover {
  background-image: url(/images/icon/doc_blue.svg);
  background-size: 20px 20px;
  background-position: 0 center;
}

.hn__childLink--pay,
.hn__childLink--pay:hover {
  background-image: url(/images/icon/payment_blue.svg);
  background-size: 20px 20px;
  background-position: 0 center;
}

.hn__childLink--info,
.hn__childLink--info:hover {
  background-image: url(/images/icon/info_blue.svg);
  background-size: 20px 20px;
  background-position: 0 center;
}

.hn__childItem {
  /*
    border-bottom: 1px dotted #DEDEDE;
    margin-bottom: 10px;
    */
  list-style: none;
}

@media screen and (max-width: 960px) {
  .headerNav__list {
    flex-direction: column;
    display: none;
  }
  .headerNav__list--opened {
    display: block;
  }
  .headerNav__link {
    padding: 10px 0;
  }
  .headerNav__link1 {
    flex-direction: column;
  }
  .headerNav__link2 {
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 20px;
  }
  .headerNav2__item {
    background-image: none;
    border-top: 1px solid #555;
  }
  .hn2__icon {
    margin: 0 0 5px;
  }
  .hn3__icon {
    margin-right: 10px;
  }
  .headerNavTggleBtn {
    flex: auto;
    position: relative;
  }
  .smm__opBtn--spheader {
    background-image: none;
    width: 16%;
    flex: auto;
  }
  .headerSpMenuBtn {
    width: 16%;
  }
}
@media screen and (max-width: 767px) {
  .headerNav__list {
    box-sizing: border-box;
  }
  .headerNav__list1 {
    flex-direction: column;
  }
  .headerNav1__item--66 {
    padding: 0 15px;
  }
  .headerNav__link1 {
    font-size: 12px;
  }
  .headerNav__item--seBox {
    display: block;
    width: 100%;
  }
  .headerNav__child {
    /*position: fixed;*/
    width: calc(100% - 40px);
    margin: 20px;
    left: 0;
    top: 0;
    z-index: 1000;
  }
  .hn__childBody--col {
    float: none;
    width: auto;
    margin-bottom: 30px;
    padding: 0;
  }
  .hn__childBody {
    height: auto;
    overflow: auto;
  }
  .hn1__icon {
    margin: 0 0 5px;
  }
}
/*ヘッダーボタン追記*/
.hLeadText {
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  margin-right: 0.74em;
}

.hLeadText__24 {
  font-size: 1.6em;
  margin-left: 0.15em;
  margin-right: 0.1em;
  letter-spacing: -0.03em;
}

.btn--HContact {
  border: none;
  background-color: #239af6;
  padding: 0.75em 4em;
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 1.5em;
  box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 4px 0px;
}

.btn--HContact:hover {
  background-color: #0078d5;
}

/*ヘッダーボタン追記ここまで*/
/* ヘッダー2行目ナビ */
.headerProductNav__title {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding: 0 70px;
  box-sizing: border-box;
  width: 240px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .headerProductNav__title {
    padding: 0 0 0 40px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .headerProductNav__title {
    width: 33.3333333333%;
    padding: 0 0 0 40px;
    text-align: left;
  }
}
/* ヘッダーのボタンをほかの場所で使うためのクラス */
.btn--hnType {
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 225px;
  padding: 10px 5px 10px 45px;
}

.btn--hnType:hover,
.btn--hnType:active {
  border-bottom: none;
  margin-top: 4px;
}

.btn--location {
  background-image: url(/images/header/storelocation_off.png);
  background-color: #a21118;
  border-bottom: 3px solid #810c11;
}

.btn--mailform {
  background-image: url(/images/header/contactus_off.png);
  background-color: #00a1e9;
  border-bottom: 3px solid #0070a2;
}

/* ヘッダーメニューのスタイルここまで */
/* ヘッダー店舗案内のスタイル */
.vtclMenu2 {
  padding: 0;
  position: relative;
}

.vMenu2__list {
  background-color: #888;
  padding: 0;
}

.vMenu2__item {
  list-style-type: none;
}

.vMenu2__itemTitle {
  margin: 0;
  font-size: 14px;
}

.vMenu2__itemLink {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vMenu2__itemLink:hover {
  background-color: #fff;
  color: #59cbff;
  text-decoration: none;
  display: block;
}

.vMC__col {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}

.vMC__col--5 {
  width: 20%;
}

.vMC__col--4 {
  width: 25%;
}

.vMC__col--3 {
  width: 33.3333%;
}

.vMC__col--2 {
  width: 50%;
}

.vMC__item {
  list-style-type: none;
}

.vMC__cityName {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #bbb;
  font-size: 16px;
}

.vMC__list {
  padding: 0;
  margin-bottom: 20px;
}

.vMC__item > a {
  text-decoration: none;
  display: block;
  font-size: 14px;
  color: #444;
  padding: 10px 0 10px 15px;
  background-image: url(/images/arrow/list_arrow_off.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
  background-position: 0 12px;
}

.vMC__item > a:hover {
  color: #00afff;
  background-image: url(/images/arrow/list_arrow_on.svg);
}

.vMenu2__child {
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  width: 78%;
  height: 100%;
  padding: 10px 10px;
}

.hSMenu__child {
  display: none;
}

.hSMenu__item--active > .hSMenu__child {
  display: block;
}

.hSMenu__item--active .hSMenu__itemLink {
  background-color: #fff;
  color: #59cbff;
  text-decoration: none;
  display: block;
}

@media screen and (max-width: 767px) {
  .vMenu2__itemLink {
    padding-left: 15px;
  }
  .vMC__col {
    width: auto;
    float: none;
  }
  .vMenu2__child {
    width: 55%;
    overflow: auto;
  }
}
/* ヘッダー店舗案内のスタイルここまで */
/* ヘッダー／店舗案内のマップリストのスタイル */
.maplist {
  width: 100%;
  margin: 20px 0 20px 0;
  border-collapse: collapse;
  font-size: 12px;
}

.maplist__cell {
  margin-left: 5px;
  padding: 10px;
  text-align: left;
}

.maplist__link {
  color: #000;
  text-decoration: underline;
  padding-right: 2em;
}

.maplist__link:hover {
  text-decoration: none;
}

.maplist__th {
  min-width: 100px;
  text-align: center;
  width: 20%;
}

.maplist__td {
  width: 80%;
}

.maplist__b__tr:nth-child(odd) {
  background: #f0f0f0;
}

.maplist_ttl {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .maplist__th {
    width: 30%;
  }
  .maplist__td {
    width: 70%;
  }
  .maplist__link {
    width: 45%;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
  }
}
/* ヘッダー／店舗案内のマップリストのスタイルここまで */
/* ヘッダーの総合案内 */
.headerSogo {
  display: table;
  width: calc(100% - 180px);
}

.hSogo__headCol {
  display: table-cell;
  padding: 5px 8px;
  vertical-align: middle;
  border: 1px solid #fff;
  text-align: center;
}

.hSogo__title {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.hSogo__bodyCol {
  display: table-cell;
  padding: 3px 8px;
  border: 1px solid #fff;
  border-left: none;
  text-align: center;
  vertical-align: middle;
}

.hSogo__info {
  color: #fff;
  line-height: 1.2;
}

.hSogo__infoName {
  font-size: 14px;
  font-weight: bold;
}

.hSogo__infoNumber {
  font-size: 20px;
  font-weight: bold;
}

.hSogo__infoNumberLink {
  text-decoration: none;
  color: #fff;
}

.hSogo__hour {
  font-size: 12px;
  text-align: left;
}

.hSogo__title--res {
  font-size: 14px;
}

.headerSogo--res {
  width: 100%;
  max-width: 460px;
  background-color: #1d3e77;
  background-color: #b01d23;
}

.hSogo__hourCol {
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.headerSogo--entry {
  width: 100%;
  background-color: #1d3e77;
}

@media screen and (max-width: 520px) {
  .hSogo__title--res {
    font-size: 11px;
  }
  .hSogo__infoName {
    font-size: 12px;
  }
  .hSogo__infoNumber {
    font-size: 16px;
  }
  .hSogo__bodyCol {
    padding: 3px 0px;
  }
  .hSogo__headCol {
    padding: 5px 0px;
  }
}
/* ヘッダーの総合案内ここまで */
/* h1的トップテキスト */
.topTextWrapper {
  overflow: auto;
}

.topText {
  font-size: 11px;
  padding: 0 10px;
  font-weight: normal;
  white-space: pre;
  margin: 5px auto;
  max-width: 1240px;
}

/* h1的トップテキストここまで */
/* フッター */
.footerNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footerNav__col {
  width: 25%;
  float: left;
}

.footerNav__title {
  font-size: 13px;
  color: #666;
  font-weight: bold;
  background: none;
  border: none;
  margin-bottom: 20px;
}

.footerNav__sec {
  margin-bottom: 20px;
  padding: 10px;
}

.footerNav__list {
  padding: 0;
  margin: 0;
}

.footerNav__secTitle {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin: 0 0 10px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px;
}

.footerNav__item {
  list-style-type: none;
}

.footerNav__link {
  color: #666;
  font-size: 12px;
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

.footerNav__link:hover {
  text-decoration: underline;
}

.footerNav__link:active {
  color: #00a0e9;
}

.footerBanner__list {
  padding: 0;
  margin: 0;
}

.footerBanner__item {
  list-style-type: none;
  text-align: center;
}

.footerLogo {
  text-align: center;
  margin-bottom: 20px;
}

.footerCompany__menuList {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

.footerCompany__item {
  list-style-type: none;
  margin-bottom: 10px;
  display: inline;
}

.footerBanner__item > a {
  display: block;
  margin-right: 10px;
}

.footerBanner__img {
  max-width: 172px;
  width: 100%;
  height: auto;
}

.footerCompany__menuLink {
  padding: 0 10px;
  border-left: 1px solid #999;
  color: #666;
  font-size: 12px;
}

.footerCompany__caption {
  color: #666;
  font-size: 12px;
  margin: 0;
  text-align: center;
}

.footerCompany__markList {
  display: table;
  vertical-align: middle;
  margin: 0 auto 20px;
}

.footerCompany__markItem {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: beige;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .footerNav {
    padding-top: 0;
  }
  .footerNav__col {
    width: 100%;
    float: none;
  }
  .footerNav__list {
    display: none;
  }
  .footerNav__list--open {
    display: block;
  }
  .footerNav__sec {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
  }
  .footerNav__secTitle {
    padding: 10px 0;
    border: none;
    margin: 0;
  }
  .footerBanner__list {
    margin: 0 -10px 20px;
  }
  .footerBanner__item {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .footerLogo {
    width: 100%;
    float: none;
  }
  .footerCompany__menu {
    width: 100%;
    float: none;
  }
  .footerCompany__markList {
    width: 80%;
  }
}
/* フッターここまで */
/* 固定フッターナビのスタイル */
.toTopBtn {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  background-color: transparent;
  width: 50px;
  height: 50px;
  float: right;
  position: absolute;
  cursor: pointer;
}

.ffn__btnGroup {
  display: table;
  float: left;
  width: 90%;
  table-layout: fixed;
}

.ffn__btnItem {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}

.ffn__bgaLabel {
  display: table;
  vertical-align: middle;
  text-align: right;
  width: 100%;
  padding: 0;
  font-size: 16px;
  color: #fbe200;
  font-weight: bold;
}

.ffn__btn {
  font-size: 16px;
  display: table;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 5px;
  margin: 0;
}

.ffn__icon {
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .ffn__btnGroup {
    width: 100%;
  }
  .ffn__btn {
    width: 100%;
    border-radius: 0;
    border: none;
  }
  .ffn__icon {
    display: block;
  }
}
/* 固定フッターナビのスタイルここまで */
.pageInnerTitle--w1 {
  border: none;
  margin-bottom: 10px;
  padding-left: 0;
  width: auto;
  background: url(/images/btab_bg.jpg) repeat-x;
  color: #ffffff;
  padding: 10px 15px;
  font-size: 24px;
}

.pageInnerTitle--w2 {
  width: auto;
  font-size: 18px;
  padding: 10px 10px 10px 15px;
  background: #aaabab;
  border: none;
  color: #ffffff;
}

.list_textBox--w {
  padding: 10px 40px;
  margin-left: 15px;
  border-top: dashed 1px #666666;
  border-bottom: dashed 1px #666666;
  min-height: 76px;
  width: auto;
  margin-left: 120px;
}

.list_textBox--w__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
}

.sectionCol--50 {
  width: 50%;
  box-sizing: border-box;
}

.sectionCol--25 {
  width: 25%;
  box-sizing: border-box;
}

.sectionCol--left {
  float: left;
  padding-right: 10px;
}

.sectionCol--right {
  float: right;
  padding-left: 10px;
}

/* 商品一覧 */
.iconTitle {
  display: table;
  vertical-align: middle;
}

.iconTitle__icon {
  vertical-align: middle;
}

.pList__title {
  color: #00a1e9;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pList__link {
  font-size: 12px;
  color: #090909;
  padding: 4px 0;
  display: inline-block;
}

.pList__link::before {
  content: ">";
  margin-right: 5px;
}

.pList__link:hover {
  text-decoration: underline;
}

.pList__col {
  width: 25%;
  padding-right: 16px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .iconTitle__icon {
    width: 28px;
    height: 28px;
  }
  .pList__item {
    padding: 4px 0;
  }
}
/* 商品一覧ここまで */
/* トップの定番商品 */
.topBasicPdt__item {
  border: 2px solid #00a0e9;
  display: flex;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  align-items: stretch;
  background-color: #eeeeee;
}

.topBasicPdt__item:hover {
  background-color: #fff7cc;
}

.topBasicPdt__icon {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topBasicPdt__iconImg {
  width: 60%;
  height: auto;
}

.topBasicPdt__title {
  font-size: 14px;
  font-weight: bold;
  width: 60%;
  display: flex;
  align-items: center;
}

.topBasicPdt__arrow {
  width: 20%;
  background-image: url(/images/arrow/arrow_blue_right.svg);
  background-repeat: no-repeat;
  background-size: 30% 30%;
  background-position: 50% center;
  display: flex;
  align-items: center;
}

/* トップの定番商品ここまで */
/* ブログ機能用スタイル */
.mainContent--blogPost {
  display: flex;
}

.blogPostContents {
  /*
  float: left;
     width: calc(100% - 280px);
     */
  float: none;
  width: auto;
  flex: auto;
  padding-bottom: 60px;
}

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

.blogPostSide {
  /*
  width: 220px;
  float: right;
  */
  width: 220px;
  float: none;
  min-width: 220px;
  margin-left: 60px;
}

@media screen and (max-width: 767px) {
  .mainContent--blogPost {
    flex-direction: column;
  }
  .blogPostContents,
  .blogPostSide {
    float: none;
    width: auto;
    min-width: auto;
    margin-left: 0;
  }
}
.subMenuInfo__title {
  background-color: #768092;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 10px;
}

.subMenuInfo {
  margin-bottom: 20px;
}

.subMenuInfo__body {
  border-color: currentcolor #dddddd #dddddd;
  border-image: none;
  border-style: none solid solid;
  border-width: medium 1px 1px;
}

.subMenuInfo__link {
  border-bottom: 1px solid #dddddd;
  display: block;
  font-size: 12px;
  margin: 0 10px;
  padding: 10px 0 10px 0;
}

/* ブログ機能用スタイルここまで */
/* アンケートフォームからのダウンロードページ */
.dl-items__dlbtn {
  background-color: #007bff;
  padding: 20px 40px;
  display: inline-block;
  color: #fff;
  border: 2px solid #86b7ec;
  border-radius: 8px;
}

.dl-items__dlbtn:hover {
  background-color: #3798ff;
  color: #fff;
  text-decoration: none;
}

/* アンケートフォームからのダウンロードページここまで */
/* フローティングバナー */
.fixbanner01 {
  position: fixed;
  top: 20%;
  right: 0px;
  width: 70px;
  background: #fff;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}

.fixbanner01.fixbannerShow {
  visibility: visible;
  opacity: 1;
}

.toppage > .fixbanner01 {
  position: fixed;
  top: 380px;
  right: 0px;
  width: 76px;
  background: #fff;
}

.fixbanner01 img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.fixbanner01 a img:hover {
  opacity: 0.7;
}

.fixbanner02 {
  width: 716px;
  background: #fff;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -10%);
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
}

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

.fixbanner02 a img:hover {
  opacity: 0.7;
}

.fixbanner03 {
  width: 572px;
  position: fixed;
  bottom: 100px;
  right: -484px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: right;
}

.fixbanner__in {
  background: #fff;
  width: 100%;
  height: 100%;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.fixbanner03.active {
  -webkit-transform: translate(-484px, 0px);
  -moz-transform: translate(-484px, 0px);
  -o-transform: translate(-484px, 0px);
  transform: translate(-484px, 0px);
}

.close_btn {
  display: none;
}

.close_txt {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 8px;
}

.active .close_btn {
  display: inline-block;
  background: #bbb;
  padding: 5px;
  cursor: pointer;
  width: 40px;
  height: auto;
  text-align: center;
}

.close_btn img {
  max-width: 30px;
  height: auto;
}

.fixbanner__in {
  background: #fff;
  width: 100%;
  height: 100%;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.fixbanner03 img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.close_btn img {
  max-width: 30px;
  height: auto;
}

.hoverTrans:hover {
  text-decoration: underline #000000;
  transition: all 0.23s ease-in-out;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  .fixbanner03 {
    width: 100%;
    position: fixed;
    bottom: 100px;
    right: -84%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    text-align: right;
  }
  .fixbanner03.active {
    -webkit-transform: translate(-84%, 0px);
    -moz-transform: translate(-84%, 0px);
    -o-transform: translate(-84%, 0px);
    transform: translate(-84%, 0px);
    max-width: 100%;
  }
}
/* フローティングバナー ここまで */
/* 税込表示 */
.taxInPrice {
  font-size: 0.857em;
  font-weight: normal;
}

/* 三菱ユニボール一定期間非表示 */
.pen_hide {
  display: none;
}

/*
#mainContent {
}*/
.contentsSec {
  margin-bottom: 80px;
}

/* メインスライド */
.featureImgWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.featureImg {
  position: relative;
  padding: 0;
}

.featureImg--youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  padding-left: 20px;
  padding-right: 20px;
}

.featureImg--youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.featureImg .slick-list {
  overflow: visible;
}

.sliderImg {
  width: 100%;
  height: auto;
}

.fI__slider {
  margin: 0;
}

.fI__thumNav,
.fI__slider {
  opacity: 0;
  display: none; /* transition: opacity 2s linear; */
}

.fI__thumNav.slick-initialized,
.fI__slider.slick-initialized {
  display: block;
  opacity: 1;
}

.fI__arrow {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
}

.fI__arrowL {
  left: 10px;
}

.fI__arrowR {
  right: 10px;
}

.fI__arrowL .bx-prev,
.fI__arrowR .bx-next {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fI__blkFilter {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
  background-color: #000;
}

.fI__blkFilterL {
  left: 87%;
}

.fI__blkFilterR {
  right: 87%;
}

.fI__thumNav__item {
  padding: 3px;
  margin: 7px;
  position: relative;
}

.fI__thumNav__item.slick-current {
  background-color: #333;
}

.fI__thumNav__item.slick-current::before {
  content: "";
  border-top: 10px solid transparent;
  position: absolute;
  border-left: 10px solid transparent;
  border-bottom: 7px solid #333;
  border-right: 10px solid transparent;
  top: -15px;
  left: calc(50% - 10px);
}

.fI__thumNav {
  background-color: #ddd;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .contentsSec {
    margin-bottom: 40px;
  }
  .featureImgWrapper {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 767px) {
  .fI__blkFilter {
    display: none;
  }
  .fI__thumNav__item {
    margin: 7px 2px;
  }
}
/* メインスライドここまで */
/* コンテンツ汎用スタイル */
.section {
  padding-bottom: 24px;
}

.secBg--odd {
  background: #e8e8e8;
}

.secTitle {
  font-size: 22px;
  color: #1d3e77;
  font-weight: bold;
  margin: 0 0 5px;
}

.blk_img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.flexRow {
  display: flex;
}

/* コンテンツ汎用スタイルここまで */
/*カード*/
.cardsWrapp {
  /* margin-right: -16px; */
}

.cardsWrapp-usersguide {
  border: solid 12px #eee;
  font-size: 16px;
  padding: 20px;
}

.cardsWrapp--flex {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.cardsWrapp-usersguide .card__textBox,
.cardsWrapp-usersguide .card,
.cardsWrapp-usersguide .card__text-plist {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.card {
  float: left;
  /* position: relative; */
  box-sizing: border-box;
  padding-right: 16px;
}

.card--flex {
  float: none;
  margin-bottom: 20px;
  display: flex;
}

.card--w16p {
  width: 16.6666%;
}

.card--w20p {
  width: 20%;
}

.card--w25p {
  width: 25%;
  margin-bottom: 20px;
}

.card--w33p {
  width: 33%;
}

.card--w50p {
  width: 50%;
}

.card--w100p {
  width: 100%;
}

.card__content {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin: 0;
}

.card__content-auto {
  position: relative;
  background-color: #fff;
  margin: 0;
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.35);
  border: 1px #ddd solid;
}

.card__content--border {
  border: 1px solid #ccc;
}

.frameNone {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.card__content--aspectFix_1_1::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}

.card__aspectFixInnerContent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card__imgBox {
  overflow: hidden;
}

.card__imgBox > img {
  width: 100%;
  height: auto;
  display: block;
}

.cardLinkText {
  display: block;
  color: #333;
  text-align: center;
  text-decoration: none;
}

.cardLinkText:hover {
  text-decoration: underline;
}

.card--green {
  background-color: #0db79c;
  width: 100%;
}

.card--yellow {
  background-color: #f2c246;
  width: 100%;
}

.card--blue {
  background-color: #51acd9;
  width: 100%;
}

.card--red {
  background-color: #da5431;
  width: 100%;
}

.innerSection,
.bannerSection {
  padding: 0;
  background: #fff;
}

.innerSection .card__content-auto {
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
}

.innerSection .card__text {
  color: #000;
}

.card--green .card__title-plist,
.card--yellow .card__title-plist,
.card--blue .card__title-plist,
.card--red .card__title-plist {
  color: #fff;
  font-size: 20px;
}

.card--green .card__text-plist,
.card--yellow .card__text-plist,
.card--blue .card__text-plist,
.card--red .card__text-plist {
  color: #fff;
}

.card--green .card__textBox,
.card--yellow .card__textBox,
.card--blue .card__textBox,
.card--red .card__textBox {
  background: transparent;
  padding: 46px 16px;
}

.card__text {
  color: #777;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 8px;
}

a > .card__text-plist,
.card__text-plist {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
  padding: 0px 15px 10px;
}

.card__text-plist--ex {
  color: #000;
  font-size: 12px;
  padding: 0px 10px;
  margin-bottom: 10px;
  height: 3.2em;
  box-sizing: border-box;
}

.card__pricelabel {
  color: #4d4d4d;
  margin-bottom: 0;
  padding: 10px 5px 6px 15px;
  font-size: 12px;
  border-top: dashed 2px #dfdfdf;
  background: url(/images/icon/arrow_gray_right.svg) no-repeat;
  background-position: right 10px center;
  background-size: 15px;
}

.pricelabel__txt {
  font-weight: bold;
  padding-left: 5px;
  font-size: 20px;
  color: #ff4500;
}

.pricelabel__price {
  font-weight: bold;
  padding-left: 5px;
  font-size: 28px;
  color: #ff4500;
}

.card__text--2line {
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 2.8em;
}

.card__title--t1 {
  color: #000000;
  margin-top: 10px;
  margin-bottom: 3px;
  font-weight: bold;
}

.card__text--t1 {
  color: #555;
  font-size: 12px;
  line-height: 1.4;
}

.card__title {
  font-size: 16px;
  margin: 0 0 8px;
  text-align: center;
  color: #333;
  font-weight: bold;
}

.card__title-plist {
  font-size: 16px;
  text-align: left;
  color: #00a1e9;
  font-weight: bold;
  margin: 0;
  padding: 10px 15px 5px;
}

/*.newera:after {
	content: "新元号「令和」入り";
	color: #FFF;
	background: #FF0000;
	font-size: 14px;
	padding: 5px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 5px;
	border-radius: 4px;
	max-width: 160px;
	box-sizing: border-box;
	font-weight: bold;
}*/
.tempwrapp_s > .btn-temp {
  padding: 0px 15px 0 5px;
  font-size: 12px;
  margin: 0 5px 10px 5px;
  border-radius: 4px;
  max-width: 90%;
  border-bottom: none;
  box-shadow: 0px 2px 4px #aaa;
}

.tempwrapp_s > .btn-temp:active {
  margin-top: 0;
  box-shadow: none;
  position: relative;
  top: 2px;
}

.tempwrapp_s > .btn-temp:before {
  background: transparent url(/images/icon/dl.png) center no-repeat;
  background-size: 80%;
  width: 30px;
  height: 30px;
}

.card__title-plist > a:hover {
  text-decoration: underline;
}

.card__title-eclist {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
}

.card__text-eclist {
  background: #e7272d;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

.card__overBox {
  position: absolute;
  top: 0px;
  left: 0px;
  /*z-index: 2;*/
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  opacity: 0;
  cursor: pointer;
}

.card:hover .card__overBox {
  opacity: 1;
}

.card__overBoxLink {
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
  padding: 50% 0 0;
  box-sizing: border-box;
  font-size: 18px;
}

.card__hoverScaleLink {
  text-decoration: none;
}

.card__hoverScaleLink--BK {
  color: #000;
  text-decoration: underline;
}

.card__hoverScaleLink--BK:hover {
  text-decoration: none;
}

.card__hoverScaleLink:hover .card__hoverScaleImg {
  transform: scale(1.04);
  transition: all 0.2s ease;
}

.card__hoverScaleLink:hover .card__hoverScaleImg--150 {
  transform: scale(1.5);
}

.card__hoverScaleLink:hover .card__title--t1,
.card__hoverScaleLink:hover .card__text--t1 {
  text-decoration: underline;
}

.card__hoverScaleImg--150 {
  transition: all 0.4s ease;
}

.card_list__item {
  list-style: none;
}

.card_list__item:before {
  content: "・";
}

.card_list .ni__item {
  line-height: 1.5em;
}

.card_list__link {
  background: url(/images/arrow/slide_arrow_right.svg) no-repeat center left;
  background-size: 10px 11px;
  text-decoration: none;
  padding-left: 20px;
  color: #000;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}

.card_list__link:hover {
  text-decoration: underline;
}

.cardsFlex {
  display: flex;
}

.cardsFlex__col {
  flex: auto;
  padding-left: 16px;
}

.cardsFlex__col:first-child {
  padding-left: 0;
}

.card__imgBox--topVd {
  position: relative;
}

.topVd__pbtn {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/play_btn_gray.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
}

.card__imgBox--topVd:hover > .topVd__pbtn {
  background-image: url(/images/play_btn_red.svg);
}

.topVdLink {
  background-image: url(/images/play_btn_gray.svg);
  background-repeat: no-repeat;
  background-size: 23px 23px;
  background-position: left 7px center;
  background-color: #b01e23;
  box-shadow: 1px 1px 1px rgba(95, 3, 6, 0.9);
  display: block;
  margin: 0 0 1em 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 40px;
  color: #fff;
  border-radius: 4px;
}

.topVdLink:hover {
  background-image: url(/images/play_btn_red.svg);
}

.tgVdList {
  display: flex;
  justify-content: space-between;
}

.tgVdLink {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: left 5px center;
  color: #fff;
  width: calc((100% - 20px) / 3);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 10px;
  line-height: 1.2;
  margin-bottom: 1em;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.tgvd2span {
  background-image: url(/images/vdblankicon.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 14px;
  padding-right: 16px;
}

.tgVdLink--sky {
  background-color: #00a0e9;
}

.tgVdLink--red {
  background-color: #850b11;
}

.tgVdLink--blue {
  background-color: #191970;
}

.tgVdicon2 {
  margin-right: 0.4em;
  width: 3.5em;
}

.tgVdLink:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .card {
    padding-right: 0;
  }
  .card--flex {
    float: left;
  }
  .card--w25p {
    width: 50%;
    margin-bottom: 16px;
  }
  .card--w16p {
    width: 33.3333%;
    margin-bottom: 16px;
  }
  .card--w33p,
  .card--w50p {
    width: 100%;
    margin: 10px;
  }
  .card__content--aspectFix_1_1::before {
    content: "";
    display: none;
    padding: 0;
  }
  .card__aspectFixInnerContent {
    position: static;
  }
  .tgVdList {
    flex-direction: column;
  }
  .tgVdLink {
    width: 100%;
  }
}
/* カードのスライド */
.cardCSliderWrapp {
  padding: 0 20px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.cardCSlider {
  margin: 0;
}

.cC__slideItem {
  padding: 0 10px;
}

.cardCSlider > .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}

.cardCSlider > .slick-arrow,
.cardCSlider > .slick-arrow:hover,
.cardCSlider > .slick-arrow:focus {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  width: 14px;
  padding: 0;
  height: 24px;
  z-index: 100;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.cardCSlider > .slick-prev,
.cardCSlider > .slick-prev:hover,
.cardCSlider > .slick-prev:focus {
  left: -20px;
  background-image: url(/images/arrow/arrow_gray_left.svg);
}

.cardCSlider > .slick-next,
.cardCSlider > .slick-next:hover,
.cardCSlider > .slick-next:focus {
  right: -20px;
  background-image: url(/images/arrow/arrow_gray_right.svg);
}

.cardCSlider__title {
  font-size: 18px;
  padding-left: 20px;
  color: #1d3e77;
  font-weight: bold;
  margin: 0 0 5px;
}

.sliderArrow--thumL {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  cursor: pointer;
  z-index: 1;
  opacity: 0.8;
}

.sliderArrow--thumR {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  cursor: pointer;
  z-index: 1;
  opacity: 0.8;
}

/*カードここまで*/
/* ニュース欄 */
/* タブメニュー 機能*/
.tabMenu {
  list-style: none;
}

.tabMenu__item {
  display: inline-block;
  padding: 5px 25px;
  cursor: pointer;
  background: #eee;
}

.tabMenu__item.tab--active {
  background: #000;
  color: #fff;
}

.tabBox__item {
  display: none;
}

.tabBox__item.tab--active {
  display: block;
}

/* タブメニュー 機能ここまで*/
.whatsnewTabs {
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 5px solid #434e64;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.wnt__item {
  background-color: transparent;
  background-image: linear-gradient(230deg, transparent 15px, #eaeaea 16px);
  box-sizing: border-box;
  color: #333;
  text-align: center;
  text-decoration: none;
  display: flex;
  width: calc(50% - 3px);
  justify-content: center;
  align-items: center;
  height: 60px;
}

.wnt__item.tab--active {
  background-color: transparent;
  background-image: linear-gradient(230deg, transparent 15px, #434e64 16px);
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  height: 70px;
}

.whatsnewTopicBoxs {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .whatsnewTopicBoxs {
    padding: 0 5px;
  }
}
.whatsnewTabs > .wnt__item:last-child {
  margin-right: 0;
}

.topicBox {
  border-top: none;
  padding: 10px 0 4px;
}

.wnTopic__list {
  padding: 0;
  margin: 0 0 10px;
}

.wnTopic__item {
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
  list-style-type: none;
}

.wnTopic__date {
  color: #0099ff;
  margin-right: 10px;
}

.wnTopic__cat {
  display: inline-block;
  background: #7a97b2 none repeat scroll 0 0;
  border-radius: 3px;
  padding: 5px;
  text-align: center;
  width: 15em;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  margin-right: 10px;
}

.wnTopic__cat:hover {
  opacity: 0.7;
}

.wnTopic__cat--store {
  background-color: #7de0ff;
}

.wnTopic__cat--service {
  background-color: #fb8661;
}

.wnTopic__cat--service-campaign {
  background-color: #ff75c3;
}

.wnTopic__cat--move {
  background-color: #4d95db;
}

.wnTopic__cat--release {
  background-color: #ffb800;
}

.wnTopic__cat--server-maintenance {
  background-color: #9160d1;
}

.wnTopic__cat--change-bizhours {
  background-color: #7984e5;
}

.wnTopic__cat--temporarily-closed {
  background-color: #70aaff;
}

.wnTopic__cat--open {
  background-color: #ff7878;
}

.wnTopic__cat--others {
  background-color: #6692ba;
}

.wnTopic__cat--csr {
  width: 12.5em;
  background-color: #ff75c3;
}

.wnTopic__cat--ronaldmcdonaldhouse {
  background-color: #fb8661;
}

.wnTopic__cat--shineonkids {
  background-color: #fb8661;
}

.wnTopic__cat--savethechildren {
  background-color: #ff75c3;
}

.wnTopic__title {
  color: #333;
  text-decoration: none;
}

.wnTopic__title:hover {
  text-decoration: underline;
}

.wnTopic__ArchiveBtn {
  text-align: right;
  padding: 0 10px;
}

.wnTopic__ArchiveBtn > a {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .wnt__item.tab--active {
    font-size: 14px;
  }
  .wnt__item {
    width: calc((100% - 2px) / 2);
    margin-right: 2px;
    margin-top: 2px;
    border: none;
    display: block;
    float: left;
  }
  .wnTopic__item {
    padding: 10px 0;
  }
  .whatsnewTabs {
    display: flex;
  }
  .whatsnewTabs > .wnt__item:nth-of-type(2n) {
    margin-right: 0;
  }
  .wnTopic__title {
    display: block;
  }
  .wnTopic__cat,
  .wnTopic__date {
    margin-bottom: 5px;
    width: auto;
    min-width: 8em;
    font-size: 10px;
  }
}
/* ニュース欄ここまで */
/* sns欄のスタイル */
.snsTitle {
  display: block;
  width: 100%;
  height: auto;
}

.snsBody {
  max-height: 200px;
  overflow: auto;
  background-color: #fff;
}

.staffBlogFeedList {
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .snsbox {
    margin-bottom: 20px;
  }
}
/* sns欄のスタイルここまで */
/* 下層ページヘッダー */
.topTtlWrapper {
  /* background-color: #FFF; */
}

.topTtl {
  color: #434e64;
  font-size: 21px;
  font-weight: bold;
  /* padding: 18px 10px 14px 26px; */
  padding: 18px 10px 14px 0;
  box-sizing: border-box;
  transition: all 0 ease;
}

.infoTbWrapp-ttl > .topTtl {
  background: #ccc;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.topTtl--dblog {
  padding: 5px 10px 5px 0px;
}

.entryTitleLink {
  color: #434e64;
}

.entryTitleLink:hover {
  text-decoration: underline;
}

.subMenuWrapper {
  width: 100%;
  border-top: 1px #ddd dashed;
  border-bottom: 1px #ddd dashed;
  margin-bottom: 20px;
  background-color: #fff;
}

.subMenu__list {
  padding: 8px;
  margin: 0;
}

.subMenu__item {
  list-style-type: none;
  float: left;
  position: relative;
}

.subMenu__link {
  line-height: 1.4;
  color: #00a1e9;
  font-size: 14px;
  border-left: solid 1px #ddd;
  padding: 0px 20px;
  margin: 2px 0;
  display: inline-block;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  transition: all 0 ease;
}

.subMenu__link:hover {
  text-decoration: underline;
}

.subMenu__link--active {
  color: #666;
  font-weight: normal;
}

.subMenu__link--active:hover {
  text-decoration: none;
}

.head_fix > .topTtl {
  width: 100%;
}

.subCtrlContainer {
  position: relative;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.menu-trigger {
  width: 24px;
  height: 18px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #333;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 7px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.subMenuCtrlOpen span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(135deg);
  transform: translateY(7px) rotate(135deg);
}

.menu-trigger.subMenuCtrlOpen span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.subMenuCtrlOpen span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}

.subMenuCtrl {
  display: none;
  position: absolute;
  right: 22px;
  top: 30%;
}

@media screen and (max-width: 767px) {
  .subMenu {
    padding: 0;
    display: none;
  }
  .subMenu__item {
    float: none;
  }
  .subMenu__link {
    border-bottom: dotted 1px #eee;
    border-left: none;
    padding: 5px 10px;
    display: block;
    line-height: 1.2;
    font-weight: normal;
  }
  .subMenuCtrl {
    display: block;
  }
}
/* 下層ページヘッダーここまで */
/* 下層ページコンテンツ */
.breadcrumb {
  padding: 0px 0px 10px 0px;
  width: 100%;
  margin: 0px auto;
  border-radius: 0px;
  font-size: 12px;
  box-sizing: border-box;
  border-bottom: 1px #ddd dashed;
}

.bc__item {
  list-style: none;
  float: left;
  display: inline-block;
  color: #434e64;
}

.bc__item > a {
  text-decoration: underline;
}

.bc__item > a:visited {
  color: #434e64;
}

.bc__item > a:hover {
  color: #00a0e9;
}

.bc__item > a:active {
  color: #0027ff;
  text-decoration: none;
}

.bc__item + .bc__item::before {
  content: ">";
  padding: 0px 5px;
  color: #999;
}

.bc__link {
  color: #666;
  text-decoration: underline;
}

.pageSecTitle {
  background: #434e64;
  color: #fff;
  padding-left: 20px;
  border: none;
  margin-bottom: 25px;
  margin-top: 5px;
  font-size: 20px;
  text-indent: 0;
  padding: 15px;
  font-weight: bold;
  line-height: 1.2;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.pageSecTxt {
  font-size: 18px;
}

.pageSecTitle--red {
  background: #ba0f18;
  color: #fff;
}

.pageSec2Title {
  color: #00a1e9;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 40px;
  padding: 10px 5px 10px 0;
  border-bottom: solid 1px #00a1e9;
  background: transparent;
  font-weight: bold;
  box-sizing: border-box;
}

.pageSec3Title {
  margin: 3px 0 10px;
  font-size: 18px;
  border-bottom: none;
  color: #00a1e9;
  font-weight: bold;
  box-sizing: border-box;
}

.pageSec4Title {
  color: #00a1e9;
  font-weight: bold;
  font-size: 14px;
  margin: 5px;
}

.pageSecTitle__txt {
  font-size: 16px;
  margin-left: 20px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .pageSecTitle__txt {
    display: block;
    padding-left: 20px;
    font-size: 14px;
  }
}
.pageSecTitle i {
  vertical-align: middle;
  margin-right: 5px;
}

.ttlbg--express {
  background: #191970;
}

.ttlbg--temp {
  background: #239af6;
}

.ttlbg--free {
  background: #9e0a12;
}

.ttlbg--biz {
  background: #434e64;
}

.topSecTitle {
  font-size: 20px;
  font-weight: bold;
  color: #434e64;
  border-bottom: 1px dashed #434e64;
  padding: 0;
  margin: 0 0 14px;
}

.titleIcon--mail {
  background-image: url(/images/header/contactus_on.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 5px center;
  padding-left: 40px;
}

.titleIcon--tel {
  background-image: url(/images/header/icon_tel.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 5px center;
  padding-left: 40px;
}

.note_indent {
  margin: 0 0 20px;
  padding: 0;
}

.ni__item {
  text-indent: -1em;
  padding-left: 1em;
  /* font-size: 14px; */
  line-height: 1.4em;
  list-style: none;
}

.note_inline > .ni__item {
  text-indent: 0;
  padding-left: 20px;
  /* font-size: 14px; */
  line-height: 1.6em;
  list-style: none;
  display: inline-block;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.listmark__item {
  list-style: none;
  /* text-indent: -1em; */
  /* padding-left: 1em; */
  margin-bottom: 1.618em;
}

.listmark__item2 {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

.listmark__item2:before,
.listmark__item:before {
  content: "・";
}

.listmarkNone__item {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1.618em;
}

.listmarkNone__item2 {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

.numlist__item {
  list-style: decimal inside;
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom: 1.618em;
}

.emoney > li {
  font-size: 10px;
  margin-bottom: 0;
  line-height: 1.2em;
}

.emoney {
  margin: 0 0 5px;
}

.emoneyWrapp > .twrapp__cell {
  display: block;
  padding: 0;
}

.emoney-imgwrapp > img {
  max-width: 54px;
  height: auto;
}

.cvs-imgwrapp > img {
  margin-left: 15px;
  margin-bottom: 15px;
}

.emoney-noentry > li {
  font-size: 14px;
  line-height: 1.4em;
}

.paylist__ttl {
  margin-bottom: 5px;
}

.infoTable {
  table-layout: fixed;
  margin: 0 0 30px;
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.infoTable-auto {
  table-layout: auto;
  margin: 0 0 30px;
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.infoTb__cell {
  /* height: 3em; */
  box-sizing: border-box;
  text-align: center;
  /*max-height: 3em;*/
  padding: 10px 5px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}

.colorsample__hq tbody .infoTb__cell,
.colorsample__lz tbody .infoTb__cell {
  height: 50px;
}

@media screen and (max-width: 767px) {
  .infoTb__cell {
    font-size: 12px;
  }
  .infoTb__cell .btn-temp {
    display: flex;
  }
  .infoTb__cell > .twrapp__cell {
    padding: 0;
  }
}
.infoTb__cell-bank {
  height: auto;
  box-sizing: border-box;
  text-align: center;
  max-height: 3em;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

.infoTb__cell-bb {
  height: 50px;
  box-sizing: border-box;
  text-align: center;
  max-height: 3em;
  padding: 10px;
  border-bottom: solid 1px #ccc;
}

.infoTb__cell-bb--h30 {
  height: 30px;
  box-sizing: border-box;
  text-align: center;
  max-height: 3em;
  padding: 6px 10px;
  border-bottom: solid 1px #ccc;
}

.infoTb__cell--acry {
  vertical-align: top;
  font-size: 12px;
  padding: 0px 5px 10px;
  border: none;
}

.infoTb__h__tr-top {
  border-top: solid 1px #ccc;
}

.infoTb__h__tr-top .infoTb__tdh,
.infoTb__h__tr .infoTb__tdh {
  background: #f0f0f0;
}

.infoTb__h__th {
  background: #768092;
  color: #fff;
  font-weight: bold;
}

.infoTb__b__tr:nth-child(odd) {
  background: #fff;
}

.infoTb__b__tr:nth-child(odd) .infoTb__tdh {
  background: #f0f0f0;
}

.infoTb__b__tr:nth-child(even) {
  background: #f0f0f0;
}

.infoTb__b__tr:nth-child(even) .infoTb__tdh {
  background: #e2e2e2;
}

.infoTb__tdh[rowspan]:first-child {
  background: #f0f0f0;
}

.infoTb__b__tr--white {
  background: #fff;
}

.infoTb__sign {
  font-size: 1.4em;
}

.price {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
}

@media screen and (max-width: 1024px) {
  .price {
    font-size: 12px;
  }
  .infoTb__cell {
    font-size: 12px;
    padding: 1em 5px;
  }
}
@media screen and (max-width: 767px) {
  .infoTb__h__tr--acry {
    display: flex;
    flex-wrap: wrap;
  }
  .infoTb__cell--acry {
    width: 50%;
  }
}
.bankBox__th {
  background: #f2f2f2;
  color: #333;
  height: auto;
  padding: 5px;
}

.bankBox__td > .price {
  font-weight: normal;
  font-size: 14px;
}

.bankBox__ttl {
  height: 50px;
  box-sizing: border-box;
  text-align: center;
  max-height: 3em;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  background: #768092;
  color: #fff;
  font-weight: bold;
  margin-top: 80px;
}

.bankBox__ttl a {
  color: #fff;
  pointer-events: none;
}

.bankTable {
  border-top: solid 1px #ddd;
}

.bankTable__shopname {
  width: 26%;
}

.bankTable__bankname {
  width: 30%;
}

.bankTable__banknum {
  width: 14%;
}

.bankTable__bankname {
  width: 30%;
}

.hBorderTb {
  margin: 0 0 30px;
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.hBorderTb__cell {
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  border-right: none;
  border-left: none;
}

/* フォーム部品 */
.smplfTable {
  margin: 0 0 30px;
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.smplfTb__cell {
  height: 30px;
  box-sizing: border-box;
  text-align: left;
  max-height: 3em;
  padding: 10px 15px;
  border-bottom: solid 1px #ccc;
  word-wrap: break-word;
  overflow-wrap: break-word;
  vertical-align: top;
}

.smplfTb__tdh {
  padding: 15px 20px;
  font-weight: bold;
}

.inputField {
  padding: 5px 5px;
  border-radius: 5px;
  border: 2px solid #eee;
  width: 100%;
  box-sizing: border-box;
}

.inputField:focus {
  background-color: #fdfba7;
}

.inputField--w70p {
  width: 70%;
}

.inputField--w50p {
  width: 50%;
}

.inputField--auto {
  width: auto;
}

.inputLabel {
  padding: 3px;
  display: inline-block;
}

.require {
  background: #f23517 none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  float: right;
  font-size: 12px;
  padding: 4px 8px;
  font-weight: normal;
}

.form_example {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  padding-left: 5px;
  color: #666;
}

.formSubmitBox {
  text-align: center;
  padding: 20px;
  width: 50%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.formSubmitBox__btn {
  -webkit-appearance: none;
  border: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 18px 20px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
  color: #000;
  width: 45%;
  min-width: 150px;
  /* transition: all 0.1s ease; */
  border-bottom: 3px solid #858995;
}

.formSubmitBox__btn--agree {
  background-color: #e4e8f3;
  border-bottom: 3px solid #858995;
}

.formSubmitBox__btn--submit {
  background-color: #fb9a39;
  border-bottom: 3px solid #b55e09;
  outline: none;
}

.formSubmitBox__btn--agree:hover {
  background-color: #cbced5;
}

.formSubmitBox__btn--submit:hover {
  background-color: #f28416;
}

.formSubmitBox__btn:active {
  border-bottom: none;
  margin-top: 3px;
}

.formSubmitBox__btn--diabled,
.formSubmitBox__btn--diabled:hover {
  background-color: #ccc;
  border-color: #333;
  cursor: not-allowed;
}

.scrollPPtextWrapper {
  border: 1px solid #ccc;
  padding: 20px;
  height: 325px;
  overflow: auto;
  margin-bottom: 20px;
}

.errorMsg {
  color: #ff0000;
}

.smplfTb__cell--w35p {
  width: 35%;
}

@media screen and (max-width: 767px) {
  .smplfTb__cell--w35p {
    width: auto;
  }
  .smplfTb__cell {
    float: left;
    width: 100%;
    height: auto;
    max-height: none;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .formSubmitBox {
    width: 100%;
  }
  .smplfTb__tdh {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .inputField {
    font-size: 16px;
  }
}
/* フォーム部品ここまで */
.notebox {
  border: 12px solid #eee;
  padding: 16px;
  margin-bottom: 20px;
}

.notebox--red {
  border: 1px solid #ff0000;
}

.Q {
  background: url(/images/cw_q.jpg) no-repeat left top;
  background-size: 20px 20px;
  padding-left: 30px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #00a0e9;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.A {
  background: url(/images/cw_a.jpg) no-repeat left top;
  background-size: 20px 20px;
  padding-left: 30px;
  padding-bottom: 40px;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.btn {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 14px 15px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #474e64;
  border-bottom: solid 4px #343847;
  cursor: pointer;
}

.btn:hover {
  opacity: 0.7;
}

.btn:active {
  border-bottom: none;
  margin-top: 4px;
}

.btn__txt {
  display: inline-flex;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  vertical-align: middle;
  align-items: center;
}

.btn_square {
  width: 100%;
  border-radius: 0;
}

/* テンプレートダウンロードボタン */
.btn-temp {
  padding: 0;
  padding-right: 20px;
  padding-top: 4px;
  min-width: auto;
  background-color: #3598dc;
  border-bottom: solid 4px #2d7eb5;
}

.btn-temp:hover {
  background-color: #65b1e3;
}

.btn-temp:active {
  border-bottom: none;
  margin-top: 4px;
}

.btn-temp:before {
  content: " ";
  background: transparent url("/images/icon/dl.png") center no-repeat;
  background-size: 50%;
  width: 60px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* 店舗一覧ボタン */
.btn-phone {
  padding: 0;
  text-align: left;
  min-width: 220px;
}

.btn-phone:before {
  content: " ";
  background: url("/images/icon/phone_off.png") center no-repeat;
  background-size: 45%;
  width: 70px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* メールフォーム・入稿ボタン */
.btn-mailform {
  padding: 0;
  text-align: left;
  min-width: 220px;
}

.btn-mailform:before {
  content: " ";
  background: url("/images/icon/contactus_off.png") center no-repeat;
  background-size: 45%;
  width: 70px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* WEB入稿ボタン */
.btn-webupload {
  padding: 0;
  text-align: left;
  min-width: 220px;
}

.btn-webupload:before {
  content: " ";
  background: url("/images/icon/webuploader_off.png") center no-repeat;
  background-size: 45%;
  width: 70px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* 配送についてボタン */
.btn-shipping {
  padding: 0;
  text-align: left;
  min-width: 220px;
}

.btn-shipping:before {
  content: " ";
  background: url("/images/icon/shipping_white.png") center no-repeat;
  background-size: 45%;
  width: 70px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* お支払いについてボタン */
.btn-payment {
  padding: 0;
  text-align: left;
  min-width: 220px;
}

.btn-payment:before {
  content: " ";
  background: url("/images/icon/payment_white.png") center no-repeat;
  background-size: 45%;
  width: 70px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

/* ご利用案内トップアイコン */
.linkicon-info {
  background: url("/images/icon/info_on.png") top left no-repeat;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

.linkicon-payment {
  background: url("/images/icon/payment_blue.png") top left no-repeat;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

.linkicon-shipping {
  background: url("/images/icon/shipping_blue.png") top left no-repeat;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

.linkicon-doc {
  background: url("/images/icon/doc_blue.png") top left no-repeat;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

.linkicon-beginners {
  background: url("/images/icon/beginners.png") top left no-repeat;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

.linkicon-smartlocker {
  background: url("/images/icon/smart_locker.png") top left no-repeat;
  background-size: auto;
  background-size: 24px 24px;
  padding: 2px 0 0 28px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6em;
}

/* グリーン */
.btn-green {
  background-color: #19bd9b;
  border-bottom: solid 4px #16a287;
}

.btn-green:hover {
  background-color: #1cd4ae;
}

.btn-info {
  background-color: #6bbedc;
  padding: 6px 12px;
  border-radius: 4px;
  color: #ffffff;
}

.btn-info:hover {
  opacity: 0.7;
}

/* レッド */
.btn-red {
  background-color: #e84c3d;
  border-bottom: solid 4px #c1372c;
}

.btn-red:hover {
  background-color: #ec6859;
}

.btn-red:active {
  background-color: #e84c3d;
  border-bottom: none;
  margin-top: 4px;
}

.btn-CIcolor {
  background-color: #b01e23;
  border-bottom: solid 4px #851b1e;
}

.btn-CIcolor:active {
  background-color: #b01e23;
  border-bottom: none;
  margin-top: 4px;
}

/* オレンジ */
.btn-orange {
  background-color: #fb9a39;
  border-bottom: solid 4px #db7507;
}

.btn-orange:hover {
  background-color: #fbb369;
}

.btn-orange:active {
  border-bottom: none;
  margin-top: 4px;
}

/* ブルー */
.btn-blue {
  background-color: #3598dc;
  border-bottom: solid 4px #2d7eb5;
}

.btn-blue:hover {
  background-color: #65b1e3;
}

.btn-blue:active {
  background-color: #3598dc;
  border-bottom: none;
  margin-top: 4px;
}

.btn-blue2 {
  background-color: #3bb8f2;
  border-bottom: solid 4px #2d7eb5;
}

.btn-blue2:hover {
  background-color: #00a0e9;
  opacity: 1;
}

.btn-blue2:active {
  background-color: #3bb8f2;
  border-bottom: none;
  margin-top: 4px;
  opacity: 1;
}

/* グレー */
.btn-gray {
  background-color: #516170;
  border-bottom: solid 4px #344756;
}

.btn-gray:hover {
  background-color: #637687;
}

.btn-gray:active {
  border-bottom: none;
  margin-top: 4px;
}

/* 注文ボタン */
.order-menuWrapp {
  padding: 0 12px 20px 12px;
}

.order-menu__dropdown {
  width: 100%;
}

.order-menu__dropdown > li > a {
  word-wrap: break-word;
  white-space: normal;
}

.btn-order {
  border: none;
  background: #fb9a39 url(/images/arrow/arrow_white_under.svg) no-repeat right;
  background-size: 16px;
  background-position: right 15px center;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 10px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn-order:hover {
  background-color: #fbb369;
}

.btn-order:active {
  border-bottom: none;
  margin-top: 0;
}

.btn--arrowRight {
  background-image: url(/images/arrow/arrow_white_right.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 13px center;
}

/* 関連商品ボタン */
.optionwrapp {
  width: 100%;
  margin-bottom: 40px;
}

.option__list {
  margin: 0;
  padding: 0;
}

.option__item {
  list-style-type: none;
  box-sizing: border-box;
  width: 33.333%;
  padding: 0 6px 14px 6px;
  float: left;
}

.option__link {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 16px 16px;
  background: #eeeeee url(/images/icon/addmenu_off.png) no-repeat right 18px center;
  background-size: 12px 19px;
  font-weight: bold;
  font-size: 14px;
  color: #5f9ae6;
  text-decoration: none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
}

.option__link:hover {
  background: #5f9ae6 url(/images/icon/addmenu_on.png) no-repeat right 18px center;
  color: #eeeeee;
  background-size: 12px 19px;
}

.option__link > .acIcon--mmenu {
  font-size: 3em;
}

@media screen and (max-width: 767px) {
  .option__link {
    display: inline;
    padding: 0;
    background: none;
    font-size: 12px;
    box-shadow: none;
  }
  .option__item {
    width: 100%;
  }
}
.b-none {
  border: none;
}

.listwrapp {
  display: table;
}

.listblock {
  display: table-cell;
  padding-left: 10px;
}

.twrapp-full {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}

.twrapp {
  display: table;
  border-collapse: collapse;
  box-sizing: border-box;
}

.tempdlwrapp {
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
}

.imgwrapp {
  display: table;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 0 auto;
}

.twrapp__cell {
  display: table-cell;
  vertical-align: top;
  padding: 5px;
}

.twfull--acpd {
  padding: 0 0 0 12px;
}

.twcell--acpd {
  padding: 12px 12px 6px 0;
}

.imgwrapp__cell {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  vertical-align: top;
}

.btnwrapp {
  text-align: center;
  margin-bottom: 20px;
}

.btnWrap--hrizontal {
  display: flex; /* margin-right: -20px; */
}

.btn--horizonItem20p {
  width: calc(20% - 20px);
  margin-right: 20px;
}

.keepwrapp {
  margin-bottom: 5px;
}

.keeptop {
  display: inline-block;
  min-width: 10em;
}

.shopMap > a {
  display: block;
  background: #2980b9;
  color: #fff;
  padding: 4px 16px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-sizing: border-box;
}

.shopMap > a:hover {
  background: #3498db;
  position: relative;
  left: 1px;
  top: 1px;
}

.spmap {
  display: none;
}

.img-full {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
  box-sizing: border-box;
}

.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.block-center {
  margin: 0 auto;
}

.iblock-center {
  display: inline-block;
  text-align: center;
}

.small-font {
  font-size: 12px;
}

.relative {
  position: relative;
}

.download-zip {
  display: inline-block;
  text-align: left;
  background: url(/images/usersguide/zipBtn.jpg) no-repeat;
  padding: 10px 5px 10px 40px;
}

.download-zip:hover {
  text-decoration: underline;
}

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

.img-hover:hover {
  opacity: 0.7;
}

.img-border {
  border: solid 1px #eee;
}

.tellfree {
  background: #b90f18;
  display: inline-block;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

.freecall-wrapp {
  margin: 0;
  margin-top: 10px;
}

.freecall-icon {
  background: url("/images/icon/fleecall.gif") no-repeat left center;
  background-size: 50px;
  color: #000;
  padding-left: 55px;
}

@media screen and (min-width: 767px) {
  .freecall-icon {
    pointer-events: none;
  }
}
.telnum-large {
  font-size: 32px;
}

.tellfree__wh {
  background: #fff;
  display: inline-block;
  padding: 5px;
  color: #b90f18;
  margin-left: 1em;
  font-weight: bold;
}

.freeshipp {
  background: #b90f18;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  float: right;
}

.freeshipp:after {
  content: "";
  clear: both;
}

.freeshipp__zenkoku {
  font-size: 20px;
}

.freeshipp__price {
  color: #fcee21;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
}

.selectMenu__th {
  background: #768092;
  color: #fff;
  padding: 16px;
}

.selectMenu__td {
  background: #f2f2f2;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 16px;
}

.colorsample__hq {
  width: 75%;
}

.link_none {
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.order_content {
  border: solid 1px #ccc;
  padding: 20px;
  margin: 20px 0;
}

.order__item,
.order__item--ttl {
  text-indent: -1em;
  padding-left: 1em;
  /* font-size: 14px; */
  line-height: 1.8em;
  list-style: none;
}

.order__item--ttltop {
  font-weight: bold;
}

.order__item--ttl {
  font-weight: bold;
  margin-top: 10px;
}

.selectMenu {
  width: 50%;
  margin: 40px auto;
  max-width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.area-btn {
  display: none;
  background: #40b4ff;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  padding: 16px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
}

.area-btn--bank {
  background: #01a1eb;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  padding: 16px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  border-bottom: solid 4px #0071a5;
  border-radius: 4px;
  position: relative;
}

.area-btn--bank:hover {
  opacity: 0.7;
}

.area-btn--bank:active {
  border-bottom: solid 4px rgba(255, 255, 255, 0);
  top: 4px;
}

.caret-under {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  vertical-align: middle;
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.selectMenu_list {
  padding: 10px;
  text-align: left;
  margin: 0;
  background: #fff;
  box-sizing: border-box;
}

.selectMenu_list > li {
  list-style: none;
  font-size: 14px;
}

.selectMenu_list li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.618em;
  color: #333;
  text-decoration: underline;
}

.selectMenu_list li > .selectlist_item__catLink {
  padding: 3px 10px;
  text-decoration: none;
  font-weight: bold;
}

.selectMenu_item__li > .maplist__link {
  width: 100%;
}

.selectMenu_list li > a:hover {
  text-decoration: none;
}

.selectlist_item {
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 10px;
}

.selectMenu_item__li__ul {
  margin-left: 1.6em;
}

.modal-dialog--selectlist {
  height: 80%;
  overflow: scroll;
  top: 10%;
}

.modal-header--selectlist {
  background: #40b4ff;
  color: #fff;
  font-weight: bold;
}

.notice-wrapp {
  font-size: 1.142em;
  font-weight: bold;
  border: solid 2px #f00;
  padding: 16px;
  color: #f00;
  margin: 20px 0;
  width: 100%;
  box-sizing: border-box;
}

.infoTable .pageSec3Title {
  margin: 0;
}

.shortlong,
.longshort {
  width: 150px;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .breadcrumb {
    padding-left: 10px;
  }
  .topTtl {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .btn-temp {
    padding-right: 0;
  }
  .btn-temp:before {
    width: 40px;
    background-size: 70%;
  }
  .area-btn {
    display: block;
  }
  .topTtl {
    font-size: 21px;
    padding: 10px 60px 10px 10px;
  }
  .none_head_fix > .topTtl {
    padding-right: 20px;
  }
  .btn {
    font-size: 12px;
    width: 100%;
    min-width: auto;
    border-radius: 4px;
  }
  .btn__txt {
    /* font-size: 12px; */
  }
  .btn--horizonItem20p {
    width: calc(20% - 5px);
    margin-right: 5px;
    padding: 10px 0;
    font-weight: normal;
    background-image: none;
  }
  .btnWrap--hrizontal {
    margin-right: -5px;
  }
  .btn--arrowRight {
    background-size: 8px;
    background-position: right 5px center;
  }
  .ni__item {
    font-size: 12px;
  }
  .price {
    font-size: 12px;
  }
  .pageSecTitle {
    font-size: 18px;
  }
  .pageSec2Title {
    font-size: 16px;
    margin-top: 0;
  }
  .pageSec3Title {
    font-size: 14px;
  }
  .pageSecTxt {
    font-size: 14px;
  }
  .fI__arrow > img {
    width: 20px;
  }
  .twrapp-full,
  .twrapp {
    display: block;
  }
  .twrapp__cell {
    display: block;
  }
  .brCell_1 {
    white-space: normal;
    text-align: left;
  }
  .hp_parentList {
    float: left;
    width: 50%;
  }
  .spmap {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
  }
  .pcmap {
    display: none;
  }
  .freeshipp {
    float: none;
  }
  .freeshipp__zenkoku {
    font-size: 16px;
  }
  .freeshipp__price {
    color: #fcee21;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
  }
  .topTtl__name {
    padding: 0;
  }
  .telnum-large {
    font-size: 18px;
  }
  .tellfree {
    font-size: 12px;
  }
  .tellfree__wh {
    margin-left: 0;
  }
  .bankBox__th,
  .bankBox__td > .price {
    font-weight: normal;
    font-size: 10px;
    line-height: 1.618em;
  }
  .colorsample__hq {
    width: 100%;
  }
}
.imgtxtBox__leftCol {
  float: left;
}

.imgtxtBox__rightCol {
  float: right;
}

.imgtxtBox__textBox {
  width: calc(100% - 500px - 20px);
  box-sizing: border-box;
}

.imgtxtBox__imgBox {
  width: 500px;
}

.imgtxtBox__img {
  width: 100%;
  height: auto;
}

.imgtxtBox--table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.imgtxtBox__leftCol--table,
.imgtxtBox__rightCol--table {
  float: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.infoTb__htTitle {
  background: #000;
  color: #fff;
  padding: 10px 0;
}

.ht-bdrBSeparate {
  border-bottom: 5px solid #ccc;
}

@media screen and (max-width: 767px) {
  .imgtxtBox__leftCol {
    float: none;
  }
  .imgtxtBox__rightCol {
    float: none;
  }
  .imgtxtBox__imgBox {
    width: 100%;
  }
  .imgtxtBox__textBox {
    width: 100%;
  }
  .imgtxtBox__leftCol--table,
  .imgtxtBox__rightCol--table {
    display: block;
    text-align: left;
  }
  .selectMenu {
    width: 100%;
  }
}
.flowSteps__List {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.flowSteps__item {
  list-style-type: none;
  display: table-cell;
  padding: 0 40px 0 0;
  vertical-align: top;
  background-color: transparent;
}

.flowSteps__item--end {
  padding: 0;
}

.flowSteps__itemTitle {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 10px;
}

.flowSteps__itemTitle--guide {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 10px;
}

.flowSteps__itemBody {
  background-color: #434e64;
  height: 150px;
  vertical-align: top;
  display: table;
  width: 100%;
  position: relative;
  color: #fff;
  padding: 15px 0 15px 15px;
  box-sizing: border-box;
}

.flowSteps__itemBody--guide {
  background-color: #3fa9f5;
}

.flowSteps__itemBody::after {
  content: "";
  border-top: 75px solid transparent;
  border-bottom: 75px solid transparent;
  border-left: 35px solid #434e64;
  position: absolute;
  top: 0%;
  height: 0;
  right: -35px;
}

.flowSteps__itemBody--guide::after {
  border-top: 75px solid transparent;
  border-bottom: 75px solid transparent;
  border-left: 35px solid #3fa9f5;
}

.flowSteps__itemBody--end::after {
  border: none;
}

.flowSteps__txtItem {
  display: block;
  font-size: 1.15em;
  font-weight: bold;
}

.flowSteps__txtItem:last-child:after {
  content: "詳しくはこちら";
  background: url(/images/icon/arrow_white_under.svg) no-repeat center right;
  background-size: 12px;
  display: block;
  padding-right: 20px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  color: #ddd;
}

.flowSteps__txtItem:last-child:hover:after {
  text-decoration: underline;
}

.flowSteps__txtItem + .flowSteps__txtItem {
  margin-top: 5px;
}

.flowSteps__txtTitle--guide {
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}

.flowSteps__txtItem--guide {
  display: block;
  font-size: 0.9em;
}

@media screen and (max-width: 767px) {
  .flowSteps__txtItem:last-child:after {
    position: static;
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
    margin-right: 10px;
  }
  .flowSteps__item {
    display: block;
    padding: 5px 25px;
  }
  .flowSteps__itemBody {
    background-color: #434e64;
    height: auto;
    vertical-align: top;
    /* display: flex; */
    width: 100%;
    position: relative;
    color: #fff;
    padding: 15px 0 15px 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
  .flowSteps__itemBody--guide {
    background-color: #3fa9f5;
  }
  .flowSteps__itemTitle {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    display: block;
    margin-bottom: 10px;
  }
  .flowSteps__txtItem {
    display: block;
    align-items: center;
    font-size: 1.15em;
    font-weight: bold;
  }
  .flowSteps__txtItem + .flowSteps__txtItem {
    margin: 0;
  }
  .flowSteps__itemBody::after {
    content: "";
    border-right: 25px solid transparent;
    border-top: 15px solid #434e64;
    border-left: 25px solid transparent;
    border-bottom: none;
    top: auto;
    right: auto;
    position: absolute;
    height: 0;
    bottom: -15px;
    left: calc(50% - 25px);
  }
  .flowSteps__itemBody--guide::after {
    border-right: 25px solid transparent;
    border-top: 15px solid #3fa9f5;
    border-left: 25px solid transparent;
  }
}
.tabMenu--wrap,
.tabMenu--name {
  padding: 10px 0 0;
  display: flex;
}

.tabMenu__item--wrap {
  width: calc(25% - 10px);
  display: block;
  float: left;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #474e64;
}

.tabMenu__item--wrap.tab--active {
  background-color: #434e64;
  cursor: default;
}

.tabMenu__item--full {
  width: 100%;
  display: block;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #474e64;
}

.tabMenu__item--wrap.tab--active,
.tabMenu__item--full.tab--active {
  background-color: #434e64;
}

.tabBox--wrap {
  padding: 20px 0 0;
  border: none;
  border-top: 13px solid #434e64;
}

.tabMenu__item--flow {
  background: transparent;
}

.tabMenu__item--flow.tab--active {
  background: transparent;
}

.tabBox--flow {
  padding: 0;
  border: none;
}

.tabBox__item--flow {
  border: 1px solid #434e64;
  border-radius: 8px;
}

.tabBox__itemHeader--flow {
  border-bottom: 1px solid #434e64;
  color: #434e64;
  padding: 10px 25px;
  font-size: 18px;
  font-weight: bold;
}

.tabBox__itemBody--flow {
  padding: 25px;
}

.tabBox__item--flow.tab--active {
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .tabMenu--wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    box-sizing: border-box;
  }
  .tabMenu__item--full,
  .tabMenu__item--wrap {
    width: calc((100% - 2px) / 2);
    box-sizing: border-box;
    margin: 0 0 1px 1px;
    border: none;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
    display: inline-flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
  }
  .tabBox__itemHeader--flow {
    font-size: 1.15em;
  }
}
/* 下層ページコンテンツここまで */
/* ギャラリー的画面 */
.gallery__catMenuList {
  margin-bottom: 20px;
  overflow: hidden;
}

.gallery__catMenuItem {
  list-style-type: none;
  display: table;
  background: #eee;
  float: left;
  width: 12.5%;
}

.gallery__catMenuLink {
  text-decoration: none;
  color: #434e64;
  display: table-cell;
  box-sizing: border-box;
  text-align: center;
  height: 40px;
  vertical-align: middle;
}

.gallery__catMenuLink:hover {
  background-color: #434e64;
  color: #fff;
}

.gallery__imgCol {
  float: left;
  width: calc(100% - 264px);
}

.gallery__infoCol {
  width: 244px;
  float: right;
}

.gallery__infoItem {
  list-style-type: none;
  margin-bottom: 20px;
  font-size: 14px;
}

.gallery__infoTitle {
  font-weight: bold;
  line-height: 2;
  font-size: 16px;
}

.gallery__image {
  display: block;
  width: 100%;
  height: auto;
}

.gallery__catActive {
  background-color: #434e64;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .gallery__catMenuItem {
    list-style-type: none;
    display: table;
    background: #eee;
    float: left;
    width: 50%;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    box-sizing: border-box;
  }
  .gallery__imgCol {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .gallery__infoCol {
    width: 100%;
    float: none;
  }
}
/* ギャラリー的画面ここまで */
/* 左サイド領域 */
.btn-leftArea {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  border-bottom: 7px solid #9b040c;
  height: 5em;
}

.btn-leftArea:active {
  border-bottom: none;
  margin-top: 7px;
  height: calc(5em - 7px);
}

.btn--lsLocation,
.btn--lsLocation:hover {
  background-color: #ba0f18;
  opacity: 1;
  background-image: url(/images/header/hn_icon_spot.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 20px center;
  padding-left: 55px;
}

.btn--lsContact {
  font-size: 14px;
  text-align: left;
}

.btn--lsContact--1 {
  font-size: 18px;
}

.btn--lsContact,
.btn--lsContact:hover {
  background-color: #1d3e77;
  border-color: #001841;
  opacity: 1;
  background-image: url(/images/header/hn_icon_mail.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 20px center;
  padding-left: 55px;
}

.btn--lsContact--1,
.btn--lsContact--1:hover {
  background-size: 40px 40px;
}

.btn--lsProducts {
  background-color: #434e64;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  text-align: left;
  border-bottom: solid 7px #171d28;
  padding: 14px 0;
}

.btnIconProducts {
  margin-right: 0.4em;
}

@media screen and (max-width: 767px) {
  .btn-leftArea {
    height: auto;
  }
  .btn--lsLocation,
  .btn--lsLocation:hover {
    background: #eee;
    color: #000;
    border: none;
    font-size: 14px;
    text-align: left;
    display: block;
    padding: 10px 30px;
    background-color: #eee;
    background-image: url(/images/header/hn_icon_spot_gray.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: left center;
  }
}
.ls_sec__group {
  margin-bottom: 10px;
}

.ls__wepup {
  background-color: #9e0a12;
  padding: 15px 20px 10px;
}

.ls__webup__header {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.ls__webup__toptxt {
  font-size: 16px;
  background-image: url("/images/sidebanner/webup_underbar.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.ls__webup__title {
  margin: 0;
  font-size: 28px;
  display: flex;
  align-items: center;
}

.ls__webup_icon {
  margin-right: 0.3em;
  font-size: 34px;
}

.ls__webup__btn {
  box-sizing: border-box;
  display: block;
  padding: 10px 20px;
}

.ls__webup__input {
  border: none;
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}

.ls__webup__btngroup {
  display: flex;
  justify-content: space-between;
}

.ls__webup__btn {
  border-radius: 0;
  border: none;
  border-bottom: 5px solid #c88b10;
  color: #ba0f18;
  background-color: #ffe600;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  height: auto;
}

.ls__webup__btn:hover {
  color: #ba0f18;
  height: auto;
  background-color: #ffe600;
}

.ls__webup__btn:active {
  margin-top: 5px;
}

.ls__pdtMenu {
  margin-bottom: 20px;
}

.ls__pdtMenu__header {
  background-color: #434343;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.ls__pdtMenu__listWrap {
  padding: 10px 0;
  background-color: #f8f8f8;
}

.ls__pdtMenu__list {
  padding: 0 10px;
}

.ls__pdtMenu__link {
  font-size: 12px;
  display: block;
  padding: 2px 0;
  color: #000;
}

.ls__pdtMenu__link:hover {
  color: #00a0e9;
}

.ls__section {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.ls__section--5 {
  margin-bottom: 20px;
}

.ls__sectionTitle {
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 17px 0;
  margin: 0;
  font-weight: bold;
}

.ls__sectionTitle--csr {
  color: #555;
}

.ls__section--sns {
  background-color: #1d3e77;
}

.ls__section--csr {
  background-color: #dddddd;
  padding: 10px;
  margin-bottom: 10px;
}

.ls__snsWidget {
  padding: 0 15px;
  height: 205px;
  overflow: hidden;
}

.sideBannerItem__caption {
  display: none;
}

.ls__section--lsBanners {
  width: 100%;
  margin-bottom: 0;
}

.lsBannersLabel {
  border: solid 1px #666;
  background-color: #eee;
  color: #333;
  padding: 0.5em 0;
  border-radius: 2px;
  text-align: center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.sideBannerArea {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .ls__section {
    display: flex;
    box-sizing: border-box;
  }
  .ls__btnItem {
    padding: 0 0;
  }
  .ls__pdtMenu__listWrap {
    display: flex;
  }
  .ls__pdtMenu__list {
    flex: 1 1 50%;
  }
  .sideAreaWrap--1 {
    flex-direction: row;
    display: flex;
  }
  .sideBannerItem {
    flex: 0 0 50%;
    padding: 4px 10px;
    box-sizing: border-box;
  }
  .ls__section--1 {
    flex: 1 1 33%;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .ls__section--2 {
    flex: 1 1 66%;
  }
  .ls__section--3 {
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 66%;
  }
  .ls__section--7 {
    flex: 1 1 33%;
  }
  .ls__section--4 {
    flex: 1 1 33%;
  }
  .ls__section--5 {
    flex: 1 1 33%;
    padding: 0 10px;
    background-color: #eee;
    display: none;
  }
  .ls__section--6 {
    flex: 1 1 33%;
    padding: 0 10px;
    background-color: #eee;
    display: none;
  }
  .ls__section--products {
    width: 100%;
    margin: 10px 0 0;
  }
  .lsBannersBody {
    display: none;
  }
  #l_res_modal_box .lsBannersBody {
    display: flex;
  }
  #l_res_modal_box .ls__section--lsBanners {
    background-color: #eee;
  }
  .ls__section--lsBanners {
    width: auto;
    flex: 1 1 auto;
    margin: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .ls__section {
    display: flex;
    flex-direction: column;
  }
  .ls__pdtMenu__listWrap {
    background-color: #eee;
  }
  .sideAreaWrap--1 {
    flex-direction: column;
    flex: 1 1 100%;
  }
  .btn--lsContact,
  .btn--lsContact:hover {
    border: none;
    color: #000;
    font-size: 14px;
    display: block;
    padding: 10px 30px;
    background-color: transparent;
    background-image: url(/images/header/hn_icon_mail_gray.svg);
    background-size: 26px 26px;
    background-position: left center;
  }
  .ls__pdtMenu__header {
    background-color: #eee;
    color: #555;
    padding: 10px 20px 10px;
    justify-content: flex-start;
    font-weight: bold;
  }
  .ls__btnItem {
    padding: 0;
  }
  .ls_sec__group--lsLocation {
    padding: 10px;
    border-bottom: 1px solid #999;
  }
  .ls_sec__group--contactBtn {
    padding: 10px;
    border-bottom: 1px solid #999;
  }
  .sideBannerItem {
    flex: 1 1 100%;
    padding: 0 10px;
    box-sizing: border-box;
    background: #eee;
  }
  .sideBannerItem--csr {
    border: 0;
  }
  .ls__sectionTitle {
    color: #555;
  }
  .ls__sectionTitle--csr {
    font-size: 14px;
    text-align: left;
    padding: 10px 0;
  }
  .ls__sectionTitle--sns {
    font-size: 14px;
    text-align: left;
    padding: 10px 0;
  }
  .ls__section--1 {
    padding: 0 10px;
    background: #eee;
    border-top: 1px solid #999;
  }
  .ls__section--2 {
    flex: 1 1 100%;
    border-bottom: 1px solid #999;
  }
  .ls__section--6 {
    padding: 0;
  }
  .ls__section--7 {
    flex: initial;
    margin-bottom: 0;
  }
  .ls__section--3 {
    /* flex: 1 1 50%; */
    flex-wrap: wrap;
    flex-direction: row;
  }
  .ls__section--4 {
    flex: 1 1 100%;
  }
  .ls__section--5 {
    flex: 1 1 100%;
    padding: 0 10px;
    display: none;
  }
  .ls__section--6 {
    flex: 1 1 50%;
    padding: 0 10px;
    border-bottom: 1px solid #999;
    display: none;
  }
  .ls_sec__group {
    margin-bottom: 0;
  }
  .ls__section--sns {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
  }
  .ls__snsWidget {
    text-align: center;
  }
  .sideBannerItem__caption {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
  }
  .sideBannerItem__caption--csr {
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 15px;
    font-weight: normal;
    background-image: url(/images/arrow/slide_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10px 10px;
  }
  .ls__section--csr {
    margin-bottom: 0;
    background-color: #eee;
  }
  .ls__wepup {
    background-color: #eee;
    border-bottom: 1px solid #999;
    padding: 10px;
  }
  .ls__webup__header {
    color: #000;
  }
  .ls__webup__toptxt {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
  }
  .ls__webup__btn {
    border: none;
    background: transparent;
    color: #000;
  }
  .ls__webup__title {
    font-size: 14px;
  }
  .ls__webup_icon {
    font-size: 24px;
  }
  .ls__webup__btn {
    border: none;
    color: #000;
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 15px;
    font-weight: normal;
    background-image: url(/images/arrow/slide_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10px 10px;
  }
  .ls__webup__header {
    display: block;
  }
  .option__link > .acIcon--mmenu {
    font-size: 1.6em;
    margin-right: 5px;
  }
}
.ls__lBox {
  border-radius: 4px;
  padding: 5px 5px 20px 5px;
}

.ls__lBox--express {
  background-color: #191970;
}

.ls__lBox--webup {
  background-color: #9e0a12;
}

.ls__lBox--template {
  background-color: #239af6;
}

.ls__lBox--biz {
  background-color: #434e64;
}

.ls__lBox--nenga {
  background-color: #d51306;
}

.ls__lBox--magazine {
  background-color: #768092;
}

.ls__lBoxHeader {
  color: #fff;
  padding: 5px 0 10px;
  text-align: center;
}

.ls__lBoxTitle {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ls__lBoxSubtitle {
  font-size: 12px;
  font-weight: bold;
}

.ls__lBoxHIcon {
  font-size: 38px;
  margin-right: 3px;
}

.ls__lBoxHBtnGroup {
  display: flex;
  margin-top: 10px;
}

.ls__lBoxHBtn {
  font-size: 12px;
  margin: 0 5px;
  padding: 8px 0;
}

.data_net_title {
  display: flex;
  color: #fff700;
  background-color: #9e0a12;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
  position: relative;
  margin-bottom: 20px;
}

.data_net_title::after {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #9e0a12;
  content: "";
  position: absolute;
  bottom: -15px;
  left: 100px;
}

.ls__pdtMenu__wrap {
  padding: 5px 0px;
  background-color: #fff;
}

.ls__pdtMenu__list {
  padding: 0px 5px;
}

.ls__pdtMenu__link {
  padding: 4px 0;
  color: #000;
}

.ls__pdtMenu__item {
  border-bottom: dashed 1px #b6b6b6;
}

.ls__pdtMenu__list .ls__pdtMenu__item:last-child {
  /* border-bottom: none; */
}

.ls__pdtMenu__pItem {
  position: relative;
}

.ls__pdtMenu__pLink {
  cursor: pointer;
}

.ls__pdtMenu__cList {
  position: absolute;
  top: 0;
  left: 100%;
  width: 240px;
  background-color: #fff;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 1;
  padding: 0 5px;
}

.ls__pdtMenu__cList.cList--active {
  display: block;
}

.acIcon--mmenu {
  font-size: 2em;
  vertical-align: middle;
  margin-right: 5px;
}

.btn--lsLocation,
.btn--lsLocation:hover {
  background-color: #ba0f18;
  opacity: 1;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 20px center;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border-bottom: 7px solid #9b040c;
}

.btn--lsLocation:active,
.btn--lsProducts:active {
  border-bottom: none;
  margin-top: 7px;
}

.ls__lBoxHExLogoTxt {
  display: none;
}

.btn--lsLocTitle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn--lsLocSubtitle {
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
}

.ls__lBox--feature {
  background-color: #239af6;
}

.ls__lbt_br {
  display: none;
}

@media screen and (max-width: 1023px) {
  .ls__lbt_br {
    display: inline;
  }
  .ls__lBoxArea {
    display: flex;
    width: 100%;
    padding: 10px 0 0;
    box-sizing: border-box;
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .ls__lBoxHIcon {
    margin: 0 0 5px;
  }
  .ls__lBoxGroup {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .ls__lBox {
    flex: 1 1 auto;
    border-radius: 4px;
    padding: 0;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  }
  .data_net_title {
    display: none;
  }
  .ls__pdtMenuWrapResFlex {
    display: flex;
  }
  .ls__lBoxHeader {
    padding: 0;
  }
  .ls__lBoxTitle {
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
    line-height: 1.2;
    font-weight: normal;
  }
  .ls__lBoxSubtitle {
    display: none;
  }
  .ls__lBoxHExLogoImg {
    display: none;
  }
  .ls__lBoxHExLogoTxt {
    display: inline;
  }
  .ls__lBoxHExLogoTxt--1 {
    display: none;
  }
  .ls__lBoxHExLogoTxt--2 {
    display: inline;
  }
  .ls__lBoxHBtnGroup {
    display: none;
  }
  .ls__pdtMenu__wrap {
    background-color: transparent;
  }
  .btn--lsLocation {
    width: 10em;
  }
  .ls__pdtMenu__cList {
    position: static;
    width: auto;
    background-color: transparent;
    box-shadow: none;
  }
  .ls__section--1 {
    display: none;
  }
  .ls__lBoxArea .lsNav__list {
    display: none;
  }
  .ls__lBox--feature {
    max-width: 50%;
  }
  .ls__lBox--acrylicpartition__bg {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .ls_sec__group {
    margin-bottom: 0px;
  }
  .ls__lBoxGroup,
  .ls__lBox--acrylicpartition__bg {
    width: calc((100% - 60px) / 5);
    flex: 0 0 auto;
    position: relative;
  }
  .ls__lBoxGroup::before,
  .ls__lBox--acrylicpartition__bg::before {
    content: "";
    padding-top: 80%;
  }
  #l_res_modal_box .ls__lBox {
    background-color: #eee;
    position: static;
  }
  #l_res_modal_box .ls__lBoxHBtnGroup {
    display: flex;
  }
  #l_res_modal_box .ls__lBoxHeader {
    color: #000;
  }
  #l_res_modal_box .ls__lBoxTitle {
    flex-direction: row;
    font-size: 14px;
    font-weight: bold;
  }
  #l_res_modal_box .ls__lBoxHIcon {
    margin: 0 5px 0 0;
  }
  #l_res_modal_box .ls__lBoxSubtitle {
    display: block;
    text-align: left;
  }
  #l_res_modal_box .ls__lBoxHExLogoTxt--2::before {
    content: "(";
  }
  #l_res_modal_box .ls__lBoxHExLogoTxt--2::after {
    content: ")";
  }
  #l_res_modal_box .ls__lbt_br {
    display: none;
  }
  #l_res_modal_box .lsBannersLabel {
    background-color: transparent;
    color: #000;
    padding: 0;
    font-size: 18px;
    margin-bottom: 10px;
    border: none;
    box-shadow: none;
  }
  #l_res_modal_box .ls__section--lsBanners {
    width: auto;
    align-items: flex-start;
    padding: 15px 15px 20px;
  }
  #l_res_modal_box .ls__lBoxHExLogoTxt {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .btn--lsLocation,
  .btn--lsLocation:hover {
    background: #eee;
    color: #000;
    border: none;
    font-size: 14px;
    text-align: left;
    display: block;
    padding: 10px 0;
    background-color: #eee;
    width: 100%;
  }
  .btn--lsLocTitle {
    justify-content: flex-start;
  }
  .btn--lsLocSubtitle {
    justify-content: flex-start;
  }
  .ls__pdtMenuWrapResFlex {
    display: block;
  }
  .ls__lBox--feature,
  .ls__lBoxArea {
    max-width: none;
  }
  .ls__lBoxGroup,
  .ls__lBox--acrylicpartition__bg {
    width: calc((100% - 20px) / 5);
  }
  .ls__lBox--feature {
    padding: 25px 15px;
  }
  .ls__lBox--acrylicpartition__bg {
    background-color: #eee;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .ls__lBoxTitle {
    font-size: 12px;
    letter-spacing: -0.05em;
  }
  .lsBannersLabel {
    font-size: 12px;
  }
}
@media screen and (max-width: 536px) {
  .ls__lBoxTitle {
    font-size: 10px;
  }
  .ls__lBoxHIcon {
    font-size: 32px;
    margin: 0;
  }
  .ls__lBoxGroup::before,
  .ls__lBox--acrylicpartition__bg::before {
    content: "";
    padding-top: 100%;
  }
}
@media screen and (max-width: 492px) {
  .lsBannersLabel {
    font-size: 10px;
  }
  .ls__section--lsBanners {
    width: auto;
    flex: 1 1 auto;
    margin: 0 5px;
  }
}
/* モーダル用 */
#l_res_modal_box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  overflow: scroll;
  background-color: transparent;
  width: 100%;
  max-width: 75%;
  border-radius: 4px;
  z-index: 1000;
}

#l_res_modal_box .ls__lBox {
  padding: 15px 15px 20px 15px;
}

.body--scrollhidden {
  height: 100%;
  overflow: hidden;
}

/* 左サイド領域ここまで */
.version {
  font-size: 12px;
}

.back-top {
  text-align: right;
}

.back-top:after {
  content: ">";
  color: #00a0e9;
}

.link-none a {
  pointer-events: none;
  color: #000;
}

.listmin-3 {
  min-height: 5em;
}

/* オーダー価格表スタイル */
.single_head {
  background: #f09199;
}

.single_head:before {
  content: "";
  background: url(/images/color/color03.gif) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 1em;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

.double_head {
  background: #90c8f0;
}

.double_head:before {
  content: "";
  background: url(/images/color/color01.gif) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 1em;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

.color_bw_head {
  background: #90f0b8;
}

.color_bw_head:before {
  content: "";
  background: url(/images/color/color02.gif) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 1em;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

.double_bw_head {
  background: #fef9b8;
  color: #000000;
}

.double_bw_head:before {
  content: "";
  background: url(/images/color/color04.gif) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 1em;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

.single_bw_head {
  background: #f3ffb1;
  color: #000000;
}

.single_bw_head:before {
  content: "";
  background: url(/images/color/color05.gif) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 1em;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

.txt_nprice {
  background: #fff;
  color: #000;
}

.txt_cmpprice {
  background: #fff;
  color: #ff0000;
  padding: 5px;
}

.infoTb__h__odd {
  background: #f3f3f3;
  color: #000;
  padding: 0;
}

.infoTb__h__even {
  background: #d9d9d9;
  color: #000;
}

.recomend_icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.recomend_icon:after {
  content: "";
  width: 100px;
  height: 50px;
  margin-left: 10px;
  background: url(/images/icon/recomend.png) no-repeat right;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .recomend_icon {
    display: flex;
    flex-direction: column;
  }
  .recomend_icon:after {
    height: 20px;
  }
}
.read_txt {
  color: #23bdea;
  font-size: 16px;
  font-weight: bold;
}

.topread_txt {
  color: #000;
  font-weight: bold;
}

.cmpTable .infoTb__cell {
  padding: 5px;
}

.tabs_txt {
  font-size: 12px;
}

.tabBtn {
  background: #fff;
  border: solid 2px #23bdea;
  color: #23bdea;
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
}

.color_select > .tabBtn {
  font-size: 14px;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .color_select > .tabBtn {
    font-size: 12px;
  }
}
#N .color_select > .tabBtn {
  font-size: 12px;
  line-height: 1.5em;
}

.orderpriceWrapp {
  background-color: #fffacd;
  padding: 30px;
}

.tabBtn.tab--active {
  background: #23bdea;
}

.tabMenu-ttl {
  font-size: 18px;
  font-weight: bold;
}

.tabMenu-ttl:after {
  content: "：";
}

.infoTb__cell.bg-white {
  color: #000;
}

.orderTitle {
  background-color: #23bdea;
  margin-bottom: 0px;
}

.cmp_link {
  text-decoration: underline;
  color: #ff0000;
  pointer-events: none;
  text-decoration: none;
}

.cmp_link:hover {
  text-decoration: none;
}

.cmp_price {
  color: #ff0000;
}

.regular_price {
  font-size: 0.8em;
  text-decoration-line: line-through;
  -webkit-text-decoration-line: line-through;
  line-height: 1em;
}

.specialprice_red {
  color: red;
  -webkit-text-fill-color: red;
  font-size: 1.28em;
  line-height: 1em;
}

.share_price {
  color: #00a1e9;
}

.add_price {
  display: block;
  margin-bottom: 2px;
}

.add_link {
  text-decoration: underline;
  color: #ff0000;
  display: none;
}

.add_link:hover {
  text-decoration: none;
}

.single_btn:after {
  content: "";
  background: url(/images/color/color03.gif) no-repeat center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.double_btn:after {
  content: "";
  background: url(/images/color/color01.gif) no-repeat center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.color_bw_btn:after {
  content: "";
  background: url(/images/color/color02.gif) no-repeat center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.single_bw_btn:after {
  content: "";
  background: url(/images/color/color05.gif) no-repeat center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.double_bw_btn:after {
  content: "";
  background: url(/images/color/color04.gif) no-repeat center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* キャンペーン用　通常価格打消し線 */
.priceCmp .n_price {
  text-decoration: line-through;
}

/* キャンペーン用 通常価格 打消し線 ここまで */
.n_price_link {
  color: #000;
  pointer-events: none;
  cursor: text;
}

/* オーダー価格表スタイル ここまで */
/* 価格表下の注文画面 */
.pdctBtnBox {
  display: flex;
}

.pbb__btnGroup {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  background-color: #eee;
  border: 1px solid;
  border-radius: 5px;
  padding: 10px 20px 20px;
}

.pbb__btnGroupBody {
  display: flex;
}

.pbb__btnGroup--hidden {
  justify-content: flex-end;
  border: none;
  width: 33.33%;
  padding-bottom: 11px;
  padding-left: 0;
  background-color: transparent;
}

.pbb__btnGroup--order {
  border: 1px solid #9d0a12;
  background-color: #fffcc9;
}

.pbb__btnGroupTitle {
  font-size: 20px;
  padding: 10px 0 0;
  text-align: center;
  color: #9d0a12;
  font-weight: bold;
}

.btn--pbb {
  width: calc((100% - 40px) / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 20px;
  margin-bottom: 8px;
  border-radius: 8px;
  border: none;
  padding-top: 15px;
  padding-bottom: 12px;
}

.btn--pbb__default {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 8px;
  border-radius: 8px;
  border: none;
  padding-top: 15px;
  padding-bottom: 12px;
}

.btn--pbb:hover {
  opacity: 1;
}

.pbb__btnInq {
  background-color: #1d3e77;
  box-shadow: 0 8px #0a2350;
}

.pbb__btnInq:hover {
  background-color: #214b93;
}

.pbb__btnPrice {
  background-color: #00a0e9;
  box-shadow: 0 8px #0d77a7;
}

.pbb__btnPrice:hover {
  background-color: #3bb8f2;
}

.pbb__btnEC {
  background-color: #d85145;
  box-shadow: 0 8px #bc463c;
}

.pbb__btnEC:hover {
  background-color: #ec5a4d;
  box-shadow: 0 8px #d44a3e;
}

.pbb__btnOrder {
  background-color: #b01e23;
  box-shadow: 0 8px #811418;
}

.pbb__btnOrder:hover {
  background-color: #d1272d;
  box-shadow: 0 8px #b0191f;
}

.pbb__btnExpress {
  background-color: #2020be;
  box-shadow: 0 8px #030384;
}

.pbb__btnExpress:hover {
  background-color: #4242e4;
  box-shadow: 0 8px #2525bd;
}

.pbb__exlogo {
  width: 90%;
  max-width: 190px;
  height: auto;
}

.btn--pbb:active {
  margin-top: 8px;
  margin-bottom: 0;
  box-shadow: none;
}

.pbb__btnGroupBtn1 {
  width: 100%;
}

.pbb__btnGroupBtn2 {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}

.pbb__btnLine1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.pbb__btnLine2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-size: 12px;
}

.pbb__btnLine1--groupOrder {
  font-size: 22px;
}

.pbb__btnLine2--groupOrder {
  font-weight: bold;
  font-size: 16px;
}

.pbb__btnLine2--groupOrder1 {
  font-weight: bold;
  font-size: 17px;
}

.pbb__btnLine2--groupOrder2 {
  font-weight: bold;
  font-size: 17px;
  color: #fef102;
}

.pdctBtnBox .btn--pbb:last-child {
  margin-right: 0;
}

.pbb__icon {
  font-size: 1.4em;
  margin-right: 3px;
}

.pbb__aBottom {
  background-image: url(/images/arrow/arrow_white_under.svg);
  background-repeat: no-repeat;
  background-size: 26px 14px;
  background-position: right 20px center;
  padding-right: 40px;
}

.pbb__aRight {
  background-image: url(/images/arrow/arrow_white_right.svg);
  background-repeat: no-repeat;
  background-size: 12px 26px;
  background-position: right 20px center;
  padding-right: 40px;
}

.btn--userguide {
  background-color: #b01e23;
  border-color: #811418;
  background-image: url(/images/arrow/arrow_white_right.svg);
  background-repeat: no-repeat;
  background-size: 14px 26px;
  background-position: right 20px center;
  padding-right: 40px;
  max-width: 100%;
  padding: 12px 120px;
  box-sizing: border-box;
  font-size: 24px;
}

@media screen and (max-width: 1023px) {
  .pbb__btnLine2--groupOrder2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .btn--pbb {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    padding: 6px;
    background-image: none;
  }
  .pbb__btnGroupBtn2 {
    width: calc((100% - 20px) / 2);
  }
  .pbb__btnGroup {
    padding: 10px;
  }
  .pbb__btnLine1 {
    font-size: 12px;
    flex-direction: column;
  }
  .pbb__btnLine2 {
    font-size: 10px;
  }
}
.pbb__btnGroupBox {
  position: relative;
  cursor: pointer;
}

.pbb__btnGroupBox:active {
  margin-top: 0;
  margin-bottom: 8px;
  box-shadow: 0 8px #811418;
}

.pbb__btnGroupBChild {
  /* display: none; */
  position: absolute;
  transform-origin: top center;
  transform: scaleY(0);
  transition: all 0.15s ease;
  top: calc(100% + 3px);
  left: 10px;
  background-color: #921217;
  width: calc(100% - 20px);
}

.pbb__btnGroupBChildList {
  display: flex;
}

.pbb__btnGroupBChildItem {
  flex: 1 1 auto;
  display: flex;
}

.pbb__btnGroupBChildLink {
  color: #fff;
  width: 100%;
  padding: 14px 36px 14px 14px;
  border-left: 1px solid #b01e23;
  border-right: 1px solid #811418;
}

.pbb__btnGroupBChildLink:hover {
  background-color: #c4151b;
}

.pbb__btnGroupBox:hover .pbb__btnGroupBChild {
  /* display: block; */
  transform: scaleY(1);
}

.plLinksBox {
  display: flex;
  border-bottom: 10px solid #434e64;
  overflow: hidden;
  justify-content: space-between;
  align-items: flex-end;
}

.plLinksItem {
  width: calc(50% - 3px);
  box-sizing: border-box;
  border-bottom: none;
  color: #434e64;
  background-color: transparent;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  border-radius: 5px 0 0 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 0;
  position: relative;
  height: 65px;
  line-height: 1.2;
  background-image: linear-gradient(230deg, transparent 15px, #dedede 16px);
  flex-direction: column;
}

.plLinksItem--h100 {
  height: 85px;
  line-height: 1.4;
}

.plLinksItem__line2 {
  font-size: 14px;
  font-weight: normal;
}

.plLinksBox .plLinksItem:last-child {
  /* box-shadow: -5px 0 4px rgba(0, 0, 0, .2); */
}

.plLinksItem.tab--active {
  color: #fff;
  background-color: transparent;
  background-image: linear-gradient(230deg, transparent 19px, #434e64 20px);
  height: 76px;
  font-weight: bold;
}

.plLinksItem.plLinksItem--h100.tab--active {
  height: 100px;
}

.plLinksItem__txtCampaignYellow {
  color: #988e03;
}

.tab--active .plLinksItem__txtCampaignYellow {
  color: #ffee00;
}

.pageSecTitleCaption {
  margin: 3px 5px 14px;
  font-size: 14px;
  color: #007db5;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .plLinksItem {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .plLinksItem {
    background-color: #dedede;
    background-image: none;
    padding: 10px;
    font-size: 12px;
  }
  .plLinksItem.tab--active {
    background-color: #434e64;
    background-image: none;
  }
  .plLinksItem__line2 {
    font-size: 12px;
  }
  .plLinksItem--h100 {
    height: auto;
  }
}
/* 価格表下の注文画面ここまで */
.noteWrapp {
  padding: 20px;
  border: 2px solid #ff0000;
  margin-bottom: 20px;
}

.tabMenu__item--name {
  height: auto;
  background: #fff;
  width: 48%;
  border-radius: 8px;
  padding: 20px;
  padding-bottom: 50px;
  border: solid 2px #00a1e9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2%;
  margin-bottom: 20px;
  position: relative;
}

.tabMenu__item--name:first-child {
  margin-left: 0;
}

.tabMenu__item--name__txt {
  display: block;
  color: #000;
}

.tabMenu__item--name__txt:after {
  content: "詳しくはこちら";
  background: url(/images/icon/arrow_black_under.svg) no-repeat center right;
  background-size: 14px;
  display: block;
  font-size: 14px;
  bottom: 15px;
  left: 38%;
  color: #000;
  position: absolute;
  padding-right: 20px;
}

.tabMenu__item--name__txt:hover:after {
  text-decoration: underline;
}

.tabMenu__item--name__ttl {
  color: #00a1e9;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}

.tabMenu__item--name.tab--active {
  background: #00a1e9;
}

.tabMenu__item--name.tab--active .tabMenu__item--name__ttl,
.tabMenu__item--name.tab--active .tabMenu__item--name__txt {
  color: #fff;
}

.tabMenu__item--name.tab--active .tabMenu__item--name__txt:after {
  color: #fff;
  background: url(/images/icon/arrow_white_under.svg) no-repeat center right;
  background-size: 14px;
}

/* ニュースページ お盆・GWのお知らせ */
.entry-content {
  margin: 0;
  padding: 0;
}

.entry-content a {
  color: #2b3e76;
}

.sun {
  color: #e60012;
}

.sut {
  color: #0099e9;
}

.firsttd {
  width: 140px;
  font-size: 12px !important;
}

.entryTitle {
  background: #ba0f18;
  margin-bottom: 0;
  padding: 10px;
  border-bottom: 4px solid #9b040c;
}

.entrytop__cell {
  border: none;
  text-align: left;
  padding: 10px;
}

.entrytop__cell a:last-child:after {
  content: "|";
  padding: 0 10px;
}

.entrytop__cell a:before {
  content: "|";
  padding: 0 10px;
}

@media (max-width: 767px) {
  .entry-content .area-btn {
    color: #fff;
  }
  .entrytop__cell a {
    display: block;
    padding: 8px 0;
  }
  .entrytop__cell[colspan="2"] {
    padding-left: 24%;
  }
  .entrytop__cell a:last-child:after,
  .entrytop__cell a:before {
    content: none;
  }
  .entrytop__tdh br {
    display: none;
  }
  .entryTbWrapp {
    display: none;
  }
  .entryTabletop {
    width: 100%;
  }
  .entryTbWrapp.collapse.in {
    display: block;
  }
}
.entrytop__tdh {
  font-weight: bold;
  text-align: center;
}

.entrytop__tr:nth-child(odd) {
  background-color: #ccc;
}

.entrytop__tr:nth-child(even) {
  background-color: #efefef;
}

.entryTable {
  margin-bottom: 20px;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.entryTb__cell {
  background: #efefef;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  font-size: 12px;
  height: 28px;
  text-align: center;
  word-break: normal;
  box-sizing: border-box;
  padding: 1em 4px;
  line-height: 1.2em;
}

.entry__th {
  background: #c3defc;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}

.entryTb__cell:first-child,
.entry__th:first-child {
  border-left: none;
}

.entryTb__tdh {
  font-size: 1em;
  background: #ddd;
}

.infoTbWrapp-ttl {
  margin-top: 10px;
}

.tableTtl {
  background: #ccc;
  padding: 5px;
  text-align: center;
  border-bottom: solid 2px #fff;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.twrappWrapp {
  display: table;
}

.twrappWrapp__cell {
  display: table-cell;
}

.holidayBtn {
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
  z-index: 1;
}

.holidayBtn__link {
  border-radius: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px;
  box-sizing: border-box;
  text-align: center;
  background: url(/images/icon/arrow_white_right.svg) no-repeat center right #b10a26;
  background-size: 24px;
  background-position: right 20px bottom 50%;
  display: block;
  color: #fff;
  text-decoration: none;
}

.holidayBtn.newyearBtn {
  background: #b10a26;
}

.holidayBtn:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .entryTb__cell {
    align-items: center;
    background: #fff;
  }
  .bt .entryTb__cell {
    border-bottom: solid 1px #ccc;
    height: auto;
    padding: 5px;
  }
  .bt .entryTb__cell:before {
    width: 40%;
  }
  .entryTb__tdh {
    font-size: 1em;
    background: #ddd;
    height: auto;
    width: auto;
  }
  .tableTtl {
    border: none;
  }
  .holidayBtn__link {
    line-height: 1.2em;
    font-size: 16px;
    padding: 10px 30px;
    background-size: 12px;
    background-position: right 10px bottom 50%;
  }
  .holidayBtn {
    padding: 0 0;
  }
  .infoTbWrapp-ttl > .topTtl {
    background: #fff;
    border-bottom: solid 2px #000;
    font-size: 14px;
  }
  .infoTbWrapp .entryTable {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .infoTbWrapp .entryTb__h__tr {
    display: block;
    width: 100%;
  }
  .infoTbWrapp .entry__th,
  .infoTbWrapp .entryTb__cell {
    width: 100%;
    padding: 6px 0;
    height: 28px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    color: #000;
    border: none;
    border-bottom: solid 1px #ccc;
    font-size: 14px;
  }
  .infoTbWrapp .entryTb__header {
    flex: 1;
  }
  .infoTbWrapp .entryTb__body {
    flex: 1;
  }
  .entryTb__cell br {
    display: none;
  }
}
/* IEのみCSSを適用 */
@media all and (-ms-high-contrast: none) {
  /* テーブル内画像がはみ出すバグ対応 */
  .twrapp,
  .imgwrapp {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
.tel_icon {
  background: url(/images/icon/telcall_wh.svg) no-repeat left;
  background-size: contain;
  display: inline-block;
  padding-left: 24px;
}

.tabMenu--guide {
  display: flex;
  border-bottom: solid 10px #1d3e77;
}

.tabMenu--guideInner {
  display: flex;
}

.tabMenu__item--guide {
  background-color: #a5a5a5;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  flex: 1;
}

.tabMenu__item--guideInner {
  background-color: #a5a5a5;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 14px;
  text-align: center;
  flex: 1;
}

.tabMenu__item--guideInner__txt {
  font-size: 14px;
  display: block;
}

.tabMenu__item--guide.tab--active,
.tabMenu__item--guideInner.tab--active {
  background-color: #1d3e77;
}

.tabMenu__item--guide {
  margin-left: 16px;
}

.tabMenu__item--guideInner {
  margin-left: 10px;
}

.tabMenu__item--guideInner:first-child {
  margin-left: 0;
}

.tabMenu__item--guide:first-child {
  border-top-left-radius: 8px;
  margin-left: 0;
}

.tabMenu__item--guide:last-child {
  border-top-right-radius: 8px;
}

.tabBox--guideInner {
  padding: 40px;
  border: solid 2px #1d3e77;
}

#mainContent--usersguide {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .tabMenu__item--guide {
    font-size: 16px;
  }
  .tabMenu__item--guideInner {
    font-size: 14px;
  }
  .tabMenu__item--guideInner__txt {
    font-size: 12px;
    display: block;
  }
}
.btn-ACCEA {
  background: #ba0f18;
  border-bottom: none;
}

.btn-ACCEA:hover {
  background: #ba0f18;
  opacity: 0.7;
}

.btn-ACCEA:after {
  content: ">";
}

/* WEB入稿はこちら　横向きスタイル */
.webupBtn {
  display: flex;
  flex-wrap: nowrap;
}

.webupBtn img {
  vertical-align: bottom;
}

.webupBtn__col01 {
  background: #8f0029;
  display: table;
  flex: 1;
}

.webupBtn__col02 {
  display: table;
  flex: 1;
}

.webupBtn__btn01,
.webupBtn__btn02,
.webupBtn__btn03,
.webupBtn__btn04 {
  display: table-cell;
}

.webupBtn__btn03,
.webupBtn__btn04 {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .webupBtn {
    display: block;
  }
  .webupBtn__btn03 {
    padding-left: 0;
  }
  .webupBtn__col01 {
    margin-bottom: 10px;
  }
}
/* WEB入稿はこちら　横向きスタイル ここまで */
.newsWrapp {
  border: solid 2px #e0111b;
  padding: 20px;
  margin: 0 0 10px;
  color: #e0111b;
  font-size: 14px;
  border: solid 2px;
}

.newsWrapp p {
  line-height: 1.3em;
}

div[data-stein-url]:empty {
  display: none;
}

/* Google DB 表示切替
div[data-stein-url] {
	display: none;
}
*/
.entry--detail__body .newsWrapp {
  margin: 10px;
}

.noticeWrapp {
  white-space: pre-wrap;
}

.newsLwrapp {
  padding: 30px;
  border: solid 2px #ff0000;
}

@media (max-width: 767px) {
  .newsWrapp {
    border: solid 2px #e0111b;
    padding: 15px;
    margin: 0 0 10px;
    font-size: 11px;
    color: #e0111b;
  }
  .newsLwrapp {
    padding: 10px;
    border: solid 2px #ff0000;
  }
}
/* エクスプレスバナー */
.pickBnr,
.serviceBnr {
  display: flex;
}

.serviceBnr {
  padding: 0 20px;
}

.serviceBnr__col {
  margin-left: 20px;
  flex: 1;
}

.serviceBnr__col:first-child {
  margin-left: 0;
}

.serviceBnr__col:hover {
  opacity: 0.7;
}

/* エクスプレスバナー ここまで */
.serviceBnrWrapp {
  display: none;
}

.btn-requestdoc {
  padding: 0;
  padding-right: 20px;
  padding-top: 4px;
  width: 100%;
  background-color: #c1272d;
  border-bottom: solid 4px #851b1e;
}

.btn-requestdoc:hover {
  opacity: 0.7;
}

.btn-requestdoc:active {
  border-bottom: none;
  margin-top: 4px;
}

.btn-requestdoc:before {
  content: " ";
  background: transparent url("/images/icon/dl.png") center no-repeat;
  background-size: 50%;
  width: 60px;
  height: 50px;
  display: inline-flex;
  border-radius: 6px 0px 0px 6px;
  vertical-align: middle;
}

.webCatalogBtn {
  width: 100%;
}

.webCatalogBtn:hover {
  opacity: 0.7;
}

.webCatalogBtn:active {
  border-bottom: none;
  margin-top: 4px;
}

.catalog-img {
  border: solid 1px #ddd;
  -webkit-box-shadow: 2px 2px 4px 0 #ccc;
  box-shadow: 2px 2px 4px 0 #ccc;
  margin: 0px 10px;
}

.webuploadBtn {
  margin: 0 auto;
  width: auto;
}

.exp_banner img {
  vertical-align: top;
  outline-offset: -2px;
  outline: 4px solid #16b3e3;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}

/* 店舗詳細リニューアル版 */
.topTtl__txt {
  padding-left: 80px;
  color: #800600;
}

.entry--detail__head {
  padding: 0 10px;
}

.entry--detail__body {
  display: flex;
  flex-direction: row;
  padding: 0 20px;
}

.entry--detail__body--access {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .entry--detail__body--access {
    padding: 0 5px;
  }
}
.entry--detail__ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.entry--detail__ttl2:before {
  content: "●";
}

.entry--detail__ttl2 {
  font-weight: bold;
  margin-top: 10px;
}

.entry--detail__txt {
  font-size: 14px;
  margin-bottom: 5px;
}

.entry--detail__list {
  font-size: 16px;
  margin-bottom: 0;
}

.entry--detail__open {
  margin-bottom: 20px;
}

.entry--detail__add {
  margin-bottom: 20px;
}

.entry--detail__tel {
  margin-bottom: 20px;
}

.entry--detail__fax {
  margin-bottom: 20px;
}

.entry--detail__body__col {
  flex: 1;
}

.entry--detail__non {
  color: red;
  -webkit-text-fill-color: red;
  font-size: 1.28em;
  line-height: 1em;
  font-weight: bold;
}

.tabMenu--entry--detail {
  display: none;
}

.credit_pay--entry {
  margin-bottom: 20px;
  margin-left: 1em;
}

.emoney-imgwrapp--entry {
  margin-bottom: 20px;
  margin-left: 1em;
}

.qr-imgwrapp--entry {
  margin-bottom: 20px;
  margin-left: 1em;
}

.bankTable--entry {
  margin-left: 1em;
  font-size: 16px;
  width: 100%;
}

.credit_img--entry {
  width: auto;
}

.emoney-imgwrapp--entry > img {
  height: auto;
  vertical-align: bottom;
}

.qr_img--entry {
  width: auto;
}

.entry--detail__body .topTtl {
  background: #fff;
  border-bottom: solid 2px #000;
  font-size: 14px;
}

.entry--detail__body .entryTable {
  display: flex;
  width: 100%;
  justify-content: center;
}

.entry--detail__body .entryTb__h__tr {
  display: block;
  width: 100%;
}

.entry--detail__body .entry__th,
.entry--detail__body .entryTb__cell {
  width: 100%;
  padding: 6px 0;
  height: 28px;
  box-sizing: border-box;
  display: inline-block;
  background: #fff;
  color: #000;
  border: none;
  border-bottom: solid 1px #ccc;
  font-size: 14px;
}

.entry--detail__body .entry__th {
  text-align: left;
  padding-left: 3.4em;
}

.entry--detail__body .entryTb__cell {
  text-align: left;
  padding-left: 3.4em;
}

.entry--detail__body .entryTb__header {
  display: inline-flex;
  flex: auto;
  width: 50%;
}

.entry--detail__body .entryTb__body {
  display: inline-flex;
  flex: auto;
  width: 50%;
}

.entry--detail__body .entryTb__cell br {
  display: none;
}

.entry--detail__body .open_h {
  /* padding: 20px 16px 0 16px; */
  box-sizing: border-box;
  width: 400px;
  max-width: 100%;
}

.entry--detail__head > .imgwrapp {
  margin-bottom: 20px;
}

.bankTable--entry {
  display: inline-block;
}

.bankTable--entry__td {
  display: inline-block;
  padding-bottom: 0px;
}

.bankTable--entry__td:nth-of-type(n + 3) {
  display: block;
}

.bankTable--entry__tfoot {
  font-size: 14px;
}

.selfSicon {
  display: flex;
}

.selfSicon__item {
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  margin-right: 10px;
}

.selfSicon__txt {
  display: block;
  font-size: 12px;
  color: #00a0e9;
  font-weight: bold;
}

.selfSicon__img {
  font-size: 50px;
  color: #00a0e9;
}

.selfSicon__img2 {
  width: 50px;
  height: 50px;
}

@media (max-width: 1024px) {
  .selfSicon__txt {
    font-size: 11px;
  }
}
@media (max-width: 1280px) {
  .entry__th {
    font-size: 10px;
  }
  .entryTb__cell {
    font-size: 12px;
  }
}
.tabBox__item--entry--detail {
  display: block;
}

/* スマホ用スタイル */
@media (max-width: 767px) {
  .tabBox__item--entry--hide {
    display: none;
  }
  .tabBox__item--entry--detail.tab--active {
    display: block !important;
  }
  .topTtl__txt {
    display: block;
    padding-left: 0;
    font-size: 16px;
  }
  .selfSicon__item {
    padding: 0px 0px 10px 0px;
  }
  .selfSicon__txt {
    font-size: 10px;
    line-height: 1em;
    margin-bottom: 10px;
  }
  .tabBox__item--entry--detail {
    /*display: none;*/
  }
  .entry--detail__body .topTtl {
    font-size: 13px;
    text-align: left;
  }
  .entry--detail__body .entry__th,
  .entry--detail__body .entryTb__cell {
    font-size: 11px;
    padding: 6px 0;
    height: 24px;
    box-sizing: border-box;
  }
  .entry--detail__body .bt .entryTb__cell:before {
    content: none;
  }
  .entry--detail__body .entry__th {
    padding-left: 32px;
  }
  .entry--detail__txt {
    font-size: 11px;
  }
  .entry--detail__body .open_h {
    padding: 20px 0px 0px 0px;
  }
  .entry--detail__head {
    padding: 0;
  }
  .entry--detail__head > .imgwrapp {
    margin-bottom: 10px;
  }
  .subMenuWrapper--entry--detail {
    margin: 0;
    border: none;
  }
  .entry--detail {
    font-size: 12px;
    padding: 10px;
  }
  .entry--detail__body {
    display: flex;
    flex-direction: column;
    padding: 0 5px;
  }
  .entry--detail__open {
    margin-bottom: 20px;
  }
  .entry--detail__ttl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #00a0e9;
  }
  .entry--detail__add {
    margin-bottom: 20px;
  }
  .entry--detail__tel {
    margin-bottom: 20px;
  }
  .entry--detail__fax {
    margin-bottom: 20px;
  }
  .entry--detail__ttlWrapp {
    display: flex;
  }
  .entry--detail__btnwrapp > .acIcon--telcall {
    background: #db8728;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 1px;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 40px;
    margin-left: 10px;
  }
  .entry--detail__btnwrapp > .acIcon--telcall:before {
    margin-right: 5px;
  }
  .entry--detail .hp_childListItem {
    list-style: disc;
    font-size: 10px;
    margin-left: -4px;
  }
  .tileBox__col__link.acIcon--share:before {
    background: #00a0e9;
    color: #fff;
    width: 50px;
    height: 50px;
    padding-bottom: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .acIcon--telcall_clone > .tileBox__col__link.acIcon--telcall:before {
    background: #00a0e9;
    color: #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .acIcon--telcall.hn__icon:before {
    content: none;
  }
  .tileBox__col__link.acIcon--mailform:before {
    background: #00a0e9;
    color: #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .tileBox__col__link.acIcon--login:before {
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .tileBox__col__link.acIcon--document:before {
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .tileBox__col__link.acIcon--info:before {
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
  }
  .tileBox__col__link.officiaIicon--facebook:before {
    content: "";
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
    background: #e4e4e4 url(/images/footer/facebook.png) no-repeat center;
    background-size: 28px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
  }
  .tileBox__col__link.officiaIicon--instagram:before {
    content: "";
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
    background: #e4e4e4 url(/images/footer/instagram.png) no-repeat center;
    background-size: 28px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
  }
  .tileBox__col__link.officiaIicon--twitter:before {
    content: "";
    background: #b01e23;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
    background: #e4e4e4 url(/images/footer/twitter.png) no-repeat center;
    background-size: 28px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
  }
  .entry--detail__list {
    margin-bottom: 0px;
    margin-top: 15px;
    font-size: 12px;
  }
  .bankTable--entry {
    display: block;
  }
  .bankTable--entry__td {
    font-size: 12px;
    display: block;
    padding-bottom: 0px;
  }
  .tabMenu--entry--detail {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    justify-content: space-between;
  }
  .tabMenu__item--entry--detail {
    font-size: 12px;
    color: #888;
    font-weight: bold;
    color: #555;
    background: #fff;
    border-bottom: solid 2px #ddd;
    flex: 1;
    margin-left: 8px;
    text-align: center;
    padding: 5px;
  }
  .tabMenu__item--entry--detail:first-child {
    margin-left: 0;
  }
  .tabMenu__item--entry--detail.tab--active {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    background: #fff;
    border-bottom: solid 2px #b01e23;
    display: block;
  }
  .tileBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    box-sizing: border-box;
  }
  .tileBox__col {
    flex: auto;
    width: 33.333333%;
    height: 110px;
    box-sizing: border-box;
    text-align: center;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
  }
  .tileBox__col__inner {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .tileBox__col .acIcon__txt {
    font-size: 12px;
    display: block;
    color: #555;
  }
  .sharewindow {
    display: block;
    background: #fff;
    width: 100%;
    height: 260px;
    position: fixed;
    bottom: -260px;
    left: 0px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    box-sizing: border-box;
    padding: 20px;
  }
  .sharewindow.active {
    position: fixed;
    bottom: 0px;
    left: 0px;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  .close_sharebtn {
    background: #ccc;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .close_sharebtn:after {
    content: "";
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background: url(/images/icon/close_icon-12_wh.svg) no-repeat center;
    background-size: contain;
    position: relative;
    bottom: 2px;
    left: 2px;
  }
  .credit_pay--entry {
    margin-bottom: 20px;
  }
  .emoney_pay--entry,
  .emoney-imgwrapp--entry {
    margin-bottom: 0;
  }
  .emoney-imgwrapp--entry > img {
    max-width: 36px;
    height: auto;
  }
  .qr_img--entry {
    height: 34px;
  }
  .topTtl--entry--detail {
    display: flex;
    margin: 0;
    padding: 10px;
    align-items: center;
  }
  .none_head_fix > .topTtl--entry--detail {
    padding-right: 10px;
  }
  .topTtl--entry--detail > .topTtl__name {
    font-size: 14px;
    margin: 0;
    margin-right: auto;
  }
  .topTtl--entry--detail > .entrybox__odp {
    font-size: 10px;
    padding: 0 20px;
    height: 20px;
    line-height: 20px;
    width: auto;
    max-width: 100%;
  }
  .topTtl--entry--detail > .entrybox__h24 {
    margin-left: auto;
    font-size: 10px;
    padding: 0 20px;
    height: 20px;
    line-height: 20px;
    width: auto;
    max-width: 100%;
  }
  .hp_parentListWrapp {
    display: flex;
    flex-wrap: wrap;
  }
  .hp_parentListWrapp > .hp_parentList {
    width: 49%;
    box-sizing: border-box;
  }
  .pList__col {
    width: 50%;
  }
}
/* スマホ用スタイルここまで */
/* iPad用 */
@media screen and (max-width: 1024px) {
  .bankTable--entry {
    display: block;
  }
  .bankTable--entry__td {
    display: block;
    padding-bottom: 0px;
  }
}
/* iPad用ここまで */
/* PCの時だけ非表示 */
@media (min-width: 768px) {
  .display_none--pc {
    display: none;
  }
  .w-btn-pbb-pc {
    width: calc((100% - 40px) / 3);
  }
}
/* PCの時だけ非表示ここまで */
/* スマホの時だけ非表示 */
@media (max-width: 767px) {
  .display_none--sp {
    display: none;
  }
}
/* スマホの時だけ非表示ここまで */
/* 店舗詳細リニューアル版ここまで */
/*ソーシャルリストデザイン9*/
.shareList9 {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: -5px 0 -4px -5px;
  justify-content: flex-end;
}

.shareList9_clone > .shareList9 {
  justify-content: center;
}

.shareList9__item {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 5px 0 4px 5px;
}

.shareList9__link {
  display: block;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
}

.shareList9__link::before {
  font-size: 16px;
}

.shareList9__link::after {
  content: attr(title);
  font-size: 14px;
  font-weight: 700;
  vertical-align: top;
  margin-left: 5px;
}

.shareList9__link:hover {
  opacity: 0.75;
}

.shareList9__link.acIcon--twitter {
  background: #55acee;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--facebook {
  background: #3b5998;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--google-plus {
  background: #dd4b39;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--hatenabookmark {
  background: #008fde;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--pocket {
  background: #eb4654;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--rss {
  background: #ff9900;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--feedly {
  background: #6cc655;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--pinterest {
  background: #cb2027;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--linkedin {
  background: #0e76a8;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link.acIcon--line {
  background: #1dcd00;
  border-bottom: solid 4px rgba(0, 0, 0, 0.25);
}

.shareList9__link:active {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

@media (max-width: 767px) {
  .sharewindow .shareList9 {
    display: flex;
    flex-direction: column;
  }
}
/*ソーシャルリストデザイン9ここまで*/
/* スマホでスクロールするテーブル */
@media (max-width: 767px) {
  .scrTable {
    overflow: scroll;
    white-space: nowrap;
    display: block;
    width: auto;
  }
  .scrTable:before {
    content: "";
    width: 80px;
    height: 60px;
    display: block;
    background: url(https://www.accea.co.jp/images/icon/scroll_table.svg) no-repeat;
    background-size: contain;
    position: absolute;
    opacity: 0.2;
  }
  /*tableにスクロールバーを追加*/
  .scrTable::-webkit-scrollbar {
    height: 20px;
  }
  /*tableにスクロールバーを追加*/
  .scrTable::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /*tableにスクロールバーを追加*/
  .scrTable::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
  /* スクロールバー上下左右末端のボタン */
  .scrTable::-webkit-scrollbar-button {
    width: 20px;
    height: 20px;
    background: #666;
  }
}
/* スマホでスクロールするテーブルここまで */
.hp_parentListWrapp {
  padding: 0 20px;
}

.entry--detail__list {
  margin-top: 0px;
}

.entry--detail__ttl {
  margin-bottom: 0px;
}

.selfSicon__txt {
  line-height: 1em;
}

.entry--detail__txt {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .entry--detail__ttl {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    color: #000;
    margin-bottom: 0px;
  }
  .entry--detail__list {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  #entry--detailWrapp .contentsSec {
    margin-bottom: 0;
  }
  .entry--detail__body .newsWrapp {
    margin: 5px 0;
  }
}
/* GW・お盆・年末年始の営業時間 表示切替え */
.open_h {
  /*  表示切替え用 */
  /*  display: none; */
}

.entryTb__h__tr--common br {
  display: none;
}

.open_h .firsttd {
  display: none;
}

/* entry.html店舗案内ページ用*/
/*

*/
.holidayBtn__link {
  display: none;
}

/* 点滅 */
.blinking:after {
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
  content: " NEW!!";
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#contentLocationList {
  background: #FFF;
  padding: 0;
}

.contentLocationList_table {
  border: none;
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.clt__cell {
  height: 1em;
  border: none;
  padding: 10px 5px;
  background: transparent;
  color: #333;
  　　word-wrap: break-word;
  　　white-space: normal;
}

.clt__tr--odd {
  background: #EEE;
}

.clt__tr--even {
  background: #FFF;
}

.maplist__b__tr:nth-child(odd) {
  background: #F0F0F0;
}

.clt__prefecture {
  text-align: left;
  width: 10%;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  background-color: transparent;
}

.clt__city {
  text-align: left;
  width: 15%;
  font-weight: bold;
}

.clt__shops {
  text-align: left;
  width: 75%;
}

.clt__link {
  color: #333333;
  text-decoration: underline;
}

.clt__link:hover {
  color: #333333;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .contentLocationList_table {
    table-layout: fixed;
  }
  .clt__prefecture {
    width: 25%;
  }
  .clt__city {
    width: 25%;
  }
  .clt__shops {
    width: 50%;
  }
}
#srchForm {
  position: relative;
}

#searchForm {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
  box-sizing: border-box;
  width: 100%;
}

#searchButton {
  height: 100%;
  background-color: #404040;
  color: #FFF;
  margin: 0;
  border: none;
  font-size: 14px;
  text-indent: -9999px;
  width: 2.6em;
  background-image: url(/images/header/search_white.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center;
  box-sizing: border-box;
  border-radius: 0 4px 4px 0;
  position: absolute;
  right: 0;
  top: 0;
}

#srchForm {
  width: 100%;
  margin: 0;
}

#searchQuery {
  border: 1px solid #CCC;
  padding: 8px 35px 8px 8px;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  border-radius: 4px 4px 4px 4px;
}

@media screen and (max-width: 960px) {
  #searchQuery {
    font-size: 16px;
  }
  #searchForm {
    padding: 10px 8px;
    display: none;
  }
  #searchForm.searchForm--mOpen {
    display: block;
    position: absolute;
    top: 124px;
    left: 5px;
    height: 55px;
    z-index: 950;
    background: #B01E23;
    margin: 0 0;
    width: calc(100% - 10px);
    box-sizing: border-box;
    border-radius: 4px;
  }
}
/* ヘッダー展開 */
.btnIcon {
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: 18px center;
  padding: 15px 8px 12px 75px;
  text-align: left;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

.btnIcon--mail {
  background-image: url(/images/header/contactus_off.png);
}

.btnIcon--tel {
  background-image: url(/images/header/phone_off.png);
}

.btnIcon--location {
  background-image: url(/images/header/storelocation_off.png);
}

.btn--inq {
  background-color: #ba0f18;
  border-color: #8f060d;
}

.btn--cs {
  background-color: #004a9a;
  border-color: #033871;
}

.btn--inq:hover {
  background-color: #e82e38;
}

.btn--cs:hover {
  background-color: #1065c1;
}

.btn--yellow {
  background-color: #ffc500;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}
.btn--yellow:hover {
  cursor: pointer;
  opacity: 0.8;
}

/* PCの時にボタンに見えないようにする電話ボタン */
.btn--tel {
  background-color: #004a9a;
  border-color: #033871;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  min-width: 33%;
  border-radius: 8px;
  box-sizing: border-box;
  cursor: default;
}

/* フローティングバナーのレスポンシブ解除 */
@media screen and (max-width: 767px) {
  .fixbanner01 {
    display: none;
  }
}
/* ボックスレイアウトのjsによる制御 */
.smm__otherArea {
  transition: all 0.1s ease;
}

.smm__otherArea--mOpen {
  margin-left: 240px;
}

.smm__menuArea {
  transition: all 0.1s ease;
  /*
    transform: translateX(-240px);
    */
  position: fixed;
  overflow: auto;
  display: none;
}

.smm__menuArea--mOpen {
  display: block;
}

.smm__opBtnWrapper {
  background-color: #313030;
  position: absolute;
  left: 0;
  top: 0;
}

.smm__opBtn {
  transition: all 0.2s ease;
  text-decoration: none;
  z-index: 400;
  cursor: pointer;
}

.smm__opBtn--sp {
  position: absolute;
  left: 10px;
  background-color: transparent;
  top: 9px;
}

.smmb__txt {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: none;
}

.smmb__bar {
  display: inline-block;
  height: 5%;
  width: 40%;
  background-color: #fff;
  position: absolute;
  transition: all 0.5s ease;
  left: 15px;
}

.smmb__bar1 {
  /*transform: rotate(-45deg);*/
  top: 30%;
}

.smmb__bar2 {
  /*transform: rotate(45deg);*/
  top: 47.5%;
}

.smmb__bar3 {
  top: 65%;
}

.menuCanselBlack {
  position: fixed;
  top: 0;
  left: 0;
  height: 200%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
}

.menuCanselBlack--headerSearch {
  z-index: 850;
  opacity: 0.6;
}

.hztlNav--menuCanselBlack {
  z-index: 900;
}

.smm--menuCanselBlack {
  z-index: 500;
}

/*
.smm--menuCanselBlack--pc {
	opacity: 0;
}
*/
.headerNav__menuCanselBlack {
  z-index: 1;
  opacity: 0;
}

.menuCanselBlack--ls_res {
  z-index: 900;
}

.dropdown {
  border-color: #00a1e9;
  background-color: #fff;
  color: #00a1e9;
  border: solid 1px #00a1e9;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  font-weight: bold;
}
.dropdown::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: 1px solid #00a1e9;
  border-right: 1px solid #00a1e9;
  position: absolute;
  top: 40%;
  right: 15px;
  margin-top: -6px;
  transform: rotate(45deg);
}
.dropdown:hover {
  cursor: pointer;
  color: rgba(0, 161, 233, 0.7);
  border-color: rgba(0, 161, 233, 0.7);
}
.dropdown:hover::after {
  border-color: rgba(0, 161, 233, 0.7);
}

@media screen and (max-width: 1023px) {
  .smm__menuArea {
    transition: all 0.1s ease;
    /* transform: translateX(-240px); */
    transform: translateX(-320px);
    display: block;
  }
  .smm__openStandby .smm__menuArea--mOpen {
    transform: translateX(0);
  }
  .smm__opBtn--sp {
    position: absolute;
    left: 14px;
    background-color: transparent;
    top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .smm--menuCanselBlack {
    z-index: 1100;
  }
  .smmb__bar {
    left: 30%;
  }
  .smmb__txt {
    vertical-align: bottom;
    position: absolute;
    display: block;
  }
}
/* 1カラムページよう */
.smm__oneColumContainer .smm__otherArea--mOpen {
  margin-left: 0;
}

.smm__oneColumContainer .smm__menuArea--mOpen {
  transform: translateX(-240px);
}

/* 1カラムページよう ここまで */
@media screen and (max-width: 1023px) {
  .smm__otherArea--mOpen {
    margin-left: 0;
  }
  .smm__menuArea--mOpen {
    /* transform: translateX(-240px); */
  }
}
.smm__openStandby .smm__menuArea--mOpen {
  transform: translateX(0);
}

/* ボックスレイアウトのjsによる制御ここまで */
/* サイドの商品一覧のjsによる制御 */
.smm__catAItem > .smm__catATitle {
  /* background-image: url(../images/catATitle_plus.svg); */
  background-repeat: no-repeat;
  background-position: right center;
}

.smm_catAItem--opened > .smm__catATitle {
  /* background-image: url(../images/catATitle_minus.svg); */
}

.smm__catBTitle--active > a {
  background-color: #fff;
  color: #00a0e9;
}

/* サイドの商品一覧のjsによる制御ここまで */
/* ヘッダーのjsによる制御 */
.smm__otherArea--mOpen .headerMenuBtnBox {
  width: auto;
}

/* ヘッダーのjsによる制御ここまで */
/* ヘッダーメニューのjsによる制御 */
.hztlNav__childItem {
  display: none;
}

.hztlNav__childItem--show {
  display: block;
}

.hztlNav__parentLink:hover .hn__icon--location,
.hztlNav__parentItem--active .hn__icon--location {
  background-image: url(/images/header/storelocation_on.png);
}

.hztlNav__parentLink:hover .hn__icon--mailform,
.hztlNav__parentItem--active .hn__icon--mailform {
  background-image: url(/images/header/contactus_on.png);
}

.hztlNav__parentLink:hover .hn__icon--fileupload,
.hztlNav__parentItem--active .hn__icon--fileupload {
  background-image: url(/images/header/webuploader_on.png);
}

.hztlNav__parentLink:hover .hn__icon--info,
.hztlNav__parentItem--active .hn__icon--info {
  background-image: url(/images/header/info_on.png);
}

.hztlNav__parentLink:hover .hn__icon--aboutus,
.hztlNav__parentItem--active .hn__icon--aboutus {
  background-image: url(/images/header/aboutus_on.png);
}

/* 1カラムページよう */
.smm__oneColumContainer .smm__headerWrapper--mOpen.smm__headerWrapper {
  padding-left: 0;
}

/* 1カラムページよう ここまで */
@media screen and (max-width: 1023px) {
  .smm__headerWrapper--mOpen.smm__headerWrapper {
    padding-left: 0;
  }
}
#srchBox.srchBox--mOpen {
  display: block;
  position: absolute;
  top: 124px;
  left: 5px;
  height: 55px;
  z-index: 950;
  background: #b01e23;
  margin: 0 0;
  width: calc(100% - 10px);
  box-sizing: border-box;
  border-radius: 4px;
}

#srchBox.srchBox--mOpen #srch #srchForm {
  text-align: center;
}

#srchBoxCloseBtn {
  display: none;
}

.srchBox--mOpen #srchBoxCloseBtn {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
  background-color: #333;
  padding: 3px 5px;
  border-radius: 9px;
  color: #fff;
  font-size: 9px;
}

/* ヘッダーメニューのjsによる制御ここまで */
/* フッターナビのjsによる制御 */
@media screen and (max-width: 767px) {
  .footerNav__toggleTitle {
    background-image: url("/images/footer/fn_icon_plus.svg");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .footerNav__toggleTitle.footerNav__toggleTitle--open {
    background-image: url("/images/footer/fn_icon_minus.svg");
  }
}
/* フッターナビのjsによる制御ここまで */
/* 固定フッターナビのjsによる制御 */
.smm__otherArea--mOpen #fixedFootNavWrapp {
  padding-left: 240px;
}

@media screen and (max-width: 1023px) {
  .smm__otherArea--mOpen #fixedFootNavWrapp {
    padding-left: 0;
  }
}
/* 固定フッターナビのjsによる制御ここまで */
/* スライド slick js のデフォルトスタイルの上書き */
.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  content: url("/images/slide/pager_active.png") !important;
}

.slick-dots li button:before {
  content: url("/images/slide/pager.png") !important;
  opacity: 1 !important;
}

.cardCSlider--5Item .slick-prev {
  z-index: 1;
  left: 2px;
  top: 40%;
}

.cardCSlider--5Item .slick-next {
  z-index: 1;
  right: 2px;
  top: 40%;
}

.cardCSlider--5Item.cardsWrapp {
  margin-right: 0;
}

.cardCSlider--4Item {
  opacity: 0;
}

.cardCSlider--4Item.slick-initialized {
  opacity: 1;
}

.cardCSlider--5Item .slick-list {
  margin-right: -16px;
}

.fI__thumNav .slick-prev {
  left: 3px;
  z-index: 1;
}

.fI__thumNav .slick-next {
  right: 3px;
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  color: #333 !important;
}

/* スライド slick js のデフォルトスタイルの上書き　ここまで */
/* 下層ページヘッダーのjsによる制御 */
.smm__otherArea--mOpen .head_fix {
  left: 240px;
}

#headerWrapper.head_fix {
  position: fixed;
  width: 100%;
  z-index: 650;
  left: 0;
  box-sizing: border-box;
}

.head_fix {
  position: fixed;
  width: 100%;
  z-index: 300;
  left: 0;
  box-sizing: border-box;
}

.head_fix > .topTtl {
  font-size: 18px;
  padding: 10px 10px 10px 26px;
}

.head_fix .subMenu__link {
  font-size: 12px;
  padding: 0px 20px;
  margin: 2px 0;
}

@media screen and (min-width: 1520px) {
  .smm__otherArea--mOpen .head_fix {
    left: 120px;
  }
}
@media screen and (max-width: 1519px) {
  .smm__otherArea--mOpen .head_fix > .contentsDiv {
    margin: 0;
  }
  .smm__otherArea--mOpen #fixedFootNavWrapp > .contentsDiv {
    margin: 0;
  }
}
/* 下層ページヘッダーのjsによる制御ここまで */
/* 左サイド SNSのウィジェットの上書き */
@media screen and (max-width: 767px) {
  .ls__snsWidget iframe {
    min-width: 0 !important;
  }
  .ls__snsWidget .fb_iframe_widget span {
    min-width: 0 !important;
  }
}
/* 左サイド SNSのウィジェットの上書きここまで */
/* その他jsによる制御 */
@media screen and (max-width: 767px) {
  .resNav__list {
    display: none;
  }
  .resNav__list--open {
    display: block;
  }
  .resNav__toggleTitle {
    background-image: url("/images/footer/fn_icon_plus.svg");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .resNav__toggleTitle.resNav__toggleTitle--open {
    background-image: url("/images/footer/fn_icon_minus.svg");
  }
}
/* その他jsによる制御ここまで */
.button_shop_list_icon_container {
  display: flex;
  gap: 5px;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .button_shop_list_icon_container {
    gap: 7px;
  }
}

.button_shop_list_icon_phone {
  background-color: #ff8700;
  border: 1px solid #ff8700;
  display: grid;
  place-items: center;
  border-radius: 8px;
  gap: 6px;
  padding: 5px;
  flex: 1;
  box-shadow: 3px 3px 5px #ccc;
  cursor: pointer;
}
.button_shop_list_icon_phone:hover {
  opacity: 0.7;
}
.button_shop_list_icon_phone span {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  pointer-events: none;
}
.button_shop_list_icon_phone img {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .button_shop_list_icon_phone {
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    border: none;
  }
}

.button_shop_list_icon_line {
  background-color: #07b53b;
  border: 1px solid #07b53b;
  display: grid;
  place-items: center;
  border-radius: 8px;
  gap: 6px;
  padding: 5px;
  flex: 1;
  box-shadow: 3px 3px 5px #ccc;
  cursor: pointer;
}
.button_shop_list_icon_line:hover {
  opacity: 0.7;
}
.button_shop_list_icon_line span {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  pointer-events: none;
}
.button_shop_list_icon_line img {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .button_shop_list_icon_line {
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    border: none;
  }
}

.button_shop_list_icon_whatsapp {
  background-color: #25d366;
  border: 1px solid #25d366;
  display: grid;
  place-items: center;
  border-radius: 8px;
  gap: 6px;
  padding: 5px;
  flex: 1;
  box-shadow: 3px 3px 5px #ccc;
  cursor: pointer;
}
.button_shop_list_icon_whatsapp:hover {
  opacity: 0.7;
}
.button_shop_list_icon_whatsapp span {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  pointer-events: none;
}
.button_shop_list_icon_whatsapp img {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .button_shop_list_icon_whatsapp {
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    border: none;
  }
}

.button_shop_list_icon_map {
  background-color: #ddd;
  border: 1px solid #b2b0b0;
  display: grid;
  place-items: center;
  border-radius: 8px;
  gap: 6px;
  padding: 5px;
  flex: 1;
  box-shadow: 3px 3px 5px #ccc;
  cursor: pointer;
}
.button_shop_list_icon_map:hover {
  opacity: 0.7;
}
.button_shop_list_icon_map span {
  color: #666;
  font-size: 1rem;
  font-weight: bold;
  pointer-events: none;
}
.button_shop_list_icon_map img {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .button_shop_list_icon_map {
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    border: none;
  }
}

.arrow_right {
  position: absolute;
  display: inline-block;
  right: 0;
}
.arrow_right::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-top: solid 1px;
  border-right: solid 1px;
  color: #000;
}
.arrow_right::before {
  right: 20px;
  top: -6px;
  transform: rotate(45deg);
}

.input__search {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.input__search label {
  color: #434e64;
  font-weight: bold;
  font-size: 20px;
}
.input__search--border {
  position: relative;
  border: solid 1px #1d3e77;
  border-radius: 6px;
}
.input__search--border input {
  border: none;
  color: #434e64;
  padding: 10px;
  border-radius: 6px;
  width: calc(100% - 20px);
}
.input__search--button {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.input__search--button::before, .input__search--button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 60%;
  background: #bbb;
}
.input__search--button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.input__search--button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .input__search--button:hover {
    background: #ddd;
  }
  .input__search--button:hover::before, .input__search--button:hover::after {
    background: #fff;
  }
}
@media (hover: none) {
  .input__search--button:active {
    background: #ddd;
  }
  .input__search--button:active::before, .input__search--button:active::after {
    background: #fff;
  }
}
@media (min-width: 768px) {
  .input__search {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .input__search--border {
    width: 360px;
  }
  .input__search--border input {
    width: 340px;
  }
}

.modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100dvw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.7);
}

/* 汎用クラス */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.bs--bb {
  box-sizing: border-box;
}

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

.flex-1 {
  flex: 1 1 0%;
}

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

.flex-50p {
  flex: 1 1 50%;
}

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

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

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

.text-nowrap {
  white-space: nowrap;
}

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

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

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

.bdr--333 {
  border: 1px solid #333;
}

.bdr--999 {
  border: 1px solid #999;
}

.bdr--EEE {
  border: 1px solid #eee;
}

.bdr--000__4 {
  border: 4px solid #000;
}

.bdr--dottedDDD {
  border: 1px dotted #ddd;
}

.bdrTop--dashed {
  border-top: 1px dashed #8e8e8e;
}

.bdrBottom--dashed {
  border-bottom: 1px dashed #8e8e8e;
}

.bdrTop--dashed2 {
  border-top: 1px dashed #ddd;
}

.bdrBottom--dashed2 {
  border-bottom: 1px dashed #ddd;
}

.bdrTopNone {
  border-top: none !important;
}

.bdrBottomNone {
  border-bottom: none !important;
}

.bdrLeftNone {
  border-left: none !important;
}

.bdrRightNone {
  border-right: none !important;
}

.bdrNone {
  border: none !important;
}

.bdrBottom--solid--lg {
  border-bottom: 1px solid #ddd;
}

.bdrRight--999 {
  border-right: 1px solid #999;
}

.border_radius_16 {
  border-radius: 16px;
}

.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w33p {
  width: 33.3333% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w70p {
  width: 70% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w100p {
  width: 100% !important;
}

.w70px {
  width: 70px;
}

.w135px {
  width: 135px;
}

.w197px {
  width: 197px;
}

.w_auto {
  width: auto !important;
}

.w_short1 {
  max-width: 300px;
}

.w_80 {
  width: 80px;
}

.maxwidth_100 {
  max-width: 100%;
}

.maxwidth_135px {
  max-width: 135px;
}

.minwidth_100 {
  min-width: 100%;
}

.h100p {
  height: 100%;
}

.h-auto {
  height: auto;
}

.mp0 {
  margin: 0 !important;
  padding: 0 !important;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt_auto {
  margin-top: auto;
}

.my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt80 {
  margin-top: 80px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px;
}

.ml1em {
  margin-left: 1em;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr40 {
  margin-right: 40px;
}

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

.margin0 {
  margin: 0;
}

.margin10 {
  margin: 10px;
}

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

.tx9 {
  font-size: 9px;
}

.tx10 {
  font-size: 10px;
}

.tx11 {
  font-size: 11px;
}

.tx12 {
  font-size: 12px;
}

.tx14 {
  font-size: 14px;
}

.tx16 {
  font-size: 16px;
}

.tx18 {
  font-size: 18px;
}

.tx20 {
  font-size: 20px;
}

.tx22 {
  font-size: 22px;
}

.tx24 {
  font-size: 24px;
}

.tx28 {
  font-size: 28px;
}

.tx32 {
  font-size: 32px;
}

.tx_small07 {
  font-size: 0.7em;
}

.tx_small08 {
  font-size: 0.8em;
}

.tx_small09 {
  font-size: 0.9em;
}

.tx_blue {
  color: blue;
}

.tx_black {
  color: #000;
}

.li_sytle_none {
  list-style-type: none;
}

.display_none {
  display: none;
}

.display_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.display_flex2 {
  display: flex;
  align-items: center;
}

.flex {
  display: flex;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.align_center {
  align-items: center;
}

.display_block {
  display: block !important;
}

.display_inline-block {
  display: inline-block;
}

.display_table {
  display: table;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.grid_container {
  display: grid;
}

.grid_col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid {
  display: grid;
}

.place-items-center {
  place-items: center;
}

.gap10 {
  gap: 10px;
}

.gap15 {
  gap: 15px;
}

.gap20 {
  gap: 20px;
}

.gap30 {
  gap: 30px;
}

.gap40 {
  gap: 40px;
}

.gap60 {
  gap: 60px;
}

.gap-x-15 {
  column-gap: 15px;
}

.p0 {
  padding: 0;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.pt0 {
  padding-top: 0;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pr0 {
  padding-right: 0 !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pl0 {
  padding-left: 0;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl1em {
  padding-left: 1em;
}

.pTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pTB10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pTB15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pTB30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pTB40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pLR10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pLR15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pLR20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pLR30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pLR40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pLR50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pLR60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padding0 {
  padding: 0 !important;
}

.padding5 {
  padding: 5px !important;
}

.padding10 {
  padding: 10px !important;
}

.padding20 {
  padding: 20px !important;
}

.padding30 {
  padding: 30px !important;
}

.padding40 {
  padding: 40px !important;
}

.txt_bold {
  font-weight: bold;
}

.txt_normal {
  font-weight: normal;
}

.txt_red {
  color: red !important;
}

.txt_bordeaux {
  color: #b01e23;
}

.txt_yellow {
  color: #ffee00;
}

.txt_blue {
  color: #0066ff !important;
}

.txt_blue2 {
  color: #192f60 !important;
}

.txt_blue_black {
  color: #434e64;
}

.txt_deep_blue {
  color: #191970;
}

.txt_aqua {
  color: #00a0e9;
}

.txt_gray {
  color: #666;
}

.txt_gray2 {
  color: #999;
}

.txt_ash {
  color: #707070;
}

.txt_charcoal {
  color: #262626;
}

.txt_black {
  color: #000 !important;
}

.txt_white {
  color: #fff;
}

.txt_underline {
  text-decoration: underline;
}

.txt_no_deco {
  text-decoration: none;
}

.border_red1 {
  border: solid 1px #ff0000;
}

.border_gray1 {
  border: solid 1px #9f9f9f;
}

.border_exblue {
  border: solid 1px #191970;
}

.ci-color {
  color: #434e64;
  border-color: #434e64;
}

.bg-gray {
  background-color: #c9c9c9;
}

.bg-gray2 {
  background-color: #e2e2e2 !important;
}

.bg-lgray {
  background-color: #f2f2f2;
}

.bg-e {
  background-color: #eee;
}

.bg-acceared {
  background-color: #b90f18;
}

.bg-pastel-pink {
  background-color: #ff8585;
}

.bg-pastel-blue {
  background-color: #4898ff;
}

.bg-white {
  background-color: #fff !important;
}

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

.textLink:hover {
  text-decoration: underline;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.v-align-top {
  vertical-align: top;
}

.v-align-middle {
  vertical-align: middle;
}

.v-align-bottom {
  vertical-align: bottom;
}

.cursor_default {
  cursor: default;
}

.blankCell {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
}

.border_shadow {
  box-shadow: 1px 1px 2px #eee;
  border: 1px #ddd solid;
}

.width_auto {
  width: auto;
}

.over_hidden {
  overflow: hidden;
}

.over_auto {
  overflow: hidden;
}

.sp_block,
.sp_flex {
  display: none !important;
}

.edge_box {
  padding: 5px;
  border: 1px solid #ccc;
}

.lineh1-5 {
  line-height: 1.5em;
}

.lineh2 {
  line-height: 2em;
}

.lineh40 {
  line-height: 40px;
}

.headerRpsv_block,
.headerRpsv_flex {
  display: none !important;
}

.hoverOp--07:hover {
  opacity: 0.7;
}

.height60 {
  height: 60px;
}

.height70 {
  height: 70px;
}

.height85 {
  height: 87px;
}

.pos--abs {
  position: absolute;
}

.pos--rel {
  position: relative;
}

.padport_block {
  display: none;
}

.hover--txt_blue:hover {
  color: #00a1e9;
}

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

.hover--opacity8:hover {
  opacity: 0.8;
}

.table_border table,
.table_border table th,
.table_border table td {
  border-collapse: collapse;
  border: 1px solid #333;
}

.border-t-0 {
  border-top: none;
}

@media screen and (max-width: 1023px) {
  .pad-flexColumn {
    display: flex;
    flex-direction: column;
  }
  .pad-flexRow {
    display: flex;
    flex-direction: row;
  }
  .padport_none {
    display: none;
  }
  .padport_block {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .headerRpsv_block {
    display: block !important;
  }
  .headerRpsv_flex {
    display: flex !important;
  }
  .headerRpsv_none {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }
  .sp_block {
    display: block !important;
  }
  .sp_flex {
    display: flex !important;
  }
  .sp_floatNone {
    float: none !important;
  }
  .sp_overHidden {
    overflow: hidden;
  }
  .w10p-sp {
    width: 10%;
  }
  .w20p-sp {
    width: 20%;
  }
  .w30p-sp {
    width: 30%;
  }
  .w40p-sp {
    width: 40%;
  }
  .w50p-sp {
    width: 50%;
  }
  .w60p-sp {
    width: 60%;
  }
  .w70p-sp {
    width: 70%;
  }
  .w80p-sp {
    width: 80%;
  }
  .w90p-sp {
    width: 90% !important;
  }
  .w100p-sp {
    width: 100% !important;
  }
  .mb5-sp {
    margin-bottom: 5px;
  }
  .mb10-sp {
    margin-bottom: 10px;
  }
  .mb20-sp {
    margin-bottom: 20px;
  }
  .mb30-sp {
    margin-bottom: 30px;
  }
  .mb40-sp {
    margin-bottom: 40px;
  }
  .mb50-sp {
    margin-bottom: 50px;
  }
  .mb60-sp {
    margin-bottom: 60px;
  }
  .p0-sp {
    padding: 0;
  }
  .m0-sp {
    margin: 0;
  }
  .sp-flexColumn {
    display: flex;
    flex-direction: column;
  }
  .sp-flexRow {
    display: flex;
    flex-direction: row;
  }
  .display_block-sp {
    display: block;
  }
}
@media screen and (min-width: 767px) {
  .w10p-pc {
    width: 10%;
  }
  .w20p-pc {
    width: 20%;
  }
  .w30p-pc {
    width: 30%;
  }
  .w40p-pc {
    width: 40%;
  }
  .w50p-pc {
    width: 50%;
  }
  .w60p-pc {
    width: 60%;
  }
  .w70p-pc {
    width: 70%;
  }
  .w80p-pc {
    width: 80%;
  }
  .w90p-pc {
    width: 90%;
  }
  .w100p-pc {
    gap10idth: 100%;
  }
}
@media (max-width: 767px) {
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .mb80 {
    margin-bottom: 40px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }
  .mb120 {
    margin-bottom: 60px !important;
  }
  .mb140 {
    margin-bottom: 70px !important;
  }
  .mb160 {
    margin-bottom: 80px !important;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .calc_anchor_sp {
    padding-top: 170px;
    margin-top: -170px;
  }
}
@media (max-width: 767px) {
  .sp {
    display: none;
  }
  .pc_open {
    display: block !important;
  }
  .sp-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  .pc_none {
    display: none;
  }
  .tx20_pc {
    font-size: 20px;
  }
  .tx14_pc {
    font-size: 14px;
  }
  .width130_pc {
    width: 130px;
  }
  .width240_pc {
    width: 240px;
  }
  .width400_pc {
    width: 400px;
  }
  .w-auto_pc {
    width: auto;
  }
  .w-fit_pc {
    width: fit-content;
  }
  .height70_pc {
    height: 70px;
  }
  .height130_pc {
    height: 130px;
  }
  .bg-e_pc {
    background-color: #eee;
  }
  .mb0_pc {
    margin-bottom: 0;
  }
  .mb20_pc {
    margin-bottom: 20px;
  }
  .mb40_pc {
    margin-bottom: 40px;
  }
  .mb80-pc {
    margin-bottom: 80px;
  }
  .ml10-pc {
    margin-left: 10px;
  }
  .flex_pc {
    display: flex;
  }
  .flex_reverse_pc {
    flex-direction: row-reverse;
  }
  .align_center_pc {
    align-items: center;
  }
  .grid_col2_pc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_col3_pc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_col4_pc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_col2_40p_fr_pc {
    display: grid;
    grid-template-columns: 40% 1fr;
  }
  .grid_col2_fr_40p_pc {
    display: grid;
    grid-template-columns: 1fr 40%;
  }
  .grid_colstart2_pc {
    grid-column-start: 2;
  }
  .grid_dense_pc {
    grid-auto-flow: dense;
  }
  .grid-cols-3_pc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gap10_pc {
    gap: 10px;
  }
  .gap20_pc {
    gap: 20px;
  }
  .gap30_pc {
    gap: 30px;
  }
  .gap40_pc {
    gap: 40px;
  }
  .gap60_pc {
    gap: 60px;
  }
}
.fv__header--wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 19px;
  background: #fff9f2;
}

@media screen and (max-width: 767px) {
  .fv__header--wrapper {
    flex-direction: column;
  }
}
.fv__header--title-wrapper {
  flex: 1;
}

.fv__header--title-background {
  flex: 1;
}

.fv__header--title {
  color: #000000;
  font-size: 34px;
  font-weight: bold;
  margin: 21px 0 10px 0;
  padding: 0 20px;
  line-height: 1.1;
}

.fv__header--text {
  color: #555555;
  font-size: 15px;
  font-weight: bold;
  padding: 0 20px;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .fv__header--title {
    font-size: 26px;
  }
  .fv__header--text {
    font-size: 13px;
  }
}
.fv__header--image-wrapper {
  display: flex;
  justify-content: center;
  max-height: 135px;
}

.fv__header--topimage-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  margin: auto 0;
}

.fv__header--topimage-wrapper img {
  object-fit: fill;
  height: 270px;
}

@media screen and (max-width: 767px) {
  .fv__header--topimage-wrapper img {
    width: 100%;
    height: auto;
  }
}
.fv__feature-banner--image-wrapper {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}
.fv__feature-banner--image-wrapper a {
  display: block;
}
.fv__feature-banner--image-wrapper img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  .fv__feature-banner--image-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fv__upbanner--button-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
  .fv__upbanner--button-wrapper {
    flex-direction: column;
  }
  .fv__upbanner--button-wrapper--spreverse {
    flex-direction: column-reverse;
  }
}
.fv__upbanner--inpagemenu {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.fv__upbanner--expbutton-arrow {
  position: relative;
  flex: 1;
  background: #191970;
  border-radius: 42px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.35);
  padding: 12px 0;
  transition: all 0.3s ease 0s;
}

@media screen and (min-width: 768px) {
  .fv__upbanner--expbutton-arrow {
    max-width: 50%;
  }
}
.fv__upbanner--expbutton-arrow:hover {
  background: #3131d7;
}

.fv__upbanner--expbutton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
}

.fv__upbanner--webbutton-arrow {
  position: relative;
  flex: 1;
  background: #9e0a12;
  border-radius: 42px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.35);
  padding: 12px 0;
  transition: all 0.3s ease 0s;
}

@media screen and (min-width: 768px) {
  .fv__upbanner--webbutton-arrow {
    max-width: 50%;
  }
}
.fv__upbanner--webbutton-arrow:hover {
  background: #e2222c;
}

@media screen and (max-width: 767px) {
  .fv__upbanner--expbutton-arrow,
  .fv__upbanner--webbutton-arrow {
    width: 100%;
    padding: 12px 0;
  }
}
.fv__upbanner--webbutton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
}

.fv__upbanner--text {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}

.fv__upbanner--title {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .fv__upbanner--text {
    font-size: 14px;
  }
  .fv__upbanner--title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .fv__upbanner--exp-title img {
    width: 15%;
  }
  .fv__upbanner--web-title img {
    width: 24%;
  }
}
.fv__upbanner--expbutton-arrow .acIcon--arrow_p_right,
.fv__upbanner--webbutton-arrow .acIcon--arrow_p_right {
  position: absolute;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  top: 40%;
  right: 4%;
}

@media screen and (max-width: 767px) {
  .fv__upbanner--expbutton-arrow .acIcon--arrow_p_right,
  .fv__upbanner--webbutton-arrow .acIcon--arrow_p_right {
    font-size: 20px;
  }
}
.fv__pagelink--button-wrapper_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fv__pagelink--button-wrapper_2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fv__pagelink--button-wrapper_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fv__pagelink--button-wrapper_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fv__pagelink--button-wrapper_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fv__pagelink--button-wrapper_4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.fv__pagelink--button-wrapper_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}

@media (max-width: 767px) {
  .fv__pagelink--button-wrapper_5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fv__pagelink--button-wrapper_6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

@media (max-width: 767px) {
  .fv__pagelink--button-wrapper_6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fv__pagelink--button {
  position: relative;
  display: flex;
  align-items: center;
  flex: 25%;
  background: #fff;
  border: 2px solid #239af6;
  border-radius: 5px;
  padding: 12px 14px;
  color: #239af6;
  font-size: 14px;
  font-weight: bold;
}

.fv__pagelink--button--upbanner {
  width: calc(50% - 10px);
  box-sizing: border-box;
  flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
  .fv__pagelink--button {
    justify-content: center;
    padding: 8px 0;
    font-size: 12px;
    width: 100%;
  }
  .fv__pagelink--button--upbanner {
    width: calc(50% - 10px);
  }
}
.fv__pagelink--button .acIcon--arrow_down {
  position: absolute;
  color: #239af6;
  font-size: 20px;
  font-weight: bold;
  top: 25%;
  right: 7.5%;
}

/* ==========================================================================
    ヘッダー
   ========================================================================== */
#headerWrapper {
  margin-bottom: 15px;
}

.btn--HContact--tel3 {
  background-color: #3167c4;
  border-color: #193668;
  opacity: 1;
  background-image: url(/images/header/hn_icon_tel.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: 10px center;
  border-bottom-width: 5px;
  padding: 0 10px 0 55px;
  margin: 0 10px;
  font-size: 16px;
  height: 3em;
  display: flex;
  align-items: center;
  text-align: left;
  border-radius: 4px;
  width: 100%;
  max-width: 250px;
}

.btn--HContact--tel3:hover {
  background-color: #3274e6;
  opacity: 1;
}

#feature {
  float: none;
  width: 100%;
}

.acIcon--telcall2::before {
  content: "\e936";
}

/* ==========================================================================
    スライドバー
   ========================================================================== */
.featureImg .fI__slider {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.featureImg .fI__slider.slick-initialized {
  opacity: 1;
}

.featureImg .slick-current {
  padding-right: 3px;
}

.featureImg .slick-track {
  position: relative;
  top: 0;
  left: -1px;
  display: flex;
  column-gap: 3px;
  margin-left: auto;
  margin-right: auto;
}

.featureImg .fI__arrow {
  top: 55%;
  filter: opacity(0.7);
}

.img-full-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
    サイドバー
   ========================================================================== */
.ls__express__btn {
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #9999ab;
  color: #191970;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  height: auto;
}

.ls__express__btn:hover {
  color: #191970;
  background-color: #fff;
  opacity: 0.8;
}

.ls__lBoxHBtn {
  font-size: 12px;
  margin: 0 5px;
  padding: 8px 0;
}

.lpm__catTitle {
  background-color: #d8d8d8;
  text-align: center;
  color: #191970;
  font-size: 12px;
  font-weight: bold;
  padding: 2.5px 0;
}

.ls__pdtMenu__list--ex .ls__pdtMenu__item {
  border-top: dashed 1px #b6b6b6;
  border-bottom: 0;
}

.ls__pdtMenu__link {
  padding: 4px 0px 4px 5px;
}

.ls__pdtMenu__item--megaMenuBoss {
  position: relative;
}

.pList__items--megaMenu {
  visibility: hidden; /*デフォルトでは非表示の状態にしておく*/
  opacity: 0; /*不透明度0*/
  transition: opacity 0.3s; /*表示の変化を0.3秒に指定*/
  width: 1000px;
  position: absolute;
  top: 0;
  left: 240px;
  background-color: #ffffff;
  z-index: 999;
  padding: 10px 20px 20px 20px;
  border: 1px solid #707070;
  border-radius: 10px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1366px) {
  .pList__items--megaMenu {
    width: 830px;
  }
}
@media screen and (max-width: 1152px) {
  .pList__items--megaMenu {
    width: 700px;
  }
}
.ls__pdtMenu__item--megaMenu:hover .pList__items--megaMenu {
  visibility: visible; /*Gナビメニューにホバーしたら表示*/
  opacity: 1; /*不透明度1*/
}

.ls__pdtMenu__item--megaMenu:hover .ls__pdtMenu__link {
  color: #ffffff;
  background: #434e63;
}

.pList__items--megaMenu .pageSec2Title {
  font-size: 16px;
}

.pList__items--megaMenu .pList__link {
  font-size: 12px !important;
}

.spArea {
  display: none;
}

.ls__lBoxTitle--sp {
  text-decoration: none;
  color: #ffffff;
  display: none;
}

@media screen and (max-width: 1023px) {
  .spArea {
    display: block;
  }
  .spArea .ls__section--products,
  #l_res_modal_box .ls__lBox--webup,
  .ls__lBoxTitle--pc,
  .ls__section--sp {
    display: none !important;
  }
  .spArea .ls__lBoxTitle--sp {
    display: block !important;
  }
  .spArea .ls__section--sp,
  #l_res_modal_box .ls__section--sp {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .btn--lsProducts {
    padding: 6px 0;
  }
}
/* ==========================================================================
    フローティングバナー
   ========================================================================== */
.fixbanner01.fixbannerShow {
  display: block;
  visibility: unset;
  opacity: unset;
}

.fixbanner01 {
  display: none;
  visibility: unset;
  opacity: unset;
  transition: unset;
}

.close_btn2 {
  position: absolute;
  right: 2px;
  top: -28px;
  background: #dddddd;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.close_btn2:hover {
  opacity: 0.7;
}

/* ==========================================================================
    トップ
   ========================================================================== */
#headerWrapper {
  margin-bottom: 15px;
}

#headerProductNav {
  height: 40px;
}

@media screen and (max-width: 960px) {
  #headerProductNav {
    height: auto;
  }
}
.topTtl--top {
  font-size: 20px;
  font-weight: bold;
  color: #434e64;
  padding: 10px 0;
  margin: 40px 0 14px;
  border-top: 1px dashed #434e64;
  border-bottom: 1px dashed #434e64;
}

@media screen and (max-width: 767px) {
  .topTtl--top {
    font-size: 1.4rem;
    line-height: 1.2em;
    margin: 22.5px 0 14px;
  }
}
/* .topTtl {
    color: #434e64;
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    padding: 18px 10px 14px 0;
    box-sizing: border-box;
    border-top: 1px dashed #434e64;
    border-bottom: 1px dashed #434e64;
}
@media screen and (max-width: 767px) {
    .topTtl { 
        font-size: 1.9rem;
        padding: 10px;
        border-top: 1px dashed #434e64;
        border-bottom: 1px dashed #434e64;
    }
} */
.topSecTitle {
  font-size: 20px;
  font-weight: bold;
  color: #434e64;
  padding: 0;
  margin: 0 0 14px;
  border-bottom: 1px dashed #434e64;
}

@media screen and (max-width: 767px) {
  .topSecTitle {
    font-size: 1.7rem;
  }
}
.top_imgWrapper {
  width: 100%;
  height: 100%;
  margin: 0 0 15px 0;
}

.top_img {
  display: flex;
  margin-bottom: -6px;
}

.top_imgWrapper_sp {
  width: 100%;
  height: 100%;
  margin: 0;
}

.top_img_sp {
  display: flex;
  flex-wrap: wrap;
}

/* @media screen and (max-width: 767px) {
    .top_img {
        flex-wrap: wrap;
    }
} */
/* .top_hover-parent {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 15px 0;
    overflow: hidden;
}

.top_hover-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.325);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 24px;
    text-shadow: 1px 1px 3px #808080, 2.5px 5px 8px #101010;
    padding: 30px;
}
@media screen and (max-width: 767px) {
    .top_hover-mask {
        font-size: 12px;
    }
}

.top_hover-mask:hover {
    opacity: 1;
    transition:all 0.6s ease;
}

.top_hover-caption {
    margin-top: 70px;
}
@media screen and (max-width: 767px) {
    .top_hover-caption {
        margin-top: 0;
    }
} */
.webup_banner_container {
  background: #b01e23;
  margin-bottom: 10px;
  border-bottom: 15px #b01e23 solid;
  border-right: 5px #b01e23 solid;
  border-left: 16px #b01e23 solid;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  .webup_banner_container {
    margin-bottom: 0;
    border-top: 14px #b01e23 solid;
    border-left: 5px #b01e23 solid;
    /* display: none;*/
  }
}
.webup_banner_container img {
  max-width: 100%;
}

.webup_btn_container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .webup_btn_container {
    gap: 12.5px;
  }
}
.webup_netorder {
  flex-basis: 16%;
  margin-top: 17.5px;
}

@media screen and (max-width: 767px) {
  .webup_netorder {
    display: none;
    /* flex-basis: 100%;
        margin-top: 0px; */
  }
}
.webup_btn_wrapper {
  flex-basis: 84%;
}

@media screen and (max-width: 767px) {
  .webup_btn_wrapper {
    flex-basis: 100%;
  }
}
.webup_banner {
  display: flex;
  justify-content: space-evenly;
  padding: 3px 0 0 0;
}

@media screen and (max-width: 767px) {
  .webup_banner {
    display: none;
  }
}
.btn_frame_container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.express_btn_frame {
  color: #535252;
  font-size: 14px;
  font-weight: bold;
  background: white;
  border-radius: 10px;
  padding: 10px 0 15px 0;
  flex-basis: 47%;
}

.webup_btn_frame {
  color: #535252;
  font-size: 14px;
  font-weight: bold;
  background: white;
  border-radius: 10px;
  padding: 10px 0 15px 0;
  flex-basis: 47%;
}

@media screen and (max-width: 767px) {
  .express_btn_frame,
  .webup_btn_frame {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .express_btn_frame img,
  .webup_btn_frame img {
    padding: 0 15px;
    margin-bottom: -8px;
    box-sizing: border-box;
  }
}
.arrow_p_right_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.Btn__arrow {
  position: absolute;
  right: 0;
  top: 25%;
}

.express_btn {
  display: block;
  color: white;
  border: 1px solid #191970;
  background-color: #191970;
  width: 80%;
  text-decoration: none;
  line-height: 1;
  margin: 5px auto 0 auto;
  padding: 10px 15px;
  border-radius: 6px;
  box-sizing: border-box;
}

.express_btn:hover {
  border: 1px solid #2020cd;
  background-color: #2020cd;
}

.webup_btn {
  display: block;
  color: white;
  border: 1px solid #a60030;
  background-color: #a60030;
  width: 80%;
  text-decoration: none;
  line-height: 1;
  margin: 5px auto 0 auto;
  padding: 10px 15px;
  border-radius: 6px;
  box-sizing: border-box;
}

.webup_btn:hover {
  border: 1px solid #d50642;
  background-color: #d50642;
}

@media screen and (max-width: 767px) {
  .express_btn,
  .webup_btn {
    padding: 10px 5px;
  }
}
.bl_media_container * {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bl_media_container img {
  width: 100%;
  vertical-align: bottom;
}

.bl_media_section {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .bl_media_section {
    margin-top: 0;
  }
}
.bl_media_container {
  display: flex;
  flex-wrap: wrap;
  margin: -6.25px;
  overflow: hidden;
}

.bl_media_itemWrapper {
  width: calc(33.3333333333% - 12.5px);
  margin: 6.25px;
  margin-bottom: 0;
}

.bl_media_itemWrapper2 {
  width: calc(33.3333333333% - 12.5px);
  margin: 6.25px;
}

.bl_media_item {
  color: black;
  text-decoration: none;
}

.bl_media_item:hover {
  text-decoration: underline;
}

.bl_media_img {
  position: relative;
  /* border: 3px solid #ba0f18; */
}

.topVd__pbtn {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/play_btn_red.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
  opacity: 0.9;
}

@media screen and (max-width: 767px) {
  .topVd__pbtn2 {
    background-size: 30px 30px;
  }
}
.topVd__pbtn2 {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/play_btn_red.svg);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center center;
  opacity: 0.9;
}

@media screen and (max-width: 767px) {
  .topVd__pbtn2 {
    background-size: 30px 30px;
  }
}
/* .topVd__pbtn2:hover {
    background-image: url(../images/play_btn_red.svg);
} */
.bl_media_text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .bl_media_section {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_media_container {
    display: flex;
    flex-wrap: wrap;
    margin: -2.5px;
  }
  .bl_media_itemWrapper {
    width: calc(33.3333333333% - 5px);
    margin: 2.5px;
    margin-bottom: 0;
  }
  .bl_media_itemWrapper2 {
    width: calc(50% - 5px);
    margin: 2.5px;
  }
  .bl_media_text {
    font-size: 1.2rem;
  }
}
.cardCSlider--topvd2 .card {
  padding: 0 2.5px 0 2.5px;
}

.cardCSlider--topvd2 {
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .card__title--t1 {
    font-size: 1.2rem;
  }
  .card__text--t1 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .ls__section--products {
    margin: 0 0 6px 0;
  }
}
.gakuwar__banner {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  margin-bottom: 15px;
}

.gbanner_item {
  flex: 0 1 calc(50% - 7.5px);
}

@media screen and (max-width: 767px) {
  .gakuwar__banner {
    flex-wrap: wrap;
    gap: 10px;
    column-gap: 0px;
    flex-direction: column;
  }
  .gbanner_item {
    flex: auto;
  }
}
.img--gakuwar__banner {
  max-width: 100%;
  width: auto;
  height: auto;
}

@media screen and (max-width: 767px) {
  .wnTopic__title {
    font-size: 1.2rem;
  }
}
/* ==========================================================================
    商品一覧
   ========================================================================== */
.featureProducts {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin: 0px auto 0px auto;
}

@media screen and (max-width: 1024px) {
  .featureProducts {
    width: 90%;
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .featureProducts {
    flex-wrap: wrap;
    gap: 10px;
    margin: 0px auto -5px auto;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts {
    gap: 10px;
  }
}
.featureProducts-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1a196e;
}

.featureProducts-box:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .featureProducts-box {
    flex-basis: 30%;
  }
  .featureProducts-box:nth-child(4) {
    flex-basis: 47.5%;
  }
  .featureProducts-box:last-child {
    flex-basis: 47.5%;
  }
  .featureProducts-box:hover span {
    opacity: 1;
    color: #0e0d38;
    background: #a4a4a4;
    text-decoration: none;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts-box {
    flex-basis: 47.25%;
  }
  .featureProducts-box:last-child {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 767px) {
  .featureProducts-box img {
    display: none;
  }
}
.featureProducts-box span {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .featureProducts-box span {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #1a196e;
    background: #d8d8d8;
    padding: 7.5px;
    margin: 0 auto 6px auto;
    border-radius: 7.5px;
    box-sizing: border-box;
  }
  .featureProducts-box:last-child span {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .featureProducts-box span {
    font-size: 15px;
  }
}
.featureProducts-box span i {
  display: none;
}

@media screen and (max-width: 767px) {
  .featureProducts-box span i {
    display: inline;
  }
}
/* タブ切り替え全体のスタイル */
.productsmenu.dropdown {
  border-color: unset;
  background-color: unset;
  color: unset;
  border: unset;
  height: unset;
  line-height: unset;
  padding: unset;
  font-weight: unset;
}

.productsmenu.dropdown::after {
  content: unset;
  width: unset;
  height: unset;
  border: unset;
  border-bottom: unset;
  border-right: unset;
  position: unset;
  top: unset;
  right: unset;
  margin-top: unset;
  transform: unset;
}

.productsmenu.dropdown {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .productsmenu.dropdown {
    max-width: 966px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px auto 30px auto;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu.dropdown {
    background-color: #eeeeee;
    max-width: 100%;
    padding: 0 0 20px 0;
    margin: 10px 10px 30px 10px;
  }
}
.productsmenu .pageSecTitle {
  margin: 0px;
}

@media screen and (max-width: 767px) {
  .productsmenu .pageSecTitle {
    margin-bottom: 20px;
  }
}
.productsmenu .btn-productsmenu {
  position: relative;
  z-index: 2;
  display: block;
  width: 92.5%;
  margin: 0 auto;
  height: 40px;
  background-color: #ffffff;
  font-size: 14px;
  color: #434e64;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  padding-left: 15px;
  border: 0;
  border: 1px solid #ddd;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
}

.productsmenu .btn-productsmenu:active {
  padding-top: 5px;
}

.productsmenu .tabMenu {
  all: unset;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  background-color: #eeeeee;
  padding: 11px 0;
}

@media screen and (max-width: 767px) {
  .productsmenu .tabMenu {
    position: absolute;
    top: 112px;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    width: 92.5%;
    height: 300px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: static;
}

@media screen and (min-width: 768px) {
  .flyer_tab {
    order: 1;
  }
  .binding_tab {
    order: 2;
  }
  .poster_tab {
    order: 3;
  }
  .cutting_tab {
    order: 4;
  }
  .bizcard_tab {
    order: 5;
  }
  .steckers_tab {
    order: 6;
  }
  .outdoorsign_tab {
    order: 7;
  }
  .acrylicpartition_tab {
    order: 8;
  }
  .greetingcard_tab {
    order: 9;
  }
  .dvdcd_tab {
    order: 10;
  }
  .panel_tab {
    order: 11;
  }
  .business_tab {
    order: 12;
  }
  .pop_tab {
    order: 13;
  }
  .pen_tab {
    order: 14;
  }
  .lamination_tab {
    order: 15;
  }
  .webcatalog_tab {
    order: 16;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu .tabMenu label {
    font-size: 14px;
  }
  .productsmenu .tabMenu i {
    width: 0;
    transform: translate(200px, 100px) scale(0, 0);
  }
  .productsmenu .tabMenu span {
    width: 0;
    transform: translate(200px, 100px) scale(0, 0);
  }
  .flyer_tab:before {
    /* visibility: visible; */
    width: 100%;
    /* color: #434E64;
        padding: 11px 0 11px 3px;
        border-bottom: 1px solid #d8d8d8; */
    content: "チラシ･パンフレット･A3サイズ以下の出力";
  }
  .binding_tab:before {
    width: 100%;
    content: "冊子印刷・製本加工・フォトブック";
  }
  .poster_tab:before {
    width: 100%;
    content: "ポスター・バナースタンド";
  }
  .cutting_tab:before {
    width: 100%;
    content: "カッティング加工";
  }
  .bizcard_tab:before {
    width: 100%;
    content: "名刺・封筒";
  }
  .steckers_tab:before {
    width: 100%;
    content: "シール・ラベル・ステッカー";
  }
  .outdoorsign_tab:before {
    width: 100%;
    content: "屋外看板・横断幕";
  }
  .acrylicpartition_tab:before {
    width: 100%;
    content: "感染症対策グッズ";
  }
  .greetingcard_tab:before {
    width: 100%;
    content: "挨拶状・はがき（年賀状･喪中･暑中見舞い）";
  }
  .dvdcd_tab:before {
    width: 100%;
    content: "DVD/CDコピー・ダビング";
  }
  .panel_tab:before {
    width: 100%;
    content: "パネル印刷・加工・等身大";
  }
  .business_tab:before {
    width: 100%;
    content: "ビジネスサポート・印刷以外のサービス";
  }
  .pop_tab:before {
    width: 100%;
    content: "販促POP";
  }
  .pen_tab:before {
    width: 100%;
    content: "ノベルティ(名入れ)・オリジナルプリント";
  }
  .lamination_tab:before {
    width: 100%;
    content: "ラミネート・パウチ加工";
  }
  .webcatalog_tab:before {
    width: 100%;
    /* color: #434E64;
        margin: -20px 0 -15px 0;
        padding: 0 0 0 3px; */
    content: "WEBカタログ";
  }
}
/* タブのスタイル */
.productsmenu .tabMenu__item {
  display: flex;
  /* flex-direction: column; */
  justify-content: start;
  align-items: center;
  flex-basis: 24%;
  /* position: relative; */
  height: 40px;
  background-color: #ffffff;
  font-size: 13px;
  /* font-size: 16px; */
  color: #434e64;
  font-weight: bold;
  line-height: 1.1;
  padding-left: 12.5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
}

@media screen and (max-width: 1179px) {
  .productsmenu .tabMenu__item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 767px) {
  .productsmenu .tabMenu__item {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}
.productsmenu .tabMenu__item:hover {
  opacity: 0.75;
}

.productsmenu .tabMenu__item .acIcon {
  font-size: 26px;
  margin-right: 5px;
}

/* 選択されているタブのコンテンツのみを表示 */
#flyer_tab:checked ~ .tab_contents #catalog,
#express_tab:checked ~ .tab_contents #express,
#template_tab:checked ~ .tab_contents #template,
#covid-19_tab:checked ~ .tab_contents #covid-19,
#web_tab:checked ~ .tab_contents #web,
#business_tab:checked ~ .tab_contents #business {
  display: block;
}

/* 選択されているタブのスタイルを変える */
.productsmenu .tabMenu__item.tab--active {
  background-color: #434e64;
  color: #ffffff;
  box-shadow: none;
}

.productsmenu .tabMenu__item15 {
  font-size: 15px;
}

.productsmenu .tabMenu__item11 {
  font-size: 11px;
  font-weight: normal;
}

.productsmenu .Tab__arrow {
  display: none;
}

@media screen and (max-width: 767px) {
  .productsmenu .Tab__arrow {
    display: block;
    position: absolute;
    z-index: 2;
    top: 82px;
    right: 7%;
    font-size: 20px;
    font-weight: bold;
    color: #848d9f;
  }
}
.productsmenu .tabMenu input:checked + .tabMenu__item .Tab__arrow {
  color: #ffffff;
}

/* ラジオボタンを全て消す */
input[name=tab_item] {
  display: none;
}

.product_list .contentsSec {
  margin-bottom: 40px;
}

.productsTitle1 {
  color: #ffffff;
  font-size: 15.5px;
  background: #10a1e6;
  border: 0;
  padding: 17.5px 0 27.5px 13.5px;
  margin: 40px 0 21px 0;
  border-radius: 25px 0 0 0;
  box-shadow: -100px 0 60px -60px #ffffff inset;
  /* padding: 17.5px 0 30px 13.5px;
    margin: 40px 0 21px 0;
    border-radius: 5px 0 0 5px;
    box-shadow: -100px 0 60px -60px #FFFFFF inset; */
}

@media screen and (max-width: 767px) {
  .productsTitle1 {
    font-size: 13px;
    margin: 40px 0 10px 0 !important;
    box-shadow: none;
  }
}
.productsTitle1 span {
  display: inline-block;
  border-left: 2px solid #aee6ff;
  padding-left: 8px;
}

.productsTitle1 .pageSecTitle__txt {
  font-size: 14.5px;
  margin-left: 20px;
  border-left: 0;
  padding-left: 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .productsTitle1 .pageSecTitle__txt {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .product_list .pageSec2Title {
    margin-top: 25px;
  }
}
.featureImgWrapper--products {
  display: inline-block;
  position: relative;
  margin-bottom: 22.5px;
  display: none;
}

.featureImgWrapper--products:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: -100px 0 60px -60px #ffffff inset;
}

.iconTitle__icon--hidden {
  visibility: hidden;
}

.acIcon--ex {
  color: #090909;
  font-weight: 500;
}

.p_test .acIcon--ex {
  color: #0e0d38;
  font-weight: 500;
}

.p_test .cardsWrapp {
  display: flex;
  flex-wrap: wrap;
}

.p_test .card {
  float: none;
  box-sizing: border-box;
  padding-right: 16px;
}

.product_list .pList__col {
  width: 25%;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .product_list .pList__col {
    width: 50%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .product_list .pList__col {
    width: 100%;
    margin-bottom: 0px;
  }
}
.p_test .pList__col {
  width: 33%;
  margin-bottom: 0;
}

@media screen and (max-width: 1179px) {
  .p_test .pList__col {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col {
    width: 100% !important;
  }
}
.p_test .pList__col--w66p {
  width: 66%;
  margin-bottom: 0;
}

@media screen and (max-width: 1179px) {
  .p_test .pList__col--w66p {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col--w66p {
    width: 100% !important;
  }
}
.p_test .pList__col--w100p {
  width: 100%;
  margin-bottom: 0;
}

.pList__title {
  font-size: 15px;
  margin-bottom: 5px;
  /* margin-bottom: 0px; */
}

.p_test .pList__title {
  font-size: 19px;
  margin-bottom: 10px;
}

.p_test .pList__title img,
.p_test .pList__title i {
  margin-right: 4px;
}

.p_test .pList__title--steckers {
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .p_test .pList__title--steckers {
    width: 100%;
  }
}
.pList__link {
  font-size: 13px;
  color: #000;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0px;
  /* padding: 6px 0 6px 5px;
    line-height: 1.2; */
}

@media screen and (max-width: 480px) {
  .product_list .pList__link {
    font-size: 1.4rem;
    line-height: 1.2rem;
    padding: 1rem;
    margin-bottom: 1px;
  }
}
.pList__link:hover {
  text-decoration: none;
  background: #d8d8d8;
}

.pList__link:before {
  content: "";
  margin-right: 0;
}

.p_test .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 95%;
  height: 45px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}

@media screen and (max-width: 1179px) {
  .p_test .pList__col .pList__link {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col .pList__link {
    width: 95%;
  }
}
.p_test .pList__col--w66p .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 48%;
  height: 47.5px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .p_test .pList__col--w66p .pList__link {
    width: 95%;
  }
}
.p_test .pList__col--w100p .pList__link {
  float: left;
  display: flex;
  align-items: center;
  width: 32%;
  height: 45px;
  font-size: 14px;
  color: #1a196e;
  background: #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 7.5px 12.5px;
  margin-bottom: 11px;
  margin-left: 10px;
}

@media screen and (max-width: 1179px) {
  .p_test .pList__col--w100p .pList__link {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__col--w100p .pList__link {
    width: 95%;
  }
}
@media screen and (max-width: 1179px) {
  .p_test .pList__link--cr1 {
    width: 97% !important;
  }
}
@media screen and (max-width: 767px) {
  .p_test .pList__link--cr1 {
    width: 95% !important;
  }
}
.p_test .pList__link--cr2 {
  font-size: 13px;
  height: 30px;
}

.p_test .pList__link:hover {
  color: #0e0d38;
  background: #aee6ff;
  text-decoration: underline;
}

.display_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .display_btn {
    flex-direction: column;
    align-items: stretch;
  }
}
.display_btn2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .display_btn2 {
    margin-left: 0;
  }
}
.ls__express__btn2 {
  max-width: 150px;
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #9999ab;
  color: #191970;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 0;
  height: auto;
}

@media screen and (max-width: 767px) {
  .ls__express__btn2 {
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
  }
}
.ls__express__btn2:hover {
  color: #191970;
  background-color: #fff;
  opacity: 0.8;
}

.ls__webup__btn2 {
  max-width: 150px;
  border-radius: 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 5px solid #c88b10;
  color: #ba0f18;
  background-color: #ffe600;
  box-sizing: border-box;
  padding: 10px 20px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .ls__webup__btn2 {
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
  }
}
/* ==========================================================================
    利用規約
   ========================================================================== */
.li_number {
  display: flex;
  padding: 0;
  counter-increment: number;
}

.li_number:before {
  content: "(" counter(number) ")";
  margin-right: 5px;
  margin-left: -15px;
}

.li_note {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

.li_note:before {
  content: "※";
}

.confidentiality {
  font-size: 14px;
  font-weight: normal;
}

/* ==========================================================================
    営業時間のお知らせ
   ========================================================================== */
.entry-br_pc {
  display: inline;
}

@media screen and (max-width: 767px) {
  .entry-br_pc {
    display: none;
  }
}
.entry-br_sp {
  display: none;
}

@media screen and (max-width: 480px) {
  .entry-br_sp {
    display: inline;
  }
}
/* ==========================================================================
    その他
   ========================================================================== */
.infoTb__cell--other {
  vertical-align: top;
  font-size: 12px;
  padding: 5px 5px 10px;
  border: none;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

/* ==========================================================================
    商品ページ
   ========================================================================== */
@media screen and (max-width: 767px) {
  .pageSecTitle {
    margin-bottom: 10px;
  }
}
/* ==========================================================================
    アクセア店舗一覧
   ========================================================================== */
@media screen and (max-width: 767px) {
  .clt__prefecture {
    width: 15%;
  }
  .clt__city {
    width: 20%;
  }
  .clt__shops {
    width: 65%;
  }
  .clt__prefecture {
    padding: 5px;
  }
}
/* ==========================================================================
    共通要素
   ========================================================================== */
.mb15 {
  margin-bottom: 15px !important;
}

.padding15 {
  padding: 15px !important;
}

.display_flex3 {
  display: flex;
}

.sp_none--i {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .display_block-sp {
    display: block;
  }
  .sp_none--i {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .tab_none {
    display: none;
  }
}