@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*
== 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;
  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 {
  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 {
  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: 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: 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);
  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;
  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);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  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 {
  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;
  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 {
  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 {
  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);
  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 {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  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 {
  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 {
  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);
  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);
  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); }

/* ---------------------------------------- */
/*　//////////////////////////////////////////////////
　トップページ用スタイル
//////////////////////////////////////////////////　*/
/* トップメージ > メインビジュアル */
.keyVisual {
  max-height: 433px;
  position: relative; }
  @media (min-width: 769px) {
    .keyVisual {
      max-height: 435px;
      overflow: hidden; } }
  .keyVisual::before {
    content: "";
    display: block;
    padding-top: 217px;
    padding-top: calc(53.125% + 25px); }
    @media (min-width: 769px) {
      .keyVisual::before {
        padding-top: calc(34.58333% + 20px); } }
    @media (min-width: 1200px) {
      .keyVisual::before {
        padding-top: 435px; } }

.keyVisual__loading {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 25px);
  background: #e2e2e2 url("data:image/gif;base64,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") center center no-repeat;
  background-size: 32px 32px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 1000; }
  @media (min-width: 769px) {
    .keyVisual__loading {
      height: calc(100% - 20px); } }
  .keyVisual__loading.is-hidden {
    display: none; }

.keyVisual__container {
  width: 100%;
  padding: 0 0 25px;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  @media (min-width: 769px) {
    .keyVisual__container {
      padding-bottom: 20px; } }
  .keyVisual__container.loading {
    opacity: 0; }
  .keyVisual__container .slick-dots {
    bottom: 8px; }
    @media (min-width: 769px) {
      .keyVisual__container .slick-dots {
        bottom: 31px; } }
    .keyVisual__container .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 3px; }
      @media (min-width: 769px) {
        .keyVisual__container .slick-dots li {
          margin: 0 6px; } }
      .keyVisual__container .slick-dots li button {
        width: 6px;
        height: 6px;
        padding: 0;
        background-color: #c1c1c1;
        border-radius: 50%; }
        @media (min-width: 769px) {
          .keyVisual__container .slick-dots li button {
            width: 12px;
            height: 12px;
            background: white;
            margin: 2px; } }
        .keyVisual__container .slick-dots li button::before {
          content: none; }
      .keyVisual__container .slick-dots li.slick-active button {
        background-color: #333;
        margin: 0; }
        @media (min-width: 769px) {
          .keyVisual__container .slick-dots li.slick-active button {
            width: 16px;
            height: 16px;
            background: #333333;
            border: solid 2px White; } }

@media (min-width: 769px) {
  .keyVisual__slideArrows {
    width: 100%;
    max-width: 1200px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); } }

.keyVisual__slideArrows.slick-dotted {
  margin-bottom: 0; }
  .keyVisual__slideArrows.slick-dotted .slick-slider {
    margin: 0; }

.keyVisual__slideArrows .slick-prev,
.keyVisual__slideArrows .slick-next {
  width: auto;
  height: auto;
  top: auto;
  bottom: 6px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: 2; }
  @media (min-width: 769px) {
    .keyVisual__slideArrows .slick-prev,
    .keyVisual__slideArrows .slick-next {
      bottom: 50%;
      -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
              transform: translateY(50%); } }
  .keyVisual__slideArrows .slick-prev::before,
  .keyVisual__slideArrows .slick-next::before {
    content: " ";
    display: block;
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0; }
    @media (min-width: 769px) {
      .keyVisual__slideArrows .slick-prev::before,
      .keyVisual__slideArrows .slick-next::before {
        width: 72px;
        height: 72px; } }

.keyVisual__slideArrows .slick-prev {
  left: 10px; }
  @media (min-width: 769px) {
    .keyVisual__slideArrows .slick-prev {
      left: 20px; } }
  .keyVisual__slideArrows .slick-prev::before {
    background-image: url(../frontpage/images/keyVisual__arrow-prev.png); }
    @media (min-width: 769px) {
      .keyVisual__slideArrows .slick-prev::before {
        background-image: url(../frontpage/images/keyVisual_btnPrev-pc.png); } }

.keyVisual__slideArrows .slick-next {
  right: 10px; }
  @media (min-width: 769px) {
    .keyVisual__slideArrows .slick-next {
      right: 20px; } }
  .keyVisual__slideArrows .slick-next::before {
    background-image: url(../frontpage/images/keyVisual__arrow-next.png); }
    @media (min-width: 769px) {
      .keyVisual__slideArrows .slick-next::before {
        background-image: url(../frontpage/images/keyVisual_btnNext-pc.png); } }

.keyVisual__item {
  text-align: center;
  background-color: #f2f2f2; }
  .keyVisual__item.slick-slide img {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }

.keyVisual__anchor {
  vertical-align: bottom;
  display: block; }

/* トップページ > 最新のニュース */
.latestNews {
  padding: 0; }
  @media (min-width: 769px) {
    .latestNews {
      padding-bottom: 0; } }

.latestNews__anchor {
  color: #222222; }

/* 最新のニュース > 緊急時の障害情報 */
.emergency__container {
  background-color: #d41925;
  padding: 0 10px;
  margin: 0 0 11px; }
  @media (min-width: 769px) {
    .emergency__container {
      background: none;
      padding: 0;
      margin-bottom: 24px; } }

.emergency__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media (min-width: 769px) {
    .emergency__list {
      text-align: left;
      padding: 0; } }

.emergency__listItem {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .no-flexbox .emergency__listItem {
    *zoom: 1; }
    .no-flexbox .emergency__listItem:before, .no-flexbox .emergency__listItem:after {
      content: " ";
      display: table; }
    .no-flexbox .emergency__listItem:after {
      clear: both; }
  @media (min-width: 769px) {
    .emergency__listItem {
      display: block; } }
  .slick-vertical .emergency__listItem.slick-slide {
    border: none 0; }

.emergency__anchor {
  color: white;
  font-size: 12px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 14px 16px 11px 0px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 769px) {
    .emergency__anchor {
      font-size: 14px;
      background-color: #d41925;
      padding-top: 23px;
      padding-left: 23px;
      padding-bottom: 19px;
      opacity: 1;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-delay: 0s;
      transition-timing-function: ease-in; } }
  @media (min-width: 769px) {
    .emergency__anchor:hover {
      opacity: 0.5; } }
  .emergency__anchor::after {
    content: "詳細を見る";
    font-size: 13px;
    text-indent: -9999px;
    color: white;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/link-bullet__arrowRed-circleWhite.svg) left center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 769px) {
      .emergency__anchor::after {
        text-indent: 0;
        width: 6em;
        padding-left: 20px;
        right: 15px; } }

.emergency__text {
  display: inline-block;
  position: relative;
  padding-left: 24px; }
  @media (min-width: 769px) {
    .emergency__text {
      padding-left: 36px; } }
  .emergency__text::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../frontpage/images/emergency-icon.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 769px) {
      .emergency__text::before {
        width: 24px;
        height: 24px;
        top: 45%;
        left: 0; } }

/* 最新のニュース > 最新のニュースエリア */
.latestNews__news {
  position: relative; }

.latestNews__heading {
  display: none; }
  @media (min-width: 769px) {
    .latestNews__heading {
      font-size: 16px;
      display: block;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 20px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      z-index: 500; } }

/* 最新のニュース > 最新のニュースリスト */
.latestNews__container {
  margin: 0 0 2px; }

.latestNews__list {
  list-style: none;
  width: 100% !important;
  background-color: #f2f2f2;
  padding: 0 15px 0 10px;
  margin: 0;
  overflow: hidden; }
  @media (min-width: 769px) {
    .latestNews__list {
      border-radius: 12px; } }

.latestNews__listItem {
  font-size: 12px;
  line-height: 1.5; }
  .no-flexbox .latestNews__listItem {
    text-align: left; }
  @media (min-width: 769px) {
    .latestNews__listItem {
      font-size: 14px;
      padding: 23px 190px 23px 134px; } }
  .slick-vertical .latestNews__listItem.slick-slide {
    border: none 0; }

.latestNews__listItemInner {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: center;
            -ms-flex-pack: center;
          justify-content: center;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
  padding: 15px 0;
  height: 66px; }
  @media (min-width: 769px) {
    .latestNews__listItemInner {
      -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 23px 190px 23px 134px;
      height: 88px; } }

.latestNews__iconNew {
  color: white;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  display: block;
  max-width: 32px;
  min-width: 32px;
  -webkit-flex-basis: 32px;
      -ms-flex-preferred-size: 32px;
          flex-basis: 32px;
  height: 15px;
  background: #ff7800;
  border-radius: 7px;
  margin: 1px 10px 0 0; }
  .no-flexbox .latestNews__iconNew {
    float: left; }
  @media (min-width: 769px) {
    .latestNews__iconNew {
      font-size: 10px;
      max-width: 42px;
      min-width: 42px;
      -webkit-flex-basis: 42px;
          -ms-flex-preferred-size: 42px;
              flex-basis: 42px;
      margin-top: 4px; } }

@media (min-width: 769px) {
  .latestNews__listItem .latestNews__anchor:hover {
    text-decoration: underline; } }

.no-flexbox .latestNews__listItem .latestNews__anchor {
  width: calc(100% - 42px);
  display: block; }

/* 最新のニュース > 最新のニュースリスト > 一覧リンク */
.latestNews__indexLink {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  background-color: #f2f2f2;
  padding: 10px 0;
  margin: 0 0 2px;
  position: relative; }
  @media (min-width: 769px) {
    .latestNews__indexLink {
      font-size: 13px;
      background-color: none;
      padding-top: 0;
      padding-bottom: 0;
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
  .latestNews__indexLink .latestNews__anchor {
    text-decoration: none;
    background: url(../images/link-bullet__arrowWhite-circleGray-t2b.svg) left center no-repeat;
    background-size: 12px;
    padding-left: 18px; }
    @media (min-width: 769px) {
      .latestNews__indexLink .latestNews__anchor:hover {
        text-decoration: underline; } }
    .latestNews__indexLink .latestNews__anchor.is-opened {
      background: url(../images/link-bullet__arrowWhite-circleGray-b2t.svg) left center no-repeat; }

/* 最新のニュース > 最新のニュースリスト > 非表示一覧 */
.latestNews__moreNewsList {
  display: none;
  background-color: #f2f2f2;
  padding: 13px 10px 20px; }
  @media (min-width: 769px) {
    .latestNews__moreNewsList {
      padding: 18px 20px 23px;
      border-radius: 12px; } }
  .latestNews__moreNewsList .news__list {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px; }
    @media (min-width: 769px) {
      .latestNews__moreNewsList .news__list {
        min-height: none;
        background-color: white;
        padding-top: 26px;
        padding-bottom: 8px;
        border-radius: 8px;
        margin-bottom: 21px; } }
  @media (min-width: 769px) {
    .latestNews__moreNewsList .news__listItem {
      padding-left: 18px;
      padding-right: 18px;
      padding-bottom: 18px; } }
  @media (min-width: 769px) {
    .latestNews__moreNewsList .news__listItem + .news__listItem {
      margin-top: 18px; } }
  .latestNews__moreNewsList .news__listItem:last-of-type {
    border-bottom: none 0;
    margin-bottom: 0; }
  @media (min-width: 769px) {
    .latestNews__moreNewsList .news__listItem::after {
      content: none;
      display: none; } }
  @media (min-width: 769px) {
    .latestNews__moreNewsList .news__ctg {
      margin-right: 30px; } }
  @media (min-width: 769px) {
    .latestNews__moreNewsList .news__title {
      vertical-align: middle;
      display: inline-block;
      padding-top: 0; } }

/* タブ エリアとWebMoneyの説明 */
.tabAndAbout__wrapper {
  padding-top: 21px;
margin-bottom:20px;}
/*新規追加201909*/
.mb20{
	margin-bottom:2rem;
}
.mb40{
	margin-bottom:4rem;
}
.display_pc{
		  display: none;
	  }
	  .display_sp{
		  display:block;
	  } 
	.wmcard_bg{
		width:100%;
		max-width:1072px;
		height:auto;
		padding:0rem 1rem;
		color:#ff9000;
		margin:0 auto 1rem;
	}
	.wmsheet_bg{
		width:100%;
		max-width:1072px;
		height:auto;
		padding:0rem 1rem;
		color:#2da7b8;
		margin:0 auto 1rem;
	}	
	  .txt_wrap{
		text-indent: 110%;
 		white-space: nowrap;
 		overflow: hidden;
	}	
.wmcard_btn_full{
		  display:block;
		  width:100%;
		  max-width:1072px;
		  height:auto;
		  margin-bottom:15px;
	  }
	  .wmcard_btn_full a{
		  display:block;
		  width:100%;
		  height:0;
		  padding-top:36.75%;
		  background:url("../frontpage/images/wmcard_201910_cashless_btnsp.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	  }
.wmcard_btn_half{
		  width:100%;
		   height:auto;
	  }
	  .wmcard_btn_half a{
		  display:block;
		  width:100%;
		  height:100%;
		  background:#426ccf;
		  text-align:center;
		  color:#fff;
		  font-size:14px;
		  font-weight:bold;
		  line-height:20px;
		  padding:10px;
		  border:3px solid rgba(255,255,255,0.8);
		  border-radius:8px;
	  }
	  .wmcard_btn_half a:hover{
		  background:#fff;
		  color:#426ccf;
		  border:3px solid #426ccf;
		  border-radius:8px;
	  }
	.wmcard_btn_half:first-of-type{
		margin-bottom:15px;
	}
	.wmcard_201910_h3{
		text-align:center;
	}
	.wmcard_201910_p{
		text-align:center;
		font-size:15px;
		 border-bottom:1px solid;
		padding-bottom:1rem;
		margin:0 auto;
	}
	  .wmcard_201910{
		  margin:0 auto 2rem;
	  }
	 .wmcard_201910_footer{
		  width:100%;
		 height:auto;
		 background: rgba(230,0,18,1);
background: -moz-linear-gradient(left, rgba(230,0,18,1) 0%, rgba(230,0,19,1) 50%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 51%, rgba(255,144,0,1) 52%, rgba(255,144,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,0,18,1)), color-stop(50%, rgba(230,0,19,1)), color-stop(50%, rgba(255,144,0,1)), color-stop(51%, rgba(255,144,0,1)), color-stop(52%, rgba(255,144,0,1)), color-stop(100%, rgba(255,144,0,1)));
background: -webkit-linear-gradient(left, rgba(230,0,18,1) 0%, rgba(230,0,19,1) 50%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 51%, rgba(255,144,0,1) 52%, rgba(255,144,0,1) 100%);
background: -o-linear-gradient(left, rgba(230,0,18,1) 0%, rgba(230,0,19,1) 50%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 51%, rgba(255,144,0,1) 52%, rgba(255,144,0,1) 100%);
background: -ms-linear-gradient(left, rgba(230,0,18,1) 0%, rgba(230,0,19,1) 50%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 51%, rgba(255,144,0,1) 52%, rgba(255,144,0,1) 100%);
background: linear-gradient(to right, rgba(230,0,18,1) 0%, rgba(230,0,19,1) 50%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 51%, rgba(255,144,0,1) 52%, rgba(255,144,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#ff9000', GradientType=1 );

	}
	.wmcard_201910_footer img{
		display:block;
		width:100%;
		height:auto;
		max-width:1220px;
		margin:0 auto 2rem;
		vertical-align:bottom;
	}
/*新規追加201909*/
@media (min-width: 769px) {

    .tabAndAbout__wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
       padding-top: 40px;}
      .tabAndAbout__wrapper .tab {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      .tabAndAbout__wrapper .tab__contentWrapper {
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; }
      .tabAndAbout__wrapper .about {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
/*新規追加201909*/
	  .display_pc{
		  display:block;
	  }
	  .display_sp{
		  display: none;
	  }
	.fll{float:left;}
	.flr{float:right}
	.cf:after,.cf:before{display:table;content:""}
	.cf:after{clear:both}
	.cf{zoom:1}
	.cf:after,.cf:before{content:"";display:table}
	.cf:after{clear:both;}
	.wmcard_bg{
		width:100%;
		max-width:1072px;
		height:auto;
		padding:0rem 2rem;
		color:#ff6c00;
		margin:0 auto 1rem;
	}
	.wmsheet_bg{
		width:100%;
		max-width:1072px;
		height:auto;
		padding:0rem 2rem;
		color:#46c3d4;
		margin:0 auto 1rem;
	}
	.wmcard_201910_h3{
		  display: block;
		  width:100%;
		  height:auto;
		  font-size:36px;
		  font-weight:bold;
		  text-align:center;
		margin: 0 auto;
	  }
	  .wmcard_201910_p{
		  width:100%;
		  height:auto;
		  display:block;
		  font-weight:bold;
		  text-align:center;
		  font-size:18px;
		  margin:0 auto 1rem;
		  padding:0rem 0rem 1rem 0rem;
		  border-bottom:1px solid;
	  }
	  .wmcard_201910{
		  width:100%;
		  max-width:768px;
		  height:auto;
		  margin:0 auto 2rem;
	  }
		.wmcard_201910 img{
			display:block;
		  width:100%;
		  height: auto;
		  vertical-align:bottom;
		}
	  .txt_wrap{
		text-indent: 110%;
 		white-space: nowrap;
 		overflow: hidden;
	}
	  .wmcard_btn_full{
		  display:block;
		  width:100%;
		  max-width:1072px;
		  height:160px;
		  margin-bottom:2rem;
	  }
	  .wmcard_btn_full a{
		  display:block;
		  width:100%;
		  height:100%;
		  background:url("../frontpage/images/wmcard_201910_cashless_btn.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	  }
	   .wmcard_btn_full a:hover{
		  background:url("../frontpage/images/wmcard_201910_cashless_btn_h.png");
		  background-size:contain;
		  background-repeat:no-repeat;		  
	  }
	  .dsp_fl{
		  width:1072px;
		  height:auto;
		  display:flex;
		  flex-direction:row;
		  justify-content:space-between;
	  }
	  .wmcard_btn_half{
		  width:49%;
		   height:100px;
	  }
	  .wmcard_btn_half a{
		  display:block;
		  width:100%;
		  height:100%;
		  background:#426ccf;
		  text-align:center;
		  color:#fff;
		  font-size:20px;
		  font-weight:bold;
		  line-height:70px;
		  padding:10px;
		  border:3px solid rgba(255,255,255,0.8);
		  border-radius:8px;
	  }
	  .wmcard_btn_half a:hover{
		  background:#fff;
		  color:#426ccf;
		  border:3px solid #426ccf;
		  border-radius:8px;
	  }
	  .wmcard_btn_half2{
		  width:49%;
		   height:100px;
		  background:#fff;
		  text-align:center;
		  color:#426ccf;
		  font-size:20px;
		  font-weight:bold;
		  line-height:70px;
		  padding:8px 10px;
		  border:3px solid #426ccf;
		  border-radius:8px;
	  }
	.wmcard_btn_half2 p{
		margin:0;
		width:80%;
	}
	.wmcard_btn_half2 img{
		width:16%;
		max-width:80px;
	}
	/*  .wmcard_btn_half a::after{
    	content:  '';
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 7px 0 7px 7px;
    	border-color: transparent transparent transparent #ffffff;
    	display:  inline-block;
    	vertical-align:  middle;
    	position:  relative;
    	top: 0;
		right:0;
    	margin-right: 2px;
	}*/
	.wmcard_201910_sheet_zandaka{
		  display:block;
		  width:340px;
		  height:160px;
		  background:url("../frontpage/images/wmcard_201910_sheet_zandaka.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}
	   .wmcard_201910_sheet_zandaka:hover{
		  background:url("../frontpage/images/wmcard_201910_sheet_zandaka_h.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}
	.wmcard_201910_sheet_buy{
		  display:block;
		  width:340px;
		  height:160px;
		  background:url("../frontpage/images/wmcard_201910_sheet_buy.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}
	   .wmcard_201910_sheet_buy:hover{
		  background:url("../frontpage/images/wmcard_201910_sheet_buy_h.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}	
	.wmcard_201910_sheet_use{
		  display:block;
		  width:340px;
		  height:160px;
		  background:url("../frontpage/images/wmcard_201910_sheet_use.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}
	   .wmcard_201910_sheet_use:hover{
		  background:url("../frontpage/images/wmcard_201910_sheet_use_h.png");
		  background-size:contain;
		  background-repeat:no-repeat;
	}
	/*新規追加201909*/
}

/* タブ切り替えエリア */
/* タブナビゲーション */
.tab__navigation {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0; }
  .no-flexbox .tab__navigation {
    *zoom: 1; }
    .no-flexbox .tab__navigation:before, .no-flexbox .tab__navigation:after {
      content: " ";
      display: table; }
    .no-flexbox .tab__navigation:after {
      clear: both; }

/* タブナビゲーション > タブボタン */
.tab__navigationItem {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  width: 50%;
  height: 44px; }
  .no-flexbox .tab__navigationItem {
    float: left; }
  @media (min-width: 769px) {
    .tab__navigationItem {
      font-size: 20px;
      width: calc(50% - 40px);
      height: 58px; }
      .tab__navigationItem:first-child {
        margin: 0 10px 0 30px; }
      .tab__navigationItem:last-child {
        margin: 0 30px 0 10px; } }

/* タブナビゲーション > タブボタン > リンク（aタグ） */
.tab__anchor {
  color: #4873ce;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid #4873ce; }
  @media (min-width: 769px) {
    .tab__anchor {
      height: 52px;
      margin-top: 6px;
      border-bottom: none 0; } }
  .tab__navigationItem:first-child .tab__anchor {
    border-left: none 0;
    border-radius: 0 6px 0 0; }
    @media (min-width: 769px) {
      .tab__navigationItem:first-child .tab__anchor {
        border-left: 2px solid #4873ce;
        border-radius: 8px 8px 0 0; } }
  .tab__navigationItem:last-child .tab__anchor {
    border-right: none 0;
    border-radius: 6px 0 0 0; }
    @media (min-width: 769px) {
      .tab__navigationItem:last-child .tab__anchor {
        border-right: 2px solid #4873ce;
        border-radius: 8px 8px 0 0; } }
  .no-flexbox .tab__anchor {
    display: block;
    position: relative;
    overflow: hidden; }
  .flexbox .tab__anchor::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 5px;
    background-image: url(../images/tab__bullet-blue.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 7px; }
    .no-flexbox .flexbox .tab__anchor::before {
      background-image: url(../images/tab__bullet-blue.png); }
    @media (min-width: 769px) {
      .flexbox .tab__anchor::before {
        width: 16px;
        height: 9px;
        padding-right: 9px; } }
  .tab__anchor.is-active {
    color: #ffffff;
    background: #426ccf; }
    @media (min-width: 769px) {
      .tab__anchor.is-active {
        height: 100%;
        margin-top: 0; } }
    .tab__anchor.is-active::before {
      background-image: url(../images/tab__bullet-white.svg); }
      .no-flexbox .tab__anchor.is-active::before {
        background-image: url(../images/tab__bullet-white.png); }

/* タブナビゲーション > タブボタン > ボタン内のテキスト */
.tab__text {
  display: block; }
  .no-flexbox .tab__text {
    display: inline-block;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .tab__anchor-beginner .tab__text {
   /* background-image: url(../images/tab__beginnerMark-blue.svg);*/
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 9px 12px;
    /*padding-left: 13px; */}
    @media (min-width: 769px) {
      .tab__anchor-beginner .tab__text {
        background-size: 18px 24px;
      /*  padding-left: 29px;*/ } }
    .no-flexbox .tab__anchor-beginner .tab__text {
      background-image: url(../images/tab__bullet-blue.png), url(../images/tab__beginnerMark-blue.png);
      background-position: 0 center, 30px center;
      background-repeat: no-repeat, no-repeat;
      background-size: 8px 5px, 9px 12px;
      padding-left: 13px; }
      @media (min-width: 769px) {
        .no-flexbox .tab__anchor-beginner .tab__text {
          background-size: 16px 9px, 18px 24px;
          padding-left: 59px; } }
  /*.tab__anchor-beginner.is-active .tab__text /* {
    background-image: url(../images/tab__beginnerMark-white.svg); }
    .no-flexbox .tab__anchor-beginner.is-active .tab__text {
       background-image: url(../images/tab__bullet-white.png), url(../images/tab__beginnerMark-white.png); }*/
  .no-flexbox .tab__anchor-customer .tab__text {
    white-space: nowrap;
    background-image: url(../images/tab__bullet-blue.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 8px 5px;
    padding-left: 15px; }
    @media (min-width: 769px) {
      .no-flexbox .tab__anchor-customer .tab__text {
        background-size: 16px 9px;
        padding-left: 25px; } }
  .no-flexbox .tab__anchor-customer.is-active .tab__text {
    background-image: url(../images/tab__bullet-white.png); }

/* タブ切り替えコンテンツ（コンテナ） */
@media (min-width: 769px) {
  .tab__contentWrapper {
    padding: 42px 5% 40px;
    border: 4px solid #426ccf;
    border-radius: 12px;
    margin-bottom: 55px; } }

.tab__content {
  padding: 24px 30px 31px;
  border-bottom: 2px solid #426ccf; }
  @media (min-width: 769px) {
    .tab__content {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 0;
      border-bottom: none 0;
      margin-bottom: -24px; }
      .no-flexbox .tab__content {
        *zoom: 1; }
        .no-flexbox .tab__content:before, .no-flexbox .tab__content:after {
          content: " ";
          display: table; }
        .no-flexbox .tab__content:after {
          clear: both; } }

.tab__contentContainer {
  text-align: center;
  max-width: 510px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .tab__contentContainer {
      width: calc(50% - 23px);
      max-width: 520px;
      margin-bottom: 28px !important; }
      .no-flexbox .tab__contentContainer {
        float: left; }
      .tab__contentContainer:nth-child(2n-1) {
        margin-right: 23px !important; }
      .tab__contentContainer:nth-child(2n) {
        margin-left: 23px !important; } }
  .tab__contentContainer + .tab__contentContainer {
    margin-top: 20px; }
    @media (min-width: 769px) {
      .tab__contentContainer + .tab__contentContainer {
        margin-top: 0; } }
  .tab__contentContainer + .tab__contentContainer.is-small {
    margin-top: 15px; }
    @media (min-width: 769px) {
      .tab__contentContainer + .tab__contentContainer.is-small {
        margin-top: 0; } }
  .tab__contentContainer.is-buy .tab__contentAnchor {
    height: 56px;
    background-image: url(../frontpage/images/beginner-buy.png); }
    @media (min-width: 769px) {
      .tab__contentContainer.is-buy .tab__contentAnchor {
        background-image: url(../frontpage/images/beginner-buy-pc.png); } }
  .tab__contentContainer.is-use .tab__contentAnchor {
    height: 54px;
    background-image: url(../frontpage/images/beginner-use.png); }
    @media (min-width: 769px) {
      .tab__contentContainer.is-use .tab__contentAnchor {
        background-image: url(../frontpage/images/beginner-use-pc.png); } }
  .tab__contentContainer.is-buy .tab__contentAnchor, .tab__contentContainer.is-use .tab__contentAnchor {
    text-align: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 16px 0 0 138px; }
    @media (min-width: 769px) {
      .tab__contentContainer.is-buy .tab__contentAnchor, .tab__contentContainer.is-use .tab__contentAnchor {
        width: 100%;
        height: auto;
        padding: 0;
        position: relative; } }
  @media (min-width: 769px) {
    .tab__contentContainer.is-buy .tab__contentAnchor::before, .tab__contentContainer.is-use .tab__contentAnchor::before {
      content: "";
      display: block;
      padding-top: 23.07692%; } }

.tab__contentAnchor {
  color: #222222;
  display: block;
  border: 2px solid #eeeeee;
  border-radius: 6px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: border-color;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: ease-in; }
  @media (min-width: 769px) {
    .tab__contentAnchor {
      border-width: 4px;
      border-radius: 12px; } }
  @media (min-width: 769px) {
    .tab__contentAnchor:hover {
      border-color: #4873ce; } }

.tab__contentImageWrapper {
  border-bottom: 2px solid #eeeeee; }
  @media (min-width: 769px) {
    .tab__contentImageWrapper {
      border-bottom: 4px solid #eeeeee; } }

@media (min-width: 769px) {
  .tab__contentImage {
    width: 100%;
    max-width: none; } }

.tab__contentText,
.tab__contentText-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  background: url(../images/link-bullet__arrowWhite-circleGray.png) 0 center no-repeat;
  background-size: 12px 12px;
  padding-left: 21px; }
  @media (min-width: 769px) {
    .tab__contentText,
    .tab__contentText-small {
      font-size: 20px;
      background-size: 16px 16px;
      padding-left: 26px; } }

.tab__contentText {
  padding-top: 12px;
  padding-bottom: 12px; }
  @media (min-width: 769px) {
    .tab__contentText {
      padding-top: 28px;
      padding-bottom: 28px; } }

@media (min-width: 769px) {
  .tab__contentText-small {
    position: absolute;
    left: 57.69231%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }

/* タブコンテンツ > 初めての方 */
/* タブコンテンツ > チャージ・残高確認される方 */
.tab__content-customer {
  padding-top: 16px; }
  @media (min-width: 769px) {
    .tab__content-customer {
      padding-top: 0; } }
  .tab__content-customer .customer__btnContainer {
    max-width: 520px;
    /*background-color: #f2f2f2;
    padding: 25px 10px;*/
    margin: 0 auto 15px; }
    @media (min-width: 769px) {
      .tab__content-customer .customer__btnContainer {
        /*padding: 40px 20px;*/
        margin-bottom: 28px; } }
  .tab__content-customer .customer__btn {
    font-size:18px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    max-width:767px;
    margin: 0 auto; }
    @media (min-width: 769px) {
      .tab__content-customer .customer__btn {
        font-size: 16px;
        max-width: none; } }
    @media (min-width: 870px) {
      .tab__content-customer .customer__btn {
        font-size: 20px; } }
    @media (min-width: 1000px) {
      .tab__content-customer .customer__btn {
        font-size: 24px; } }
    .tab__content-customer .customer__btn + .customer__btn {
      margin-top: 10px; }
      @media (min-width: 769px) {
        .tab__content-customer .customer__btn + .customer__btn {
          margin-top: 19px; } }
    .tab__content-customer .customer__btn .customer__anchor {
      color: #fff;
      display: block;
      background-color: #426ccf;
      padding:20px 0;
      border: 2px solid #426ccf;
      border-radius:10px;
      position: relative; }
      @media (min-width: 769px) {
        .tab__content-customer .customer__btn .customer__anchor {
          padding: 21px 7.69231% 21px 19.23077%;
          border-radius:10px;
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
          transition-property: color, background-color;
          transition-duration: 0.3s;
          transition-delay: 0s;
          transition-timing-function: ease-in; }
          .tab__content-customer .customer__btn .customer__anchor:hover {
            color: #426ccf;
            background-color: #fff; } }

    .tab__content-customer .customer__btn .customer__anchor-off{
      color: #aaaaaa;
      border: 2px solid #aaaaaa;
    }
    .tab__content-customer .customer__btn .customer__anchor-off:hover {
            color: white;
            background-color: #aaaaaa; }


      .tab__content-customer .customer__btn .customer__anchor .customer__text::before,
      .tab__content-customer .customer__btn .customer__anchor .customer__text::after {
        content: "";
        width: 10px;
        height: 16px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 18px; }
        @media (min-width: 769px) {
          .tab__content-customer .customer__btn .customer__anchor .customer__text::before,
          .tab__content-customer .customer__btn .customer__anchor .customer__text::after {
            width: 2.5%;
            height: 23px;
            top: 50% !important;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            opacity: 1;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            transition-property: opacity;
            transition-duration: 0.3s;
            transition-delay: 0s;
            transition-timing-function: ease-in; } }
      .tab__content-customer .customer__btn .customer__anchor .customer__text::before {
        background-image: url(../images/link-bullet__arrow-blue.png); }
      .tab__content-customer .customer__btn .customer__anchor .customer__text::after {
        background-image: url(../images/link-bullet__arrowWhite.png); }

      .tab__content-customer .customer__btn .customer__anchor-off .customer__text::after {
        background-image: url(../images/link-bullet__arrow-gray.png); }


      @media (min-width: 769px) {
        .tab__content-customer .customer__btn .customer__anchor:hover .customer__text::after {
          opacity: 0; } }
      .tab__content-customer .customer__btn .customer__anchor::before, .tab__content-customer .customer__btn .customer__anchor::after {
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute; }
        @media (min-width: 769px) {
          .tab__content-customer .customer__btn .customer__anchor::before, .tab__content-customer .customer__btn .customer__anchor::after {
            top: 50% !important;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            opacity: 1;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            transition-property: opacity;
            transition-duration: 0.3s;
            transition-delay: 0s;
            transition-timing-function: ease-in; } }
      @media (min-width: 769px) {
        .tab__content-customer .customer__btn .customer__anchor:hover::after {
          opacity: 0; } }
    .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::after {
      width: 29px;
      height: 21px;
      top: 9px;
      left: 20px; }
@media (min-width: 769px) {
        .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::after {
          width: 11.15385%;
          height: 42px;
          left: 7.88462%; } }
    .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::before {
      background-image: url(../frontpage/images/customer__icon-balance.svg); }
    .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::after {
      background-image: url(../frontpage/images/customer__icon-balance-ov.svg); }
    .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::after {
      width: 32px;
      height: 25px;
      top: 8px;
      left: 19px; }
      @media (min-width: 769px) {
        .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::after {
          width: 12.11538%;
          height: 49px;
          left: 7.11538%; } }
    .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::before {
      background-image: url(../frontpage/images/customer__icon-takeover-ov.svg); }
    .tab__content-customer .customer__btn.customer__btn-takeover .customer__anchor::after {
      background-image: url(../frontpage/images/customer__icon-takeover.svg); }
    .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::after {
      width: 17px;
      height: 17px;
      top: 11px;
      left: 25px; }
      @media (min-width: 769px) {
        .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::after {
          width: 6.53846%;
          height: 34px;
          left: 9.61538%; } }
    .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::before {
      background-image: url(../frontpage/images/customer__icon-wallet.svg); }
    .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::after {
      background-image: url(../frontpage/images/customer__icon-wallet-ov.svg); }
  .tab__content-customer .cardComparison__container {
    max-width: 520px;
    margin: 0 auto 17px; }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container {
        border-radius: 12px; } }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container .cardComparison__item {
        height: 100%; } }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-card {
        border-radius: 12px; } }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-card .cardComparison__btn {
        background-image: url(../frontpage/images/cardComparison__linkBtn-card-2-ov.png); } }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-cardCase {
        border-radius: 0 12px 12px 0; } }
    @media (min-width: 769px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-cardCase .cardComparison__btn {
        background-image: url(../frontpage/images/cardComparison__linkBtn-app-sp-ov.svg); } }
    @media (max-width: 768px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-card .cardComparison__btn {
       max-width:80%;margin: 0 auto;} } 
@media (max-width: 768px) {
      .tab__content-customer .cardComparison__container .cardComparison__item-card {
        border-radius: 12px;} }
    @media (max-width: 768px) {.tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-balance .customer__anchor::after {
      width: 45px;
      height: 30px;
      top:15px;
		left:10px; } 

    .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::before, .tab__content-customer .customer__btn.customer__btn-wallet .customer__anchor::after {
      width:30px;
      height:30px;
      top:15px;
      left:20px; }}
.tab__content-customer .cardComparison__container .cardComparison__item-cardCase .cardComparison__btn img {
      background-color: #e6227b; }
    .tab__content-customer .cardComparison__container .cardComparison__card,
    .tab__content-customer .cardComparison__container .cardComparison__cardCase {
      width: 100%;
      height: 100%; }
    .tab__content-customer .cardComparison__container .cardComparison__anchor {
      display:flex;
		justify-content:center;
		align-items:center;
		flex-direction: column;
		text-decoration:none!important;
      width: 100%;
      height:100%;}
	      @media (max-width: 768px) {  .tab__content-customer .cardComparison__container .cardComparison__anchor {
     padding:5%;}	}  
@media (min-width: 769px) {
        .tab__content-customer .cardComparison__container .cardComparison__anchor:hover .cardComparison__btn img {
          opacity: 0; } }
    .tab__content-customer .cardComparison__container .cardComparison__btn {
      display: block; }
      @media (min-width: 769px) {
        .tab__content-customer .cardComparison__container .cardComparison__btn {
          width: 100%;
          max-width: 160px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          margin: 0 auto; } }
      .tab__content-customer .cardComparison__container .cardComparison__btn img {
        opacity: 1; }
        @media (min-width: 769px) {
          .tab__content-customer .cardComparison__container .cardComparison__btn img {
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            transition-property: opacity;
            transition-duration: 0.3s;
            transition-delay: 0s;
            transition-timing-function: ease-in; } }

/* WebMoneyの説明 */
.about {
  padding: 46px 0 43px; }
  @media (min-width: 769px) {
    .about {
      padding: 58px 0 63px; } }

.about__heading {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 19px; }
  @media (min-width: 769px) {
    .about__heading {
      font-size: 16px; } }

.about__heading-logo {
  display: block;
  width: 134px;
  margin: 0 auto 11px; }
  @media (min-width: 769px) {
    .about__heading-logo {
      width: 263px;
      margin-bottom: 21px; } }

.about__3points {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 520px;
  padding: 0 10px;
  margin: 0 auto; }
  .no-flexbox .about__3points {
    *zoom: 1; }
    .no-flexbox .about__3points:before, .no-flexbox .about__3points:after {
      content: " ";
      display: table; }
    .no-flexbox .about__3points:after {
      clear: both; }
  @media (min-width: 769px) {
    .about__3points {
      max-width: 1160px; } }

.about__point {
  color: #ff7800;
  font-size: 11px;
  line-height: 1.31818;
  text-align: center;
  width: 33.3%; }
  .no-flexbox .about__point {
    float: left; }
  @media (min-width: 769px) {
    .about__point {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.45;
      text-align: left; }
      .about__point:nth-child(1) {
        width: 37.10526%; }
        .about__point:nth-child(1) .about__image {
          width: calc(100% - 62.2%); }
        .about__point:nth-child(1) .about__text {
          width: calc(62.17494% - 20px); }
      .about__point:nth-child(2) {
        width: 32.80702%; }
        .about__point:nth-child(2) .about__image {
          width: calc(100% - 57.2%); }
        .about__point:nth-child(2) .about__text {
          width: calc(57.21925% - 20px); }
      .about__point:nth-child(3) {
        width: 30.08772%; }
        .about__point:nth-child(3) .about__image {
          width: calc(100% - 53.4%); }
        .about__point:nth-child(3) .about__text {
          width: calc(53.35277% - 20px); } }
  @media (min-width: 955px) {
    .about__point {
      font-size: 18px; } }
  @media (min-width: 1040px) {
    .about__point {
      font-size: 20px; } }

.about__image {
  max-width: 80px;
  margin: 0 0 8px; }
  @media (min-width: 769px) {
    .about__image {
      max-width: 160px;
      vertical-align: middle; } }

.about__text {
  margin: 0; }
  @media (min-width: 769px) {
    .about__text {
      vertical-align: middle;
      display: inline-block;
      margin: 0 0 0 8px; } }

/* おすすめのキャンペーン */
.campaign {
  background-color: #f2f2f2;
  padding: 52px 30px 42px; }
  @media (min-width: 769px) {
    .campaign {
      padding: 95px 0 125px;
      overflow: hidden; } }
  .campaign .heading-Lv2 {
    letter-spacing: 0.08em; }

@media (min-width: 769px) {
  .campaign__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 1220px;
    padding: 0 10px;
    margin: 0 auto 50px; }
    .no-flexbox .campaign__wrapper {
      *zoom: 1; }
      .no-flexbox .campaign__wrapper:before, .no-flexbox .campaign__wrapper:after {
        content: " ";
        display: table; }
      .no-flexbox .campaign__wrapper:after {
        clear: both; } }

.campaign__item {
  max-width: 440px;
  background-color: #fff;
  padding: 0 0 13px;
  border-radius: 0 0 6px 6px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .campaign__item {
      width: calc(33.3% - (80/1220/3)*100%);
      max-width: 374px;
      padding-bottom: 0;
      margin: 0 1.63934%; }
      .no-flexbox .campaign__item {
        float: left; }
      .campaign__item:nth-child(3n-2) {
        margin-left: 0; }
      .campaign__item:nth-child(3n) {
        margin-right: 0; } }
  .campaign__item + .campaign__item {
    margin-top: 20px; }
    @media (min-width: 769px) {
      .campaign__item + .campaign__item {
        margin-top: 0; } }
  @media (min-width: 769px) {
    .campaign__item:first-of-type {
      margin-left: 0; } }
  .campaign__item:last-of-type {
    margin-bottom: 26px; }
    @media (min-width: 769px) {
      .campaign__item:last-of-type {
        margin-bottom: 0;
        margin-right: 0; } }

.campaign__anchor {
  color: #222222;
  display: block;
  position: relative; }
  .campaign__anchor::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/link-bullet__arrowWhite-circleGray.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    bottom: 0; }
    @media (min-width: 769px) {
      .campaign__anchor::after {
        bottom: 20px; } }
  .campaign__anchor[target=_blank]::after {
    width: 13px;
    height: 13px;
    background-image: url(../images/link-bullet__outerLink.svg); }

.campaign__image {
  display: block;
  margin: 0 0 14px; }
  @media (min-width: 769px) {
    .campaign__image {
      margin-bottom: 23px; } }

.campaign__text {
  padding: 0 10px 0 15px; }
  @media (min-width: 769px) {
    .campaign__text {
      padding: 0 25px 20px 20px; } }

.campaign__iconContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 14px; }
  .no-flexbox .campaign__iconContainer {
    *zoom: 1; }
    .no-flexbox .campaign__iconContainer:before, .no-flexbox .campaign__iconContainer:after {
      content: " ";
      display: table; }
    .no-flexbox .campaign__iconContainer:after {
      clear: both; }
  @media (min-width: 769px) {
    .campaign__iconContainer {
      margin-right: -6px;
      margin-bottom: 21px; } }

.campaign__icon {
  color: #ffffff;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  min-width: 47px;
  padding: 2px;
  margin-right: 6px;
  margin-bottom: 3px; }
  @media (min-width: 769px) {
    .campaign__icon {
      font-size: 11px;
      font-weight: bold;
      padding: 3px 7px; } }
  @media (min-width: 1024px) {
    .campaign__icon {
      font-size: 12px; } }
  .no-flexbox .campaign__icon {
    float: left; }
  .campaign__icon:last-child {
    margin-right: 0; }
  .campaign__icon-buy {
    background-color: #426ccf; }
  .campaign__icon-use {
    background-color: #e7a014; }
  .campaign__icon-apply {
    background-color: #4e599c; }
  .campaign__icon-play {
    background-color: #82b74f; }
  .campaign__icon-tweet {
    background-color: #55acee; }

.campaign__title {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 16px; }
  @media (min-width: 769px) {
    .campaign__title {
      font-size: 16px;
      margin-bottom: 20px; } }

.campaign__date {
  color: #666666;
  font-size: 9px;
  line-height: 1;
  margin: 0; }
  @media (min-width: 769px) {
    .campaign__date {
      font-size: 11px; } }

/* おすすめのキャンペーン > ボタン > ラッパー */
@media (min-width: 769px) {
  .campaign__btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .no-flexbox .campaign__btn {
      text-align: center; }
    .campaign__btn .linkBtn__regular {
      margin: 0 10px; }
      .no-flexbox .campaign__btn .linkBtn__regular {
        display: inline-block; } }

/* WebMoneyに関する最新情報をお届け中！ */
.newsLetter {
  background-color: #b2cdff;
  padding: 33px 0 45px; }
  @media (min-width: 769px) {
    .newsLetter {
      padding: 83px 0 89px; }
      .newsLetter a {
        opacity: 1;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        transition-property: opacity;
        transition-duration: 0.3s;
        transition-delay: 0s;
        transition-timing-function: ease-in; }
        .newsLetter a:hover {
          opacity: 0.5; } }

/* WebMoneyに関する最新情報 > 見出し */
.newsLetter__heading {
  color: #1a4480;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.19444;
  text-align: center;
  margin: 0 0 20px; }
  @media (min-width: 769px) {
    .newsLetter__heading {
      font-size: 28px;
      margin-bottom: 10px; } }

/* WebMoneyに関する最新情報 > 虹色区切り線 */
.newsLetter__separator {
  height: 4px;
  background: url(../frontpage/images/newsLetter-separator.png) center center no-repeat;
  background-size: 100%;
  border: none 0;
  margin: 0 10px 30px; }
  @media (min-width: 769px) {
    .newsLetter__separator {
      width: 100%;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto; } }

/* メルマガ登録・公式SNS > ラッパー */
@media (min-width: 769px) {
  .registBtn__wrapper {
    text-align: center; } }

.newsLetter__type.type__list {
  list-style: none;
  padding: 0;
  margin: 0 0 13px; }
  @media (min-width: 769px) {
    .newsLetter__type.type__list {
      display: inline;
      margin-bottom: 0;
      margin-right: 14px; } }

.newsLetter__type .type__listItem {
  width: 270px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .newsLetter__type .type__listItem {
      display: inline-block;
      width: 100%;
      max-width: 340px; } }
  .newsLetter__type .type__listItem + .type__listItem {
    margin-top: 10px; }
    @media (min-width: 769px) {
      .newsLetter__type .type__listItem + .type__listItem {
        max-width: 405px;
        margin-top: 0;
        margin-left: 14px; } }

.newsLetter__type .type__anchor {
  color: #4873ce;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  display: block;
  height: 54px;
  background-color: #ffffff;
  border-radius: 4px;
  position: relative; }
  @media (min-width: 769px) {
    .newsLetter__type .type__anchor {
      font-size: 20px;
      height: 72px;
      border-radius: 8px; } }
  .newsLetter__type .type__anchor::before {
    content: "";
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute; }
  .newsLetter__type .type__anchor.is-melmaga::before {
    width: 56px;
    height: 36px;
    background-image: url(../frontpage/images/newsLetter-melmaga.png);
    top: 8px;
    right: 15px; }
    @media (min-width: 769px) {
      .newsLetter__type .type__anchor.is-melmaga::before {
        width: 77px;
        height: 48px;
        background-image: url(../frontpage/images/newsLetter-melmaga-pc.png);
        right: 10px; } }
  .newsLetter__type .type__anchor.is-pushNotifications::before {
    width: 40px;
    height: 32px;
    background-image: url(../frontpage/images/newsLetter-pushNotifications.png);
    top: 10px;
    right: 10px; }
    @media (min-width: 769px) {
      .newsLetter__type .type__anchor.is-pushNotifications::before {
        width: 49px;
        height: 54px;
        background-image: url(../frontpage/images/newsLetter-pushNotifications-pc.png);
        top: 9px;
        right: 8px; } }

.newsLetter__type .type__text {
  background: url(../images/link-bullet__arrow-blue.png) 0 center no-repeat;
  background-size: 6px 10px;
  padding-left: 10px;
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media (min-width: 769px) {
    .newsLetter__type .type__text {
      background-size: 8px 14px;
      left: 18px; } }

/* WebMoneyに関する最新情報 > SNSボタン */
.newsLetter__snsBtn.snsBtn__list {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0; }
  .no-flexbox .newsLetter__snsBtn.snsBtn__list {
    text-align: center; }
  @media (min-width: 769px) {
    .newsLetter__snsBtn.snsBtn__list {
      display: inline; } }

.newsLetter__snsBtn .snsBtn__listItem {
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
  padding: 0;
  margin: 0 4px; }
  @media (min-width: 769px) {
    .newsLetter__snsBtn .snsBtn__listItem {
      display: inline-block;
      width: 72px; } }
  .newsLetter__snsBtn .snsBtn__listItem + .snsBtn__listItem {
    margin-left: 13px; }
    @media (min-width: 769px) {
      .newsLetter__snsBtn .snsBtn__listItem + .snsBtn__listItem {
        margin-left: 10px; } }
  @media (min-width: 769px) {
    .newsLetter__snsBtn .snsBtn__listItem.snsBtn__listItem-line {
      display: none; } }
  .no-flexbox .newsLetter__snsBtn .snsBtn__listItem {
    display: inline-block;
    width: 50px; }
    @media (min-width: 769px) {
      .no-flexbox .newsLetter__snsBtn .snsBtn__listItem {
        width: 72px; } }
  @media (min-width: 769px) {
    .newsLetter__snsBtn .snsBtn__listItem {
      margin: 0; } }

/* WebMoneyをもっと便利に！ */
.variation {
  padding: 56px 0 0; }
  @media (min-width: 769px) {
    .variation {
      padding: 122px 0 80px;
      border-bottom: 4px solid #f2f2f2; } }
  @media (min-width: 769px) {
    .variation .heading-Lv2 {
      margin-bottom: 65px; } }

/* WebMoneyをもっと便利に > リスト（UL） */
.variation__list {
  list-style: none;
  padding: 0 20px;
  margin: 0 0 28px; }
  @media (min-width: 769px) {
    .variation__list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0;
      margin-bottom: 62px; }
      .no-flexbox .variation__list {
        *zoom: 1; }
        .no-flexbox .variation__list:before, .no-flexbox .variation__list:after {
          content: " ";
          display: table; }
        .no-flexbox .variation__list:after {
          clear: both; } }

/* WebMoneyをもっと便利に > リスト（LI） */
.variation__listItem {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  max-width: 440px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .variation__listItem {
      font-size: 16px;
      max-width: 374px;
      width: 31.6%;
      margin: 0 1.7%; }
      .no-flexbox .variation__listItem {
        float: left;
        width: 31%; } }
  .variation__listItem + .variation__listItem {
    margin-top: 37px; }
    @media (min-width: 769px) {
      .variation__listItem + .variation__listItem {
        margin-top: 0; } }
  @media (min-width: 769px) {
    .variation__listItem:first-child {
      margin-left: 0; } }
  @media (min-width: 769px) {
    .variation__listItem:nth-child(3) {
      margin-right: 0; } }
  .variation__listItem .variation__anchor {
    color: #222222; }
  .variation__listItem .variation__text {
    display: block;
    margin: 11px 0 0; }
    @media (min-width: 769px) {
      .variation__listItem .variation__text {
        margin-top: 30px; } }

.variation__imgContainer {
  position: relative;
  overflow: hidden; }

.variation__imgFront {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: ease-in;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .variation__listItem.is-app .variation__imgFront {
    display: block;
    max-width: 29.67914%;
    top: 35.20249%;
    left: 44.65241%;
    -webkit-transform-origin: 50% 60% 0;
        -ms-transform-origin: 50% 60% 0;
            transform-origin: 50% 60% 0; }
  @media (min-width: 769px) {
    .variation__listItem.is-card .variation__anchor:hover .variation__imgFront,
    .variation__listItem.is-sheet .variation__anchor:hover .variation__imgFront {
      -webkit-transform: scale(1.08);
          -ms-transform: scale(1.08);
              transform: scale(1.08); }
    .variation__listItem.is-app .variation__anchor:hover .variation__imgFront {
      -webkit-transform: scale(1.18);
          -ms-transform: scale(1.18);
              transform: scale(1.18); } }

/* もっとかしこく、あんぜんに */
.tipsAndSafety {
  padding: 59px 0 56px;
  overflow: hidden; }
  @media (min-width: 769px) {
    .tipsAndSafety {
      padding: 81px 0 121px; } }

/* もっとかしこく、あんぜんに > 見出し大 */
.tipsAndSafety__heading-Lv1 {
  font-size: 20px;
  font-weight: 100;
  line-height: 1;
  text-align: center;
  margin: 0 0 30px; }
  @media (min-width: 769px) {
    .tipsAndSafety__heading-Lv1 {
      font-size: 36px;
      font-weight: bold;
      font-weight: 400;
      margin-bottom: 33px; } }

/* もっとかしこく、あんぜんに > 見出し大直下のリード文 */
.tipsAndSafety__leadCopy {
  display: none; }
  @media (min-width: 769px) {
    .tipsAndSafety__leadCopy {
      color: #333333;
      font-size: 16px;
      font-weight: bold;
      font-weight: 400;
      text-align: center;
      display: block;
      margin: 0 0 60px; } }

/* もっとかしこく、あんぜんに > Tipsエリア */
.tipsAndSafety__tips {
  margin: 0 0 22px; }

.tips__container {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) {
    .tips__container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 24px; }
      .no-flexbox .tips__container {
        *zoom: 1; }
        .no-flexbox .tips__container:before, .no-flexbox .tips__container:after {
          content: " ";
          display: table; }
        .no-flexbox .tips__container:after {
          clear: both; } }

.tips__item {
  width: 190px;
  margin: 0 8px; }
  @media (min-width: 769px) {
    .tips__item {
      width: calc(33.3% - 15px);
      margin: 0 15px; }
      .no-flexbox .tips__item {
        width: 32%;
        float: left;
        margin: 0 2% 0 0; }
        .no-flexbox .tips__item:last-child {
          margin: 0; }
      .tips__item:nth-child(3n-2) {
        margin-left: 0; }
      .tips__item:nth-child(3n) {
        margin-right: 0; } }

.tips__anchor {
  display: block; }

.tips__copy {
  color: #333333;
  font-size: 12px;
  line-height: 1.25;
  display: block;
  padding-right: 15px;
  margin: 9px 0 0;
  position: relative; }
  @media (min-width: 769px) {
    .tips__copy {
      color: #333333;
      font-size: 14px;
      line-height: 1.5;
      padding-right: 17px; } }
  .tips__copy::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background-image: url(../images/link-bullet__arrowWhite-circleGray.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 3px; }
    @media (min-width: 769px) {
      .tips__copy::after {
        width: 12px;
        height: 12px;
        right: 7px;
        position: absolute;
        top: 4px;
        right: 2px; } }
  a[target=_blank] .tips__copy::after {
    width: 9px;
    height: 9px;
    background-image: url(../images/link-bullet__outerLink.svg); }
    @media (min-width: 769px) {
      a[target=_blank] .tips__copy::after {
        width: 13px;
        height: 13px; } }

/* もっとかしこく、あんぜんに > 安全にお使いいただくためにエリア */
.tipsAndSafety__safety {
  background: #f2f2f2;
  padding: 21px 10px 16px;
  margin: 0 -3px 18px; }
  @media (min-width: 769px) {
    .tipsAndSafety__safety {
      border-radius: 12px;
      padding: 46px 30px 34px;
      margin: 0 0 43px; } }

/* 安全にお使いいただくためにエリア > 見出し */
.tipsAndSafety__heading-Lv2 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin: 0 0 22px; }
  @media (min-width: 769px) {
    .tipsAndSafety__heading-Lv2 {
      color: #333333;
      font-size: 24px;
      font-weight: bold;
      font-weight: 400;
      margin-bottom: 36px; } }

/* 安全にお使いいただくためにエリア > バナーのコンテナ */
.safety__container {
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0 auto; }
  .no-flexbox .safety__container {
    *zoom: 1; }
    .no-flexbox .safety__container:before, .no-flexbox .safety__container:after {
      content: " ";
      display: table; }
    .no-flexbox .safety__container:after {
      clear: both; }
  @media (min-width: 769px) {
    .safety__container {
      max-width: 1140px; } }

/* 安全にお使いいただくためにエリア > バナー */
.safety__item {
  text-align: center;
  width: 45%;
  width: calc(50% - 5px);
  margin: 0 5px 10px; }
  .no-flexbox .safety__item {
    float: left; }
  @media (max-width: 768px) {
    .safety__item:nth-child(2n-1) {
      margin-left: 0; }
    .safety__item:nth-child(2n) {
      margin-right: 0; }
    .safety__item:last-child {
      margin-right: auto; } }
  @media (min-width: 769px) {
    .safety__item {
      width: calc(33.33% - 20px);
      max-width: 360px;
      margin: 0 15px 0; }
      .safety__item:nth-child(3n-2) {
        margin-left: 0; }
      .safety__item:nth-child(3n) {
        margin-right: 0; } }

.safety__anchor {
  display: block; }

.safety__image {
  vertical-align: bottom; }

/* ニュース・メンテナンス情報 */
.news__wrapper {
  background-color: #e5eeff;
  padding: 47px 10px 66px; }
  @media (min-width: 769px) {
    .news__wrapper {
      padding: 63px 0 80px; } }

@media (min-width: 769px) {
  .news__innerWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1220px;
    padding: 0 10px;
    margin: auto;
    position: relative; }
    .no-flexbox .news__innerWrapper {
      *zoom: 1; }
      .no-flexbox .news__innerWrapper:before, .no-flexbox .news__innerWrapper:after {
        content: " ";
        display: table; }
      .no-flexbox .news__innerWrapper:after {
        clear: both; } }

@media (min-width: 769px) {
  .newsBlock {
    width: calc(50% - 22px);
    background-color: white;
    margin: 0 22px;
    position: relative;
    overflow: hidden; }
    .no-flexbox .newsBlock {
      float: left; }
    .newsBlock:nth-child(2n-1) {
      margin-left: 0; }
    .newsBlock:nth-child(2n) {
      margin-right: 0; } }

.newsBlock + .newsBlock {
  margin-top: 46px; }
  @media (min-width: 769px) {
    .newsBlock + .newsBlock {
      margin-top: 0; } }

/* ニュース・メンテナンス情報 > 見出し */
.news__heading {
  font-size: 18px;
  font-weight: 100;
  line-height: 1;
  text-align: center;
  margin: 0 0 13px; }
  @media (min-width: 769px) {
    .news__heading {
      color: #333333;
      font-size: 28px;
      font-weight: bold;
      font-weight: 400;
      background-color: #e5eeff;
      padding-bottom: 30px;
      margin: 0; } }

/* ニュース・メンテナンス情報 > 白枠 */
.news__container {
  max-width: 640px;
  background-color: #ffffff;
  padding: 3px 10px 0;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .news__container {
      padding-top: 26px;
      padding-bottom: 73px; } }

/* ニュース・メンテナンス情報 > リスト（UL） */
.news__list {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 769px) {
    .news__list {
      min-height: 300px;
      position: relative; } }
  .news__list .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  .news__list .mCSB_scrollTools {
    width: 5px; }
  .news__list > .empty {
    color: #222222;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 32px 0 13px; }
    @media (min-width: 769px) {
      .news__list > .empty {
        color: #333333;
        font-size: 14px;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }

/* ニュース・メンテナンス情報 > リストアイテム（LI） */
.news__listItem {
  padding: 13px 0;
  border-bottom: 1px solid #dddddd;
  position: relative; }
  @media (min-width: 769px) {
    .news__listItem {
      padding: 0 0 23px;
      position: relative; }
      .news__listItem + .news__listItem {
        margin-top: 23px; } }
  .news__listItem::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/link-bullet__arrowWhite-circleGray.png) right bottom no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 3px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media (min-width: 769px) {
      .news__listItem::after {
        top: calc(50% - 12px);
        right: 14px; } }
  .news__listItem.is-outerLink::after {
    width: 13px;
    height: 13px;
    background-image: url(../images/link-bullet__outerLink.svg); }

/* ニュース・メンテナンス情報 > 掲載日 */
.news__date {
  font-size: 11px;
  line-height: 1;
  opacity: 0.5; }
  @media (min-width: 769px) {
    .news__date {
      color: #333333;
      font-size: 12px;
      font-weight: bold;
      font-weight: 400;
      display: inline-block;
      width: 80px;
      opacity: 1; } }

/* ニュース・メンテナンス情報 > カテゴリー表示 */
.news__ctg {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  display: inline-block;
  width: 62.5px;
  padding: 3px 0;
  border: solid 1px #222222;
  border-radius: 2px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }
  @media (min-width: 769px) {
    .news__ctg {
      width: 71px;
      border-radius: 3px;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); } }
  .news__ctg.ctg-importantNews {
    color: #ce2312;
    border-color: #ce2312; }
  .news__ctg.ctg-information {
    color: #e06f12;
    border-color: #e06f12; }
  .news__ctg.ctg-campaign {
    color: #246ac1;
    border-color: #246ac1; }
  .news__ctg.ctg-maintenance {
    color: #15a43a;
    border-color: #15a43a; }
  .news__ctg.ctg-disabilityInfo {
    color: #e84e61;
    border-color: #e84e61; }
  .news__ctg.ctg-restoration {
    color: #246ac1;
    border-color: #246ac1; }

/* ニュース・メンテナンス情報 > 記事タイトル */
.news__title {
  color: #222222;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  padding: 4px 27px 0 0; }
  @media (min-width: 769px) {
    .news__title {
      color: #333333;
      font-size: 14px;
      padding-right: 38px; } }
  @media (min-width: 769px) {
    .news__title:hover {
      text-decoration: underline; } }

@media (min-width: 769px) {
  .news__indexLinkContainer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; } }

/* ニュース・メンテナンス情報 > 一覧リンク */
.news__indexLink {
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  padding: 25px 0 35px;
  margin: 0 -5px; }
  @media (min-width: 769px) {
    .news__indexLink {
      font-size: 16px;
      font-weight: bold;
      font-weight: 700;
      padding: 0 0 29px;
      margin: 0; } }

.news__indexLinkAnchor {
  color: #4873ce;
  text-decoration: none;
  background: url(../images/link-bullet__blue.png) left center no-repeat;
  background-size: 12px;
  padding-left: 18px; }
  .news__indexLinkAnchor + .news__indexLinkAnchor {
    margin-left: 24px; }

/*ニュースリスト > もっと見る/閉じるボタン */
#newsListCloseBtn {
  color: white;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: block;
  width: 100%;
  background-color: #999999;
  padding: 16px 0;
  border: none 0;
  margin: 10px 0 0; }
  #newsListCloseBtn span {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 8px 5px;
    padding-right: 12px; }
  #newsListCloseBtn span.btn-open {
    background-image: url(../images/link-bullet__arrowWhite-t2b.svg); }
  #newsListCloseBtn span.btn-close {
    background-image: url(../images/link-bullet__arrowWhite-b2t.svg); }

/* カード・カードケース紹介 */
.cardComparison__container {
  position: relative;
  margin: 0 auto;
  *zoom: 1; }
  .cardComparison__container:before, .cardComparison__container:after {
    content: " ";
    display: table; }
  .cardComparison__container:after {
    clear: both; }

.cardComparison__item {
  width:100%;
  margin: 0; }
  @media (min-width: 769px) {
    .cardComparison__item {
      *zoom: 1; }
      .cardComparison__item:before, .cardComparison__item:after {
        content: " ";
        display: table; }
      .cardComparison__item:after {
        clear: both; } }

.cardComparison__item-card {
	background-color: #f67800;
}
.cardComparison__item-cardCase {
  background-color: #e6227b; }

/* カード・カードケース紹介 > 共通設定 */
.cardComparison__card,
.cardComparison__cardCase {
  text-align: center;
  margin: 0;
  overflow: hidden; }
  @media (min-width: 769px) {
    .cardComparison__card,
    .cardComparison__cardCase {
      width: 100%;
      max-width: 600px;
      position: relative; } }

/* カード・カードケース紹介 > WebMoney Card */
@media (min-width: 769px) {
  .is-footer .cardComparison__card {
    text-align: right;
    float: right; } }

/* カード・カードケース紹介 > WebMoney カードケース */
@media (min-width: 769px) {
  .is-footer .cardComparison__cardCase {
    text-align: left; } }

.is-footer .cardComparison__image, .is-footer
.cardComparison__image img {
  opacity: 1 !important; }

/* カード・カードケース紹介 > プラスマーク */
.cardComparison__cardCase::after {
  content: "";
  text-indent: -9999px;
  max-width: 43px;
  width: 13.4375%;
  background: url(../frontpage/images/card-plus.png) center top no-repeat;
  background-size: contain;
  padding-top: 13.4375%;
  position: absolute;
  top: 5.34759%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (min-width: 769px) {
    .cardComparison__cardCase::after {
      display: none; } }

/* カード・カードケース紹介 > 詳しく見るボタン */
.cardComparison__link {
  text-align: center;
  display: block;
  padding-bottom: 15px;
  margin: 0 20px; }
  @media (min-width: 769px) {
    .is-footer .cardComparison__link {
      width: 26.66667%;
      max-width: 160px;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 0;
      margin: 0;
      position: absolute;
      bottom: 21.94357%; } }
  @media (min-width: 769px) {
    .is-footer .cardComparison__item .ov-alpha:hover .cardComparison__link img {
      opacity: 0; } }
  @media (min-width: 769px) {
    .is-footer .cardComparison__card .cardComparison__link {
      background-image: url(../frontpage/images/card-card-btn-pc2-ov.png);
      left: 0.5%; } }
  @media (min-width: 769px) {
    .is-footer .cardComparison__cardCase .cardComparison__link {
      background-image: url(../frontpage/images/card-cardCase-btn-pc2-ov.png);
      left: 51.33333%; } }

/* カード・カードケース紹介 > アプリストアリンク */
.cardComparison__appStoreLink .is-appStore,
.cardComparison__appStoreLink .is-googlePlay {
  display: block;
  width: 16.66667%;
  max-width: 100px;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 7.52351%; }

.cardComparison__appStoreLink .is-appStore {
  left: 51.66667%; }

.cardComparison__appStoreLink .is-googlePlay {
  left: 69.33333%; }

/* フッター前のバナー */
.serviceBanner {
  padding: 50px 0 49px; }
  @media (min-width: 769px) {
    .serviceBanner {
      padding: 63px 0 77px; } }

.serviceBanner__container {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .no-flexbox .serviceBanner__container {
    display: block;
    text-align: center; }

.serviceBanner__item {
  padding: 0;
  margin: 0 5px; }
  @media (min-width: 769px) {
    .serviceBanner__item {
      margin: 0; }
      .serviceBanner__item + .serviceBanner__item {
        margin-left: 19px; }
      .serviceBanner__item.slick-slide {
        margin: 0 10px; }
      .no-flexbox .serviceBanner__item {
        display: inline-block; } }

.serviceBanner__anchor {
  display: block;
  width: 180px; }
  @media (min-width: 769px) {
    .serviceBanner__anchor {
      width: 213px; } }


/*20周年対応　中段テキストリンク*/
a.text_20th{
	color: #4873ce;
	text-decoration:underline;
}

a.text_20th:hover{
	text-decoration:none;
}