@charset "UTF-8";
/**
 * Custom media queries
 * @example
 * @media (--mobile) {
 *    styles for mobile viewport
 * }
 */
/**
 * for mobile viewoport
 */
/*! normalize.css v8.0.1 | 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 iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  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
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * for tablet and Pc. large viewport
 */
/** http://bourbon.io/docs/#timing-functions */
/** example @include transition(all 5s $ease-in-circ);*/
/**
transition timing-function:
ease - cubic-bezier(0.25, 0.1, 0.25, 1.0) を指定したのと同じ（開始と完了を滑らかにする）（初期値）
linear - cubic-bezier(0.0, 0.0, 1.0, 1.0) を指定したのと同じ（一定）
ease-in - cubic-bezier(0.42, 0, 1.0, 1.0) を指定したのと同じ（ゆっくり始まる）
ease-out - cubic-bezier(0, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり終わる）
ease-in-out - cubic-bezier(0.42, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり始まってゆっくり終わる）
*/
/**
 * text ellipsis for block multiline
 */
/*
 unsupport IE, Edge, Fx

@mixin text-ellipsis-block($rows) {
  display: box;
  box-orient: vertical;
  line-clamp: $rows;
  overflow: hidden;
}
*/
/**
 * element size
 */
/**
 * position layout
 */
/**
 * images
 */
/**
* Variables
*/
/** extend */
/* == @import "../node_modules/normalize.css/normalize.css"; */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }
.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }
/* ---------------------------------------- */
[v-cloak] {
  display: none; }
html {
  font-size: 62.5%; }
body {
  color: #231815;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 1.0rem;
  letter-spacing: 0;
  width: 100%; }
a {
  color: #231815;
  text-decoration: none; }
a:hover {
  text-decoration: none; }
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p {
  margin: 0;
  padding: 0; }
ul, ol, li {
  padding: 0;
  margin: 0; }
li {
  list-style: none; }
img {
  vertical-align: bottom; }
figure {
  margin: 0;
  padding: 0; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
input[type="number"] {
  -moz-appearance: textfield; }
.l-main {
  line-height: 1.2; }
/**
 * main.scss
 */
.l-main {
  font-size: 1.4rem;
  line-height: 1.8;
  padding-bottom: 120px;
  margin: 0 auto; }
.l-main__inner {
    font-size: 1.4rem;
    margin: 0 auto; }
.l-main__inner--bg {
    background-color: #fff7f6;
    margin-top: 90px;
    padding-top: 10px;
    padding-bottom: 60px; }
.container {
  padding: 0 80px; }
.l-modal {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  height: 100%;
  overflow-y: auto;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4000; }
.l-modal__inner {
    margin: 40px auto 0;
    position: relative;
    padding-top: 70px;
    width: 922px; }
.l-modal__close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0; }
.l-modal__close02 {
    margin-top: 35px;
    text-align: center; }
.l-modal__close02 .c-btn {
      cursor: pointer;
      display: inline-block;
      height: 67px;
      width: 250px; }
.l-modal__board {
    background: url(../images/bg_modal.png) no-repeat center top;
    padding-top: 124px;
    padding-bottom: 43px; }
.l-modal__scrollarea {
    height: 576px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 15px; }
.l-modal__board-inner {
    margin: 0 auto;
    padding: 0 70px 70px 90px;
    width: 895px; }
.l-modal__board-inner dl + dl {
      margin-top: 30px; }
.l-modal__board-inner dl dt {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 2rem; }
.l-modal__board-inner dl dt span {
        display: inline-block; }
.l-modal__board-inner dl dt span:nth-of-type(1) {
          height: 23px;
          margin-top: 4px; }
.l-modal__board-inner dl dt span:nth-of-type(1) img {
            height: 100%;
            vertical-align: top;
            width: auto; }
.l-modal__board-inner dl dt span:nth-of-type(2) {
          line-height: 1.5; }
.l-modal__board-inner dl dt span + span {
          margin-left: 30px; }
.l-modal__board-inner dl dd {
      margin-top: 5px;
      font-size: 1.4rem;
      line-height: 1.8; }
.check {
  background: url(../images/bg_dot.png) repeat-x left top;
  margin-top: 50px;
  padding: 90px 0 96px; }
.check__board {
    background: url(../images/bg_board_01.png) no-repeat center top;
    text-align: center;
    margin: 0 auto;
    padding-top: 95px;
    position: relative;
    width: 922px; }
.check__board-inner, .check__board-inner--question, .check__board-inner--result {
    background: url(../images/bg_board_02.png) no-repeat center bottom;
    padding-top: 40px;
    padding-bottom: 110px;
    position: relative; }
.check__board-inner--result {
    padding-top: 10px;
    padding-bottom: 90px; }
.check__small {
    height: 23px;
    margin: 0 auto;
    width: 293px; }
.check h2 {
    font-size: 4.2rem;
    line-height: 1.5;
    margin-top: 10px; }
.check__woman {
    position: absolute;
    right: 48px;
    bottom: -27px; }
.check__btn {
    margin: 10px auto 0;
    text-align: center; }
.check__btn-start::before {
    background: url(../images/img_icon_check.png) no-repeat center top;
    content: "";
    height: 37px;
    position: absolute;
    top: -37px;
    left: -34px;
    width: 36px; }
.check__pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute; }
.check__pager li {
      background-color: #e0e0e0;
      border-radius: 3px;
      height: 6px;
      width: 6px; }
.check__pager li.is-current {
        background-color: #5c5a5a; }
.check__pager li + li {
        margin-left: 9px; }
.check__question {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 40px auto 0;
    width: 540px; }
.check__question span {
      display: inline-block;
      vertical-align: middle; }
.check__question span:nth-of-type(1) {
        margin-top: 12px; }
.check__question span:nth-of-type(2) {
        font-size: 3rem;
        margin-left: 25px;
        text-align: left; }
.check__btn-choice {
    margin-top: 50px; }
.check__btn-choice input {
      display: none; }
.check__btn-choice input:checked + label {
        background: url(../images/btn_check_on.png) no-repeat left top;
        -webkit-box-shadow: none;
                box-shadow: none; }
.check__btn-choice label {
      background: url(../images/btn_check_off.png) no-repeat left top;
      -webkit-box-shadow: 4px 4px 0px 0px #e0e0e0;
              box-shadow: 4px 4px 0px 0px #e0e0e0;
      cursor: pointer;
      font-size: 3rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 87px;
      width: 280px; }
.check__result {
    margin-bottom: 15px; }
.check__result-text {
    margin: 16px 10px 0 -10px;
    width: 410px; }
.check__light {
    margin-left: -148px; }
.check__text {
    font-size: 1.6rem;
    margin-top: 10px; }
.check__light-red {
    color: #da3d4a;
    font-size: 3.8rem;
    font-weight: bold;
    margin-top: 10px; }
.check__light-yellow {
    color: #d6ac02;
    font-size: 3.8rem;
    font-weight: bold; }
.check__light-blue {
    color: #1d68a6;
    font-size: 3.8rem;
    font-weight: bold; }
.check__explain {
    height: 74px;
    width: 320px; }
.corner {
  margin-top: 165px; }
.corner__ttlarea {
    position: relative; }
.corner__woman {
    position: absolute;
    top: -39px;
    left: 24px; }
.corner__list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 45px; }
.corner__list li {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #000000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 2rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.corner__list li:nth-of-type(1) {
        background: url(../images/bg_balloon_01.png) no-repeat center top;
        height: 176px;
        margin-top: 80px;
        padding-bottom: 5px;
        width: 242px; }
.corner__list li:nth-of-type(2) {
        background: url(../images/bg_balloon_02.png) no-repeat center top;
        height: 185px;
        margin: 0 15px;
        padding-bottom: 20px;
        width: 241px; }
.corner__list li:nth-of-type(3) {
        background: url(../images/bg_balloon_03.png) no-repeat center top;
        height: 162px;
        margin-top: 80px;
        width: 233px; }
.moist {
  margin-top: 65px; }
.moist__sub {
    font-size: 2.2rem;
    text-align: center; }
.moist__ttl, .moist__ttl--sec {
    background: url(../images/03/bg_dot.png) no-repeat left center, url(../images/03/bg_dot.png) no-repeat right center;
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: center; }
.moist__ttl--sec {
    color: #ef857d; }
.moist__imglist {
    margin-top: 25px; }
.moist__imglist > li {
      position: relative; }
.moist__imglist-cube, .moist__imglist-cube--sec {
    position: relative; }
.moist__imglist-cube figcaption, .moist__imglist-cube--sec figcaption {
      font-size: 1.8rem;
      position: absolute;
      top: 34px;
      left: 100px; }
.moist__imglist-cube--sec {
    color: #ef857d; }
.moist__imglist-cube--sec figcaption {
      top: 49px;
      left: 85px; }
.moist__imglist-cube--sec figcaption p {
        margin-top: 15px;
        margin-left: 162px;
        white-space: nowrap; }
.moist__imglist-layers figcaption, .moist__imglist-layers--sec figcaption {
    font-size: 1.8rem;
    text-align: center; }
.moist__imglist-layers figcaption ul li + li, .moist__imglist-layers--sec figcaption ul li + li {
      margin-top: 50px; }
.moist__imglist-layers--sec figcaption {
    color: #ef857d;
    bottom: 80px; }
.moist__imglist-att {
    font-size: 1rem;
    margin-top: -30px;
    text-align: right; }
.moist__text {
    color: #000000;
    font-size: 1.4rem;
    line-height: 2.3;
    margin: 40px auto 0;
    width: 960px; }
.moist__text sup {
      font-size: 1rem; }
.moist__att {
    font-size: 1rem;
    margin: 10px auto 0; }
.moist__arrow {
    background: url(../images/03/bg_arrow.png) no-repeat center top;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 27px auto 54px;
    padding: 55px 0 65px;
    text-align: center;
    width: 281px; }
.peak {
  margin-top: 65px; }
.peak__sub {
    font-size: 2.2rem;
    text-align: center; }
.peak__ttl {
    font-size: 4.2rem;
    line-height: 1.4;
    text-align: center; }
.peak__ttl em {
      background: url(../images/bg_textline_pink_short.png) no-repeat center 90%;
      background-size: 100% 10px;
      display: inline-block;
      font-style: normal;
      color: #ef857d;
      padding-left: 10px; }
.peak__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px; }
.peak__list li {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff1f0;
      border-radius: 50%;
      color: #ef857d;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 3rem;
      height: 160px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 160px; }
.peak__list li + li {
        margin-left: 40px; }
.peak__text, .peak__text-center {
    color: #000000;
    font-size: 1.4rem;
    line-height: 2.3;
    margin: 40px auto 0; }
.peak__text-center {
    margin-top: 60px; }
.peak__state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px; }
.peak__state li {
      font-size: 2rem;
      height: 288px;
      width: 406px; }
.peak__state li + li {
        margin-left: 60px; }
.peak__state li:nth-of-type(1) {
        background: url(../images/bg_peak_01.png) no-repeat center top; }
.peak__state li:nth-of-type(2) {
        background: url(../images/bg_peak_02.png) no-repeat center top; }
.peak__state li:nth-of-type(2) p {
          margin-left: auto; }
.peak__state li:nth-of-type(2) p em {
            border-bottom: #ef857d 1px solid;
            color: #ef857d;
            font-style: normal; }
.peak__state li p {
        margin-top: 50px;
        line-height: 1.6;
        text-align: center;
        width: 230px; }
.peak__moist {
    margin-top: 105px;
    margin-bottom: 105px; }
.peak__moist figcaption {
      color: #000000;
      font-size: 1.4rem;
      line-height: 2.3; }
.product {
  background-color: #fafafa;
  padding: 70px 0 50px;
  margin-top: 70px; }
.product__inner {
    background-color: #f0f0f0;
    margin: 0 auto; }
.product__textarea {
    text-align: center;
    padding: 70px 0; }
.product__ttl {
    height: 25px;
    margin: 0 auto;
    width: 136px; }
.product__text {
    color: #000000;
    font-size: 1.6rem;
    margin-top: 35px; }
.product__photo {
    background: url(../images/img_product.jpg) no-repeat center center;
    background-size: cover;
    width: 540px; }
.product__btn {
    margin: 30px auto 0; }
.product__btn a {
      background-color: #000000;
      color: #fff;
      display: block;
      padding: 20px;
      position: relative;
      -webkit-transition: opacity .4s;
      transition: opacity .4s;
      font-size: 1.4rem;
      text-decoration: none; }
.product__btn a::before {
        border-top: #fff 1px solid;
        border-right: #fff 1px solid;
        content: "";
        height: 6px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 6px; }
.product__att {
    font-size: 1rem;
    margin: 5px auto 0; }
.step {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  margin-top: 42px; }
.step sup {
    font-size: 1rem; }
.step__ttl {
    font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 4.2rem;
    text-align: center; }
.step__ttl span {
      background: url(../images/bg_textline_pink_short.svg) no-repeat center bottom;
      display: inline-block;
      line-height: 1; }
.step__ttl strong {
      font-size: 4.8rem;
      font-weight: normal; }
.step__inner + * {
    margin-top: 85px; }
.step__balloon {
    background: url(../images/04/bg_balloon.png) no-repeat center 26px;
    background-size: 100% 104px;
    height: 130px;
    margin-top: 47px;
    text-align: center; }
.step__balloon-sub {
    border-radius: 20px;
    background-color: #5c5a5a;
    display: inline-block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    padding: 5px 25px; }
.step__balloon-sub-img {
    display: inline-block;
    height: 19px;
    vertical-align: top;
    width: 52px; }
.step__balloon-sub-img img {
      vertical-align: middle; }
.step__balloon-sub-text {
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle; }
.step__balloon-sub-special {
    height: 25px;
    margin: 4px 0;
    width: 116px; }
.step__balloon-ttl {
    font-size: 2.6rem;
    margin-top: 5px; }
.step__balloon-text {
    font-size: 2.2rem;
    margin-top: 12px;
    text-align: center; }
.step__balloon-text em {
      color: #ef857d; }
.step__detail {
    margin-top: 22px; }
.step__detail-photo, .step__detail-photo--middle {
    text-align: center;
    width: 420px; }
.step__detail-photo--middle {
    padding-top: 110px; }
.step__detail-textarea {
    width: 539px; }
.step__detail-box {
    background: url(../images/04/bg_frame.png) no-repeat center bottom;
    background-size: 100% auto;
    text-align: center; }
.step__detail-box dt {
      background: url(../images/04/bg_frame_ttl.png) no-repeat center bottom;
      background-size: 100% 100%;
      color: #fff;
      font-size: 2.2rem;
      font-weight: bold;
      padding: 8px 0;
      text-align: center; }
.step__detail-box dd {
      padding: 15px 27px 30px; }
.step__detail-box dd.step__detail-list {
        padding: 30px 15px; }
.step__detail-box dd .step__att {
        margin-top: 5px;
        text-align: left; }
.step__detail-box dd P + figure {
        margin-top: 15px; }
.step__detail-box em {
      color: #ef857d;
      font-size: 1.8rem;
      font-weight: bold; }
.step__detail-box em sup {
        top: -.7em; }
.step__detail-separate-photo img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto; }
.step__detail-vertical img + figcaption {
    margin-top: 30px; }
.step__detail-multiply {
    margin: 10px auto;
    width: 39px; }
.step__detail-multiply img {
      height: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto; }
.step__charge {
    background-color: #fafafa;
    margin-top: 38px;
    padding: 20px 60px 40px; }
.l-main__inner--bg .step__charge {
      background-color: #fff; }
.step__charge-ttl {
    font-size: 1.6rem;
    text-align: center; }
.step__charge-ttl em {
      color: #ef857d;
      font-size: 2.2rem; }
.step__charge-text {
    margin-top: 15px; }
.step__att {
    font-size: 1rem;
    margin-top: 20px; }
.step__method {
    margin-top: 30px; }
.step__method-ttl {
    background: url(../images/04/bg_tag.png) no-repeat left top;
    padding: 17px 55px; }
.step__method-ttl img {
      height: 21px;
      width: 76px; }
.step__method-separate {
    margin-top: 28px; }
.step__method-separate-photo {
    text-align: center; }
.step__method-separate-text dt {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center; }
.step__method-separate-text dt em {
      color: #ef857d;
      font-size: 3rem;
      font-weight: bold; }
.step__method-separate-text dd {
    margin-top: 20px; }
.step__method-inner {
    padding-top: 60px; }
.step__method-inner dl {
      padding-top: 20px; }
.step__method-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.step__method-list li {
      position: relative;
      text-align: center; }
.step__method-list li:nth-of-type(1) .step__method-second {
        background: url(../images/04/img_gelee_balloon_01.png) no-repeat center top;
        background-size: contain;
        left: -40px; }
.step__method-list li:nth-of-type(2) {
        margin-left: 40px; }
.step__method-list li:nth-of-type(2)::before {
          border-style: solid;
          border-width: 7.5px 0 7.5px 13px;
          border-color: transparent transparent transparent #999;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          content: "";
          height: 8px;
          margin: auto;
          position: absolute;
          top: 0;
          left: -25px;
          bottom: 0;
          -webkit-transform: translate(0, -30px);
                  transform: translate(0, -30px);
          width: 8px; }
.step__method-list li:nth-of-type(2) .step__method-second {
          background: url(../images/04/img_gelee_balloon_02.png) no-repeat center top;
          background-size: contain;
          right: -40px; }
.step__method-list li figcaption {
        margin-top: 10px; }
.step__method-second {
    color: #fff;
    font-size: 2.8rem;
    height: 92px;
    position: absolute;
    padding-top: 15px;
    text-align: center;
    width: 81px; }
.step__method-second small {
      font-size: 1.8rem; }
.supple {
  margin-top: 97px; }
.supple__woman {
    position: absolute;
    top: -110px;
    right: 40px; }
.supple__woman img {
      width: 100%; }
.supple__ttlarea {
    position: relative; }
.supple__ttlarea .section__ttl {
      margin-top: 5px; }
.supple .section__text {
    margin-top: 40px; }
.supple .section__text sup {
      font-size: 1rem; }
.supple__text {
    color: #000000;
    font-size: 1.8rem;
    text-align: center;
    margin: 50px auto 0; }
.supple__btn {
    margin: 24px auto 0; }
.supple__btn a {
      border: #5c5a5a 1px solid;
      display: block;
      position: relative;
      -webkit-transition: opacity .4s;
      transition: opacity .4s;
      overflow: hidden;
      text-decoration: none; }
.supple__btn a::before {
        border-top: #5c5a5a 1px solid;
        border-right: #5c5a5a 1px solid;
        content: "";
        height: 6px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 6px; }
.supple__btn figure {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.supple__btn figure figcaption {
        color: #000000;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center; }
.supple__btn-photo {
    height: 100%;
    overflow: hidden;
    width: 110px; }
.supple__btn-photo img {
      height: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto; }
.voice {
  margin: 90px auto; }
.voice sup {
    font-size: 1rem; }
.voice__ttlarea {
    line-height: 1.5;
    text-align: center; }
.voice__ttlarea h2 {
      background: url(../images/bg_textline_yellow_short.png) no-repeat center bottom;
      background-size: 100% 10px;
      display: inline-block;
      font-size: 4.2rem;
      font-weight: bold;
      line-height: 1.3;
      margin-top: 5px; }
.voice__ttlarea-sub {
    font-size: 2.2rem; }
.voice__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 25px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.voice__list li {
      width: 452px; }
.voice__list li:nth-of-type(odd) .voice__balloon {
        background: url(../images/04/bg_balloon_top.png) no-repeat center top, url(../images/04/bg_balloon_side.png) no-repeat right 30px;
        padding-right: 30px; }
.voice__list li:nth-of-type(even) .voice__balloon {
        background: url(../images/04/bg_balloon_top.png) no-repeat center top, url(../images/04/bg_balloon_side.png) no-repeat left 30px;
        padding-left: 30px; }
.voice__list-prof {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.voice__list-prof figcaption {
      font-size: 1.8rem;
      margin-left: 20px;
      text-align: left; }
.voice__list-prof figcaption small {
        display: block;
        font-size: 1.2rem; }
.voice__list-prof-photo img {
    height: 140px;
    width: 140px; }
.voice__balloon {
    padding-top: 55px;
    padding-bottom: 40px;
    text-align: left; }
.voice__balloon dt {
      font-size: 2.2rem;
      font-weight: bold;
      line-height: 1.5; }
.voice__balloon dt sup {
        top: -1em; }
.voice__balloon dd {
      margin-top: 15px;
      line-height: 1.8; }
.breadcrumb {
  margin: 0 auto 15px;
  padding: 10px 0 0; }
.breadcrumb ol {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 5px 0;
    text-align: left; }
.breadcrumb ol li {
      display: inline-block;
      margin: 0;
      padding: 0 5px 0 0;
      font-size: 1.2rem; }
.breadcrumb ol li:last-of-type::after {
        display: none; }
.breadcrumb ol li::after {
        display: inline-block;
        content: ">";
        padding: 0 5px; }
.breadcrumb ol li a {
        color: #231815;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease; }
.breadcrumb a:hover {
    text-decoration: none; }
.c-btn {
  -webkit-box-shadow: 4px 4px 0px 0px #e0e0e0;
          box-shadow: 4px 4px 0px 0px #e0e0e0;
  cursor: pointer;
  display: inline-block;
  position: relative; }
.c-btn img {
    position: absolute;
    top: 0;
    left: 0; }
.c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.frame, .frame--second {
  margin: 85px auto 0;
  position: relative; }
.mv .frame, .mv .frame--second {
    margin: 35px auto 0; }
.frame__wrap {
    background: url(../images/bg_frame_01.png) no-repeat center top;
    padding-top: 2px; }
.frame__inner {
    background: url(../images/bg_frame_02.png) no-repeat center bottom;
    padding: 83px 0; }
.mv .frame__inner {
      padding: 38px 0; }
.moist .frame__inner {
      padding: 55px 0; }
.frame__inner-flex {
    background: url(../images/bg_frame_02.png) no-repeat center bottom;
    padding: 59px 60px; }
.frame__balloon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../images/bg_balloon_pink_01.png) no-repeat center top;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.4rem;
    height: 130px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 20px;
    position: absolute;
    top: -50px;
    left: 108px;
    width: 138px; }
.frame__sub {
    font-size: 2.2rem;
    text-align: center; }
.frame--second .frame__sub {
      font-size: 2.6rem;
      line-height: 1.6;
      margin-top: 20px; }
.moist .frame__sub {
      font-size: 2rem; }
.frame__sub sup {
      font-size: 1rem; }
.frame__ttl {
    color: #ef857d;
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center; }
.moist .frame__ttl {
      font-size: 3.5rem;
      margin-top: 30px; }
.frame__ttl span {
      background: url(../images/bg_textline_pink.png) no-repeat center 90%;
      background-size: 100% 10px;
      display: inline-block; }
.frame--second .frame__ttl span {
        background: url(../images/bg_textline_pink_short.png) no-repeat center 90%;
        background-size: 100% 10px; }
.frame__att {
    font-size: 1rem; }
.frame__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px; }
.frame__list li {
      font-size: 1.6rem;
      text-align: center; }
.frame__list li + li {
        margin-left: 35px; }
.frame__list figure figcaption {
      line-height: 1.4;
      margin-top: 15px; }
.frame--second {
  margin: 70px auto 0; }
.c-google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }
.c-google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }
.js-inview-fade {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.js-inview-fade.inview {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
.mv {
  margin: 0 auto; }
.mv__photo {
    background: url(../images/bg-orbisu-mv.jpg) no-repeat center center;
    background-size: cover;
    height: 502px;
    padding: 80px 90px 0; }
.mv__title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 300;
    font-size: 2.8rem;
    color: #77807b; }
.mv__title em {
      font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
      font-size: 3rem; }
.mv__catch {
    font-size: 2.4rem;
    margin-top: 64px;
    margin-top: 45px; }
.mv__catch sup {
      font-size: 1rem; }
.mv__check {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 5px; }
.mv__check sup {
      font-size: 1rem;
      top: -2em; }
.mv__text {
    color: #000000;
    font-size: 1.4rem;
    line-height: 2.3;
    margin: 50px auto 0;
    width: 960px; }
.mv__att {
    font-size: 1rem;
    margin: 10px auto 0;
    width: 960px; }
.mv__link, .mv__link--center {
    background-color: #fafafa;
    padding: 18px 40px 24px; }
.mv__link ul li.is-current, .mv__link--center ul li.is-current {
      background-color: #8e9593;
      color: #fff;
      padding: 10px 30px 10px 15px; }
.mv__link--center {
    text-align: center; }
.mv__link-ttl {
    font-size: 1.6rem; }
.mv__link-list {
    margin: 15px auto 0; }
.mv__link-list > a {
      margin: 0 auto;
      width: 435px; }
.mv__link-list a {
      background-color: #fff;
      border: #f0f0f0 1px solid;
      display: block;
      font-size: 1.4rem;
      padding: 10px 30px 10px 15px;
      position: relative;
      text-align: left; }
.mv__link-list a::before {
        content: "";
        height: 6px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        border-top: 1px solid #5c5a5a;
        border-right: 1px solid #5c5a5a;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 6px; }
.mv__target {
    margin: 50px auto 0; }
.mv__target li {
      font-size: 1.4rem;
      text-align: center;
      width: calc(100% / 2 - 5px); }
.mv__target li a {
        background-color: #fff1f0;
        display: block;
        position: relative;
        padding: 10px; }
.mv__target li a::before {
          border-radius: 50%;
          background-color: #ef857d;
          content: "";
          height: 23px;
          margin: auto;
          position: absolute;
          top: 0;
          right: 10px;
          bottom: 0;
          width: 23px; }
.mv__target li a::after {
          border-right: #fff 1px solid;
          border-bottom: #fff 1px solid;
          content: "";
          height: 7px;
          margin: auto;
          position: absolute;
          top: 0;
          right: 18px;
          bottom: 0;
          -webkit-transform: rotate(45deg) translate(-1px, -1px);
                  transform: rotate(45deg) translate(-1px, -1px);
          width: 7px; }
.research {
  border: #e0e0e0 1px solid;
  margin-top: 60px;
  padding: 60px; }
.research__text dl {
    margin-top: 20px; }
.research__text dl dt {
      font-size: 2.4rem; }
.research__text dl dd {
      margin-top: 15px; }
.research__tag {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../images/bg_research.png) no-repeat left top;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    height: 45px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 296px; }
.research__name {
    font-size: 2rem; }
.research__name small {
      font-size: 1.4rem;
      padding-right: 10px; }
.section__sub {
  font-size: 2.2rem; }
.section__sub sup {
    font-size: 1rem; }
.section__ttl {
  font-size: 4.2rem;
  line-height: 1.4;
  margin-top: 0; }
.section__ttl span {
    background: url(../images/bg_textline_blue.svg) no-repeat center bottom;
    background-size: 100% 10px;
    display: inline-block; }
.section__text {
  color: #000000;
  font-size: 1.4rem;
  line-height: 2.35;
  letter-spacing: -0.01em;
  margin: 30px auto 0; }
.section__att {
  font-size: 1rem;
  margin-top: 10px; }
.section__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px; }
.section__link li {
    border: #dadadb 1px solid;
    height: 138px;
    text-align: center; }
.section__link li.is-current {
      background: url(../images/btn_special_curr.jpg) no-repeat center center;
      background-size: cover;
      border: 0;
      color: #fff;
      padding-top: 33px; }
.section__link li a {
      background: url(../images/btn_special.jpg) no-repeat center center;
      background-size: cover;
      color: #000000;
      display: block;
      height: 100%;
      padding-top: 33px;
      position: relative;
      width: 100%;
      -webkit-transition: opacity .4s;
      transition: opacity .4s;
      text-decoration: none; }
.section__link li a::before {
        background-color: #5c5a5a;
        border-radius: 50%;
        content: "";
        height: 23px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 23px; }
.section__link li a::after {
        border-top: #fff 1px solid;
        border-right: #fff 1px solid;
        content: "";
        height: 6px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 6px; }
.section__link li small {
      display: block;
      font-size: 1.3rem; }
.section__link-numb {
  display: block;
  font-size: 2.2rem;
  margin-top: 5px; }
.section__link-text {
  font-size: 1.3rem;
  margin-top: 12px; }
/**
* wordpress
* WYSIWYG compatchble style
*/
.c-wp-post_article strong {
  font-weight: bold; }
.c-wp-post_article em {
  font-style: italic; }
.c-wp-post_article ul {
  margin-left: 1em;
  display: block;
  list-style-type: disc !important;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0px;
  margin-end: 0px;
  padding-start: 40px; }
.c-wp-post_article ol {
  display: block;
  list-style-type: decimal !important;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0px;
  margin-end: 0px;
  padding-start: 40px; }
.c-wp-post_article li {
  display: list-item;
  text-align: match-parent; }
.c-wp-post_article img {
  width: auto; }
.c-wp-post_article .alignleft {
  display: inline;
  float: left; }
.c-wp-post_article .alignright {
  display: inline;
  float: right; }
.c-wp-post_article .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }
.c-wp-post_article blockquote.alignleft,
.c-wp-post_article .wp-caption.alignleft,
.c-wp-post_article img.alignleft {
  margin: 0.4em 1.6em 1.6em 0; }
.c-wp-post_article blockquote.alignright,
.c-wp-post_article .wp-caption.alignright,
.c-wp-post_article img.alignright {
  margin: 0.4em 0 1.6em 1.6em; }
.c-wp-post_article blockquote.aligncenter,
.c-wp-post_article .wp-caption.aligncenter,
.c-wp-post_article img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em; }
.c-wp-post_article .wp-caption.alignleft,
.c-wp-post_article .wp-caption.alignright,
.c-wp-post_article .wp-caption.aligncenter {
  margin-bottom: 1.2em; }
/**
 * clearfix micro
 */
.clearfix:after {
  content: "";
  clear: both;
  display: block; }
/**
 * text ellipsis., text...
 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.u-hide {
  display: none; }
.u-click {
  cursor: pointer; }
/**
 * BrowserSync
 */
#__bs_notify__ {
  display: none !important;
  font-size: 8px !important;
  opacity: .25;
  max-height: 50px; }
.__debug_mihon__ {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto 0 auto;
  z-index: 100000;
  pointer-events: none;
  cursor: none;
  width: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-animation: __debug_mihon__ 1s infinite;
          animation: __debug_mihon__ 1s infinite; }
.__debug_mihon__ {
  opacity: 0.3;
  padding-top: 0px;
  margin-top: 0px; }
/*
@example
 <div class="mihon">
  <img src="./images/sample1.png" alt="" class="type_pc">
  <img src="./images/sample2.png" alt="" class="type_sp">
</div>
*/
@media (min-width: 769px) {
  .ex-link {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
    .ex-link:hover {
      opacity: .5; }
      .l-main__inner {
        width: 960px; }
      .l-modal__close {
        -webkit-transition: opacity .4s;
        transition: opacity .4s; }
        .l-modal__close:hover {
          opacity: .65; }
    .check {
      min-height: 689px; }
    .check__btn-start {
      height: 87px;
      width: 350px; }
      .check__pager {
        top: -3px;
        right: 75px; }
      .check__btn-choice {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .check__btn-choice li + li {
        margin-left: 20px; }
        .check__btn-choice label:hover {
          background: url(../images/btn_check_over.png) no-repeat left top; }
      .check__result {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .moist__imglist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 25px auto 0;
        width: 780px; }
      .moist__imglist:nth-of-type(2) {
        width: 840px; }
        .moist__imglist > li + li {
          margin-left: 90px; }
    .moist__imglist-layers, .moist__imglist-layers--sec {
      padding-top: 30px; }
    .moist__imglist-layers--sec {
      padding-top: 50px; }
      .peak__text-center {
        text-align: center; }
      .peak__moist {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .peak__moist-photo {
      margin-right: 60px; }
      .product__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        width: 960px; }
      .product__textarea {
        width: 420px; }
      .product__btn {
        width: 320px; }
        .product__btn a:hover {
          opacity: .65; }
      .product__att {
        width: 960px; }
      .step__balloon-text sup {
        top: -1em; }
      .step__detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .step__detail-box dt sup {
          top: -1em; }
    .step__detail-separate {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .step__detail-separate figcaption {
      padding-top: 10px;
      margin-left: 25px;
      text-align: left; }
    .step__detail-separate-photo {
      max-width: 177px; }
    .step__detail-vertical {
      padding: 15px 0 10px; }
    .step__detail-list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .step__detail-list li + li {
      margin-left: 5px; }
    .step__detail-single {
      padding: 12px 0; }
      .step__method-separate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
    .step__method-separate-text {
      padding-top: 40px;
      width: 420px; }
      .step__method-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .step__method-inner dl {
          margin-right: 10px; }
      .step__method-list {
        margin-left: 60px; }
      .supple__btn {
        width: 540px; }
        .supple__btn a:hover {
          opacity: .65; }
          .supple__btn figure figcaption {
            width: 430px; }
        .voice__list li:nth-of-type(n + 3) {
          margin-top: 40px; }
      .voice__balloon {
        min-height: 390px; }
    .breadcrumb {
      width: 1200px; }
    .c-btn:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .c-btn:hover img {
        top: 4px; }
      .frame__inner-flex {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .frame--second .frame__sub {
          margin-left: 68px;
          text-align: left; }
        .frame__ttl span:nth-of-type(2) {
          background: url(../images/bg_textline_pink_short.png) no-repeat center 90%;
          background-size: 100% 10px;
          display: inline-block; }
      .frame--second .frame__ttl {
        margin-left: 50px; }
    .mv {
      width: 1206px; }
        .mv__catch sup {
          top: -1em; }
      .mv__link, .mv__link--center {
        margin: 30px auto 0;
        width: 960px; }
      .mv__link ul, .mv__link--center ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .mv__link ul li, .mv__link--center ul li {
        width: calc(100% / 2 - 5px); }
      .mv__link ul li:nth-of-type(even), .mv__link--center ul li:nth-of-type(even) {
        margin-left: 10px; }
      .mv__link ul li:nth-of-type(n + 3), .mv__link--center ul li:nth-of-type(n + 3) {
        margin-top: 10px; }
      .mv__target {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 880px; }
        .mv__target li + li {
          margin-left: 10px; }
    .research {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    .research__text {
      margin-left: 30px; }
    .section__sub {
      text-align: center; }
    .section__ttl {
      text-align: center; }
      .section__link li {
        width: 235px; }
      .section__link li + li {
        margin-left: 6px; }
        .section__link li a:hover {
          opacity: .65; }
  .for-mobile {
    display: none; } }
@media (max-width: 768px) {
  html, body {
    width: 100%;
    height: 100%; }
  h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p {
    margin: 0;
    padding: 0; }
    .l-main {
      padding-bottom: 70px;
      width: 100%; }
      .l-main img {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto; }
      .l-main__inner--bg {
        margin-top: 40px;
        padding-top: 22px;
        padding-bottom: 35px; }
    .container {
      padding: 0; }
    .l-modal {
      background-color: white; }
      .l-modal__inner {
        margin: 10px auto 0;
        padding-top: 40px;
        width: 90%; }
      .l-modal__close {
        height: 40px;
        width: 40px; }
      .l-modal__close02 {
        margin-top: 15px; }
        .l-modal__close02 .c-btn {
          height: 47px;
          width: 176px; }
      .l-modal__board {
        background: url(../images/bg_modal_sp.png) no-repeat center top;
        background-size: 100% 100%;
        padding-top: 74px;
        padding-bottom: 21px; }
      .l-modal__scrollarea {
        height: 431px;
        padding-right: 3px; }
      .l-modal__scrollarea .mCSB_inside > .mCSB_container {
        margin-right: 18px; }
      .l-modal__board-inner {
        padding: 0 0 20px 20px;
        width: 87%; }
        .l-modal__board-inner dl + dl {
          margin-top: 20px; }
        .l-modal__board-inner dl dt {
          font-size: 1.7rem; }
            .l-modal__board-inner dl dt span:nth-of-type(1) {
              height: 18px;
              margin-top: 4px;
              min-width: 37px; }
            .l-modal__board-inner dl dt span + span {
              margin-left: 2px; }
        .l-modal__board-inner dl dd {
          line-height: 1.5; }
    .check {
      background-repeat: repeat-y;
      background-size: auto 405px;
      padding: 40px 0 47px;
      margin-top: 20px; }
      .check__board {
        background: url(../images/bg_board_01_sp.png) no-repeat center top;
        background-size: 100% auto;
        padding-top: 13.5%;
        width: 90%; }
      .check__board-inner, .check__board-inner--question, .check__board-inner--result {
        background: url(../images/bg_board_02_sp.png) no-repeat center bottom;
        background-size: 100% auto;
        padding: 10px 20px 54px; }
    .check__board-inner--question {
      padding-bottom: 74px; }
      .check__board-inner--result {
        padding-top: 10px;
        padding-bottom: 44px; }
      .check__small {
        height: 12px;
        width: 154px; }
      .check h2 {
        font-size: 2.5rem;
        line-height: 1.35;
        margin-top: 15px; }
      .check__woman {
        right: -5px;
        bottom: -10px;
        width: 115px; }
      .check__woman img {
        width: 100%; }
      .check__btn {
        margin-top: 15px; }
    .check__btn-start {
      height: 58.5px;
      width: 160px; }
      .check__btn-start::before {
        background-size: contain;
        height: 23px;
        top: -15px;
        left: -17px;
        width: 20px; }
      .check__pager {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: auto;
        bottom: 45px;
        left: 0;
        right: 0; }
        .check__pager li {
          height: 4px;
          width: 4px; }
          .check__pager li + li {
            margin-left: 7px; }
      .check__question {
        line-height: 1.5;
        margin: 13px auto 0;
        width: 85%; }
          .check__question span:nth-of-type(1) {
            height: 21px;
            margin-top: 4px;
            min-width: 30px; }
          .check__question span:nth-of-type(2) {
            font-size: 1.8rem;
            margin-left: 10px; }
      .check__btn-choice {
        margin: 0 auto;
        width: 184px; }
      .check__btn-choice li + li {
        margin-top: 20px; }
          .check__btn-choice input:checked + label {
            background-size: contain; }
        .check__btn-choice label {
          background-size: contain;
          font-size: 1.9rem;
          height: 57px;
          width: 182px; }
      .check__result-text {
        margin: 0 auto 0;
        width: 90%; }
      .check__light {
        margin-left: 0;
        width: 183px; }
      .check__text {
        font-size: 1.4rem;
        line-height: 1.5;
        margin-top: 5px; }
      .check__light-red {
        font-size: 2.4rem;
        line-height: 1;
        margin-top: 0; }
      .check__light-yellow {
        font-size: 2.4rem; }
      .check__light-blue {
        font-size: 2.4rem; }
    .check__woman-result, .check__woman-result--yellow, .check__woman-result--blue {
      margin: 13px auto 0;
      width: 170px; }
    .check__woman-result--yellow {
      width: 115px; }
    .check__woman-result--blue {
      width: 130px; }
      .check__explain {
        height: 44px;
        width: 190px; }
    .corner {
      margin: 90px auto 0;
      width: 90%; }
      .corner__ttlarea {
        margin: 0 auto;
        width: 335px; }
      .corner__ttlarea .section__sub {
        margin-left: 115px; }
      .corner__ttlarea .section__ttl {
        margin-left: 110px; }
      .corner__woman {
        top: -50px;
        left: 0;
        width: 114px; }
      .corner__woman img {
        width: 100%; }
      .corner__list {
        margin-top: 25px; }
        .corner__list li {
          font-size: 1.3rem;
          line-height: 1.6;
          text-align: center; }
          .corner__list li:nth-of-type(1) {
            background-size: contain;
            height: 94px;
            margin-top: 60px;
            padding-bottom: 12px;
            width: 129px; }
          .corner__list li:nth-of-type(2) {
            background-size: contain;
            height: 96px;
            margin: 0 -20px;
            padding-bottom: 10px;
            width: 125px; }
          .corner__list li:nth-of-type(3) {
            background-size: contain;
            height: 87px;
            margin-top: 65px;
            padding-bottom: 5px;
            width: 125px; }
    .moist {
      margin: 44px auto 0;
      width: 90%; }
      .moist__sub {
        font-size: 1.4rem; }
      .moist__ttl, .moist__ttl--sec {
        background: url(../images/03/bg_dot.png) no-repeat -249px center, url(../images/03/bg_dot.png) no-repeat calc(100% + 249px) center;
        font-size: 1.8rem;
        margin-top: 5px; }
        .moist__imglist > li + li {
          margin-top: 50px; }
      .moist__imglist-cube, .moist__imglist-cube--sec {
        margin: 0 auto;
        width: 250px; }
        .moist__imglist-cube figcaption, .moist__imglist-cube--sec figcaption {
          font-size: 1.5rem;
          top: 26px;
          left: 77px; }
      .moist__imglist-cube--sec {
        width: 270px; }
        .moist__imglist-cube--sec figcaption {
          top: 36px;
          left: 68px; }
          .moist__imglist-cube--sec figcaption p {
            margin-top: 12px;
            margin-left: 133px; }
    .moist__imglist-layers, .moist__imglist-layers--sec {
      position: relative;
      margin: 0 auto;
      width: 300px; }
      .moist__imglist-layers figcaption, .moist__imglist-layers--sec figcaption {
        font-size: 1.5rem;
        left: 18px;
        bottom: 22px; }
        .moist__imglist-layers figcaption ul li + li, .moist__imglist-layers--sec figcaption ul li + li {
          margin-top: 38px; }
      .moist__imglist-att {
        margin: -25px auto 0;
        width: 80%; }
      .moist__text {
        font-size: 1.4rem;
        line-height: 1.8;
        margin: 24px auto 0;
        width: 100%; }
      .moist__arrow {
        background-size: contain;
        font-size: 1.8rem;
        margin: 37px auto 40px;
        padding: 37px 0 54px;
        width: 211px; }
    .peak {
      margin: 44px auto 0;
      width: 90%; }
      .peak__sub {
        font-size: 1.4rem; }
      .peak__ttl {
        font-size: 2.1rem;
        margin-top: 5px; }
      .peak__list {
        margin-top: 20px; }
        .peak__list li {
          font-size: 1.6rem;
          height: 88px;
          width: 88px; }
          .peak__list li + li {
            margin-left: 10px; }
      .peak__text, .peak__text-center {
        font-size: 1.4rem;
        line-height: 2.2;
        margin: 24px auto 0; }
      .peak__state {
        margin-top: 23px; }
        .peak__state li {
          font-size: 1.4rem;
          height: 190px;
          width: 152px; }
          .peak__state li + li {
            margin-left: 20px; }
          .peak__state li:nth-of-type(1) {
            background: url(../images/bg_peak_01_sp.png) no-repeat center top; }
          .peak__state li:nth-of-type(2) {
            background: url(../images/bg_peak_02_sp.png) no-repeat center top; }
          .peak__state li p {
            margin-top: 30px;
            width: 151px; }
      .peak__moist {
        margin-top: 53px;
        margin-bottom: 0; }
        .peak__moist figcaption {
          font-size: 1.4rem;
          line-height: 2.2;
          margin-top: 10px; }
      .peak__moist img {
        width: 100%; }
    .peak__moist-photo {
      text-align: center; }
    .product {
      margin-top: 45px;
      padding: 45px 0 25px; }
      .product__inner {
        margin: 0 auto;
        width: 90%; }
      .product__textarea {
        padding: 35px 40px; }
      .product__ttl {
        height: 22px;
        width: 120px; }
      .product__text {
        font-size: 1.4rem;
        line-height: 1.7;
        margin-top: 30px; }
      .product__photo {
        padding-top: 70%;
        width: 100%; }
      .product__btn {
        margin: 20px auto 0; }
        .product__btn a {
          padding: 18px; }
          .product__btn a::before {
            right: 10px; }
      .product__att {
        margin: 5px auto 0;
        width: 90%; }
    .step {
      margin: 24px auto 0;
      width: 90%; }
      .step__ttl {
        font-size: 2.4rem; }
        .step__ttl strong {
          font-size: 2.9rem; }
      .step__inner + * {
        margin-top: 55px; }
      .step__balloon {
        background: url(../images/04/bg_balloon_sp.png) no-repeat center 12px;
        background-size: 100% 102px;
        height: 114px;
        margin-top: 22px; }
      .step__balloon-sub {
        padding: 2px 20px; }
      .step__balloon-sub-img {
        height: 14px;
        width: 37px; }
      .step__balloon-sub-text {
        font-size: 1.4rem; }
      .step__balloon-sub-special {
        height: 16px;
        line-height: 1;
        margin: 5px 0;
        width: 75px; }
        .step__balloon-sub-special img {
          vertical-align: middle; }
      .step__balloon-ttl {
        font-size: 1.9rem;
        margin-top: 13px; }
      .step__balloon-text {
        font-size: 1.6rem;
        margin-top: 9px; }
      .step__detail {
        margin-top: 11px; }
      .step__detail-photo, .step__detail-photo--middle {
        margin: 0 auto;
        width: 174px; }
      .step__detail-photo--middle {
        padding-top: 0;
        width: 225px; }
      .step__detail-textarea {
        width: 100%; }
      .step__detail-box {
        background: url(../images/04/bg_frame_sp.png) no-repeat center bottom;
        background-size: 100% auto; }
        .step__detail-box dt {
          background: url(../images/04/bg_frame_ttl_sp.png) no-repeat center bottom;
          background-size: 100% 100%;
          font-size: 1.6rem; }
        .step__detail-box dd {
          padding: 20px 27px 30px; }
          .step__detail-box dd.step__detail-list {
            padding: 15px; }
        .step__detail-box em {
          font-size: 1.5rem; }
    .step__detail-separate-photo {
      margin: 25px auto 0;
      max-width: 242px; }
    .step__detail-vertical img {
      width: 106px; }
      .step__detail-vertical img + figcaption {
        margin-top: 10px; }
    .step__detail-list li + li {
      margin-top: 15px; }
    .step__detail-list li figure {
      padding-bottom: 10px; }
    .step__detail-list li figure figcaption {
      margin-top: -35px; }
      .step__charge {
        margin-top: 30px;
        padding: 20px 20px; }
      .step__charge-ttl {
        font-size: 1.4rem; }
        .step__charge-ttl em {
          font-size: 1.6rem; }
      .step__charge-text {
        margin-top: 10px; }
      .step__att {
        margin-top: 14px; }
      .step__method-ttl {
        background: url(../images/04/bg_tag_sp.png) no-repeat left top;
        background-size: auto 45px;
        padding: 10px 34px; }
        .step__method-ttl img {
          height: 17px;
          width: 64px; }
      .step__method-separate-photo {
        margin-top: 15px; }
      .step__method-separate-text dt {
        line-height: 1.3;
        font-size: 1.6rem; }
        .step__method-separate-text dt em {
          font-size: 2rem; }
      .step__method-separate-text dd {
        line-height: 1.7;
        margin-top: 5px; }
      .step__method-inner {
        padding-top: 7px; }
      .step__method-list {
        margin-top: 65px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
          .step__method-list li:nth-of-type(1) .step__method-second {
            left: 20px; }
            .step__method-list li:nth-of-type(2) .step__method-second {
              right: 20px; }
          .step__method-list li figcaption {
            font-size: 1.3rem;
            line-height: 1.4;
            margin-top: 5px; }
      .step__method-second {
        font-size: 2.1rem;
        height: 74px;
        top: -50px;
        width: 65px; }
        .step__method-second small {
          font-size: 1.3rem; }
    .supple {
      margin: 75px auto 0;
      width: 90%; }
      .supple__woman {
        top: -64px;
        right: 0;
        width: 114px; }
      .supple__ttlarea {
        margin: 0 auto;
        width: 335px; }
      .supple .section__text {
        line-height: 2.15;
        margin-top: 25px; }
      .supple__text {
        font-size: 1.4rem;
        margin: 35px auto 0; }
      .supple__btn {
        margin: 15px auto 0;
        max-width: 335px; }
          .supple__btn a::before {
            right: 15px; }
          .supple__btn figure figcaption {
            font-size: 1.5rem;
            width: 66%; }
    .voice {
      margin: 0 auto 0;
      padding-top: 50px;
      width: 90%; }
      .voice__ttlarea {
        line-height: 1.8; }
        .voice__ttlarea h2 {
          font-size: 2.1rem; }
      .voice__ttlarea-sub {
        font-size: 1.4rem; }
      .voice__list {
        margin-top: 15px; }
        .voice__list li {
          width: 100%; }
        .voice__list li + li {
          margin-top: 30px; }
          .voice__list li:nth-of-type(odd) .voice__balloon {
            background: url(../images/04/bg_balloon_top_sp.png) no-repeat center top, url(../images/04/bg_balloon_side_sp.png) no-repeat right 30px;
            background-size: 100% 20px, 2px auto;
            padding-left: 10px; }
        .voice__list li:nth-of-type(odd) .voice__list-prof {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse; }
        .voice__list li:nth-of-type(odd) .voice__list-prof figcaption {
          margin-left: 0;
          margin-right: 20px; }
          .voice__list li:nth-of-type(even) .voice__balloon {
            background: url(../images/04/bg_balloon_top_sp.png) no-repeat center top, url(../images/04/bg_balloon_side_sp.png) no-repeat left 30px;
            background-size: 100% 20px, 2px auto;
            padding-right: 10px; }
        .voice__list-prof figcaption {
          font-size: 1.6rem; }
      .voice__list-prof-photo img {
        height: 102px;
        width: 102px; }
      .voice__balloon {
        padding-top: 42px;
        padding-bottom: 10px; }
        .voice__balloon dt {
          font-size: 1.8rem; }
        .voice__balloon dd {
          margin-top: 8px; }
    .breadcrumb {
      padding: 0 20px; }
      .c-btn img {
        width: 100%; }
    .frame, .frame--second {
      margin: 48px auto 0; }
      .mv .frame, .mv .frame--second {
        margin: 30px auto 0;
        width: 90%; }
    .moist .frame, .moist .frame--second {
      margin: 24px auto 0; }
      .frame__wrap {
        background: url(../images/bg_frame_01_sp.png) no-repeat center top;
        background-size: 100% auto;
        padding-top: 2px; }
      .frame__inner {
        background: url(../images/bg_frame_02_sp.png) no-repeat center bottom;
        background-size: 100% auto;
        padding: 40px 0; }
        .mv .frame__inner {
          padding: 25px 0; }
        .moist .frame__inner {
          padding: 25px 20px; }
      .frame__inner-flex {
        background: url(../images/bg_frame_02_sp.png) no-repeat center bottom;
        background-size: 100% auto;
        padding: 50px 0 33px; }
      .frame--second .frame__balloon {
        margin: auto;
        top: -35px;
        left: 0;
        right: 0; }
      .frame__balloon {
        background-size: contain;
        font-size: 1.6rem;
        height: 84px;
        padding-bottom: 13px;
        top: -30px;
        left: 15px;
        width: 89px; }
        .frame--second .frame__sub {
          font-size: 1.6rem;
          margin-top: 8px; }
      .frame__sub {
        font-size: 1.5rem;
        line-height: 1.7; }
        .moist .frame__sub {
          font-size: 1.4rem;
          line-height: 1.8;
          text-align: left; }
      .frame__ttl {
        font-size: 2.1rem;
        margin-top: 8px; }
        .moist .frame__ttl {
          font-size: 1.8rem;
          margin-top: 15px; }
        .frame__ttl span:nth-of-type(1) {
          background: url(../images/bg_textline_pink_short.png) no-repeat center 90%;
          background-size: 100% 10px;
          display: inline-block; }
      .frame__att {
        margin-top: 5px; }
    .frame__photo {
      margin: 23px auto 0;
      width: 80%; }
    .frame__photo img {
      width: 100%; }
      .frame__list {
        margin-top: 13px; }
        .frame__list li {
          font-size: 1.2rem; }
          .frame__list li + li {
            margin-left: 10px; }
    .frame--second {
      margin: 87px auto 0; }
      .mv__photo {
        background: url(../images/sp/bg-orbisu-mv.jpg) no-repeat center center;
        background-size: cover;
        height: 430px;
        padding: 27px 20px 0; }
      .mv__title {
        font-size: 1.6rem; }
        .mv__title em {
          font-size: 1.7rem; }
      .mv__catch {
        font-size: 1.4rem;
        margin-top: 12px; }
      .mv__check {
        font-size: 2.3rem;
        letter-spacing: -0.01em; }
        .mv__check sup {
          top: -1em; }
      .mv__text {
        font-size: 1.4rem;
        line-height: 2.2;
        margin: 24px auto 0;
        width: 90%; }
      .mv__att {
        width: 90%; }
      .mv__link, .mv__link--center {
        padding: 12px 20px 18px;
        width: 100%; }
      .mv__link ul li + li, .mv__link--center ul li + li {
        margin-top: 10px; }
        .mv__link ul li.is-current, .mv__link--center ul li.is-current {
          font-size: 1.1rem;
          padding: 8px 20px 8px 10px; }
      .mv__link-ttl {
        font-size: 1.4rem;
        text-align: center; }
      .mv__link-list {
        margin: 10px auto 0;
        width: 100%; }
        .mv__link-list a {
          font-size: 1.1rem;
          padding: 8px 20px 8px 10px;
          width: 100%; }
          .mv__link-list a::before {
            right: 10px; }
      .mv__target {
        margin: 20px auto 0;
        width: 90%; }
        .mv__target li {
          text-align: left;
          width: 100%; }
        .mv__target li + li {
          margin-top: 3px; }
          .mv__target li a {
            padding: 8px 30px; }
    .research {
      margin-top: 45px;
      padding: 32px;
      width: 100%; }
      .research__text dl {
        margin-top: 10px; }
        .research__text dl dt {
          font-size: 1.6rem;
          text-align: center; }
        .research__text dl dd {
          margin-top: 5px; }
      .research__tag {
        background-size: 100% 100%;
        font-size: 1.4rem;
        height: 32px;
        margin: 0 auto;
        width: 267px; }
      .research__name {
        font-size: 1.5rem;
        text-align: center;
        margin-top: 5px; }
        .research__name small {
          font-size: 1.2rem; }
    .research__photo {
      margin: 15px auto 0;
      width: 180px; }
    .section__sub {
      font-size: 1.4rem; }
    .section__ttl {
      font-size: 2.1rem; }
      .section__ttl span {
        background-size: 100% 5px; }
    .section__text {
      font-size: 1.4rem;
      line-height: 2.2;
      margin: 10px auto 0; }
    .section__att {
      margin-top: 5px; }
    .section__link {
      margin: 45px auto 0;
      width: 90%; }
      .section__link li {
        font-weight: bold;
        height: 97px;
        width: calc(100% / 2 - 3px); }
      .section__link li:nth-of-type(even) {
        margin-left: 6px; }
      .section__link li:nth-of-type(n + 3) {
        margin-top: 6px; }
        .section__link li.is-current {
          padding-top: 18px; }
        .section__link li a {
          padding-top: 18px; }
          .section__link li a::before {
            height: 17px;
            right: 5px;
            width: 17px; }
          .section__link li a::after {
            height: 5px;
            right: 12px;
            width: 5px; }
        .section__link li small {
          font-size: 1rem; }
    .section__link-numb {
      font-size: 1.6rem; }
    .section__link-text {
      font-size: 1rem;
      margin-top: 8px; }
  .for-large {
    display: none; } }
@media (max-width: 320px) {
      .check__woman {
        bottom: -45px; }
      .corner__ttlarea {
        width: 100%; }
          .corner__list li:nth-of-type(1) {
            height: 81px; }
          .corner__list li:nth-of-type(2) {
            height: 83px; }
          .corner__list li:nth-of-type(3) {
            height: 77px; }
    .moist__imglist-layers, .moist__imglist-layers--sec {
      padding-left: 50px;
      width: auto; }
      .moist__imglist-layers figcaption, .moist__imglist-layers--sec figcaption {
        left: 5px; }
      .supple__ttlarea {
        width: 100%; }
        .supple__ttlarea .section__ttl {
          margin-right: 114px; }
          .supple__btn figure figcaption {
            font-size: 1.1rem;
            width: 66%; }
      .research__tag {
        width: 100%; }
    .section__link {
      width: 300px; }
      .section__link li {
        height: 86px;
        width: 146px; }
        .section__link li.is-current {
          padding-top: 12px; }
        .section__link li a {
          padding-top: 12px; }
    .section__link-text {
      margin-top: 5px; } }

/*# sourceMappingURL=../../cache/_maps/styles.css.map */