@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700");
html {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  background: #ffffff;
  font-size: 100%;
  line-height: 1; }

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*ulolのマーカー（行頭記号）を表示しないようにしています*/
ul, ol {
  list-style: none; }

/*引用符の表示が出ないようにしています*/
blockquote, q {
  quotes: none; }

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through; }

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
  vertical-align: middle; }

/*画像の余白削除*/
img {
  　　　vertical-align: bottom; }

/* CSS INFORMATION -====================================================
File name : general.css
Description : 単体記事作成時、レイアウト調整用CSS
===================================================================== */
/* =====================================================================
*    font
* =================================================================== */
.t_bold {
  font-weight: bold; }

.t_uline {
  text-decoration: underline; }

/* ---------- size ---------- */
.t_size_d2 {
  font-size: 80% !important;
  line-height: 1.4em  !important; }

.t_size_d1 {
  font-size: 90% !important;
  line-height: 1.4em !important; }

.t_size_u1 {
  font-size: 110% !important;
  line-height: 1.4em !important; }

.t_size_u2 {
  font-size: 120% !important;
  line-height: 1.4em !important; }

.t_size_u3 {
  font-size: 130% !important;
  line-height: 1.4em !important; }

/* ---------- color ---------- */
/* =====================================================================
*    visual
* =================================================================== */
/* ---------- textalign ---------- */
.t_left {
  text-align: left; }

.t_center {
  text-align: center; }

.t_right {
  text-align: right; }

/* ---------- float ---------- */
.ft_clear {
  overflow: hidden; }

.ft_left {
  float: left; }

.ft_right {
  float: right; }

/* ---------- padding top ---------- */
.pt_1 {
  padding-top: 0.5em !important; }

.pt_2 {
  padding-top: 1em !important; }

.pt_3 {
  padding-top: 1.5em !important; }

.pt_4 {
  padding-top: 2em !important; }

.pt_5 {
  padding-top: 2.5em !important; }

.pt_6 {
  padding-top: 3em !important; }

.pt_7 {
  padding-top: 3.5em !important; }

.pt_8 {
  padding-top: 4em !important; }

/* ---------- padding bottom ---------- */
.pb_1 {
  padding-bottom: 0.5em !important; }

.pb_2 {
  padding-bottom: 1em !important; }

.pb_3 {
  padding-bottom: 1.5em !important; }

.pb_4 {
  padding-bottom: 2em !important; }

.pb_5 {
  padding-bottom: 2.5em !important; }

.pb_6 {
  padding-bottom: 3em !important; }

.pb_7 {
  padding-bottom: 3.5em !important; }

.pb_8 {
  padding-bottom: 4em !important; }

/* ---------- padding left ---------- */
.pl_1 {
  padding-left: 0.5em !important; }

.pl_2 {
  padding-left: 1em !important; }

.pl_3 {
  padding-left: 1.5em !important; }

.pl_4 {
  padding-left: 2em !important; }

.pl_5 {
  padding-left: 2.5em !important; }

.pl_6 {
  padding-left: 3em !important; }

.pl_7 {
  padding-left: 3.5em !important; }

.pl_8 {
  padding-left: 4em !important; }

/* ---------- padding right ---------- */
.pr_1 {
  padding-right: 0.5em !important; }

.pr_2 {
  padding-right: 1em !important; }

.pr_3 {
  padding-right: 1.5em !important; }

.pr_4 {
  padding-right: 2em !important; }

.pr_5 {
  padding-right: 2.5em !important; }

.pr_6 {
  padding-right: 3em !important; }

.pr_7 {
  padding-right: 3.5em !important; }

.pr_8 {
  padding-right: 4em !important; }

/* ---------- margin top ---------- */
.mt_1 {
  margin-top: 0.5em !important;
  display: block; }

.mt_2 {
  margin-top: 1em !important;
  display: block; }

.mt_3 {
  margin-top: 1.5em !important;
  display: block; }

.mt_4 {
  margin-top: 2em !important;
  display: block; }

.mt_5 {
  margin-top: 2.5em !important;
  display: block; }

.mt_6 {
  margin-top: 3em !important;
  display: block; }

.mt_7 {
  margin-top: 3.5em !important;
  display: block; }

.mt_8 {
  margin-top: 4em !important;
  display: block; }

/* ---------- margin bottom ---------- */
.mb_1 {
  margin-bottom: 0.5em !important;
  display: block; }

.mb_2 {
  margin-bottom: 1em !important;
  display: block; }

.mb_3 {
  margin-bottom: 1.5em !important;
  display: block; }

.mb_4 {
  margin-bottom: 2em !important;
  display: block; }

.mb_5 {
  margin-bottom: 2.5em !important;
  display: block; }

.mb_6 {
  margin-bottom: 3em !important;
  display: block; }

.mb_7 {
  margin-bottom: 3.5em !important;
  display: block; }

.mb_8 {
  margin-bottom: 4em !important;
  display: block; }

/* ---------- margin left ---------- */
.ml_1 {
  margin-left: 0.5em !important;
  display: block; }

.ml_2 {
  margin-left: 1em !important;
  display: block; }

.ml_3 {
  margin-left: 1.5em !important;
  display: block; }

.ml_4 {
  margin-left: 2em !important;
  display: block; }

.ml_5 {
  margin-left: 2.5em !important;
  display: block; }

.ml_6 {
  margin-left: 3em !important;
  display: block; }

.ml_7 {
  margin-left: 3.5em !important;
  display: block; }

.ml_8 {
  margin-left: 4em !important;
  display: block; }

/* ---------- margin right ---------- */
.mr_1 {
  margin-right: 0.5em !important;
  display: block; }

.mr_2 {
  margin-right: 1em !important;
  display: block; }

.mr_3 {
  margin-right: 1.5em !important;
  display: block; }

.mr_4 {
  margin-right: 2em !important;
  display: block; }

.mr_5 {
  margin-right: 2.5em !important;
  display: block; }

.mr_6 {
  margin-right: 3em !important;
  display: block; }

.mr_7 {
  margin-right: 3.5em !important;
  display: block; }

.mr_8 {
  margin-right: 4em !important;
  display: block; }

.m_auto {
  margin-left: auto !important;
  margin-right: auto !important; }

/* CSS INFORMATION -====================================================
File name : base.css
Description :
===================================================================== */
/* =====================================================================
*    共通・大枠
* =================================================================== */
html {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
  color: #333333;
  font-size: 10px;
  font-size: 3.125vw;
  line-height: 1.4; }

#ytvgh_container {
  position: relative;
  z-index: 100; }

#ytvgh_container #ytvgh_headerInner {
  max-width: 1024px; }

#ytvgh_footbanner iframe {
  padding: 0 1%;
  margin: 2% auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper {
  background-color: #000; }

.inner {
  width: 100%;
  margin: 0 auto;
  position: relative; }

img {
  height: auto; }

@media screen and (min-width: 768px) {
  html {
    font-size: 0.9vw; }
  .inner {
    max-width: 1100px; } }

@media screen and (min-width: 1100px) {
  html {
    font-size: 10px; } }

@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .sp {
    display: none !important; } }

/* =====================================================================
*    .nav
* =================================================================== */
.chase-top_wrap.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  margin: auto; }

.chase-top_wrap {
  width: 100%;
  position: absolute;
  top: 0;
  margin: 114.06% 0 0; }

.chase-top_wrap .nav {
  position: relative; }

.chase-top_wrap .nav .menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 96.88%;
  margin: 0 auto; }

.chase-top_wrap .nav .menu_list li {
  width: 29.03%; }

.chase-top_wrap .nav .menu_list li:first-child {
  width: 38.71%; }

.chase-top_wrap .nav .menu_list li a {
  display: block;
  position: relative; }

@media screen and (min-width: 768px) {
  .chase-top_wrap.fixed .nav .menu_list {
    margin: 0 auto; }
  .chase-top_wrap {
    margin: 57.45% 0 0; }
  .chase-top_wrap .nav {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto; }
  .chase-top_wrap .nav .menu_list {
    width: 92.73%; }
  .chase-top_wrap .nav .menu_list li, .chase-top_wrap .nav .menu_list li:first-child {
    width: 32.35%; }
  .chase-top_wrap .nav .menu_list li a::before, .chase-top_wrap .nav .menu_list li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 24.24%;
    background: url(../images/btn_menu_introduction_off.png) no-repeat left top;
    background-size: 100% auto; }
  .chase-top_wrap .nav .menu_list li a::after {
    background: url(../images/btn_menu_introduction_on.png) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .chase-top_wrap .nav .menu_list li.menu_cast a::before {
    background: url(../images/btn_menu_cast_off.png) no-repeat left top;
    background-size: 100% auto; }
  .chase-top_wrap .nav .menu_list li.menu_cast a::after {
    background: url(../images/btn_menu_cast_on.png) no-repeat left top;
    background-size: 100% auto; }
  .chase-top_wrap .nav .menu_list li.menu_staff a::before {
    background: url(../images/btn_menu_staff_off.png) no-repeat left top;
    background-size: 100% auto; }
  .chase-top_wrap .nav .menu_list li.menu_staff a::after {
    background: url(../images/btn_menu_staff_on.png) no-repeat left top;
    background-size: 100% auto; }
  .chase-top_wrap .nav .menu_list li a:hover::after {
    opacity: 1;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease; }
  .chase-top_wrap .nav .menu_list li a img {
    display: none; } }

@media screen and (min-width: 1100px) {
  .chase-top_wrap {
    margin: 632px 0 0; } }

/* =====================================================================
*    #main
* =================================================================== */
/* =====================================================================
*    #pagetop
* =================================================================== */
.pagetop {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.pagetop a {
  display: block;
  width: 30%;
  margin: 0 auto; }

@media screen and (min-width: 768px) {
  .pagetop a {
    width: 14.55%;
    position: relative; }
  .pagetop a::before, .pagetop a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 50%;
    background: url(../images/btn_pagetop_off.png) no-repeat center top;
    background-size: 100% auto; }
  .pagetop a::after {
    background: url(../images/btn_pagetop_on.png) no-repeat center top;
    background-size: 100% auto;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease; }
  .pagetop a img {
    display: none; }
  .pagetop a:hover::after {
    opacity: 1;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease; } }

/* =====================================================================
*    #footer
* =================================================================== */
.footer {
  position: relative;
  padding: 3.43% 0;
  text-align: center;
  background-color: #000; }

.footer small {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.3; }

@media screen and (min-width: 768px) {
  .footer {
    padding: 2% 0 1.64%; }
  .footer small {
    font-size: 1.4rem;
    line-height: 1; } }

@media screen and (min-width: 1100px) {
  .footer {
    padding: 22px 0 18px; } }

/* =====================================================================
*    共通：brightcovePOPUP
* =================================================================== */
.bc_wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100000;
  display: none;
  cursor: pointer; }

.bc_wrapper .return_box {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.bc_wrapper .bc_movie_wrap {
  width: 100%;
  max-width: 700px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center; }

.bc_wrapper .bc_movie_wrap .bc_movie {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 5px; }

.bc_wrapper .bc_movie_wrap .bc_movie video {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px; }

.bc_wrapper .bc_movie_wrap .btn {
  padding: 10px; }

.bc_wrapper .bc_movie_wrap .btn a {
  margin-top: 4.3479%;
  font-size: 14px; }

.bc_popup {
  display: block;
  position: relative; }

@media screen and (min-width: 700px) {
  .bc_wrapper .bc_movie_wrap .btn a {
    margin-top: 20px; }
  .bc_popup:after {
    border-width: 35px 0 35px 60px; } }

/* ----------------------------------------------------------------
    common
----------------------------------------------------------------- */
img {
  max-width: 100%; }

.globalFooterInner, .fixedGlassInner, .indexParallaxInner {
  margin-right: auto;
  margin-left: auto;
  width: 94.8%; }
  @media screen and (min-width: 768px) {
    .globalFooterInner, .fixedGlassInner, .indexParallaxInner {
      max-width: 1020px; } }

.wrapper {
  position: relative; }

.gDef-top-banner {
  background: #000; }

/* ----------------------------------------------------------------
    header
----------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .globalHeader {
    height: 60px; } }

.globalHeaderTtl {
  position: relative; }
  @media screen and (max-width: 767px) {
    .globalHeaderTtl {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 0 10px 2.6%;
      width: calc(100% - 60px);
      height: 60px; } }
  @media screen and (min-width: 768px) {
    .globalHeaderTtl {
      margin: 0 auto;
      width: 94.8%;
      height: 186px;
      max-width: 960px;
      background: url(../images/common/bg_title_pc.jpg) no-repeat right; } }
  @media screen and (min-width: 768px) {
    .globalHeaderTtlWrap {
      background: #0f0f0f url(../images/common/bg_global_header_title_pc.png) repeat-x bottom; } }
  .globalHeaderTtl a {
    position: absolute;
    top: 50%;
    left: 2.6%;
    width: 98%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    @media screen and (max-width: 767px) {
      .globalHeaderTtl a {
        max-width: 318px; } }
    @media screen and (min-width: 768px) {
      .globalHeaderTtl a {
        left: 0;
        width: 60%;
        max-width: 517px; } }
    @media screen and (min-width: 768px) {
      .globalHeaderTtl a:hover {
        opacity: .8; } }

@media screen and (min-width: 768px) {
  .globalHeader .sns {
    position: absolute;
    bottom: 10px;
    right: 0; } }

.globalHeader .snsWrap {
  position: relative;
  margin: 0 auto;
  max-width: 1020px; }

@media screen and (max-width: 767px) {
  .globalNav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
    overflow: hidden;
    width: 100%;
    max-height: 0;
    background: #000;
    -webkit-transition: max-height .4s;
    transition: max-height .4s; } }

@media screen and (min-width: 768px) {
  .globalNav {
    position: relative;
    z-index: +2;
    background: url(../images/nav/bg_pc.jpg) repeat-y;
    background-size: 100% auto; } }

@media screen and (max-width: 767px) {
  html.active .globalNav {
    max-height: calc(100vh - 60px); } }

@media screen and (max-width: 767px) {
  .globalNavTtl {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0 2.6%;
    width: calc(100% - 60px);
    height: 60px; } }

@media screen and (min-width: 768px) {
  .globalNavTtl {
    display: none; } }

@media screen and (max-width: 767px) {
  .globalNavTtl a {
    position: absolute;
    top: 50%;
    left: 2.6%;
    width: 90%;
    max-width: 318px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); } }

.primaryNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .primaryNav {
      padding: 25px 23px;
      background: url(../images/nav/bg.jpg) repeat-y;
      background-size: 100% auto; } }
  @media screen and (min-width: 768px) {
    .primaryNav {
      margin: 0 auto;
      width: 90%;
      max-width: 1020px; } }
  @media screen and (max-width: 767px) {
    .primaryNav > li {
      margin: 0 12px 15px;
      width: calc(50% - 48px); }
    .primaryNav > li.nav_hulu {
        width: calc(100% - 72px);
    }
}
  @media screen and (min-width: 768px) {
    .primaryNav > li {
      width: calc(100% / 5);
      max-width: 204px; }
  .primaryNav > li img {
    vertical-align: top; }
.primaryNav > li.nav_hulu {
      width: calc(100% / 2.5);
      max-width: 408px; }
}

.navTrigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 60px;
  height: 60px; }
  @media screen and (min-width: 768px) {
    .navTrigger {
      display: none; } }
  .navTrigger span {
    display: block;
    position: absolute;
    top: 26px;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (min-width: 768px) {
      .navTrigger span {
        top: 32px; } }
    .navTrigger span::before, .navTrigger span::after {
      display: block;
      position: absolute;
      left: 0;
      width: 20px;
      height: 2px;
      background: #fff;
      content: "";
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
    .navTrigger span::before {
      top: -6px; }
    .navTrigger span::after {
      top: 6px; }
  html.active .navTrigger span {
    background: transparent; }
    html.active .navTrigger span::before {
      top: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    html.active .navTrigger span::after {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.global_social_link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .global_social_link ul > li {
    margin-left: 10px; }

/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */
.globalFooter {
  padding: 20px 0;
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .globalFooter {
      padding: 40px 0; } }
  @media screen and (min-width: 768px) {
    .globalFooterInner {
      position: relative;
      background: url(../images/img_footer_glass.png) no-repeat top left; } }
  .globalFooterSnsList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .globalFooterSnsList::before {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 63px;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #fff), color-stop(80%, #fff), to(transparent));
      background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
      content: "";
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      @media screen and (min-width: 768px) {
        .globalFooterSnsList::before {
          width: 70px; } }
    .globalFooterSnsList a {
      display: block;
      margin: 0 14px;
      width: 42px; }
    .globalFooterSnsList a:hover {
      opacity: 0.7; }
  .globalFooterBnr {
    margin: 0 auto 18px; }
    @media screen and (min-width: 768px) {
      .globalFooterBnr {
        margin-bottom: 30px;
        width: 60%;
        max-width: 572px; } }
    .globalFooterBnr a {
      display: inline-block; }
      @media screen and (min-width: 768px) {
        .globalFooterBnr a:hover {
          opacity: 0.8; } }
  .globalFooterPagetop {
    max-width: 181px; }
    @media screen and (max-width: 767px) {
      .globalFooterPagetop {
        margin: 0 auto 18px;
        width: 120px; } }
    @media screen and (min-width: 768px) {
      .globalFooterPagetop {
        position: absolute;
        bottom: 24px;
        right: 0;
        width: 18%; } }
  .globalFooter small {
    line-height: 1.5;
    font-size: 9px;
    font-size: 2.4vw; }
    @media screen and (min-width: 768px) {
      .globalFooter small {
        font-size: 1.4rem; } }

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
.bgBlack {
  position: relative;
  background: url(../images/common/bg_black.jpg) center repeat-y;
  background-size: 100% auto; }
  .bgBlack.intro {
    background: url(../images/common/bg_black_intro.jpg) center bottom;
    background-size: cover; }
  .bgBlackInner {
    position: relative;
    z-index: +1;
    margin: 0 auto;
    padding: 50px 2.6%;
    max-width: 1020px; }
    .intro .bgBlackInner {
      padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .bgBlack .sns {
      position: absolute;
      top: 10px;
      right: 2.6%; } }
  @media screen and (min-width: 768px) {
    .bgBlack .sns {
      display: none; } }

.bgDarkGray {
  background: url(../images/common/bg_darkgray.jpg); }
  .bgDarkGrayInner {
    margin: 0 auto;
    padding: 50px 2.6%;
    max-width: 1020px;
    color: #fff; }

.bgLightGray {
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 25px 3.55%;
  background: #eee;
  font-size: 14px;
  font-size: 3.73333vw; }
.bgLightGray.manga  {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
.manga p {
  text-align: center;
  font-size: 1.4em;
}
.manga p a:link { color: #fff; }
.manga p a:visited  { color: #fff; }
  @media screen and (min-width: 768px) {
    .bgLightGray {
      padding: 50px;
      font-size: 1.6rem; } }

.bgRed {
  position: relative;
  padding: 25px 2.6%;
  background: url(../images/common/bg_red.jpg) repeat-y;
  background-size: 100% auto; }
  @media screen and (min-width: 768px) {
    .bgRed {
      padding: 50px 2.6%; } }
  .bgRedInner {
    margin: 0 auto;
    max-width: 1020px; }

.fixedGlass {
  position: relative; }
  .fixedGlassInner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: none; }
    .fixedGlassInner .glass {
      position: absolute;
      background-size: cover; }
      .fixedGlassInner .glass.glass01 {
        top: 2%;
        right: 90%;
        width: 115px;
        height: 164px;
        background-image: url(../images/img_glass_large01.png); }
        @media screen and (min-width: 768px) {
          .fixedGlassInner .glass.glass01 {
            top: 2%;
            right: 100%;
            width: 229px;
            height: 328px; } }
      .fixedGlassInner .glass.glass02 {
        top: 2%;
        left: 90%;
        width: 180px;
        height: 228px;
        background-image: url(../images/img_glass_middle02.png); }
        @media screen and (min-width: 768px) {
          .fixedGlassInner .glass.glass02 {
            top: 2%;
            left: 100%;
            width: 360px;
            height: 456px; } }
      .fixedGlassInner .glass.glass03 {
        bottom: 2%;
        right: 90%;
        width: 181px;
        height: 243px;
        background-image: url(../images/img_glass_middle03.png); }
        @media screen and (min-width: 768px) {
          .fixedGlassInner .glass.glass03 {
            bottom: 2%;
            right: 100%;
            width: 361px;
            height: 485px; } }
      .fixedGlassInner .glass.glass04 {
        bottom: 1%;
        left: 90%;
        width: 158px;
        height: 146px;
        background-image: url(../images/img_glass_middle05.png); }
        @media screen and (min-width: 768px) {
          .fixedGlassInner .glass.glass04 {
            bottom: 1%;
            left: 100%;
            width: 315px;
            height: 292px; } }

.ttlSubpage {
  margin: 0 auto 24px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .ttlSubpage {
      margin-bottom: 16px;
      max-width: 140px; } }
  @media screen and (max-width: 767px) {
    .ttlSubpage.backnumber {
      max-width: 209px; } }
  @media screen and (max-width: 767px) {
    .ttlSubpage.intro {
      max-width: 220px; } }
  @media screen and (max-width: 767px) {
    .ttlSubpage.manga {
      max-width: 400px; } }

.linkMovie {
  display: block;
  margin: 0 auto 30px;
  max-width: 500px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .linkMovie {
      max-width: 646px; } }
  .linkMovie::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 46px;
    background: url(../images/common/icon_movie.png) no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.linkMovie.noMovie::before {
    display: none;
}
    @media screen and (min-width: 768px) {
      .linkMovie::before {
        width: 90px;
        height: 91px; } }

.thumbnail_area {
  position: relative;
  margin: 0 auto 30px;
  max-width: 500px; }
  @media screen and (min-width: 768px) {
    .thumbnail_area {
      max-width: 646px; } }
  .thumbnail_area .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .thumbnail_area .link a {
      display: block;
      height: 100%; }

.bc_popup {
  display: block;
  position: relative; }

.bc_popup:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/common/icon_movie.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: background 0.6s;
  transition: background 0.6s;
  z-index: 3; }

.bc_wrapper .bc_movie_wrap .btn a {
  display: block;
  border: 1px solid #fff;
  margin: 40px auto 0;
  padding: 15px 0;
  max-width: 280px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000 !important;
  letter-spacing: 2px;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  .sp {
    display: none; } }

@media screen and (max-width: 767px) {
  .pc {
    display: none; } }

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

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

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

.mt0 {
  margin-top: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt105 {
  margin-top: 105px !important; }

.mb105 {
  margin-bottom: 105px !important; }

.pt105 {
  padding-top: 105px !important; }

.pb105 {
  padding-bottom: 105px !important; }

.mt110 {
  margin-top: 110px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.pt110 {
  padding-top: 110px !important; }

.pb110 {
  padding-bottom: 110px !important; }

.mt115 {
  margin-top: 115px !important; }

.mb115 {
  margin-bottom: 115px !important; }

.pt115 {
  padding-top: 115px !important; }

.pb115 {
  padding-bottom: 115px !important; }

.mt120 {
  margin-top: 120px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.pt120 {
  padding-top: 120px !important; }

.pb120 {
  padding-bottom: 120px !important; }

.mt125 {
  margin-top: 125px !important; }

.mb125 {
  margin-bottom: 125px !important; }

.pt125 {
  padding-top: 125px !important; }

.pb125 {
  padding-bottom: 125px !important; }

.mt130 {
  margin-top: 130px !important; }

.mb130 {
  margin-bottom: 130px !important; }

.pt130 {
  padding-top: 130px !important; }

.pb130 {
  padding-bottom: 130px !important; }

.mt135 {
  margin-top: 135px !important; }

.mb135 {
  margin-bottom: 135px !important; }

.pt135 {
  padding-top: 135px !important; }

.pb135 {
  padding-bottom: 135px !important; }

.mt140 {
  margin-top: 140px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.pt140 {
  padding-top: 140px !important; }

.pb140 {
  padding-bottom: 140px !important; }

.mt145 {
  margin-top: 145px !important; }

.mb145 {
  margin-bottom: 145px !important; }

.pt145 {
  padding-top: 145px !important; }

.pb145 {
  padding-bottom: 145px !important; }

.mt150 {
  margin-top: 150px !important; }

.mb150 {
  margin-bottom: 150px !important; }

.pt150 {
  padding-top: 150px !important; }

.pb150 {
  padding-bottom: 150px !important; }

.mt155 {
  margin-top: 155px !important; }

.mb155 {
  margin-bottom: 155px !important; }

.pt155 {
  padding-top: 155px !important; }

.pb155 {
  padding-bottom: 155px !important; }

.mt160 {
  margin-top: 160px !important; }

.mb160 {
  margin-bottom: 160px !important; }

.pt160 {
  padding-top: 160px !important; }

.pb160 {
  padding-bottom: 160px !important; }

.mt165 {
  margin-top: 165px !important; }

.mb165 {
  margin-bottom: 165px !important; }

.pt165 {
  padding-top: 165px !important; }

.pb165 {
  padding-bottom: 165px !important; }

.mt170 {
  margin-top: 170px !important; }

.mb170 {
  margin-bottom: 170px !important; }

.pt170 {
  padding-top: 170px !important; }

.pb170 {
  padding-bottom: 170px !important; }

.mt175 {
  margin-top: 175px !important; }

.mb175 {
  margin-bottom: 175px !important; }

.pt175 {
  padding-top: 175px !important; }

.pb175 {
  padding-bottom: 175px !important; }

.mt180 {
  margin-top: 180px !important; }

.mb180 {
  margin-bottom: 180px !important; }

.pt180 {
  padding-top: 180px !important; }

.pb180 {
  padding-bottom: 180px !important; }

.mt185 {
  margin-top: 185px !important; }

.mb185 {
  margin-bottom: 185px !important; }

.pt185 {
  padding-top: 185px !important; }

.pb185 {
  padding-bottom: 185px !important; }

.mt190 {
  margin-top: 190px !important; }

.mb190 {
  margin-bottom: 190px !important; }

.pt190 {
  padding-top: 190px !important; }

.pb190 {
  padding-bottom: 190px !important; }

.mt195 {
  margin-top: 195px !important; }

.mb195 {
  margin-bottom: 195px !important; }

.pt195 {
  padding-top: 195px !important; }

.pb195 {
  padding-bottom: 195px !important; }

.mt200 {
  margin-top: 200px !important; }

.mb200 {
  margin-bottom: 200px !important; }

.pt200 {
  padding-top: 200px !important; }

.pb200 {
  padding-bottom: 200px !important; }

.mt0 {
  margin-top: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.mt8 {
  margin-top: 8px !important; }

.mb8 {
  margin-bottom: 8px !important; }

.pt8 {
  padding-top: 8px !important; }

.pb8 {
  padding-bottom: 8px !important; }

.mt16 {
  margin-top: 16px !important; }

.mb16 {
  margin-bottom: 16px !important; }

.pt16 {
  padding-top: 16px !important; }

.pb16 {
  padding-bottom: 16px !important; }

.mt24 {
  margin-top: 24px !important; }

.mb24 {
  margin-bottom: 24px !important; }

.pt24 {
  padding-top: 24px !important; }

.pb24 {
  padding-bottom: 24px !important; }

.mt32 {
  margin-top: 32px !important; }

.mb32 {
  margin-bottom: 32px !important; }

.pt32 {
  padding-top: 32px !important; }

.pb32 {
  padding-bottom: 32px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt48 {
  margin-top: 48px !important; }

.mb48 {
  margin-bottom: 48px !important; }

.pt48 {
  padding-top: 48px !important; }

.pb48 {
  padding-bottom: 48px !important; }

.mt56 {
  margin-top: 56px !important; }

.mb56 {
  margin-bottom: 56px !important; }

.pt56 {
  padding-top: 56px !important; }

.pb56 {
  padding-bottom: 56px !important; }

.mt64 {
  margin-top: 64px !important; }

.mb64 {
  margin-bottom: 64px !important; }

.pt64 {
  padding-top: 64px !important; }

.pb64 {
  padding-bottom: 64px !important; }

.mt72 {
  margin-top: 72px !important; }

.mb72 {
  margin-bottom: 72px !important; }

.pt72 {
  padding-top: 72px !important; }

.pb72 {
  padding-bottom: 72px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.mt88 {
  margin-top: 88px !important; }

.mb88 {
  margin-bottom: 88px !important; }

.pt88 {
  padding-top: 88px !important; }

.pb88 {
  padding-bottom: 88px !important; }

.mt96 {
  margin-top: 96px !important; }

.mb96 {
  margin-bottom: 96px !important; }

.pt96 {
  padding-top: 96px !important; }

.pb96 {
  padding-bottom: 96px !important; }

/*
== 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: 15px;
  margin-left: 10px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-red-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-red-4.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,
.mCS-red-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-red-4.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-red-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-red-4.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-red-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-red-4.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,
.mCS-red-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-red-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-red-4.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-red-4.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,
.mCS-red-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-red-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-red-4.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-red-4.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 "red-3" */
.mCS-red-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-red-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff; }

.mCS-red-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-red-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-red-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-red-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "red-4" */
.mCS-red-4.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-4.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-4.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-red-4.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #e3007f;
  background-color: #e3007f; }

.mCS-red-4.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ccc; }

.mCS-red-4.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-red-4.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-red-4.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-red-4.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden !important;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 98001;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 98002;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  overflow: visible;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #eee;
  border: 0;
  outline: 0;
  background: transparent; }
  @media screen and (min-width: 768px) {
    .remodal-close {
      top: 18px;
      right: 18px; } }

.remodal-close:hover,
.remodal-close:focus {
  color: #eee; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

.storyMyDoLink {
  font-size: 2rem;
  text-align: center;
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg); }
  @media screen and (max-width: 767px) {
    .storyMyDoLink {
      font-size: 14px;
      font-size: 3.73333vw; } }
  .storyMyDoLinkWrap {
    margin: 0 auto 15px;
    padding: 16px 0;
    width: 90%;
    max-width: 520px;
    background: url(../images/common/bg_purple.jpg);
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg); }
    @media screen and (min-width: 768px) {
      .storyMyDoLinkWrap {
        margin-bottom: 30px; } }
  .storyMyDoLink strong {
    display: inline-block;
    margin: 0 .25em;
    font-size: 2.4rem; }
    @media screen and (max-width: 767px) {
      .storyMyDoLink strong {
        font-size: 16px;
        font-size: 4.26667vw; } }
  .storyMyDoLink a {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none; }
    .storyMyDoLink a:hover {
      border-bottom-color: transparent; }

#next-story_area .title_area {
  border-bottom: 2px dotted #ccc; }
  #next-story_area .title_area .img_story-number {
    color: #333; }
  #next-story_area .title_area .guest_name {
    margin: 10px 0 20px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold; }
    #next-story_area .title_area .guest_name .notes {
      font-size: 10px;
      padding-top: 8px;
      display: block; }
      @media screen and (min-width: 768px) {
        #next-story_area .title_area .guest_name .notes {
          font-size: 14px; } }
    #next-story_area .title_area .guest_name span {
      margin-right: 6px;
      font-size: 12px;
      color: #fff;
      background: #000;
      padding: 4px 6px; }

#next-story_area .next_area .text_next {
  margin: 0 auto;
  padding: 20px 0;
  line-height: 1.8; }

#next-story_area .next_area .slide_img_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 767px) {
    #next-story_area .next_area .slide_img_wrap {
      position: relative;
      z-index: 10;
      margin-left: auto;
      margin-right: auto;
      padding: 4% 3.5715% 4%;
      width: 83.1625%; } }
  @media screen and (max-width: 767px) {
    #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner {
      min-height: 168px !important;
      overflow: hidden; } }
  @media screen and (min-width: 768px) {
    #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner {
      position: relative; } }
  @media screen and (min-width: 768px) {
    #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner .slide_img {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100% !important;
      position: static !important;
      overflow: visible !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner .slide_img li {
    list-style: none;
    float: left; }
    @media screen and (min-width: 768px) {
      #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner .slide_img li {
        width: 32% !important;
        margin-top: 12px;
        margin-right: 2%;
        float: none; } }
    @media screen and (min-width: 768px) {
      #next-story_area .next_area .slide_img_wrap .slide_img_wrap_inner .slide_img li:nth-child(3n) {
        margin-right: 0; } }
  #next-story_area .next_area .slide_img_wrap .btn_ctrl {
    width: 128%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -14%; }
    @media screen and (min-width: 768px) {
      #next-story_area .next_area .slide_img_wrap .btn_ctrl {
        display: none; } }
    #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_left,
    #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_right {
      width: 14.0625%;
      height: 0;
      padding-top: 18.75%;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto; }
      #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_left a,
      #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_right a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -999em;
        overflow: hidden; }
    #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_left {
      left: 0;
      background: url("../images/story/btn_list_image_left.png") no-repeat 60% center;
      background-size: 40% auto; }
    #next-story_area .next_area .slide_img_wrap .btn_ctrl .btn_right {
      right: 0;
      background: url("../images/story/btn_list_image_right.png") no-repeat 30% center;
      background-size: 40% auto; }

#backnumber .bnInner {
  margin: 0 auto;
  max-width: 1020px; }
  #backnumber .bnInner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -6px; }
    @media screen and (min-width: 768px) {
      #backnumber .bnInner ul {
        margin: 0 -10px; } }
    #backnumber .bnInner ul li {
      width: calc(50% - 12px);
      margin: 0 6px 10px;
      position: relative;
      line-height: 0; }
      @media screen and (min-width: 768px) {
        #backnumber .bnInner ul li {
          width: calc(100% / 3 - 21px);
          margin: 0 10px 20px; } }
    #backnumber .bnInner ul a {
      display: block;
      position: relarive; }
      #backnumber .bnInner ul a .img_story-number {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        width: 50px;
        height: auto; }
        @media screen and (min-width: 768px) {
          #backnumber .bnInner ul a .img_story-number {
            width: 108px;
            height: 108px; } }
        #backnumber .bnInner ul a .img_story-number img {
          vertical-align: top; }

.mainVisual {
  position: relative;
  margin: 0 auto;
  width: 94.8%; }
  @media screen and (min-width: 768px) {
    .mainVisual {
      max-width: 1600px; } }
  .mainVisualTtl {
    position: absolute;
    top: 36px;
    left: 50%;
    z-index: +1;
    max-width: 816px;
    width: 94.8%;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (min-width: 768px) {
      .mainVisualTtl {
        width: 50%; } }
    .mainVisualTtlWrap {
      position: relative;
      margin: 0 auto;
      width: 94.8%; }
      @media screen and (min-width: 768px) {
        .mainVisualTtlWrap {
          max-width: 1250px; } }
  .mainVisualTxt01 {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: +1;
    width: 100%;
    max-width: 1250px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    .mainVisualTxt01 img {
      max-width: 200px;
      width: 50%; }
      @media screen and (min-width: 768px) {
        .mainVisualTxt01 img {
          width: 20%; } }
  @media screen and (min-width: 768px) {
    .mainVisual .snsWrap {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 50%;
      width: 94.8%;
      max-width: 1020px;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  .mainVisual .snsWrap .sns {
    position: absolute;
    bottom: 0;
    right: 2.6%; }
    @media screen and (min-width: 768px) {
      .mainVisual .snsWrap .sns {
        right: 0;
        bottom: 16px; } }
  .mainVisualSlider {
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .mainVisualSlider {
        max-width: 1600px; } }
    .mainVisualSlider img {
      width: 100%; }

.animateFlash {
  position: absolute;
  background-size: cover;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: rotate(0.0001deg);
  transform: rotate(0.0001deg); }

.animateFlash01_01,
.animateFlash01_04,
.animateFlash03_01,
.animateFlash03_04 {
  top: 64%;
  left: 0%;
  width: 50%;
  padding-bottom: 50%;
  background-image: url(../images/index/img_flash_small01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash01_01,
    .animateFlash01_04,
    .animateFlash03_01,
    .animateFlash03_04 {
      top: 26%;
      left: -10%; } }

.animateFlash01_02,
.animateFlash03_02 {
  top: -11%;
  left: -31%;
  width: 100%;
  padding-bottom: 92%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash01_02,
    .animateFlash03_02 {
      top: -40%;
      left: -17%; } }
  .animateFlash01_02.loading,
  .animateFlash03_02.loading {
    -webkit-animation: blinkTwo 4s ease-in-out 4 1.1s forwards;
    animation: blinkTwo 4s ease-in-out 4 1.1s forwards; }

.animateFlash01_03,
.animateFlash03_03 {
  top: 57%;
  left: 52%;
  width: 100%;
  padding-bottom: 92%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash01_03,
    .animateFlash03_03 {
      top: 10%;
      left: 36%; } }

.animateFlash02_01 {
  top: 59%;
  left: -32%;
  width: 100%;
  padding-bottom: 92%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash02_01 {
      top: 0;
      left: 18%; } }

.animateFlash02_02 {
  top: -1%;
  left: 39%;
  width: 100%;
  padding-bottom: 92%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash02_02 {
      top: -70%;
      left: -1%; } }

.animateFlash02_03 {
  top: 59%;
  left: 41%;
  width: 80%;
  padding-bottom: 73.6%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash02_03 {
      top: -12%;
      left: -12%; } }

.animateFlash02_04 {
  width: 50%;
  padding-bottom: 50%;
  background-image: url(../images/index/img_flash_small01.png);
  top: 64%;
  left: 0%; }
  @media screen and (min-width: 768px) {
    .animateFlash02_04 {
      top: 4%;
      left: 57%; } }

.animateFlash02_05 {
  top: 59%;
  left: -32%;
  width: 100%;
  padding-bottom: 92%;
  background-image: url(../images/index/img_flash_large01.png); }
  @media screen and (min-width: 768px) {
    .animateFlash02_05 {
      top: 0;
      left: 18%; } }

.animateFlash01_01.loading {
  -webkit-animation: blink 0.5s ease-in-out 2.5s forwards;
  animation: blink 0.5s ease-in-out 2.5s forwards; }

.animateFlash01_02.loading {
  -webkit-animation: blink 0.5s ease-in-out 2.6s forwards;
  animation: blink 0.5s ease-in-out 2.6s forwards; }

.animateFlash01_03.loading {
  -webkit-animation: blink 0.5s ease-in-out 2.7s forwards;
  animation: blink 0.5s ease-in-out 2.7s forwards; }

.animateFlash01_04.loading {
  -webkit-animation: blink 0.5s ease-in-out 2.8s forwards;
  animation: blink 0.5s ease-in-out 2.8s forwards; }

.animateFlash02_01.loading {
  -webkit-animation: blinkTwo6s 6s ease-in-out 2 4.5s forwards;
  animation: blinkTwo6s 6s ease-in-out 2 4.5s forwards; }

.animateFlash02_02.loading {
  -webkit-animation: blinkTwo6s 6s ease-in-out 2 4.6s forwards;
  animation: blinkTwo6s 6s ease-in-out 2 4.6s forwards; }

.animateFlash02_03.loading {
  -webkit-animation: blinkTwo6s 6s ease-in-out 2 4.7s forwards;
  animation: blinkTwo6s 6s ease-in-out 2 4.7s forwards; }

.animateFlash02_04.loading {
  -webkit-animation: blinkTwo6s 6s ease-in-out 2 4.8s forwards;
  animation: blinkTwo6s 6s ease-in-out 2 4.8s forwards; }

.animateFlash02_05.loading {
  -webkit-animation: blinkTwo6s 6s ease-in-out 2 4.9s forwards;
  animation: blinkTwo6s 6s ease-in-out 2 4.9s forwards; }

.animateFlash03_01.loading {
  -webkit-animation: blinkTwo2s 2s ease-in-out 2 6.5s forwards;
  animation: blinkTwo2s 2s ease-in-out 2 6.5s forwards; }

.animateFlash03_02.loading {
  -webkit-animation: blinkTwo2s 2s ease-in-out 2 6.6s forwards;
  animation: blinkTwo2s 2s ease-in-out 2 6.6s forwards; }

.animateFlash03_03.loading {
  -webkit-animation: blinkTwo2s 2s ease-in-out 2 6.7s forwards;
  animation: blinkTwo2s 2s ease-in-out 2 6.7s forwards; }

.animateFlash03_04.loading {
  -webkit-animation: blinkTwo2s 2s ease-in-out 2 6.8s forwards;
  animation: blinkTwo2s 2s ease-in-out 2 6.8s forwards; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  10%, 100% {
    opacity: 0; } }

@keyframes blink {
  0% {
    opacity: 1; }
  10%, 100% {
    opacity: 0; } }

@-webkit-keyframes blinkTwo2s {
  0% {
    opacity: 1; }
  2.5%, 100% {
    opacity: 0; } }

@keyframes blinkTwo2s {
  0% {
    opacity: 1; }
  2.5%, 100% {
    opacity: 0; } }

@-webkit-keyframes blinkTwo6s {
  0% {
    opacity: 1; }
  0.83%, 100% {
    opacity: 0; } }

@keyframes blinkTwo6s {
  0% {
    opacity: 1; }
  0.83%, 100% {
    opacity: 0; } }

@-webkit-keyframes blinkTwo10s {
  0% {
    opacity: 1; }
  0.5%, 100% {
    opacity: 0; } }

@keyframes blinkTwo10s {
  0% {
    opacity: 1; }
  0.5%, 100% {
    opacity: 0; } }

.mydoArea {
  position: relative;
  z-index: +2;
  padding: 16px 0;
  background: url(../images/common/bg_purple.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  font-size: 2rem;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .mydoArea {
      font-size: 14px;
      font-size: 3.73333vw; } }
  .mydoArea strong {
    display: inline-block;
    margin: 0 .25em;
    font-size: 2.4rem; }
    @media screen and (max-width: 767px) {
      .mydoArea strong {
        font-size: 16px;
        font-size: 4.26667vw; } }
  .mydoArea a {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none; }
    .mydoArea a:hover {
      border-bottom-color: transparent; }

.indexParallaxWrap {
  position: relative; }

.indexParallaxInner {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  pointer-events: none; }
  @media screen and (min-width: 768px) {
    .indexParallaxInner.innerSmall {
      max-width: 860px; } }
  .indexParallaxInner .glass {
    position: absolute;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .indexParallaxInner .glass.glass01 {
        top: 0;
        right: 100%;
        width: 417px;
        height: 307px;
        background-image: url(../images/img_glass_middle01.png); } }
    @media screen and (min-width: 768px) {
      .indexParallaxInner .glass.glass02 {
        top: 0;
        left: 100%;
        width: 360px;
        height: 456px;
        background-image: url(../images/img_glass_middle02.png); } }
    @media screen and (min-width: 768px) {
      .indexParallaxInner .glass.glass03 {
        bottom: 0;
        right: 100%;
        width: 361px;
        height: 485px;
        background-image: url(../images/img_glass_middle03.png); } }
    @media screen and (min-width: 768px) {
      .indexParallaxInner .glass.glass04 {
        bottom: 7%;
        left: 100%;
        width: 296px;
        height: 327px;
        background-image: url(../images/img_glass_middle04.png); } }
    @media screen and (min-width: 768px) {
      .indexParallaxInner .glass.glass05 {
        bottom: 50%;
        right: 110%;
        width: 109px;
        height: 149px;
        background-image: url(../images/img_glass_small03.png); } }
    .indexParallaxInner .glass.glass06 {
      bottom: 8%;
      right: 90%;
      width: 59px;
      height: 83px;
      background-image: url(../images/img_glass_small01.png); }
      @media screen and (min-width: 768px) {
        .indexParallaxInner .glass.glass06 {
          bottom: 0;
          right: 100%;
          width: 117px;
          height: 166px; } }
    .indexParallaxInner .glass.glass07 {
      top: 32%;
      left: 90%;
      width: 58px;
      height: 83px;
      background-image: url(../images/img_glass_small02.png); }
      @media screen and (min-width: 768px) {
        .indexParallaxInner .glass.glass07 {
          top: 10%;
          left: 100%;
          width: 116px;
          height: 166px; } }
    .indexParallaxInner .glass.glass08 {
      top: 2%;
      right: 90%;
      width: 115px;
      height: 164px;
      background-image: url(../images/img_glass_large01.png); }
      @media screen and (min-width: 768px) {
        .indexParallaxInner .glass.glass08 {
          top: 10%;
          right: 100%;
          width: 229px;
          height: 328px; } }
    .indexParallaxInner .glass.glass09 {
      bottom: 31%;
      left: 90%;
      width: 115px;
      height: 164px;
      background-image: url(../images/img_glass_large02.png); }
      @media screen and (min-width: 768px) {
        .indexParallaxInner .glass.glass09 {
          bottom: 0;
          left: 100%;
          width: 230px;
          height: 327px; } }

.indexFixedGlass {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: +1;
  padding: 51px 0; }
  @media screen and (max-width: 767px) {
    .indexFixedGlass {
      overflow: hidden; } }
  .indexFixedGlass .sns {
    position: absolute;
    top: 16px;
    right: 2.6%;
    z-index: +1; }
    @media screen and (min-width: 768px) {
      .indexFixedGlass .sns {
        display: none; } }
  @media screen and (max-width: 767px) {
    .indexFixedGlass::before, .indexFixedGlass::after {
      position: absolute;
      width: 375px;
      background-size: cover;
      content: ""; } }
  @media screen and (max-width: 767px) {
    .indexFixedGlass::before {
      top: -16px;
      left: 2.6%;
      height: 154px;
      background-image: url(../images/img_glass_fix_top.png); } }
  @media screen and (max-width: 767px) {
    .indexFixedGlass::after {
      bottom: -32px;
      right: 2.6%;
      height: 164px;
      background-image: url(../images/img_glass_fix_bottom.png); } }

.indexFixedGlass .bnr {
    width: 94.8%;
    margin: 0 auto 4%;
    text-align: center;
    position: relative;
    z-index: +1;
}
@media screen and (min-width: 768px) {
    .indexFixedGlass .bnr {
        width: 94.8%;
        margin: 0 auto 2%;
    }

    .indexFixedGlass .bnr a:hover {
        opacity: 0.8;
    }
}
.indexNextStory {
  position: relative;
  z-index: +1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 94.8%;
  min-height: 392px;
  padding: 54px 2.6% 50px;
  max-width: 900px;
  background: #000;
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .indexNextStory {
      min-height: 790px; } }
  .indexNextStory::before, .indexNextStory::after {
    position: absolute;
    width: 105px;
    height: 105px;
    opacity: .35;
    content: ""; }
  .indexNextStory::before {
    top: 2px;
    left: 2px;
    background-image: url(../images/img_corner_lt.png); }
  .indexNextStory::after {
    bottom: 2px;
    right: 2px;
    background-image: url(../images/img_corner_rb.png); }
  .indexNextStoryTtl {
    margin: 0 auto 30px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .indexNextStoryTtl {
        width: 135px; } }
    .indexNextStoryTtlSub, #next-story_area .title_area .img_story-number, .musicName {
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px;
      font-size: 16px;
      font-size: 4.26667vw;
      font-weight: bold;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .indexNextStoryTtlSub, #next-story_area .title_area .img_story-number, .musicName {
          margin-bottom: 20px;
          font-size: 2.4rem; } }
      .indexNextStoryTtlSub::before, #next-story_area .title_area .img_story-number::before, .musicName::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 63px;
        height: 2px;
        background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e3007f), color-stop(80%, #e3007f), to(transparent));
        background: linear-gradient(to right, transparent 0%, #e3007f 20%, #e3007f 80%, transparent 100%);
        content: "";
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        @media screen and (min-width: 768px) {
          .indexNextStoryTtlSub::before, #next-story_area .title_area .img_story-number::before, .musicName::before {
            width: 70px; } }
      .indexNextStoryTtlSub strong, #next-story_area .title_area .img_story-number strong, .musicName strong {
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          .indexNextStoryTtlSub strong, #next-story_area .title_area .img_story-number strong, .musicName strong {
            font-size: 3rem; } }
  .indexNextStoryTxt {
    margin-bottom: 1em;
    font-size: 14px;
    font-size: 3.73333vw;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .indexNextStoryTxt {
        font-size: 2.2rem; } }
    .indexNextStoryTxt span {
      font-size: 10px;
      font-size: 2.66667vw; }
      @media screen and (min-width: 768px) {
        .indexNextStoryTxt span {
          font-size: 1.6rem; } }

.indexBnrChain {
  margin-bottom: 25px;
  padding: 24px 2.6%;
  background: url(../images/common/bg_purple.jpg) repeat-y;
  background-size: 100% auto;
  text-align: center; }
  .indexBnrChain a {
    position: relative;
    z-index: +1; }
  .indexBnrChain p.bnr {
    margin-top: 4%; }
    @media screen and (min-width: 768px) {
      .indexBnrChain a:hover {
        opacity: .8; } }

@media screen and (min-width: 768px) {
  .indexSnsWidgetInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1020px; } }

@media screen and (min-width: 768px) {
  .indexSnsWidgetLeft, .indexSnsWidgetRight {
    width: calc(50% - 20px); } }

@media screen and (min-width: 768px) {
  .indexSnsWidgetLeft {
    margin-right: 40px; } }

.indexSnsWidgetTtl {
  margin: 0 auto 16px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .indexSnsWidgetTtl {
      width: 180px; } }
  @media screen and (min-width: 768px) {
    .indexSnsWidgetTtl {
      margin-bottom: 24px; } }
  @media screen and (max-width: 767px) {
    .indexSnsWidgetTtl.instagram {
      width: 250px; } }

.indexSnsWidgetTwitter {
  border-radius: 6px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 20px;
  background: #eee; }

.indexSnsWidgetTwitter iframe {
    width: 700px !important;
}

.indexNewsList > li {
  padding: 10px;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .indexNewsList > li {
      font-size: 1.8rem; } }
  .indexNewsList > li:nth-child(odd) {
    background: #ccc; }
  .indexNewsList > li time {
    margin-bottom: 0.5em; }
    @media screen and (min-width: 768px) {
      .indexNewsList > li time {
        font-size: 1.4rem; } }
  .indexNewsList > li a {
    color: #333; }
    @media screen and (min-width: 768px) {
      .indexNewsList > li a {
        font-size: 1.8rem; } }
    @media screen and (min-width: 768px) {
      .indexNewsList > li a:hover {
        text-decoration: none; } }

.indexNewsListWrap {
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 20px;
  height: 350px;
  overflow-y: auto;
  background: #eee; }
  @media screen and (max-width: 767px) {
    .indexNewsListWrap {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    .indexNewsListWrap {
      height: 470px; } }

.platinightBlock {
  margin-top: 25px;
  padding: 25px 2.6%;
  color: #fff;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .platinightBlock {
      margin-top: 50px;
      padding: 50px 0; } }

.platinightTtl {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 4.26667vw;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .platinightTtl {
      font-size: 2.4rem; } }
  .platinightTtl::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 63px;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e3007f), color-stop(80%, #e3007f), to(transparent));
    background: linear-gradient(to right, transparent 0%, #e3007f 20%, #e3007f 80%, transparent 100%);
    content: "";
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (min-width: 768px) {
      .platinightTtl::before {
        width: 70px; } }
  .platinightTtl img {
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .platinightTtl img {
        width: 52vw; } }

.platinightTxt {
  line-height: 1.5;
  font-size: 14px;
  font-size: 3.73333vw; }
  @media screen and (min-width: 768px) {
    .platinightTxt {
      font-size: 1.8rem; } }
  .platinightTxt strong {
    font-size: 16px;
    font-size: 4.26667vw;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .platinightTxt strong {
        font-size: 2.1rem; } }
  .platinightTxt em {
    font-style: normal;
    font-weight: bold; }

.btnFollow {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .btnFollow {
      margin: 0 auto;
      width: 210px; } }

.btnStory {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .btnStory {
      margin: 0 auto;
      width: 210px; } }

.chartFig {
  position: relative;
  margin-bottom: 32px; }
  .chartFig a {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .chartFig a.c01 {
      top: 15.5%;
      left: 4%;
      width: 40%;
      padding-bottom: 42%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c01 {
          top: 9%;
          left: 24%;
          width: 28%;
          padding-bottom: 30%; } }
    .chartFig a.c02 {
      top: 24.5%;
      left: 68%;
      width: 31%;
      padding-bottom: 40%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c02 {
          top: 31%;
          left: 72%;
          width: 27%;
          padding-bottom: 25%; } }
    .chartFig a.c03 {
      top: 40%;
      left: 3%;
      width: 28%;
      padding-bottom: 35%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c03 {
          top: 41%;
          left: 1%;
          width: 22%;
          padding-bottom: 31%; } }
    .chartFig a.c04 {
      top: 60%;
      left: 8%;
      width: 24%;
      padding-bottom: 29%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c04 {
          top: 65%;
          left: 24%;
          width: 12%;
          padding-bottom: 14%; } }
    .chartFig a.c05 {
      top: 60%;
      left: 33%;
      width: 24%;
      padding-bottom: 29%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c05 {
          top: 65%;
          left: 37%;
          width: 12%;
          padding-bottom: 14%; } }
    .chartFig a.c06 {
      top: 1%;
      left: 3%;
      width: 30%;
      padding-bottom: 27%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c06 {
          top: 9%;
          left: 1%;
          width: 19%;
          padding-bottom: 22%; } }
    .chartFig a.c07 {
      top: 72.5%;
      left: 33%;
      width: 24%;
      padding-bottom: 29%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c07 {
          top: 81%;
          left: 37%;
          width: 12%;
          padding-bottom: 15%; } }
    .chartFig a.c08 {
      top: 72.5%;
      left: 8%;
      width: 24%;
      padding-bottom: 29%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c08 {
          top: 81%;
          left: 24%;
          width: 12%;
          padding-bottom: 15%; } }
    .chartFig a.c09 {
      top: 73%;
      left: 71%;
      width: 26%;
      padding-bottom: 29%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c09 {
          top: 77%;
          left: 84%;
          width: 15%;
          padding-bottom: 19%; } }
    .chartFig a.c10 {
      top: 15.5%;
      left: 44%;
      width: 19%;
      padding-bottom: 26%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c10 {
          top: 9%;
          left: 53%;
          width: 14%;
          padding-bottom: 18%; } }
    .chartFig a.c11 {
      top: 61.5%;
      left: 71%;
      width: 26%;
      padding-bottom: 27%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c11 {
          top: 77%;
          left: 70%;
          width: 14%;
          padding-bottom: 19%; } }
    .chartFig a.c12 {
      top: 50%;
      left: 71%;
      width: 26%;
      padding-bottom: 27%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c12 {
          top: 77%;
          left: 54%;
          width: 16%;
          padding-bottom: 19%; } }
    .chartFig a.c13 {
      top: 40%;
      left: 32%;
      width: 28%;
      padding-bottom: 35%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c13 {
          top: 47%;
          left: 52%;
          width: 20%;
          padding-bottom: 24%; } }
    .chartFig a.c14 {
      top: 5%;
      left: 63%;
      width: 35%;
      padding-bottom: 38%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c14 {
          top: 3%;
          left: 72%;
          width: 25%;
          padding-bottom: 23%; } }
    .chartFig a.c15 {
      top: 86%;
      left: 18%;
      width: 23%;
      padding-bottom: 30%; }
      @media screen and (min-width: 768px) {
        .chartFig a.c15 {
          top: 79%;
          left: 3%;
          width: 15%;
          padding-bottom: 18%; } }
  .chartFigTxt {
    text-align: center; }

.chartModal {
  border-radius: 6px;
  padding: 25px 3.55%;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  background: url(../images/img_glass_large02.png) no-repeat -22px -10px, url(../images/common/bg_red.jpg) repeat-y;
  background-size: 142px auto, 100% auto;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .chartModal {
      padding: 50px;
      max-width: 1020px;
      background: url(../images/img_glass_large02.png) no-repeat bottom -142px left -26px, url(../images/img_glass_small03.png) no-repeat top -10px right 60px, url(../images/common/bg_red.jpg) repeat-y;
      background-size: 285px auto, 91px auto, 100% auto; } }

.chartCastItem {
  font-size: 14px;
  font-size: 3.73333vw; }
  @media screen and (min-width: 768px) {
    .chartCastItem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 1.6rem; } }
  .chartCastItem .thumb {
    max-width: 160px; }
    @media screen and (max-width: 767px) {
      .chartCastItem .thumb {
        margin: 0 auto 16px; } }
    @media screen and (min-width: 768px) {
      .chartCastItem .thumb {
        width: 30%;
        max-width: 264px; } }
  @media screen and (min-width: 768px) {
    .chartCastItem .right {
      width: calc(70% - 30px); } }
  .chartCastItem .name {
    margin-bottom: 16px;
    padding-bottom: 1em;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .chartCastItem .name {
        text-align: center; } }
    .chartCastItem .name .name01, .chartCastItem .name .name02 {
      display: inline-block; }
    .chartCastItem .name .name01 {
      position: relative;
      font-size: 13px;
      font-size: 3.46667vw;
      line-height: 1;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .chartCastItem .name .name01 {
          font-size: 1.8rem; } }
      .chartCastItem .name .name01 .name {
        font-size: 18px;
        font-size: 4.8vw;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          .chartCastItem .name .name01 .name {
            font-size: 2.6rem; } }
      .chartCastItem .name .name01En {
        display: block;
        position: absolute;
        bottom: -1.5em;
        left: 0;
        width: 120%;
        font-size: 9px;
        font-size: 2.4vw;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .chartCastItem .name .name01En {
            font-size: 1.2rem; } }
    .chartCastItem .name .name02 {
      margin-left: 1em;
      line-height: 1; }
      @media screen and (min-width: 768px) {
        .chartCastItem .name .name02 {
          font-size: 2.2rem; } }
    @media screen and (max-width: 767px) {
      .chartCastItem .name.small .name01 {
        font-size: 11px;
        font-size: 2.93333vw; } }
    @media screen and (max-width: 767px) {
      .chartCastItem .name.small .name01 .name {
        font-size: 13px;
        font-size: 3.46667vw; } }
    @media screen and (max-width: 767px) {
      .chartCastItem .name.small .name02 {
        font-size: 11px;
        font-size: 2.93333vw; } }
  .chartCastItem .txtWrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    padding: 14px 4px;
    max-height: 300px;
    background: #fff;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .chartCastItem .txtWrap {
        padding: 20px 10px; } }
    .chartCastItem .txtWrap p {
      margin-bottom: 1em;
      line-height: 1.8; }
      .chartCastItem .txtWrap p:last-of-type {
        margin-bottom: 0; }

.musicThumb {
  margin: 0 auto 30px;
  text-align: center; }

@media screen and (min-width: 768px) {
  .musicName {
    font-size: 3rem; } }

.musicArtistName {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 3.73333vw;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .musicArtistName {
      font-size: 2.4rem; } }

.musicArtistlogo {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 3.73333vw;
  text-align: center;
  margin: 0;}
  @media screen and (min-width: 768px) {
    .musicArtistlogo {
      font-size: 1.6rem; } }

.musicProfileTxt {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 3.73333vw;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .musicProfileTxt {
      font-size: 1.6rem; } }

.musicProfileBtn {
  display: block;
  margin: 0 auto;
  text-align: center; }

.csSection {
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .csSection {
      margin-bottom: 70px; } }

.csCastList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .csCastList {
      margin-bottom: 30px;
      padding-bottom: 30px; } }
  .csCastList::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 63px;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e3007f), color-stop(80%, #e3007f), to(transparent));
    background: linear-gradient(to right, transparent 0%, #e3007f 20%, #e3007f 80%, transparent 100%);
    content: "";
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (min-width: 768px) {
      .csCastList::before {
        width: 70px; } }
  .csCastList:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0; }
    .csCastList:last-of-type::before {
      display: none; }
  .csCastList > dt,
  .csCastList > dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .15em;
    width: 50%;
    line-height: 1.5;
    font-size: 15px;
    font-size: 4vw; }
    @media screen and (min-width: 768px) {
      .csCastList > dt,
      .csCastList > dd {
        font-size: 2.6rem; } }
    .csCastList > dt:last-of-type,
    .csCastList > dd:last-of-type {
      margin-bottom: 0; }
  .csCastList > dt {
    position: relative;
    padding-right: 1em;
    color: #e3007f;
    font-weight: bold;
    text-align: right; }
    .csCastList > dt::after {
      position: absolute;
      top: 0;
      right: -.5em;
      color: #333;
      font-weight: normal;
      content: "："; }
  .csCastList > dd {
    padding-left: 1em; }

.csStaffList {
  text-align: center; }
  .csStaffList > dt,
  .csStaffList > dd {
    line-height: 1.5; }
  .csStaffList > dt {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #e3007f;
    font-size: 17px;
    font-size: 4.53333vw;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .csStaffList > dt {
        margin-bottom: 20px;
        font-size: 2.8rem; } }
    .csStaffList > dt::before {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 63px;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e3007f), color-stop(80%, #e3007f), to(transparent));
      background: linear-gradient(to right, transparent 0%, #e3007f 20%, #e3007f 80%, transparent 100%);
      content: "";
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      @media screen and (min-width: 768px) {
        .csStaffList > dt::before {
          width: 70px; } }
  .csStaffList > dd {
    margin-bottom: 16px;
    font-size: 14px;
    font-size: 3.73333vw; }
    @media screen and (min-width: 768px) {
      .csStaffList > dd {
        margin-bottom: 32px;
        font-size: 2.4rem; } }
    .csStaffList > dd:last-of-type {
      margin-bottom: 0; }

.newsListItem {
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .newsListItem {
      margin-bottom: 30px; } }
  .newsListItem:last-of-type {
    margin-bottom: 0; }
  .newsListItemDate {
    display: block;
    line-height: 1.5;
    color: #777;
    font-size: 12px;
    font-size: 3.2vw; }
    @media screen and (max-width: 767px) {
      .newsListItemDate {
        margin-bottom: .25em; } }
    @media screen and (min-width: 768px) {
      .newsListItemDate {
        width: 110px;
        font-size: 1.6rem; } }
  .newsListItemTtl {
    line-height: 1.5;
    font-size: 15px;
    font-size: 4vw;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .newsListItemTtl {
        width: calc(100% - 110px);
        font-size: 2rem; } }
    .newsListItemTtlWrap {
      position: relative;
      margin-bottom: 15px;
      padding-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .newsListItemTtlWrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-bottom: 30px; } }
    .newsListItemTtl::before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 63px;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #e3007f), color-stop(80%, #e3007f), to(transparent));
      background: linear-gradient(to right, transparent 0%, #e3007f 20%, #e3007f 80%, transparent 100%);
      content: ""; }
      @media screen and (min-width: 768px) {
        .newsListItemTtl::before {
          width: 70px; } }
  .newsListItemThumb, .newsListItemBoxCol2Thumb {
    margin: 0 auto 15px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .newsListItemThumb, .newsListItemBoxCol2Thumb {
        margin-bottom: 30px;
        max-width: 800px; } }
  .newsListItemTxt, .newsListItemBoxCol2Txt {
    margin: 0 auto 15px;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .newsListItemTxt, .newsListItemBoxCol2Txt {
        margin-bottom: 30px;
        max-width: 800px; } }
  .newsListItemBtn {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .newsListItemBtn {
        margin: 0 auto;
        width: 210px; } }
  @media screen and (min-width: 768px) {
    .newsListItemBoxCol2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 768px) {
    .newsListItemBoxCol2.right .newsListItemBoxCol2Thumb {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      order: 2; } }
  @media screen and (min-width: 768px) {
    .newsListItemBoxCol2.right .newsListItemBoxCol2Txt {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 1;
      order: 1; } }
  @media screen and (min-width: 768px) {
    .newsListItemBoxCol2Thumb {
      margin-right: 0;
      margin-left: 0;
      width: 40%; } }
  @media screen and (min-width: 768px) {
    .newsListItemBoxCol2Txt {
      margin-right: 0;
      margin-left: 0;
      width: calc(80% - 30px); } }

  .newsListItemBoxCol2Txt img {
    margin: 10px auto;
  }

.introImg {
  display: block;
  margin-bottom: 30px; }
  .introImg.mb0 {
    margin-bottom: 0; }