@charset "UTF-8";
meta.foundation-version {
  font-family: "/5.5.1/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}

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

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

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:736px) and (max-width:1000px)/";
  width: 736px;
}

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

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1001px) and (max-width:1280px)/";
  width: 1001px;
}

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

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1281px) and (max-width:1680px)/";
  width: 1281px;
}

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

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

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
}

/* ==========================================================================
Base
========================================================================== */
* {
  box-sizing: border-box;
}

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

html {
  background-color: #2A282B;
}

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

body {
  background: #FFFFFF;
  color: #3d3d3d;
  padding: 0;
  margin: 0;
  font-family: "メイリオ", "Meiryo UI", "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Meiryo, Osaka, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  display: inline-block;
}
@media only screen and (min-width: 736px) {
  body {
    line-height: 1.7;
  }
}

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

audio,
canvas,
video {
  display: inline-block;
}

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

/* テキスト
-------------------------------------------*/
p {
  margin: 0 0 0 0;
  font-size: 0.875rem;
  color: #3d3d3d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin: 0 0 0 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 0.75rem;
  line-height: 1;
}

h1 {
  font-size: 1.25rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1rem;
}

h4 {
  font-size: 1rem;
}

h1 {
  line-height: 3.375rem;
}

h2 {
  line-height: 2.75rem;
  color: #14a5c0;
  margin-bottom: 0.625rem;
}

h3 {
  color: #14a5c0;
  margin-bottom: 0.625rem;
}
@media only screen and (max-width: 735px) {
  h3 {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 735px) {
  h4 {
    font-size: 0.875rem;
  }
}

em,
i {
  font-style: normal;
  font-weight: normal;
}

code {
  background-color: #ededed;
  border-color: #dddddd;
  color: #070002;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 0.875rem;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px;
  margin: 0 0.1875rem;
  word-wrap: break-word;
}

/* 画像
-------------------------------------------*/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* リンク
-------------------------------------------*/
a {
  color: #14a5c0;
  text-decoration: none;
  line-height: inherit;
  text-decoration: underline;
}
a:hover, a:active {
  color: #10849a;
  text-decoration: none;
  opacity: 0.8;
  /*
  @if $anchor-text-decoration-hover != $anchor-text-decoration {
    text-decoration: $anchor-text-decoration-hover;
  }
  */
}
a img {
  border: none;
}

/* テーブル
-------------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* リスト
-------------------------------------------*/
dl {
  margin: 0;
  padding: 0;
}

ul,
ol {
  margin: 0;
  padding-left: 0;
  margin-bottom: 0;
  margin-bottom: 1em;
  list-style-position: outside;
}
ul li,
ol li {
  list-style: none;
  font-size: 0.875rem;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
  margin-left: 0;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75rem;
  margin-left: 0;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #3d3d3d;
  cursor: help;
}

abbr {
  text-transform: none;
}
abbr[title] {
  border-bottom: 1px dotted #cecece;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cecece;
}
blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #7b0023;
}

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

/* フォーム
-------------------------------------------*/
form {
  margin: 0;
}

input,
select,
textarea,
button {
  margin: 0;
  color: #000;
  font-size: 1em;
  font-family: "メイリオ", "Meiryo UI", "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Meiryo, Osaka, sans-serif;
  vertical-align: baseline;
}

input {
  font-size: 1em;
  margin-right: 5px;
}

select {
  margin-right: 5px;
  margin-left: 5px;
}
@media only screen and (max-width: 735px) {
  select {
    font-size: 1rem;
  }
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input[type="radio"] {
  margin: 0;
  margin-top: 1px;
  vertical-align: middle;
}

strong {
  color: #F4341A;
  font-weight: normal;
}

/* ==========================================================================
ヘッダー
========================================================================== */
meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:736px)/";
  width: 736px;
}

/* layout
-------------------------------------------*/
.l-header {
  background: #FFFFFF;
  border-top: solid 13px #14a5c0;
  box-shadow: 1px 0px 2px #d7d7d7, 1px 0px 2px #d7d7d7, 1px 0px 2px #d7d7d7, 1px 0px 2px #d7d7d7, 1px 0px 2px #d7d7d7;
  width: 100%;
}
@media screen and (orientation: landscape) {
  .l-header {
    width: 100%;
  }
}
.l-header header {
  padding-top: 15px;
  padding-bottom: 10px;
  max-width: 61.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 735px) {
  .l-header header {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.l-header header table {
  width: 100%;
}
.l-header header table a {
  text-decoration: underline;
  color: #14a5c0;
  font-size: 0.875rem;
}
.l-header header table .SiteTitle {
  font-size: 1.625rem;
  font-weight: bold;
  color: #14a5c0;
}
@media only screen and (max-width: 735px) {
  .l-header header table .SiteTitle {
    font-size: 1.1875rem;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 50px;
    height: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3;
  }
}
.l-header header table .RightSpace {
  text-align: right;
  vertical-align: bottom;
}
.l-header header table .RightSpace ul {
  width: 260px;
}
.l-header header table .RightSpace a {
  margin-left: 18px;
}
.l-header header table .RightSpace .tab-bar {
  display: none;
}
@media only screen and (max-width: 735px) {
  .l-header header table .RightSpace {
    vertical-align: middle;
    text-align: left;
    width: auto;
  }
  .l-header header table .RightSpace .list-inline {
    display: none;
  }
  .l-header header table .RightSpace a {
    margin-left: 0;
  }
  .l-header header table .RightSpace a:hover, .l-header header table .RightSpace a:active {
    border: none;
    background: none;
    text-decoration: none;
    box-shadow: none;
  }
  .l-header header table .RightSpace .tab-bar {
    display: block;
    width: 40px;
    background: none;
  }
  .l-header header table .RightSpace .tab-bar .right-small {
    border: none;
  }
  .l-header header table .RightSpace .tab-bar .menu-icon span:after {
    background-image: url("../img/col_blue/menu_open.png");
    background-size: 30px;
    width: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    box-shadow: none;
  }
  .l-header header table .RightSpace .tab-bar .menu-icon span:hover:after, .l-header header table .RightSpace .tab-bar .menu-icon span:active:after {
    border: none;
    text-decoration: none;
    box-shadow: none;
  }
}

/* fixed　*/
@media only screen and (max-width: 735px) {
  .l-header.fixed {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
  }
}

/* ==========================================================================
フッター
========================================================================== */
.l-footer {
  background-color: #14a5c0;
  color: #FFFFFF;
  padding: 0.625rem 0;
}
.l-footer * {
  font-size: 0.75rem;
}
.l-footer a {
  color: #fff;
}
.l-footer p {
  margin-bottom: 0;
}
.l-footer .l-footer-copyrights {
  text-align: center;
  color: #dedede;
}

/* ==========================================================================
メインコンテンツ
========================================================================== */
html {
  background-color: #FFFFFF;
  -ms-touch-action: none;
}

body {
  -webkit-text-size-adjust: 100%;
}

body.hidden {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0 !important;
}

.l-main {
  /*
   @include grid-column($columns:12,$last-column:true);
   padding-top:rem-calc(15);
   padding-bottom:rem-calc(15);
   background-color: $white;
  */
  padding-bottom: 20px;
}

.off-canvas {
  width: 100%;
  min-width: 980px;
}
@media only screen and (max-width: 735px) {
  .off-canvas {
    min-width: 100%;
  }
}

@media only screen and (max-width: 735px) {
  #isc {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    bottom: 0;
  }
}

@media only screen and (max-width: 735px) {
  #isc-in {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
  }
}

/* ==========================================================================
テキスト
========================================================================== */
/* リード文
-------------------------------------------*/
.txt-lead {
  font-size: 1.25rem;
}

/* 文字色
-------------------------------------------*/
/* secondary */
.txt-secondary {
  color: #84A8BA !important;
}

/* alert */
.txt-alert {
  color: #F4341A !important;
}

/* success */
.txt-success {
  color: #4CAF50 !important;
}

/* info */
.txt-info {
  color: #9A721B !important;
}

/* 注釈
-------------------------------------------*/
/* 共通 */
.txt-anno,
.txt-anno-num {
  position: relative;
  font-size: 0.8125rem;
}

.txt-anno {
  padding-left: 1.3em;
}

.txt-anno-num {
  padding-left: 2.7em;
}

/* アノテーションマーク */
.txt-anno-mark {
  position: absolute;
  left: 0;
}

/* ==========================================================================
リンク
========================================================================== */
/* 矢印付きリンク
-------------------------------------------*/
.link-arrow {
  color: #49c0c5;
  font-size: 0.875rem;
  line-height: 20px;
  margin-right: 30px;
}
.link-arrow:before {
  display: inline-block;
  content: "";
  background-image: url("../img/col_blue/arrow_right02.png");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  line-height: 20px;
  margin-right: 8px;
}
.link-arrow:hover:before {
  border-left-color: #10849a;
}
@media only screen and (max-width: 735px) {
  .link-arrow {
    font-size: 0.75rem;
  }
}

/* ページトップへリンク
-------------------------------------------*/
.link-pageto-top {
  position: relative;
  padding-right: 20px;
  text-align: right;
}
.link-pageto-top a:before, .link-pageto-top a:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.link-pageto-top a:before {
  background-color: #14a5c0;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 6px;
  right: 0;
}
.link-pageto-top a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent #FFFFFF transparent;
  border-bottom-style: solid;
  top: 5px;
  right: 3px;
}
.link-pageto-top a:hover:before {
  background-color: #10849a;
}

/* ==========================================================================
 リスト
 ========================================================================== */
/* リスト共通
-------------------------------------------*/
.list li .list-no-bullet {
  margin-left: 0.625rem;
}
.list.list-no-bullet {
  padding-left: 0;
}
.list.list-no-bullet li ul,
.list.list-no-bullet li ol {
  margin-left: 0.625rem;
}

/* square
-------------------------------------------*/
.list-square {
  list-style-type: square;
}

/* circle
-------------------------------------------*/
.list-circle {
  list-style-type: circle;
}

/* disc
-------------------------------------------*/
.list-disc {
  list-style-type: disc;
}

/* no-bullet
-------------------------------------------*/
.list-no-bullet {
  list-style: none;
}

/* inline
-------------------------------------------*/
.list-inline {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
}
.list-inline:before, .list-inline:after {
  content: " ";
  display: table;
}
.list-inline:after {
  clear: both;
}
.list-inline > li {
  list-style: none;
  margin-left: 0;
  display: inline-block;
}
.list-inline > li > * {
  display: block;
}
@media only screen and (max-width: 735px) {
  .list-inline {
    margin-bottom: 5px;
    font-size: rem-cals(12);
    display: block;
  }
}

/* ==========================================================================
テーブル
========================================================================== */
/* 共通
-------------------------------------------*/
.tbl {
  background-color: #FFFFFF;
  margin-bottom: 0.625rem;
  table-layout: fixed;
}
.tbl thead {
  background-color: #d0f2f1;
}
.tbl thead,
.tbl th {
  background-color: #d0f2f1;
  font-size: 0.875rem;
  color: #14a5c0;
  padding: 0.375rem 0;
}
.tbl th,
.tbl td {
  border: #cecece solid 1px;
  text-align: center;
}
.tbl th > *:last-child,
.tbl td > *:last-child {
  margin-bottom: 0;
}
.tbl td {
  font-size: 0.875rem;
  padding: 0.3125rem 0.625rem;
}
.tbl caption {
  border-radius: 6px 6px 0 0;
  width: auto;
  padding: 5px 10px;
  background-color: #49c0c5;
  line-height: 18px;
  color: #FFFFFF;
}

/* 通常テーブル
-------------------------------------------*/
.tbl-normal {
  width: 100%;
}
.tbl-normal th,
.tbl-normal td {
  padding: 10px 20px;
  text-align: left;
}
@media only screen and (max-width: 735px) {
  .tbl-normal th,
  .tbl-normal td {
    width: 100%;
    display: block;
    padding: 10px 5px;
    font-size: 0.75rem;
    border-bottom: none;
    float: left;
    clear: both;
  }
}
.tbl-normal tr:last-child td {
  border-bottom: #cecece solid 1px;
}
.tbl-normal .w20p {
  width: 20%;
}
@media only screen and (max-width: 735px) {
  .tbl-normal .w20p {
    width: 100%;
  }
}
.tbl-normal th:empty {
  padding: 0;
}

@media only screen and (max-width: 735px) {
  .tbl-normal td + th {
    border-top: none;
  }
}
/* tbl-list
-------------------------------------------*/
.tbl-list {
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #cecece;
}
.tbl-list th, .tbl-list td {
  border: 1px solid #fff;
  padding: 0.1875rem 0.625rem;
  text-align: left;
}

/* tbl-even
-------------------------------------------*/
.tbl-even tbody tr:nth-of-type(even) {
  background-color: #F4F4F4;
}

/* tbl-scroll
-------------------------------------------*/
.tbl-scroll {
  display: table;
  width: 980px;
  border-collapse: collapse;
}
.tbl-scroll .tbl-scroll-head,
.tbl-scroll .tbl-scroll-body {
  display: table-cell;
  vertical-align: top;
}
.tbl-scroll .tbl-scroll-head table {
  width: 100%;
}
.tbl-scroll .tbl-scroll-head table th {
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 30px;
  min-height: 30px;
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
  border-right: none;
}
.tbl-scroll .tbl-scroll-head table .blank {
  display: block;
  background-color: #FFFFFF;
  /* min-height: 80px; */
  border-bottom: none;
}
.tbl-scroll .tbl-scroll-body {
  width: 820px;
}
.tbl-scroll .tbl-scroll-body .tbl-scroll-body-of {
  overflow: auto;
  width: 820px;
  display: block;
}
.tbl-scroll table {
  height: 100%;
}
.tbl-scroll table thead th {
  min-width: 120px;
  width: 122px;
  line-height: 1.2;
  height: 50px;
  min-height: 50px;
}
.tbl-scroll table thead th.Date {
  height: 30px;
  min-height: 30px;
}
.tbl-scroll table tbody th {
  background-color: #49c0c5;
  color: #FFFFFF;
}
.tbl-scroll table tbody td {
  background-color: #e7e7e7;
  padding: 0;
  height: 30px;
  min-height: 30px;
}
.tbl-scroll table tbody td.shutuganHighlight {
  background-color: #f7f6c7;
}
.tbl-scroll table tbody td.active {
  background-color: #c9f41c;
}
.tbl-scroll table th, .tbl-scroll table td {
  border: #cecece solid 1px;
  vertical-align: middle;
}

@media only screen and (max-width: 735px) {
  .tbl-result {
    width: 100%;
  }
}
.tbl-result th {
  background-color: #49c0c5;
  color: #FFFFFF;
  font-size: 1.25rem;
  padding: 20px 30px;
  text-align: left;
  width: 380px;
  font-weight: normal;
}
@media only screen and (max-width: 735px) {
  .tbl-result th {
    font-size: 0.875rem;
    padding: 15px 10px;
    width: 120px;
  }
}
.tbl-result td {
  font-size: 1.25rem;
  width: 270px;
}
@media only screen and (max-width: 735px) {
  .tbl-result td {
    font-size: 0.875rem;
    padding: 15px 10px;
    width: auto;
  }
}

.tbl-w {
  width: 100%;
}

.tbl-wl {
  width: 100%;
  clear: both;
}
.tbl-wl th, .tbl-wl td {
  padding: 10px 20px;
  text-align: left;
}
@media only screen and (max-width: 735px) {
  .tbl-wl th, .tbl-wl td {
    padding: 10px 5px;
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 735px) {
  .tbl-wl-sp {
    width: 100%;
  }
  .tbl-wl-sp table {
    width: 100%;
  }
  .tbl-wl-sp table th {
    width: 20%;
    font-size: 0.625rem;
    text-align: left;
    padding: 5px;
  }
  .tbl-wl-sp table td {
    font-size: 0.6875rem;
    text-align: left;
  }
}
.tbl-sp-area {
  width: 100%;
  margin-bottom: 10px;
}
.tbl-sp-area .tbl-sp-ttl {
  width: auto;
  padding: 5px 10px;
  background-color: #49c0c5;
  cursor: pointer;
  line-height: 18px;
}
.tbl-sp-area .tbl-sp-ttl span {
  color: #FFFFFF;
  font-size: 0.8125rem;
  line-height: 18px;
}
.tbl-sp-area .tbl-sp-ttl-op {
  border-radius: 6px 6px 0 0;
}
.tbl-sp-area .tbl-sp-ttl-op span:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../img/icn_close01.png");
  background-size: 14px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 2px;
  float: right;
  vertical-align: middle;
  line-height: 18px;
}
.tbl-sp-area .tbl-sp-ttl-cl {
  border-radius: 6px 6px;
}
.tbl-sp-area .tbl-sp-ttl-cl span:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../img/icn_open01.png");
  background-size: 14px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 2px;
  float: right;
  vertical-align: middle;
  line-height: 18px;
}
.tbl-sp-area .hasdate span:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../img/icn_chk02.png");
  background-size: 18px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  margin-top: -3px;
}
.tbl-sp-area table.tbl-sp {
  width: 100%;
  height: 100%;
  display: none;
}
.tbl-sp-area table.tbl-sp th {
  width: auto;
  line-height: 1.4;
}
.tbl-sp-area table.tbl-sp th.tbl-sp-th {
  width: auto;
  min-width: 65px;
  text-align: left;
  padding: 2px 7px;
  min-height: 24px;
}
.tbl-sp-area table.tbl-sp th.blank {
  background-color: #FFFFFF;
}
.tbl-sp-area table.tbl-sp th, .tbl-sp-area table.tbl-sp td {
  font-size: 0.625rem;
  height: 36px;
  min-height: 36px;
}
.tbl-sp-area table.tbl-sp td {
  line-height: 2;
  height: 100%;
  background-color: #e7e7e7;
  padding: 0;
}

@media only screen and (max-width: 735px) {
  .tbl-sep-ttl {
    font-size: 0.8125rem;
    color: #14a5c0;
    margin-bottom: 12px;
  }

  .tbl-sep-btn {
    text-align: center;
    margin-bottom: 15px;
  }
  .tbl-sep-btn input {
    margin: 0 5px;
  }

  .tbl-sep-outer {
    background-color: #f0f0f0;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
  }

  table.tbl-sep {
    width: 100%;
  }
  table.tbl-sep > tbody > tr > td {
    display: block;
    width: 100%;
    height: auto;
  }
  table.tbl-sep > tbody > tr > td table {
    width: 100%;
  }
  table.tbl-sep > tbody > tr > td table th {
    width: 20%;
    font-size: 0.625rem;
    text-align: left;
    padding: 5px;
  }
  table.tbl-sep > tbody > tr > td table td {
    font-size: 0.6875rem;
    text-align: left;
  }
  table.tbl-sep > tbody > tr > td table td .price {
    text-align: left;
  }
  table.tbl-sep td.LayoutTop {
    float: left;
    clear: both;
    display: block;
    width: 100%;
    height: auto;
  }
}
.modal-tbl-wl-sp {
  margin-bottom: 20px;
}
.modal-tbl-wl-sp table {
  width: 100%;
}
.modal-tbl-wl-sp table th, .modal-tbl-wl-sp table td {
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
}

.tbl-price {
  width: 400px;
  margin-bottom: 0;
  margin-right: 15px;
}
.tbl-price th, .tbl-price td {
  width: 50%;
  padding: 15px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 735px) {
  .tbl-price {
    width: 100%;
  }
  .tbl-price th, .tbl-price td {
    width: 50%;
    padding: 15px;
    font-size: 0.875rem;
  }
}

.tbl-secondary-area {
  width: 100%;
}
.tbl-secondary-area .tbl-secondary-area-ttl {
  padding: 5px 10px;
  background-color: #49c0c5;
  border-radius: 6px 6px 0 0;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
.tbl-secondary-area .tbl-secondary {
  width: 100%;
}
.tbl-secondary-area .tbl-secondary th, .tbl-secondary-area .tbl-secondary td {
  border: #cecece solid 1px;
  min-height: 80px;
  height: 80px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 0.875rem;
}
@media only screen and (max-width: 735px) {
  .tbl-secondary-area .tbl-secondary th, .tbl-secondary-area .tbl-secondary td {
    font-size: 0.75rem;
  }
}
.tbl-secondary-area .tbl-secondary th {
  width: 68px;
}
.tbl-secondary-area .tbl-secondary td .label {
  width: 200px;
  margin-right: 10px;
}
@media only screen and (max-width: 735px) {
  .tbl-secondary-area .tbl-secondary td .label {
    width: auto;
  }
}
.tbl-secondary-area .tbl-secondary td .inline {
  vertical-align: middle;
}
.tbl-secondary-area .tbl-secondary td .inline img {
  margin: 6px 4px;
}
.tbl-secondary-area .tbl-secondary-block {
  width: 100%;
  background-color: #f0f0f0;
  border-radius: 0 0 6px 6px;
  padding: 20px 25px;
}

.tbl-s {
  width: 300px;
  margin: 0 auto;
}
.tbl-s th, .tbl-s td {
  text-align: left;
}
.tbl-s th {
  background-color: #d0f2f1;
  font-size: 0.875rem;
  color: #14a5c0;
  padding: 0.375rem 0;
  font-weight: normal;
}
.tbl-s td input {
  width: 200px;
}
@media only screen and (max-width: 735px) {
  .tbl-s {
    width: 100%;
  }
  .tbl-s td input {
    width: 150px;
  }
}

@media only screen and (max-width: 735px) {
  .tbl-rsp th, .tbl-rsp td {
    width: 100%;
    display: block;
    float: left;
    clear: both;
  }
}
.tbl .tbl-td-l {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.25rem;
}

.tbl-bd {
  border: #cecece solid 1px;
}
.tbl-bd th {
  border: #cecece solid 1px;
}
.tbl-bd td {
  border-top: none;
  border-bottom: none;
}

.tbl-shd th, .tbl-shd td {
  padding: 5px 10px;
}

/* ==========================================================================
Box
========================================================================== */
/* 共通
-------------------------------------------*/
.box:last-child {
  margin-bottom: 0;
}

/* normal
-------------------------------------------*/
.box-normal {
  border-style: solid;
  border-width: 1px;
  border-color: #badff2;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  background: #e7f4fa;
  color: #333333;
}
.box-normal > :first-child {
  margin-top: 0;
}
.box-normal > :last-child {
  margin-bottom: 0;
}

/* alert
-------------------------------------------*/
.box-alert {
  border-style: solid;
  border-width: 1px;
  border-color: #ffbdb4;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  background: #ffedea;
  color: #333333;
}
.box-alert > :first-child {
  margin-top: 0;
}
.box-alert > :last-child {
  margin-bottom: 0;
}

/* success
-------------------------------------------*/
.box-success {
  border-style: solid;
  border-width: 1px;
  border-color: #cceecd;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  background: #f4fbf5;
  color: #333333;
}
.box-success > :first-child {
  margin-top: 0;
}
.box-success > :last-child {
  margin-bottom: 0;
}

/* info
-------------------------------------------*/
.box-info {
  border-style: solid;
  border-width: 1px;
  border-color: #fce9bf;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  background: #fefbf3;
  color: #333333;
}
.box-info > :first-child {
  margin-top: 0;
}
.box-info > :last-child {
  margin-bottom: 0;
}

/* ==========================================================================
block
========================================================================== */
/* grid
-------------------------------------------*/
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem;
}

/* @media small-up */
@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* @media medium-up */
@media only screen and (min-width: 736px) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* @media large-up */
@media only screen and (min-width: 1001px) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* ==========================================================================
Alert
========================================================================== */
/* 共通
-------------------------------------------*/
.alert {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #14a5c0;
  border-color: #118ea5;
  color: #FFFFFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07), 1px 1px 3px rgba(0, 0, 0, 0.07), 1px 1px 3px rgba(0, 0, 0, 0.07), 1px 1px 3px rgba(0, 0, 0, 0.07), 1px 1px 3px rgba(0, 0, 0, 0.07);
}
.alert .close {
  font-size: 1.375rem;
  padding: 9px 6px 4px;
  line-height: .9;
  position: absolute;
  top: 50%;
  margin-top: -0.6875rem;
  right: 0.25rem;
  color: #333333;
  opacity: 0.3;
  background: inherit;
  margin-top: -20px;
}
.alert .close:hover, .alert .close:focus {
  opacity: 0.5;
}
.alert.alert-close {
  opacity: 0;
}

/* success
-------------------------------------------*/
.alert-success {
  background-color: #4CAF50;
  border-color: #419745;
  color: #FFFFFF;
}

/* alert
-------------------------------------------*/
.alert-alert {
  background-color: #F4341A;
  border-color: #de240b;
  color: #FFFFFF;
}

/* secondary
-------------------------------------------*/
.alert-secondary {
  background-color: #84A8BA;
  border-color: #6794aa;
  color: #FFFFFF;
}

/* warning
-------------------------------------------*/
.alert-warning {
  background-color: #f61111;
  border-color: #da0808;
  color: #FFFFFF;
}

/* grid
-------------------------------------------*/
.alert-info {
  background-color: #9A721B;
  border-color: #846217;
  color: #FFFFFF;
}

/* ==========================================================================
ボタン
========================================================================== */
/* 共通
-------------------------------------------*/
.button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "メイリオ", "Meiryo UI", "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Meiryo, Osaka, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  background-color: #14a5c0;
  border-color: #1a3358;
  color: #FFFFFF;
  border-radius: 30px;
  transition: background-color 20ms ease-out;
  font-weight: bold;
  cursor: pointer;
}
.button:hover {
  background-color: #1a3358;
}
.button:hover {
  color: #FFFFFF;
}
.button:active, .button:focus {
  /*
   color: rgba($bg,5);
   background-color: darken($bg-hover,7);
   box-shadow:none;
  */
}
.button:active, .button:focus, .button:hover {
  text-decoration: none;
  outline: none;
}
.button:hover {
  background-color: #10859b;
}

/* 色
-------------------------------------------*/
/* secondary */
.button-secondary {
  background-color: #FFFFFF;
  border-color: #cccccc;
  color: #333333;
  border-radius: 30px;
}
.button-secondary:hover {
  background-color: #EEEEEE;
}
.button-secondary:hover {
  color: #333333;
}
.button-secondary:active, .button-secondary:focus {
  /*
   color: rgba($bg,5);
   background-color: darken($bg-hover,7);
   box-shadow:none;
  */
}

/* success */
.button-success {
  background-color: #4CAF50;
  border-color: #3d8c40;
  color: #FFFFFF;
  border-radius: 30px;
}
.button-success:hover {
  background-color: #3d8c40;
}
.button-success:hover {
  color: #FFFFFF;
}
.button-success:active, .button-success:focus {
  /*
   color: rgba($bg,5);
   background-color: darken($bg-hover,7);
   box-shadow:none;
  */
}

/* alert */
.button-alert {
  background-color: #F4341A;
  border-color: #ce210a;
  color: #FFFFFF;
  border-radius: 30px;
}
.button-alert:hover {
  background-color: #ce210a;
}
.button-alert:hover {
  color: #FFFFFF;
}
.button-alert:active, .button-alert:focus {
  /*
   color: rgba($bg,5);
   background-color: darken($bg-hover,7);
   box-shadow:none;
  */
}

/* サイズ
-------------------------------------------*/
/* large */
.button-large {
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
}

/* medium */
.button-medium {
  padding-top: 0.75rem;
  padding-right: 1.5rem;
  padding-bottom: 0.8125rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
}

/* small */
.button-small {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5625rem;
  padding-left: 1rem;
  font-size: 0.875rem;
}

/* tiny */
.button-tiny {
  padding-top: 0.3125rem;
  padding-right: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  font-size: 0.625rem;
}

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

/* 非活性
-------------------------------------------*/
.button-disabled, .button[disabled] {
  background-color: #14a5c0;
  border-color: #1a3358;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
  border-radius: 30px;
  box-shadow: none;
}
.button-disabled:hover, .button[disabled]:hover {
  background-color: #1a3358;
}
.button-disabled:hover, .button[disabled]:hover {
  color: #FFFFFF;
}
.button-disabled:hover, .button-disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #14a5c0;
}
.button-disabled:hover, .button[disabled]:hover {
  box-shadow: none;
}
.button-disabled.button-secondary, .button[disabled].button-secondary {
  background-color: #84A8BA;
  border-color: #5b8ba3;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
  border-radius: 30px;
  box-shadow: none;
}
.button-disabled.button-secondary:hover, .button[disabled].button-secondary:hover {
  background-color: #5b8ba3;
}
.button-disabled.button-secondary:hover, .button[disabled].button-secondary:hover {
  color: #FFFFFF;
}
.button-disabled.button-secondary:hover, .button-disabled.button-secondary:focus, .button[disabled].button-secondary:hover, .button[disabled].button-secondary:focus {
  background-color: #84A8BA;
}
.button-disabled.button-secondary:hover, .button[disabled].button-secondary:hover {
  box-shadow: none;
}
.button-disabled.button-success, .button[disabled].button-success {
  background-color: #4CAF50;
  border-color: #3d8c40;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
  border-radius: 30px;
  box-shadow: none;
}
.button-disabled.button-success:hover, .button[disabled].button-success:hover {
  background-color: #3d8c40;
}
.button-disabled.button-success:hover, .button[disabled].button-success:hover {
  color: #FFFFFF;
}
.button-disabled.button-success:hover, .button-disabled.button-success:focus, .button[disabled].button-success:hover, .button[disabled].button-success:focus {
  background-color: #4CAF50;
}
.button-disabled.button-success:hover, .button[disabled].button-success:hover {
  box-shadow: none;
}
.button-disabled.button-alert, .button[disabled].button-alert {
  background-color: #F4341A;
  border-color: #ce210a;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none;
  border-radius: 30px;
  box-shadow: none;
}
.button-disabled.button-alert:hover, .button[disabled].button-alert:hover {
  background-color: #ce210a;
}
.button-disabled.button-alert:hover, .button[disabled].button-alert:hover {
  color: #FFFFFF;
}
.button-disabled.button-alert:hover, .button-disabled.button-alert:focus, .button[disabled].button-alert:hover, .button[disabled].button-alert:focus {
  background-color: #F4341A;
}
.button-disabled.button-alert:hover, .button[disabled].button-alert:hover {
  box-shadow: none;
}

.button-large {
  width: 220px;
  box-shadow: 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 735px) {
  .button-large {
    width: 120px;
    font-size: 0.8125rem;
    display: block;
    margin: 0 auto;
  }
}
.button-large:hover {
  background-color: #10859b;
}

.button-medium {
  width: 180px;
  box-shadow: 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6, 1px 1px 2px #d6d6d6;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.2;
  min-height: 53px;
  vertical-align: middle;
  margin: 0 5px;
}
@media only screen and (max-width: 735px) {
  .button-medium {
    width: 120px;
    font-size: 0.8125rem;
    display: block;
    margin: 0 auto;
  }
}
.button-medium:hover {
  background-color: #10859b;
}
.button-medium span {
  font-size: 0.75rem;
  font-weight: normal;
  color: #FFFFFF;
}

.form .button-medium span {
  color: #FFFFFF;
}

.button-gray {
  background-color: #FFFFFF;
  border: #afafaf solid 1px;
  color: #656565;
}
.button-gray:hover {
  background-color: #EEEEEE;
  color: #656565;
}

.button-small {
  width: 76px;
  background-color: #49c0c5;
  color: #FFFFFF;
  padding: 7px 0;
}
.button-small:hover {
  background-color: #37a9ae;
}
@media only screen and (max-width: 735px) {
  .button-small {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5625rem;
    padding-left: 1rem;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 735px) {
  .button-small-centered {
    display: block;
    margin: 0 auto;
  }
}
.button-tiny {
  min-width: 56px;
  background-color: #FFFFFF;
  box-shadow: 1px 0px 4px rgba(7, 0, 2, 0.18);
  color: #14a5c0;
  border: #a4bce0 solid 1px;
  padding: 0 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  margin-left: 1px;
  margin-top: 1px;
}
.button-tiny:hover {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC;
  color: #14a5c0;
  font-weight: bold;
}
@media only screen and (max-width: 735px) {
  .button-tiny {
    width: 90%;
    max-width: 106px;
    font-size: 0.75rem;
    line-height: 1.6;
  }
}

.button-secondary {
  box-shadow: 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC, 1px 1px 2px #CCCCCC;
  color: #656565;
  border: #afafaf solid 1px;
  padding: 5px 30px;
  font-size: 1rem;
  margin-bottom: 0;
}
.button-secondary:hover {
  color: #656565;
}
@media only screen and (max-width: 735px) {
  .button-secondary {
    font-size: 0.75rem;
    padding: 5px 20px;
  }
  .button-secondary:hover {
    background-color: #FFFFFF;
  }
}

.button-tertiary {
  background-color: #49c0c5;
  color: #FFFFFF;
}
.button-tertiary:hover {
  background-color: #37a9ae;
  color: #FFFFFF;
}

.button-white {
  background-color: #FFFFFF;
  border: #afafaf solid 1px;
  color: #14a5c0;
}
.button-white:hover {
  background-color: #EEEEEE;
  color: #656565;
}

.button-mailtest {
  background-color: #9abb36;
  color: #FFFFFF;
}
.button-mailtest:hover {
  background-color: #809b2d;
  color: #FFFFFF;
}

.btn-photo {
  width: 156px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  text-align: left;
}
.btn-photo span {
  line-height: 35px;
}
.btn-photo span:before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("../img/icn_photo.png");
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}

.btn-cut {
  width: 156px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  text-align: left;
}
.btn-cut span {
  line-height: 35px;
}
.btn-cut span:before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("../img/col_blue/icn_cut.png");
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}
.btn-cut:hover {
  color: #14a5c0;
}

.btn-return {
  width: 156px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  text-align: left;
}
.btn-return span {
  line-height: 35px;
}
.btn-return span:before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("../img/col_blue/icn_return.png");
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}
.btn-return:hover {
  color: #14a5c0;
}

/* ==========================================================================
フォーム
========================================================================== */
.form {
  margin: 0 0 1rem;
}

/* .row
-------------------------------------------*/
.form .row .row {
  margin: 0 -0.5rem;
}
.form .row .row .column,
.form .row .row .columns {
  padding: 0 0.5rem;
}
.form .row .row.collapse {
  margin: 0;
}
.form .row .row.collapse .column,
.form .row .row.collapse .columns {
  padding: 0;
}
.form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.form .row input.column,
.form .row input.columns,
.form .row textarea.column,
.form .row textarea.columns {
  padding-left: 0.5rem;
}

/* label
-------------------------------------------*/
.form label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .form label {
    font-size: 0.75rem;
  }
}

/* Styles for required inputs */
.form label small {
  text-transform: capitalize;
  color: #676767;
}

/* 基本フォーム部品設定
-------------------------------------------*/
.form input[type="text"], .form input[type="password"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="week"], .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="url"], .form input[type="color"], .form textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
  height: 1.7rem;
  padding: 0.1rem 0.5rem;
  font-size: 0.875rem;
}
.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="month"]:focus, .form input[type="week"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="time"]:focus, .form input[type="url"]:focus, .form input[type="color"]:focus, .form textarea:focus {
  box-shadow: 0 0 5px #999999;
  border-color: #999999;
}
.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="month"]:focus, .form input[type="week"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="time"]:focus, .form input[type="url"]:focus, .form input[type="color"]:focus, .form textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}
.form input[type="text"]:disabled, .form input[type="password"]:disabled, .form input[type="date"]:disabled, .form input[type="datetime"]:disabled, .form input[type="datetime-local"]:disabled, .form input[type="month"]:disabled, .form input[type="week"]:disabled, .form input[type="email"]:disabled, .form input[type="number"]:disabled, .form input[type="search"]:disabled, .form input[type="tel"]:disabled, .form input[type="time"]:disabled, .form input[type="url"]:disabled, .form input[type="color"]:disabled, .form textarea:disabled {
  background-color: #cecece;
  cursor: default;
}
.form input[type="text"][disabled], .form input[type="text"][readonly], fieldset[disabled] .form input[type="text"], .form input[type="password"][disabled], .form input[type="password"][readonly], fieldset[disabled] .form input[type="password"], .form input[type="date"][disabled], .form input[type="date"][readonly], fieldset[disabled] .form input[type="date"], .form input[type="datetime"][disabled], .form input[type="datetime"][readonly], fieldset[disabled] .form input[type="datetime"], .form input[type="datetime-local"][disabled], .form input[type="datetime-local"][readonly], fieldset[disabled] .form input[type="datetime-local"], .form input[type="month"][disabled], .form input[type="month"][readonly], fieldset[disabled] .form input[type="month"], .form input[type="week"][disabled], .form input[type="week"][readonly], fieldset[disabled] .form input[type="week"], .form input[type="email"][disabled], .form input[type="email"][readonly], fieldset[disabled] .form input[type="email"], .form input[type="number"][disabled], .form input[type="number"][readonly], fieldset[disabled] .form input[type="number"], .form input[type="search"][disabled], .form input[type="search"][readonly], fieldset[disabled] .form input[type="search"], .form input[type="tel"][disabled], .form input[type="tel"][readonly], fieldset[disabled] .form input[type="tel"], .form input[type="time"][disabled], .form input[type="time"][readonly], fieldset[disabled] .form input[type="time"], .form input[type="url"][disabled], .form input[type="url"][readonly], fieldset[disabled] .form input[type="url"], .form input[type="color"][disabled], .form input[type="color"][readonly], fieldset[disabled] .form input[type="color"], .form textarea[disabled], .form textarea[readonly], fieldset[disabled] .form textarea {
  background-color: #cecece;
  cursor: default;
}
@media only screen and (max-width: 735px) {
  .form input[type="text"], .form input[type="password"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="week"], .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="url"], .form input[type="color"], .form textarea {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 735px) {
  input::-ms-clear {
    visibility: hidden;
  }

  input::-ms-reveal {
    visibility: hidden;
  }
}
.form input[type="text"] {
  vertical-align: middle;
}

.form input[type="text"].w140 {
  width: 140px;
}

.form input[type="text"].w220,
.form input[type="password"].w220 {
  width: 220px;
}

.form input[type="text"].w280 {
  width: 280px;
}

.form input[type="text"].w300 {
  width: 300px;
}

@media only screen and (max-width: 735px) {
  .form input[type="text"] {
    width: 100%;
  }

  .form input[type="text"].w220,
  .form input[type="password"].w220 {
    width: 100%;
  }

  .form input[type="text"].w280 {
    width: 100%;
  }

  .form input[type="text"].w300 {
    width: 100%;
  }
}
/* margin */
.form input[type="file"],
.form select {
  margin: 0 0;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
@media only screen and (max-width: 735px) {
  .form input[type="checkbox"],
  .form input[type="radio"] {
    width: 20px;
    height: 20px;
  }
}
.form input[type="checkbox"] + label,
.form input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}
@media only screen and (max-width: 735px) {
  .form input[type="checkbox"] + label,
  .form input[type="radio"] + label {
    max-width: 75%;
    vertical-align: middle;
  }
}

/* submit */
.form input[type="submit"] {
  -webkit-appearance: none;
}

/* textarea */
.form textarea {
  max-width: 100%;
  min-height: 50px;
  width: 100%;
}
.form textarea[rows] {
  height: auto;
}

/* select */
.form select:hover {
  background-color: #FFFFFF;
  border-color: #999999;
}

.form select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FFFFFF;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-family: "メイリオ", "Meiryo UI", "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Meiryo, Osaka, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 1.7rem;
  display: inline-block;
  margin-right: 5px;
  width: auto;
  padding: 0 0.5rem;
  padding-right: 20px;
  vertical-align: middle;
  font-size: 0.875rem;
}
.form select::-ms-expand {
  display: none;
}
.form select.radius {
  border-radius: 3px;
}
.form select:hover {
  background-color: #f7f7f7;
  border-color: #999999;
}
.form select:disabled {
  background-color: #cecece;
  cursor: default;
}
.form select[multiple] {
  height: auto;
}
@media only screen and (max-width: 735px) {
  .form select {
    font-size: 0.75rem;
  }
}

.form select:disabled,
.form select[disabled],
.form input:disabled,
.form input[disabled] {
  opacity: 0.4;
}

.form select:disabled.dbd,
.form select[disabled].dbd {
  color: #3d3d3d;
}

.form select.w60 {
  width: 60px;
}

.form select.w100p {
  width: 100%;
}

/* file input */
.form input[type="file"] {
  width: 100%;
}

/* number */
/* fieldset */
.form fieldset {
  border: 1px solid #cecece;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
.form fieldset legend {
  font-weight: bold;
  background: #FFFFFF;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

/* prefix and postfix
-------------------------------------------*/
.form .prefix,
.form .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
}

/* button */
.form .postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
  border-radius: 0;
}
.form .prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none;
}

/* error
-------------------------------------------*/
.form span {
  font-size: 0.875rem;
}
@media only screen and (max-width: 735px) {
  .form span {
    font-size: 0.6875rem;
  }
}
.form [data-abide] .error small.error,
.form [data-abide] .error span.error,
.form [data-abide] span.error,
.form [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  background: #F4341A;
  color: #FFFFFF;
}
.form [data-abide] span.error, .form [data-abide] small.error {
  display: none;
}
.form span.error, .form small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  background: #F4341A;
  color: #FFFFFF;
}
.form .error input,
.form .error textarea,
.form .error select {
  margin-bottom: 0;
}
.form .error input[type="checkbox"],
.form .error input[type="radio"] {
  margin-bottom: 1rem;
}
.form .error label,
.form .error label.error {
  color: #F4341A;
}
.form .error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  background: #F4341A;
  color: #FFFFFF;
}
.form .error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline;
}
.form .error span.error-message {
  display: block;
}
.form input.error,
.form textarea.error,
.form select.error {
  margin-bottom: 0;
}
.form label.error {
  color: #F4341A;
}

/* Radio styling * none foundation
-------------------------------------------*/
.form .input-radio {
  margin-bottom: 1rem;
  display: inline-block;
}
.form .input-radio input[type="radio"] {
  display: none;
}
.form .input-radio label,
.form .input-radio input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  margin-left: 0;
}
.form .input-radio label:before,
.form .input-radio input[type="radio"] + label:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #FFF;
  border: 1px solid #BBB;
}
.form .input-radio label:before, .form .input-radio label:after,
.form .input-radio input[type="radio"] + label:before,
.form .input-radio input[type="radio"] + label:after {
  cursor: pointer;
}
.form .input-radio label > span,
.form .input-radio input[type="radio"] + label > span {
  display: none;
}
.form .input-radio input[type="radio"]:checked + label:after {
  position: absolute;
  left: 4px;
  top: 50%;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-radius: 100%;
  background-color: #14a5c0;
}

/* Checkbox styling * none foundation
-------------------------------------------*/
.form .input-checkbox {
  margin-bottom: 1rem;
  display: inline-block;
}
.form .input-checkbox input[type="checkbox"] {
  display: none;
}
.form .input-checkbox label,
.form .input-checkbox input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  margin-left: 0;
}
.form .input-checkbox label:before,
.form .input-checkbox input[type="checkbox"] + label:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: #FFF;
  border: 1px solid #BBB;
}
.form .input-checkbox label:before, .form .input-checkbox label:after,
.form .input-checkbox input[type="checkbox"] + label:before,
.form .input-checkbox input[type="checkbox"] + label:after {
  cursor: pointer;
}
.form .input-checkbox label > span,
.form .input-checkbox input[type="checkbox"] + label > span {
  display: none;
}
.form .input-checkbox input[type="checkbox"]:checked + label:after {
  position: absolute;
  content: '';
  left: 4px;
  top: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #14a5c0;
}

.form input[type="text"].form-date {
  width: 60px;
}
.form input[type="text"].form-no {
  width: 80px;
}
.form input[type="text"].form-y3 {
  width: 50px;
}
.form input[type="text"].form-y4 {
  width: 60px;
}
.form input[type="text"].form-short {
  width: 120px;
}
.form .form-inline {
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .form .form-inline {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

/* ==========================================================================
汎用グリッド設定
========================================================================== */
/* row
-------------------------------------------*/
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 61.25rem;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}

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

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

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

/* @media small-up
-------------------------------------------*/
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .small-1 {
    width: 8.33333%;
  }

  .small-2 {
    width: 16.66667%;
  }

  .small-3 {
    width: 25%;
  }

  .small-4 {
    width: 33.33333%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-12 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

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

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }

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

  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}
/* @media medium-up
-------------------------------------------*/
@media only screen and (min-width: 736px) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .medium-1 {
    width: 8.33333%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

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

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }

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

  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}
/* @media large-up
-------------------------------------------*/
@media only screen and (min-width: 1001px) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

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

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }

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

  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}
/* ==========================================================================
Utility
========================================================================== */
/* Font size
-------------------------------------------*/
.fszn {
  font-size: 1rem !important;
}

.fszs {
  font-size: 0.8125rem !important;
}

.fszl {
  font-size: 1.25rem !important;
}

/* Font weight
-------------------------------------------*/
.fwn {
  font-weight: normal !important;
}

.fwb {
  font-weight: bold !important;
}

/* Float
-------------------------------------------*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

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

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

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

/* Vertical-align
-------------------------------------------*/
.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

/* Clearfix
-------------------------------------------*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.p0 {
  padding: 0 !important;
  vertical-align: middle;
}

.p5 {
  padding: 5px;
}

.pl1em {
  padding-left: 1em;
}

.pl5 {
  padding-left: 5px;
}

.pt30 {
  padding-top: 30px;
}

.pb10 {
  padding-bottom: 10px;
}

.pr5 {
  padding-right: 5px;
}

.pr20 {
  padding-right: 20px;
}

.mauto {
  margin: 0 auto;
}

.ml0 {
  margin-left: 0;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mr0 {
  margin-right: 0px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px;
}

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

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.w60 {
  width: 60px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w120 {
  width: 120px;
}

.w140 {
  width: 140px;
}

.w180 {
  width: 180px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w330 {
  width: 330px;
}
@media only screen and (max-width: 735px) {
  .w330 {
    width: 100%;
  }
}

.w400 {
  width: 400px;
}
@media only screen and (max-width: 735px) {
  .w400 {
    width: 100%;
  }
}

.w440 {
  width: 440px;
}
@media only screen and (max-width: 735px) {
  .w440 {
    width: 100%;
  }
}

.w530 {
  width: 530px;
}
@media only screen and (max-width: 735px) {
  .w530 {
    width: 100%;
  }
}

.w550 {
  width: 550px;
}
@media only screen and (max-width: 735px) {
  .w550 {
    width: 100%;
  }
}

.w580 {
  width: 580px;
}
@media only screen and (max-width: 735px) {
  .w580 {
    width: 100%;
  }
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25%;
}

.w30p {
  width: 30%;
}

.w33p {
  width: 33%;
}

.w38p {
  width: 38%;
}

.w48p {
  width: 48%;
}

.w50p {
  width: 50%;
}

.w60p {
  width: 60%;
}

.w75p {
  width: 75%;
}

.w80p {
  width: 80%;
}

.w100p {
  width: 100%;
}

@media only screen and (max-width: 735px) {
  .w100p-s {
    width: 100%;
  }
}

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

.sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .sp {
    display: block;
  }
}

.inline {
  display: inline-block;
}

.inline-sp {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 735px) {
  .inline-sp {
    display: block;
    margin-bottom: 10px;
  }
}

.fp10 {
  font-size: 10px;
}

.fp24 {
  font-size: 1.5rem;
  line-height: 1.3;
}
@media only screen and (max-width: 735px) {
  .fp24 {
    font-size: 1.25rem;
  }
}

.brb {
  border-bottom: solid 1px #EEEEEE;
}

form {
  visibility: hidden;
}

form.Ready {
  visibility: visible;
}

.noscroll {
  position: fixed;
  overflow-y: scroll;
}
@media only screen and (max-width: 735px) {
  .noscroll {
    position: static;
  }
}

@media only screen and (max-width: 735px) {
  p, ul li, ol li {
    font-size: 0.6875rem;
  }
}
#loadingImage {
  position: fixed;
  _position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
}
@media only screen and (max-width: 735px) {
  #loadingImage {
    margin-left: -20px;
    margin-top: -20px;
  }
  #loadingImage img {
    width: 40px;
    height: auto;
  }
}

.title {
  background-color: #14a5c0;
  margin-bottom: 1.875rem;
}
.title h1 {
  color: #FFFFFF;
  position: relative;
  padding-left: 2px;
}
.title h1:before {
  content: "";
  width: 29px;
  height: 54px;
  background-image: url("../img/bg_title.png");
  background-repeat: no-repeat;
  float: left;
  position: absolute;
  left: -30px;
  top: 0;
  z-index: 10;
}
@media only screen and (max-width: 735px) {
  .title h1 {
    font-size: 1rem;
    height: 33px;
    line-height: 33px;
  }
  .title h1:before {
    width: 18px;
    height: 33px;
    background-image: url("../img/bg_title.png");
    background-size: 18px 33px;
    background-repeat: no-repeat;
    float: left;
    position: static;
    left: 0;
    top: 0;
    z-index: 10;
    margin-right: 10px;
  }
}

h2.ttl-h2:before {
  content: "";
  background-image: url("../img/icn_h2.png");
  background-position: left top;
  background-size: 44px;
  background-repeat: no-repeat;
  background-color: #14a5c0;
  border-radius: 5px;
  width: 44px;
  height: 44px;
  float: left;
  display: inline-block;
  margin-right: 18px;
}
@media only screen and (max-width: 735px) {
  h2.ttl-h2:before {
    background-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 735px) {
  h2.ttl-h2 {
    line-height: 30px;
  }
}

.h2 {
  margin-bottom: 20px;
}
.h2 h2.ttl-h2top {
  font-size: 1.25rem;
  color: #14a5c0;
  border-bottom: #e1e6eb solid 1px;
  line-height: 1.5;
  min-height: 40px;
  margin-bottom: 0;
  position: relative;
  padding-left: 20px;
}
.h2 h2.ttl-h2top:before {
  content: "";
  width: 8px;
  border-radius: 4px 4px 0 0;
  display: block;
  height: 40px;
  float: left;
  background-color: #14a5c0;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 735px) {
  .h2 h2.ttl-h2top {
    font-size: 0.875rem;
  }
}
.h2 .ttl-h2btm {
  font-size: 1.25rem;
  color: #3d3d3d;
  line-height: 2;
  height: auto;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.h2 .ttl-h2btm:before {
  content: "";
  width: 8px;
  border-radius: 0 0 4px 4px;
  display: block;
  height: 100%;
  float: left;
  background-color: #e1e6eb;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 735px) {
  .h2 .ttl-h2btm {
    font-size: 0.875rem;
  }
}

.headline {
  width: 100%;
  display: table;
  margin-bottom: 1.75rem;
}
.headline .view-title {
  display: table-cell;
}
.headline .infocheck-btn {
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}
@media only screen and (max-width: 735px) {
  .headline {
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0.9375rem;
  }
  .headline .view-title {
    display: block;
  }
  .headline .infocheck-btn {
    display: inline-block;
    float: right;
  }
}

.tblDsp {
  display: table;
}
@media only screen and (max-width: 735px) {
  .tblDsp {
    display: block;
  }
}
.tblDsp .tblCell {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 735px) {
  .tblDsp .tblCell {
    display: block;
    width: 100%;
  }
}

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

.tblDsp3 {
  display: table;
}
@media only screen and (max-width: 735px) {
  .tblDsp3 {
    display: block;
  }
}
.tblDsp3 .tblCell {
  display: table-cell;
  vertical-align: middle;
}

.selectorLeft,
.selectorRight {
  background-color: #f0f0f0;
  height: 100%;
  border-radius: 0.625rem 0.625rem;
  width: 45.918%;
  position: relative;
  padding-top: 3.4375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.selectorLeft .selectorTtl,
.selectorRight .selectorTtl {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  color: #FFFFFF;
  background-color: #49c0c5;
  text-align: center;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.625rem 0.625rem 0 0;
  font-weight: bold;
}

.container {
  padding-bottom: 60px;
}
@media only screen and (max-width: 735px) {
  .container {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}

.btmline {
  padding-bottom: 40px;
  background-image: url("../img/line_dot.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 40px;
}
@media only screen and (max-width: 735px) {
  .btmline {
    padding-bottom: 20px;
  }
}

.btnAreaTbl {
  width: 440px;
  margin: 0 auto;
  text-align: center;
}
.btnAreaTbl td {
  padding: 0 25px;
}
@media only screen and (max-width: 735px) {
  .btnAreaTbl {
    width: 100%;
  }
  .btnAreaTbl td {
    padding: 0 5px;
    text-align: center;
  }
}

.flow-nav {
  width: 100%;
  background-image: url("../img/bg_nav.png");
  background-position: left top;
  background-repeat: repeat-x;
  min-height: 10px;
  overflow: hidden;
}
.flow-nav #indicator {
  height: 70px;
  width: 980px;
  margin: 0 auto;
  padding: 13px 0;
}
.flow-nav #indicator .arrow-nav {
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .flow-nav #indicator {
    height: 35px;
    width: 100%;
    padding: 6px 0;
  }
}

.flow-list {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 735px) {
  .flow-list {
    margin: 0 5% 0;
  }
}
.flow-list:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.flow-list li {
  width: 142px;
  float: left;
  padding: 0;
  margin-right: 20px;
  background: #dedede;
  color: #fff;
  position: relative;
  text-align: left;
  height: 46px;
  line-height: 46px;
  list-style: none;
  font-size: 0.875rem;
}
.flow-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -27px;
  width: 0;
  height: 0;
  border-top: solid 23px transparent;
  border-right: solid 14px transparent;
  border-bottom: solid 23px transparent;
  border-left: solid 14px #dedede;
  z-index: 10;
}
.flow-list li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  width: 0;
  height: 0;
  border-top: solid 23px #dedede;
  border-right: solid 16px transparent;
  border-bottom: solid 23px #dedede;
  border-left: solid 16px transparent;
}
@media only screen and (max-width: 735px) {
  .flow-list li {
    width: 11%;
    margin-right: 4%;
    height: 24px;
    line-height: 24px;
    padding: 3px;
  }
  .flow-list li:before {
    right: -13px;
    border-top: solid 12px transparent;
    border-right: solid 7px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 7px #dedede;
  }
  .flow-list li:after {
    left: -8px;
    border-top: solid 12px #dedede;
    border-right: solid 8px transparent;
    border-bottom: solid 12px #dedede;
    border-left: solid 8px transparent;
  }
}
.flow-list li .flow-list-l {
  width: 134px;
  padding: 0;
  background: #FFFFFF;
  color: #14a5c0;
  position: relative;
  height: 38px;
  line-height: 38px;
  left: 5px;
  top: 4px;
  z-index: 10;
}
.flow-list li .flow-list-l:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -23px;
  width: 0;
  height: 0;
  border-top: solid 19px transparent;
  border-right: solid 12px transparent;
  border-bottom: solid 19px transparent;
  border-left: solid 12px #FFFFFF;
  z-index: 10;
}
.flow-list li .flow-list-l:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -11px;
  width: 0;
  height: 0;
  border-top: solid 19px #FFFFFF;
  border-right: solid 12px transparent;
  border-bottom: solid 19px #FFFFFF;
  border-left: solid 12px transparent;
}
@media only screen and (max-width: 735px) {
  .flow-list li .flow-list-l {
    width: 100%;
    height: 18px;
    line-height: 18px;
    left: 0;
    top: 0;
  }
  .flow-list li .flow-list-l:before {
    right: -11px;
    border-top: solid 9px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 9px transparent;
    border-left: solid 6px #FFFFFF;
  }
  .flow-list li .flow-list-l:after {
    left: -5px;
    border-top: solid 9px #FFFFFF;
    border-right: solid 6px transparent;
    border-bottom: solid 9px #FFFFFF;
    border-left: solid 6px transparent;
  }
}
.flow-list li .flow-list-l span {
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .flow-list li .flow-list-l span.pc {
    display: none;
  }
}
.flow-list li .flow-list-l span.nav-n {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 12px;
  line-height: 24px;
  font-size: 0.875rem;
  color: #FFFFFF;
  background-color: #14a5c0;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
@media only screen and (max-width: 735px) {
  .flow-list li .flow-list-l span.nav-n {
    width: auto;
    height: auto;
    display: block;
    border-radius: 0;
    line-height: 20px;
    font-size: 0.8125rem;
    color: #14a5c0;
    background: none;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.flow-list li.first {
  width: 152px;
}
.flow-list li.first:after {
  display: none;
}
@media only screen and (max-width: 735px) {
  .flow-list li.first {
    width: 14.6875%;
    margin-left: 5%;
  }
}
.flow-list li.first .flow-list-l {
  width: 144px;
}
.flow-list li.first .flow-list-l:after {
  display: none;
}
@media only screen and (max-width: 735px) {
  .flow-list li.first .flow-list-l {
    width: 100%;
  }
}

.flow-list li.last {
  margin-right: 0;
}
.flow-list li.last .flow-list-l {
  margin-right: 0;
}

.flow-list li.active {
  background: #14a5c0;
  color: #FFFFFF;
}
.flow-list li.active:before {
  border-left: solid 14px #14a5c0;
}
@media only screen and (max-width: 735px) {
  .flow-list li.active:before {
    border-left: solid 7px #14a5c0;
  }
}
.flow-list li.active:after {
  border-top: solid 23px #14a5c0;
  border-bottom: solid 23px #14a5c0;
}
@media only screen and (max-width: 735px) {
  .flow-list li.active:after {
    border-top: solid 12px #14a5c0;
    border-bottom: solid 12px #14a5c0;
  }
}
.flow-list li.active .flow-list-l {
  background: #14a5c0;
  color: #FFFFFF;
}
.flow-list li.active .flow-list-l:before {
  border-left: solid 12px #14a5c0;
}
@media only screen and (max-width: 735px) {
  .flow-list li.active .flow-list-l:before {
    border-left: solid 6px #14a5c0;
  }
}
.flow-list li.active .flow-list-l:after {
  border-top: solid 19px #14a5c0;
  border-bottom: solid 19px #14a5c0;
}
@media only screen and (max-width: 735px) {
  .flow-list li.active .flow-list-l:after {
    border-top: solid 9px #14a5c0;
    border-bottom: solid 9px #14a5c0;
  }
}
.flow-list li.active .flow-list-l span.nav-n {
  color: #14a5c0;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 735px) {
  .flow-list li.active .flow-list-l span.nav-n {
    color: #FFFFFF;
    background: none;
  }
}

.flow-list.flow4 li {
  width: 222px;
}
@media only screen and (max-width: 735px) {
  .flow-list.flow4 li {
    width: 20%;
  }
}
.flow-list.flow4 li .flow-list-l {
  width: 214px;
}
@media only screen and (max-width: 735px) {
  .flow-list.flow4 li .flow-list-l {
    width: 100%;
  }
}

.flow-list li.before .flow-list-l {
  color: #AAAAAA;
}
.flow-list li.before .flow-list-l span.nav-n {
  background-color: #AAAAAA;
}
@media only screen and (max-width: 735px) {
  .flow-list li.before .flow-list-l span.nav-n {
    color: #AAAAAA;
    background: none;
  }
}

.price {
  text-align: right;
  color: #f61142;
}
.price span {
  font-size: 1.25rem;
}
@media only screen and (max-width: 735px) {
  .price span {
    font-size: 0.875rem;
  }
}

.applied {
  width: 100%;
  height: 100%;
  display: table;
  background-color: #c9f41c;
  color: #0056d6;
  border: #b4e102 solid 3px;
  font-size: 0.854rem;
}
.applied span {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.applied span:before {
  content: "";
  background-image: url("../img/col_blue/icn_chk01.png");
  width: 17px;
  height: 15px;
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .applied span:before {
    background: none;
    margin: 0;
    width: 0;
  }
}

.Hidden {
  display: none;
  visibility: hidden;
}

.view-title {
  margin-bottom: 0.625rem;
}

.caption {
  color: #585858;
  font-size: 0.875rem;
}
@media only screen and (max-width: 735px) {
  .caption {
    font-size: 0.6875rem;
  }
}

.guide h3 {
  border-bottom: 2px solid #14a5c0;
}
.guide .block {
  margin-bottom: 30px;
  padding: 0 20px;
}
.guide .block img {
  border: 1px solid #cecece;
  width: 50%;
  margin: 0 0 20px;
}
@media only screen and (max-width: 735px) {
  .guide .block img {
    width: 100%;
  }
}
.guide .block .w80p {
  width: 80%;
}
@media only screen and (max-width: 735px) {
  .guide .block .w80p {
    width: 100%;
  }
}
.guide .block p, .guide .block ul {
  margin: 0 0 20px;
}
.guide .block li {
  margin-bottom: 10px;
}
.guide .block .fl, .guide .block .fr {
  width: 48%;
}
@media only screen and (max-width: 735px) {
  .guide .block .fl, .guide .block .fr {
    width: 100%;
    display: block;
    float: none;
  }
}

.accordion th {
  cursor: pointer;
}

.block {
  display: block;
  font-size: 0.875rem;
}
.block .block-h {
  width: 100%;
  padding: 5px 10px;
  background-color: #d0f2f1;
  margin-bottom: 5px;
}
.block .block-b {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 735px) {
  .block {
    font-size: 0.75rem;
  }
}

.block-col {
  border-top: 1px dotted #cecece;
  padding: 10px 20px 0;
  margin: 10px -20px 0;
}

@media only screen and (max-width: 735px) {
  .block-col {
    margin: 10px -5px 0;
  }
}
.simplemodal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-container {
  display: none;
  color: #14a5c0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 735px) {
  .modal-container {
    overflow: hidden;
  }
}
.modal-container .modal-wrap {
  background-color: #FFFFFF;
  border-top: 14px #14a5c0 solid;
  margin: 0 30px 0;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 735px) {
  .modal-container .modal-wrap {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    -moz-text-size-adjust: none;
    -moz-user-select: none;
    position: absolute;
    transform: translateZ(0px);
    z-index: 1;
    left: 25px;
    right: 25px;
  }
}
.modal-container .modal-wrap .Warn {
  margin-bottom: 50px;
}
@media only screen and (max-width: 735px) {
  .modal-container .modal-wrap .Warn {
    margin-bottom: 20px;
  }
}

.simplemodal-container {
  min-width: 640px !important;
}
@media only screen and (max-width: 735px) {
  .simplemodal-container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100% !important;
    min-width: 100% !important;
  }
}
.simplemodal-container .simplemodal-wrap {
  -webkit-overflow-scrolling: touch;
  background: #FFFFFF;
}

.goukaku {
  font-size: 3.125rem;
  color: #F4341A;
}

.fugoukaku {
  font-size: 1.875rem;
}

.GouhiMsgAria {
  padding-bottom: 20px;
  border-bottom: #e1e6eb solid 1px;
}

.tgl {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 735px) {
  .tgl {
    margin-bottom: 15px;
  }
}
.tgl .tgl-ttl {
  width: auto;
  padding: 5px 20px;
  background-color: #49c0c5;
  cursor: pointer;
}
.tgl .tgl-ttl span {
  color: #FFFFFF;
  font-size: 1.125rem;
}
@media only screen and (max-width: 735px) {
  .tgl .tgl-ttl span {
    font-size: 0.8125rem;
  }
}
.tgl .tgl-ttl-op {
  border-radius: 6px 6px 0 0;
}
.tgl .tgl-ttl-op span:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../img/icn_close01.png");
  background-size: 14px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 6px;
  float: right;
  vertical-align: middle;
}
.tgl .tgl-ttl-cl {
  border-radius: 6px 6px;
}
.tgl .tgl-ttl-cl span:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../img/icn_open01.png");
  background-size: 14px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 6px;
  float: right;
  vertical-align: middle;
}
.tgl .tgl-bdy {
  display: none;
  border: 1px solid #cecece;
  padding: 30px;
}
@media only screen and (max-width: 735px) {
  .tgl .tgl-bdy {
    padding: 15px;
  }
}

.tgl-blk-a,
.tgl-blk-b {
  text-align: center;
  margin: 0 12px;
  width: 46.739%;
  border-radius: 8px;
  height: 280px;
  padding: 30px 0;
}
@media only screen and (max-width: 735px) {
  .tgl-blk-a,
  .tgl-blk-b {
    width: 100%;
    margin: 0;
    padding: 15px;
    height: auto;
  }
  .tgl-blk-a .button-large,
  .tgl-blk-b .button-large {
    margin-bottom: 10px;
  }
  .tgl-blk-a .button.w210,
  .tgl-blk-b .button.w210 {
    width: 120px;
  }
}

.tgl-blk-a {
  float: left;
  background-color: #d0f2f1;
}
@media only screen and (max-width: 735px) {
  .tgl-blk-a {
    float: none;
    margin-bottom: 15px;
  }
}

.tgl-blk-b {
  float: right;
  background-color: #e7e7e7;
}
@media only screen and (max-width: 735px) {
  .tgl-blk-b {
    float: none;
  }
  .tgl-blk-b ul {
    margin-bottom: 0;
  }
}

.scroll-area {
  border: #718db6 solid 1px;
  width: 100%;
  padding: 20px 20px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 735px) {
  .scroll-area {
    padding: 15px 15px;
  }
}

.accept-area {
  border-radius: 8px;
  background-color: #d0f2f1;
  width: 280px;
  margin: 0 auto;
  text-align: center;
  padding: 25px;
  font-size: 1rem;
  font-weight: bold;
  color: #14a5c0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 735px) {
  .accept-area {
    width: 100%;
  }
}

.user-block {
  background-color: #d0f2f1;
  border-radius: 8px;
  width: 470px;
  text-align: center;
  height: 322px;
  padding-top: 34px;
}
@media only screen and (max-width: 735px) {
  .user-block {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .user-block .mb50 {
    margin-bottom: 10px;
  }
  .user-block .button-medium {
    display: inline-block;
  }
}

.fl-list {
  width: 100%;
  margin-bottom: 0;
}
.fl-list li label input {
  display: inline-block;
}
.fl-list li label span {
  display: inline-block;
  overflow: hidden;
  padding: 0 10px;
  max-width: 80%;
  vertical-align: middle;
}
@media only screen and (max-width: 735px) {
  .fl-list li label {
    font-size: 0.75rem;
  }
}
.fl-list li.list2 {
  float: left;
  width: 50%;
  margin-top: 10px;
}
.fl-list li.list2 label {
  width: 100%;
}
@media only screen and (max-width: 735px) {
  .fl-list li.list2 {
    float: none;
    width: 100%;
    display: block;
  }
}
.fl-list li.list4 {
  float: left;
  width: 25%;
  margin-top: 10px;
}
.fl-list li.list4 label {
  width: 100%;
}
@media only screen and (max-width: 735px) {
  .fl-list li.list4 {
    width: 50%;
  }
}

.clr-main {
  color: #14a5c0;
}

.opt-arrow .img {
  width: 52px;
  height: 54px;
  display: inline-block;
  background-image: url("../img/col_blue/arrow_right.png");
}
@media only screen and (max-width: 735px) {
  .opt-arrow .img {
    background-image: url("../img/col_blue/arrow_bottom.png");
    background-size: 42px 40px;
    width: 42px;
    height: 40px;
  }
}
.opt-arrow .print {
  display: none;
}
@media print {
  .opt-arrow .img {
    display: none;
  }
  .opt-arrow .print {
    display: block;
  }
}

.opt-arrow-2 .img {
  background-image: url("../img/col_blue/arrow_bottom02.png");
  background-size: 46px 46px;
  width: 46px;
  height: 46px;
  display: inline-block;
}

.opt-arrow-3 .img {
  width: 60px;
  height: 57px;
  display: inline-block;
  background-image: url("../img/col_blue/arrow_bottom.png");
  background-size: 60px 57px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 735px) {
  .opt-arrow-3 .img {
    background-image: url("../img/col_blue/arrow_bottom.png");
    background-size: 42px 40px;
    width: 42px;
    height: 40px;
  }
}

/* ----
list style
-------*/
/* リストスタイル */
ul.list-normal li,
ul.list-qa li {
  position: relative;
}

ul.list-normal li {
  margin-left: 18px;
}

ul.list-normal li::before {
  display: block;
  content: '';
  position: absolute;
  top: .6em;
  left: -0.8em;
  width: 3px;
  height: 3px;
  background-color: #3d3d3d;
  border-radius: 100%;
}

ul.list-qa li::before {
  display: block;
  content: '';
  position: absolute;
  top: .55em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #CCC;
  border-radius: 100%;
}

/*質問の文字カラー、背景カラー変更*/
.tbl-rd {
  border: 1px solid transparent;
}

.tbl-rd th {
  background: #49c0c5;
  border: 1px solid #49c0c5;
  color: #FFF;
  padding-right: 36px;
  position: relative;
}

.tbl-rd td {
  border: 1px solid #cecece;
}

/* +-ボタン */
.tbl-rd-open tbody {
  display: none;
}

.tbl-rd-open th:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  background: url("../img/icn_open01.png") no-repeat top right;
  background-size: 14px;
  display: block;
  margin: auto;
  margin-right: 13px;
}

.tbl-rd-close th:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: block;
  margin: auto;
  margin-right: 13px;
  background: url("../img/icn_close01.png") no-repeat top 1px right;
  background-size: 13px;
}

/*ページ内リンク目次　リンクカラー変更*/
.guide .block a {
  color: #3d3d3d;
}

.guide .block a:hover {
  color: #3d3d3d;
}

/* error */
.error-msg,
.ErrorMsg {
  color: #f61111;
}

.form input[type="text"].error-input,
.form input[type="password"].error-input,
.form input[type="email"].error-input,
.form input[type="number"].error-input,
.form input[type="tel"].error-input,
.form textarea.error-input,
.form .error-input {
  background: #f87272;
  color: #FFFFFF;
}

h3.error-msg:before {
  content: "";
  background-image: url("../img/icn_err.png");
  background-size: 24px;
  background-repeat: none;
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  margin-right: 5px;
}

.tbl-s .ErrorMsg {
  font-size: 0.75rem;
}

.form input.tipped {
  color: #d3d3d3;
}

.form .HighResult select {
  height: auto;
  padding-right: 0;
}

.form .HighResult select {
  border: none;
}

.tbl.HighResult td {
  padding: 0.3125rem 0;
}

.caption-area {
  border-radius: 6px;
  padding: 15px;
  background-color: #f0f0f0;
}
@media only screen and (max-width: 735px) {
  .caption-area .w50p {
    width: 100%;
  }
  .caption-area .fr {
    width: 100%;
    float: none;
  }
  .caption-area .caption-img-list .inline {
    width: 90px;
    float: left;
  }
}

.upload-area {
  padding: 40px 0 0;
  border-top: #cecece solid 1px;
}
.upload-area-btmline {
  border-bottom: #cecece solid 1px;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.upload-area #canvas-wrapper {
  position: relative;
  width: 438px;
  height: 438px;
}
.upload-area #cover-canvas {
  position: absolute;
  border: #cecece solid 1px;
  width: 438px;
  height: 438px;
  border: #cecece solid 1px;
  position: relative;
  background-color: #FFFFFF;
  display: inline-block;
}
@media only screen and (max-width: 735px) {
  .upload-area {
    padding: 20px 0;
  }
  .upload-area .w25p {
    width: 100%;
    float: none;
  }
  .upload-area .w25p .block {
    display: inline-block;
    width: 96px;
  }
  .upload-area .w25p .block .button {
    font-size: 0.625rem;
    padding: 3px 10px;
  }
  .upload-area .w25p .block .button span:before {
    background-size: 22px;
    height: 22px;
    margin-right: 2px;
    width: 22px;
    margin-top: 5px;
  }
  .upload-area .w25p .block .btn-photo {
    width: 94px;
  }
  .upload-area .w25p .block .btn-cut {
    width: 94px;
  }
  .upload-area .w25p .block .btn-return {
    width: 94px;
  }
  .upload-area .w75p {
    width: 100%;
    float: none;
    display: block;
  }
  .upload-area .w75p #canvas-wrapper {
    width: 302px;
    margin: 0 auto 20px;
    height: 302px;
  }
  .upload-area .w75p #canvas-wrapper #cover-canvas {
    width: 302px;
    margin: 0 auto 20px;
    height: 302px;
    border: #cecece solid 1px;
    position: relative;
    background-color: #FFFFFF;
    display: inline-block;
  }
  .upload-area .pr20 {
    padding-right: 0;
  }
  .upload-area .fl {
    float: none !important;
  }
  .upload-area .tar {
    text-align: center !important;
  }
}

#work-canvas {
  position: relative;
  /* width: 180px; */
  /* height: 240px; */
}

/* 画像編集エリアの右側ボタンエリア */
.edit-btn-area ul li a img.btn-turn_r {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_turn_r.png");
  background-size: cover;
}

.edit-btn-area ul li a img.btn-turn_l {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_turn_l.png");
  background-size: cover;
}

.edit-btn-area ul li a img.btn-zoom_in {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_zoom_in.png");
  background-size: cover;
}

.edit-btn-area ul li a img.btn-zoom_out {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_zoom_out.png");
  background-size: cover;
}

.edit-btn-area ul li a img.btn-light_d {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_light_d.png");
  background-size: cover;
}

.edit-btn-area ul li a img.btn-light_l {
  content: "";
  border: none;
  width: 41px;
  height: 41px;
  background-image: url("../img/btn_light_l.png");
  background-size: cover;
}

.paylist li {
  float: left;
  width: 70px;
  margin-right: 5px;
  height: 50px;
}
.paylist li img {
  width: 100%;
  height: auto;
}

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

.icn-web {
  background-image: url("../img/col_blue/icn_web.png");
  width: 104px;
  height: 88px;
  display: block;
}

.icn-pdf {
  background-image: url("../img/col_blue/icn_pdf.png");
  width: 105px;
  height: 118px;
  display: block;
}

.icn-printer {
  background-image: url("../img/col_blue/icn_printer.png");
  width: 104px;
  height: 90px;
  display: block;
}

.icn-mail {
  background-image: url("../img/col_blue/icn_mail.png");
  width: 106px;
  height: 90px;
  display: block;
}

.icnbg {
  margin-right: 20px;
}

.guide-icn-sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .guide-icn-sp {
    display: inline-block;
    width: 35px;
    margin-right: 5px;
    vertical-align: middle;
  }
  .guide-icn-sp .icn-web {
    background-image: url("../img/col_blue/icn_web.png");
    background-size: 35px 30px;
    width: 35px;
    height: 30px;
    display: block;
  }
  .guide-icn-sp .icn-pdf {
    background-image: url("../img/col_blue/icn_pdf.png");
    background-size: 35px 39px;
    width: 35px;
    height: 39px;
    display: block;
  }
  .guide-icn-sp .icn-printer {
    background-image: url("../img/col_blue/icn_printer.png");
    background-size: 35px 30px;
    width: 35px;
    height: 30px;
    display: block;
  }
  .guide-icn-sp .icn-mail {
    background-image: url("../img/col_blue/icn_mail.png");
    background-size: 35px 30px;
    width: 35px;
    height: 30px;
    display: block;
  }
}

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

.tejyunlist-sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .tejyunlist-sp {
    display: block;
  }
  .tejyunlist-sp li {
    border: #dedede solid 4px;
    padding: 7px;
    margin-bottom: 27px;
    width: 100%;
    position: relative;
  }
  .tejyunlist-sp li:after {
    content: "";
    background-image: url("../img/arrow_bottom03.png");
    background-size: 33px 16px;
    width: 33px;
    height: 16px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -17px;
  }
  .tejyunlist-sp li:last-child {
    margin-bottom: 0;
  }
  .tejyunlist-sp li:last-child:after {
    display: none;
  }
  .tejyunlist-sp li h3 {
    color: #49c0c5;
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
}

.tejyunlist2-sp {
  display: none;
}
@media only screen and (max-width: 735px) {
  .tejyunlist2-sp {
    display: block;
  }
  .tejyunlist2-sp li {
    border: #dedede solid 4px;
    padding: 7px;
    margin-bottom: 27px;
    width: 100%;
    position: relative;
  }
  .tejyunlist2-sp li:after {
    content: "";
    background-image: url("../img/arrow_bottom03.png");
    background-size: 33px 16px;
    width: 33px;
    height: 16px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -17px;
  }
  .tejyunlist2-sp li:last-child:after {
    display: none;
  }
  .tejyunlist2-sp li h3 {
    color: #49c0c5;
    font-size: 0.8125rem;
    margin-bottom: 0;
    display: inline;
  }
  .tejyunlist2-sp li span {
    float: right;
  }
  .tejyunlist2-sp .last:after {
    display: none;
  }
  .tejyunlist2-sp .active {
    border-color: #49c0c5;
  }
  .tejyunlist2-sp .tejyunlist2-sc {
    border: none;
    position: static;
    padding: 7px 0;
  }
  .tejyunlist2-sp .tejyunlist2-sc p {
    position: relative;
    height: 54px;
    line-height: 17px;
    text-align: center;
  }
  .tejyunlist2-sp .tejyunlist2-sc p:before {
    content: "";
    background-image: url("../img/arrow_bottom03.png");
    background-size: 33px 16px;
    width: 33px;
    height: 16px;
    display: block;
    text-align: center;
    position: absolute;
    top: -26px;
    left: 50%;
    margin-left: -17px;
  }
}

.edit-btn-area ul li {
  margin-bottom: 5px;
}
.edit-btn-area ul li a {
  text-decoration: none;
  color: #3d3d3d;
}
.edit-btn-area ul li a img {
  margin-right: 10px;
  width: 41px;
  height: auto;
}
.edit-btn-area ul li a:hover img {
  opacity: 0.6;
}
@media only screen and (max-width: 735px) {
  .edit-btn-area {
    margin: 0 auto;
    text-align: center;
  }
  .edit-btn-area ul li {
    display: inline-block;
    text-align: center;
    margin: 0 2px;
  }
  .edit-btn-area ul li a img {
    margin: 0 0 5px;
    display: block;
  }
}

.conf-list li {
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
@media only screen and (max-width: 735px) {
  .conf-list li {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 735px) {
  #howtoUploadDialog .w38p {
    width: 100%;
    float: none !important;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 735px) {
  .EndMeg {
    font-size: 0.8125rem;
  }

  .UketukeSitaComment,
  .txt-col {
    text-align: left;
    font-size: 0.8125rem;
  }
}
.img-application-start {
  background-image: url("../img/col_blue/img-application-start.jpg");
  width: 216px;
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 735px) {
  .img-application-start {
    background-image: url("../img/col_blue/img-application-start-sp.png");
    background-size: cover;
    width: 68px;
    height: 65px;
  }
}

.img-application-start2 {
  background-image: url("../img/col_blue/img-application-start2.jpg");
  width: 216px;
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 735px) {
  .img-application-start2 {
    background-image: url("../img/col_blue/img-application-start-sp.png");
    background-size: cover;
    width: 68px;
    height: 65px;
  }
}

.img-flow-guide {
  background-image: url("../img/col_blue/img-flow-guide.jpg");
  width: 800px;
  height: 156px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-flow-guide {
    display: none;
  }
}

.img-flow-guide2 {
  background-image: url("../img/col_blue/img-flow-guide2.jpg");
  width: 800px;
  height: 156px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-flow-guide2 {
    display: none;
  }
}

.img-flow-guide3 {
  background-image: url("../img/col_blue/img-flow-guide3.png");
  width: 930px;
  height: 230px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-flow-guide3 {
    display: none;
  }
}

.caption-img-e1 {
  background-image: url("../img/col_blue/sakss205_e01.png");
  width: 132px;
  height: 162px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .caption-img-e1 {
    background-size: cover;
    width: 80px;
    height: 98px;
  }
}

.caption-img-e2 {
  background-image: url("../img/col_blue/sakss205_e02.png");
  width: 132px;
  height: 162px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .caption-img-e2 {
    background-size: cover;
    width: 80px;
    height: 98px;
  }
}

.caption-img-e3 {
  background-image: url("../img/col_blue/sakss205_e03.png");
  width: 132px;
  height: 162px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .caption-img-e3 {
    background-size: cover;
    width: 80px;
    height: 98px;
  }
}

.caption-img {
  background-image: url("../img/col_blue/sakss205_01.png");
  width: 160px;
  height: 210px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .caption-img {
    background-size: cover;
    width: 110px;
    height: 144px;
  }
}

.img-205-m01 {
  background-image: url("../img/col_blue/sakss205_m01.jpg");
  background-size: cover;
  width: 348px;
  height: 170px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-205-m01 {
    display: none;
  }
}

.img-205-m02 {
  background-image: url("../img/col_blue/sakss205_m02.jpg");
  background-size: cover;
  width: 348px;
  height: 170px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-205-m02 {
    display: none;
  }
}

.img-205-m03 {
  background-image: url("../img/col_blue/sakss205_m03.jpg");
  background-size: cover;
  width: 348px;
  height: 170px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .img-205-m03 {
    display: none;
  }
}

.img-205-m01s {
  background-image: url("../img/col_blue/sakss205_m01s.jpg");
  background-size: cover;
  width: 280px;
  height: 267px;
  display: none;
  margin: 0 auto;
}
@media only screen and (max-width: 735px) {
  .img-205-m01s {
    display: block;
  }
}

.img-205-m02s {
  background-image: url("../img/col_blue/sakss205_m02s.jpg");
  background-size: cover;
  width: 280px;
  height: 267px;
  display: none;
  margin: 0 auto;
}
@media only screen and (max-width: 735px) {
  .img-205-m02s {
    display: block;
  }
}

.img-205-m03s {
  background-image: url("../img/col_blue/sakss205_m03s.jpg");
  background-size: cover;
  width: 280px;
  height: 267px;
  display: none;
  margin: 0 auto;
}
@media only screen and (max-width: 735px) {
  .img-205-m03s {
    display: block;
  }
}

.form .chk-lbl {
  width: 100%;
  display: block;
  vertical-align: middle;
}

/* IE9 スクロールバー 右隙間対応 */
.lt-ie10 .off-canvas,
.lt-ie10 .off-canvas:before,
.lt-ie10 .off-canvas:after {
  box-sizing: content-box;
}

.lt-ie10 .modal-container,
.lt-ie10 .modal-container:before,
.lt-ie10 .modal-container:after {
  box-sizing: content-box;
}

/* IE9 selectBox 右隙間対応 */
.lt-ie10 .form select {
  padding-right: 0;
}

/* SAKSS004  */
.tgl-list > li {
  margin-bottom: 20px;
}

.tgl-list dt,
.tgl-list dd {
  padding: 10px 20px;
  margin-bottom: 0;
  position: relative;
}

@media only screen and (max-width: 735px) {
  .tgl-list dt {
    padding-right: 30px;
  }
}
.tgl-list-info dt {
  padding: 5px 20px;
  font-size: 1.125rem;
  font-weight: normal;
  position: relative;
}
.tgl-list-info dd {
  padding: 42px;
}
@media only screen and (max-width: 735px) {
  .tgl-list-info dd {
    padding: 10px 20px;
  }
}

.tgl-list > li dt {
  width: auto;
  background: #49c0c5;
  cursor: pointer;
  border: 1px solid #49c0c5;
  border-radius: 6px;
  color: #FFF;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -moz-transition: all 0.2s ease-in-out 0.1s;
  -o-transition: all 0.2s ease-in-out 0.1s;
  -ms-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
}

.tgl-list > li dd {
  display: none;
  border: 1px solid transparent;
  -webkit-transition: border 0.3s ease-in-out 0.1s;
  -moz-transition: border 0.3s ease-in-out 0.1s;
  -o-transition: border 0.3s ease-in-out 0.1s;
  -ms-transition: border 0.3s ease-in-out 0.1s;
  transition: border 0.3s ease-in-out 0.1s;
}

.tgl-list > li dt::before,
.tgl-list > li.open dt::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: 14px;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}

@media only screen and (max-width: 735px) {
  .tgl-list > li dt::before,
  .tgl-list > li.open dt::before {
    right: 10px;
  }
}
.tgl-list > li dt::before {
  background-image: url("../img/icn_open01.png");
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}

.tgl-list > li.open dt::before {
  background-image: url("../img/icn_close01.png");
}

.tgl-list > li.open dt {
  border-radius: 6px 6px 0 0;
}

.tgl-list > li.open dd {
  border: 1px solid #cecece;
  display: block;
  opacity: 1.0;
}

.tgl-list > li.open dd * {
  opacity: 1.0;
}

.tgl-list > li.open dd + dd {
  border-top: none;
}

/* SAKSS051 高校検索結果  */
.searchList {
  margin-bottom: 0.625rem;
}

.searchList h3 {
  border-radius: 6px 6px 0 0;
  width: auto;
  padding: 5px 10px;
  background-color: #49c0c5;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 0;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}

.searchList ul {
  margin-bottom: 0;
  display: table;
  width: 580px;
}

.searchList ul:last-child {
  border-bottom: #cecece solid 1px;
}

.searchList ul > li {
  display: table-cell;
  width: auto;
  padding: 5px 20px;
}

.searchList .listHead {
  background: #d0f2f1;
  border: #cecece solid 1px;
}

.searchList .listHead > li {
  font-weight: bold;
}

@media only screen and (max-width: 735px) {
  .searchList .listHead {
    display: none;
  }
}
.searchList .listHead > li:nth-child(1) {
  padding-left: 68px;
  width: 172px;
}

.searchList .listHead > li:nth-child(2) {
  width: 260px;
}

.searchList .listHead > li.sp-display_pc {
  width: 288px;
}

@media only screen and (max-width: 735px) {
  .searchList .listHead > li.sp-display_pc {
    width: 100%;
  }
}
.searchList .list {
  height: 166px;
  border: #cecece solid 1px;
  border-top: none;
}

@media only screen and (max-width: 735px) {
  .searchList .list {
    height: 166px;
    overflow: auto;
  }
}
.searchList .listInner {
  overflow-y: scroll;
  height: 165px;
  width: 576px;
}

@media only screen and (max-width: 735px) {
  .searchList .listInner {
    height: 165px;
    overflow: visible;
    width: auto;
  }
}
@media only screen and (max-width: 735px) {
  .searchList .listInner label {
    height: 96%;
    width: 100%;
  }
}
.searchList .list ul {
  width: 100%;
  border-bottom: 1px solid #cecece;
}

@media only screen and (max-width: 735px) {
  .searchList .list ul {
    width: 100%;
    border-bottom: none;
    position: relative;
  }
}
.searchList .list ul:nth-child(even) {
  background: #f4f4f4;
}

.searchList .list ul > li {
  display: table-cell;
  width: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 735px) {
  .searchList .list ul > li {
    display: block;
    font-size: 0.75rem;
  }
}
.searchList .list ul > li input {
  margin: 0;
}

@media only screen and (max-width: 735px) {
  .searchList .list ul > li input {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.searchList .list ul > li:nth-child(1) {
  width: 50px;
  padding: 0 0 0 15px;
  text-align: center;
  vertical-align: middle;
}

.searchList .list ul > li:nth-child(2) {
  width: 122px;
}

.searchList .list ul > li:nth-child(3) {
  width: 260px;
}

@media only screen and (max-width: 735px) {
  .searchList .list ul > li:nth-child(1) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0;
    border-right: 1px dotted #ccc;
    z-index: 999;
  }

  .searchList .list ul > li:nth-child(2) {
    width: 100%;
    padding-bottom: 0px;
  }

  .searchList .list ul > li:nth-child(3) {
    width: 100%;
    padding: 5px 0;
    padding-right: 10px;
  }

  .searchList .list ul > li:last-child {
    padding-top: 0px;
  }

  .searchList .list ul > li:nth-child(2),
  .searchList .list ul > li:nth-child(3),
  .searchList .list ul > li:last-child {
    position: relative;
    padding-left: 146px;
  }

  .searchList .list ul > li:nth-child(2):before {
    content: attr(title);
  }

  .searchList .list ul > li:nth-child(3):before {
    content: attr(title);
  }

  .searchList .list ul > li:nth-child(4):before {
    content: attr(title);
  }

  .searchList .list ul > li:nth-child(2):before,
  .searchList .list ul > li:nth-child(3):before,
  .searchList .list ul > li:nth-child(4):before {
    position: absolute;
    left: 65px;
    font-weight: bold;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 735px) {
  .block-pd0 .block {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
== 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: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar {
  -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;
  /* border-right: #eeeeee solid 1px; */
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

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

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

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

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

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

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

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

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

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

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  /*		-webkit-border-radius: 16px; -moz-border-radius: 16px; 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;
  /*		-webkit-border-radius: 16px; -moz-border-radius: 16px; 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: 22px;
}

.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: 22px;
  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 24px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 22px;
  margin: 0;
  background-image: url("../img/scrol-bg.png");
  background-repeat: repeat-x;
  background-position: left top;
  border: #999999 solid 1px;
}

.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: 22px;
  margin: 0 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: 24px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  border: #999999 solid 1px;
  border-right: none;
  background-image: url("../img/scrol-icnl.png");
  background-position: center 5px;
  background-repeat: no-repeat;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  border: #999999 solid 1px;
  border-left: none;
  background-image: url("../img/scrol-icnr.png");
  background-position: center 5px;
  background-repeat: no-repeat;
}

.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;
}

.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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.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;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-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;
  -moz-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;
  -o-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: #dcf0f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dcf0f2 0%, #95ced8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcf0f2), color-stop(100%, #95ced8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dcf0f2 0%, #95ced8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dcf0f2 0%, #95ced8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dcf0f2 0%, #95ced8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dcf0f2 0%, #95ced8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bar-color', endColorstr='$bar-color-to',GradientType=0 );
  /* IE6-9 */
  border: #999999 solid 1px;
  position: relative;
     /*background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before {
  content: "";
  background-image: url("../img/scrol-bar.png");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  display: block;
  float: left;
  z-index: 999;
}

/*
	.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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  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: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  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 {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

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

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---------------------------------------- */
.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
}

.sidr.right {
  left: auto;
  right: -260px;
}

.sidr.left {
  left: -260px;
  right: auto;
}

.sidr ul {
  display: block;
}

.sidr ul li {
  display: block;
}

.sidr ul li a, .sidr ul li span {
  display: block;
}

.right-off-canvas-menu {
  background-color: #14a5c0;
}

.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.off-canvas-list li label {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #586e90;
  border-top: medium none;
  color: #ffffff;
  font-size: 1.1875rem;
  padding: 25px 15px 15px;
  display: block;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.off-canvas-list .exit-off-canvas {
  background-color: #14a5c0;
  background-image: url("../img/col_blue/menu_close.png");
  background-repeat: no-repeat;
  background-size: 25px auto;
  border: medium none;
  bottom: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  float: right;
  height: 25px;
  left: auto;
  position: static;
  right: 0;
  top: 0;
  transition: background 50ms ease 0s;
  width: 25px;
  z-index: 1002;
}

.off-canvas-list li a {
  border-bottom: 1px solid #586e90;
  color: #ffffff;
  font-size: 0.8125rem;
  padding: 15px 15px;
  text-decoration: none;
  display: block;
  transition: background 100ms ease 0s;
  position: relative;
}

.off-canvas-list li a::before {
  background-image: url("../img/col_blue/menu_list.png");
  background-size: 17px auto;
  content: "";
  display: inline-block;
  height: 17px;
  margin-right: 6px;
  vertical-align: middle;
  width: 17px;
}

.off-canvas .tab-bar {
  background: #333333 none repeat scroll 0 0;
  color: #ffffff;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}

.off-canvas .right-small {
  border-left: 1px solid #1a1a1a;
  height: 2.8125rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8125rem;
}

.off-canvas .tab-bar .menu-icon {
  color: #ffffff;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0px, 0px, 0px);
  width: 2.8125rem;
}

.off-canvas .tab-bar .menu-icon span::after {
  box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
  content: "";
  display: block;
  height: 0;
  left: 0.90625rem;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1rem;
}

.exit-off-canvas {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1002;
  display: none;
}

.tbl-ss {
  width: 749px;
}

.tbl-ssr {
  width: 222px;
}

.tbl-ssl {
  width: 100%;
}

.LayoutTop select {
  float: left;
}

.LayoutTop select + p {
  overflow: hidden;
  text-align: left;
}

/* 以下、common.cssより追加したファイル */
/* common.js 表示処理準備が終えるまで、表示待機用制御 */
#Head {
  visibility: hidden;
}

#Head.Ready {
  visibility: visible;
}

form {
  visibility: hidden;
}

form.Ready {
  visibility: visible;
}

#Flow-nav {
  visibility: hidden;
}

#Flow-nav.Ready {
  visibility: visible;
}

#sidr {
  visibility: hidden;
}

#sidr.Ready {
  visibility: visible;
}

#footer {
  visibility: hidden;
}

#footer.Ready {
  visibility: visible;
}

/* indicator.jsp flowlist 5段階時レイアウト */
.flow-list.flow5 li {
  width: 176px;
}
@media only screen and (max-width: 735px) {
  .flow-list.flow5 li {
    width: 14%;
  }
}

.flow-list.flow5 li .flow-list-l {
  width: 167px;
}
@media only screen and (max-width: 735px) {
  .flow-list.flow5 li .flow-list-l {
    width: 90%;
  }
}

/* sakss801.jsp btmlineライン上下幅を10pxに変更したものを使用 */
.btmline10p {
  padding-bottom: 10px;
  background-image: url("../img/line_dot.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 10px;
}
@media only screen and (max-width: 735px) {
  .btmline10p {
    padding-bottom: 5px;
  }
}

/* sakss012.jsp ブロックのセンタリング用 */
.user-block-c {
  background-color: #d0f2f1;
  border-radius: 8px;
  width: 470px;
  text-align: center;
  height: 322px;
  padding-top: 34px;
  margin: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 735px) {
  .user-block-c {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* sakss301.jsp 画像レイアウト位置調整 */
.tbl-secondary-area .tbl-secondary td .label-img {
  width: 650px;
}
@media only screen and (max-width: 735px) {
  .tbl-secondary-area .tbl-secondary td .label-img {
    width: auto;
  }
}

/* ベーシック依頼分 */
.tbl-scroll .tbl-scroll-body .tbl-scroll-body-off {
  overflow-x: hidden;
  width: 820px;
  display: block;
}

.tbl-scroll .tbl-scroll-body .tbl-scroll-body-on {
  overflow-x: scroll;
  width: 820px;
  display: block;
}

.tbl-scroll .tbl-scroll-head table .blank-mh30 {
  display: block;
  background-color: #FFFFFF;
  min-height: 30px;
}

.tbl-scroll .tbl-scroll-head table .blank-mh50 {
  display: block;
  background-color: #FFFFFF;
  min-height: 50px;
}

.tbl-scroll .tbl-scroll-head table .blank-mh100 {
  display: block;
  background-color: #FFFFFF;
  min-height: 100px;
}

.tbl-scroll .tbl-scroll-head table .blank-mh130 {
  display: block;
  background-color: #FFFFFF;
  min-height: 130px;
}

/* 出願情報一覧表示 */
.tbl-shutugan th {
  padding: 5px 10px;
}

.selectorLeftSakss103,
.selectorRightSakss103,
.selectorLeftSakss110,
.selectorRightSakss110 {
  background-color: #FFFFFF;
  height: 100%;
  border-radius: 0.625rem 0.625rem;
  width: 450px;
  position: relative;
  padding-top: 3.4375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.selectorLeftSakss103 .selectorTtl,
.selectorRightSakss103 .selectorTtl,
.selectorLeftSakss110 .selectorTtl,
.selectorRightSakss110 .selectorTtl {
  width: 100%;
  color: #FFFFFF;
  background-color: #49c0c5;
  text-align: center;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.625rem 0.625rem 0 0;
  font-weight: bold;
}

.selectorLeftSakss103 .selectorContents,
.selectorRightSakss103 .selectorContents,
.selectorLeftSakss110 .selectorContents,
.selectorRightSakss110 .selectorContents {
  background-color: #f0f0f0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 0 0 0.625rem 0.625rem;
}

.SigansakiTbody {
  border: #cecece solid 1px;
}

.SigansakiTbody td {
  border-style: none solid none none;
}

.tbl-recommend {
  border-collapse: collapse;
  margin-top: 10px;
}

th.RecommendItem {
  border-style: solid;
  border-width: 1pt;
  border-color: #cecece;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
}

td.RecommendValue {
  height: 50px;
  border-style: solid;
  border-width: 1pt;
  border-color: #cecece;
  font-weight: bold;
  font-size: 10pt;
}

.tbl-scroll table thead th.Small {
  min-width: 60px;
  width: 122px;
  line-height: 1.2;
  height: 50px;
  min-height: 50px;
}

/* sakss201.jsp 氏名欄幅拡大 */
.w160 {
  width: 160px;
}

.form input[type="text"].w160 {
  width: 160px;
}

/* 出願状況ボタンサイズ固定 */
.bw200 {
  width: 200px;
}
@media only screen and (max-width: 735px) {
  .bw200 {
    width: auto;
  }
}

/* small-gray SAKSS201用クリアボタン追加 */
.button-small-gray {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5625rem;
  padding-left: 1rem;
  font-size: 0.875rem;
}
@media only screen and (max-width: 735px) {
  .button-small-gray {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5625rem;
    padding-left: 1rem;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 735px) {
  .button-small-gray-centered {
    display: block;
    margin: 0 auto;
  }
}

.button-small-gray {
  width: 180px;
  background-color: #FFFFFF;
  border: #afafaf solid 1px;
  color: #656565;
  padding: 7px 0;
}

.button-small-gray:hover {
  background-color: #EEEEEE;
  color: #656565;
}

/* small-gray SAKSS201用クリアボタン追加　ここまで */
/* Sakss052,053 予備校大学検索結果用 */
.SearchList-2 {
  height: 165px;
  overflow-y: scroll;
  border: #cecece solid 1px;
  border-top: none;
}

.SearchList-2 table {
  margin-bottom: 0px;
}

.SearchList-2 table td:first-child {
  border-left: none;
}

.SearchList-2 table td:last-child {
  border-right: none;
}

.SearchList-2 table tr:first-child > td {
  border-top: none;
}

/* Sakss052,053 予備校大学検索結果用 ここまで */
/* sakss051 高校検索用loading表示 */
.loadingImage {
  width: 100%;
  height: 100%;
  text-align: center;
}

.loadingImage:before {
  content: "";
  height: 50%;
  display: inline-block;
}

.loadingImage img {
  vertical-align: middle;
  width: 40px;
  height: auto;
}
@media only screen and (max-width: 735px) {
  .loadingImage img {
    width: 40px;
    height: auto;
  }
}

/* sakss051 高校検索用loading表示 ここまで */
/* PC時tac、スマホ時talとなるClass */
.tac-sp {
  text-align: center !important;
}
@media only screen and (max-width: 735px) {
  .tac-sp {
    text-align: left !important;
  }
}

/* PC時tac、スマホ時talとなるClass ここまで */
/* Sakss602 受験番号文字サイズ設定 */
label.JukenNoSakss602 {
  font-size: 1.2rem;
}
@media only screen and (max-width: 735px) {
  label.JukenNoSakss602 {
    font-size: 1.0rem;
  }
}

/* Sakss602 受験番号文字サイズ設定 ここまで */
/* Sakss702 合否結果下線(上書き) */
.GouhiMsgAria {
  padding-bottom: 0;
  /* 上書き */
  border-bottom: #e1e6eb solid 1px;
  margin-bottom: 30px;
}

/* Sakss702 合否結果下線(上書き) ここまで */
/* header ロゴレイアウト */
.Logo {
  text-align: center;
}

.Logo img {
  height: 65px;
  margin-top: -15px;
  margin-bottom: -10px;
  align: right;
}
@media only screen and (max-width: 735px) {
  .Logo img {
    height: 45px;
    margin-top: auto;
    margin-bottom: auto;
  }
}

/* header ロゴレイアウト ここまで */
/* common.cssより追加したファイル ここまで*/
table .tbl-inner {
  width: 680px;
}
table .tbl-inner td {
  border: none;
  padding: 0px 15px 10px 0px;
  float: none;
  display: table-cell;
  width: 1px;
  /* 最小値 */
  white-space: nowrap;
}
@media only screen and (max-width: 735px) {
  table .tbl-inner td {
    padding: 0px 10px 5px 0px;
  }
}
table .tbl-inner td:last-child {
  width: auto;
  white-space: normal;
  padding-right: 0px;
}
table .tbl-inner td:empty {
  width: 0px;
  padding-right: 0px;
}
table .tbl-inner tr:last-child td {
  padding-bottom: 0px;
}
@media only screen and (max-width: 735px) {
  table .tbl-inner {
    width: 100%;
  }
}

.tbl-normal tr:last-child .tbl-inner td {
  /* 下線取り消し */
  border: none;
}

.tbl-normal .tbl-inner tr:last-child td {
  /* 下線取り消し */
  border: none;
}

/* アンケートのDIV幅 */
.wQuest {
  width: 200px;
}

/* 紙出願用・インジケーター3 */
.flow-list.flow3 li {
  width: 312px;
}

@media only screen and (max-width: 735px) {
  .flow-list.flow3 li {
    width: 28%;
  }
}
.flow-list.flow3 li .flow-list-l {
  width: 304px;
}

@media only screen and (max-width: 735px) {
  .flow-list.flow3 li .flow-list-l {
    width: 100%;
  }
}
h2.ttl-check-h2:before {
  content: "";
  background-image: url("../img/icn_check.png");
  background-position: left top;
  background-size: 44px;
  background-repeat: no-repeat;
  border-radius: 5px;
  width: 44px;
  height: 44px;
  float: left;
  display: inline-block;
  margin-right: 18px;
}

@media only screen and (max-width: 735px) {
  h2.ttl-check-h2:before {
    background-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 735px) {
  h2.ttl-check-h2 {
    line-height: 30px;
  }
}
/* sakss701.jsp 合否照会　カナ氏名幅調整 */
.w90 {
  width: 90px;
}

.form input[type="text"].w90 {
  width: 90px;
}

/* sakss701.jsp 試験名欄調整 */
.w287 {
  width: 287px;
}

select.w287 {
  width: 287px;
}

div.gohiTopComment {
  font-size: 0.875rem;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 750px;
}
@media only screen and (max-width: 735px) {
  div.gohiTopComment {
    font-size: 0.8125rem;
    width: 100%;
  }
}

.button-tiny-gray {
  background-color: #FFFFFF;
  border: #afafaf solid 1px;
  color: #656565;
  width: 60px;
  padding: 5px 15px;
}
.button-tiny-gray:hover {
  background-color: #EEEEEE;
  color: #656565;
}

.ex1 {
  border: #cecece solid 1px;
}

.ex1-1 {
  background-image: url("../img/col_blue/toshogohi/toshogohi_top.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 800px;
  height: 630px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .ex1-1 {
    background-image: url("../img/col_blue/toshogohi/toshogohi_top_s.png");
    width: 300px !important;
    height: 850px;
  }
}

.ex1-2 {
  background-image: url("../img/col_blue/toshogohi/toshogohi_result.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 800px;
  height: 1300px;
  display: block;
}
@media only screen and (max-width: 735px) {
  .ex1-2 {
    background-image: url("../img/col_blue/toshogohi/toshogohi_result_s.png");
    width: 330px !important;
    height: 980px;
  }
}

.l-header header table .SiteTitle {
  font-size: 1.45rem;
  font-weight: bold;
  color: #14a5c0;
}
@media only screen and (max-width: 735px) {
  .l-header header table .SiteTitle {
    font-size: 1.1875rem;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 50px;
    height: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3;
  }
}

.tbl-normal th {
  padding: 10px 10px;
  white-space: nowrap;
}
@media only screen and (max-width: 735px) {
  .tbl-normal th {
    padding: 10px 5px;
    white-space: normal;
  }
}

.GohiResult {
  margin-bottom: 20px;
}

form[name="sakss701ActionForm"] .tbl-wl th, form[name="sakss701ActionForm"] .tbl-wl td, form[name="sakms105ActionForm"] .tbl-wl th, form[name="sakms105ActionForm"] .tbl-wl td {
  padding: 6px 15px;
}
@media only screen and (max-width: 735px) {
  form[name="sakss701ActionForm"] .tbl-wl th, form[name="sakss701ActionForm"] .tbl-wl td, form[name="sakms105ActionForm"] .tbl-wl th, form[name="sakms105ActionForm"] .tbl-wl td {
    padding: 10px 5px;
  }
}
form[name="sakss701ActionForm"] .ScoreBatic, form[name="sakms105ActionForm"] .ScoreBatic {
  margin: 0px 15px;
}
@media only screen and (max-width: 735px) {
  form[name="sakss701ActionForm"] .ScoreBatic, form[name="sakms105ActionForm"] .ScoreBatic {
    margin: 1px 12px;
  }
}
form[name="sakss701ActionForm"] .ScoreOther, form[name="sakms105ActionForm"] .ScoreOther {
  margin: 0px 15px;
}
@media only screen and (max-width: 735px) {
  form[name="sakss701ActionForm"] .ScoreOther, form[name="sakms105ActionForm"] .ScoreOther {
    margin: 1px 12px;
  }
}
form[name="sakss701ActionForm"] .RecordBaticTbl, form[name="sakms105ActionForm"] .RecordBaticTbl {
  table-layout: fixed;
}
form[name="sakss701ActionForm"] .RecordBaticTbl th, form[name="sakss701ActionForm"] .RecordBaticTbl td, form[name="sakms105ActionForm"] .RecordBaticTbl th, form[name="sakms105ActionForm"] .RecordBaticTbl td {
  padding: 3px 7px;
  text-align: center;
}
form[name="sakss701ActionForm"] .RecordTbl, form[name="sakms105ActionForm"] .RecordTbl {
  table-layout: fixed;
}
form[name="sakss701ActionForm"] .RecordTbl th, form[name="sakss701ActionForm"] .RecordTbl td, form[name="sakms105ActionForm"] .RecordTbl th, form[name="sakms105ActionForm"] .RecordTbl td {
  text-align: center;
  padding: 4px 7px;
}
@media only screen and (max-width: 735px) {
  form[name="sakss701ActionForm"] .RecordTbl th, form[name="sakss701ActionForm"] .RecordTbl td, form[name="sakms105ActionForm"] .RecordTbl th, form[name="sakms105ActionForm"] .RecordTbl td {
    padding: 3px 5px;
  }
}
form[name="sakss701ActionForm"] .ReferenceBaticTbl, form[name="sakms105ActionForm"] .ReferenceBaticTbl {
  table-layout: fixed;
}
form[name="sakss701ActionForm"] .ReferenceBaticTbl th, form[name="sakss701ActionForm"] .ReferenceBaticTbl td, form[name="sakms105ActionForm"] .ReferenceBaticTbl th, form[name="sakms105ActionForm"] .ReferenceBaticTbl td {
  padding: 3px 7px;
  text-align: center;
}
form[name="sakss701ActionForm"] .ReferenceTbl, form[name="sakms105ActionForm"] .ReferenceTbl {
  table-layout: fixed;
}
form[name="sakss701ActionForm"] .ReferenceTbl th, form[name="sakms105ActionForm"] .ReferenceTbl th {
  text-align: left;
}
form[name="sakss701ActionForm"] .ReferenceTbl td, form[name="sakms105ActionForm"] .ReferenceTbl td {
  text-align: right;
}
form[name="sakss701ActionForm"] .AnswerTbl th, form[name="sakss701ActionForm"] .AnswerTbl td, form[name="sakms105ActionForm"] .AnswerTbl th, form[name="sakms105ActionForm"] .AnswerTbl td {
  border-style: none;
  padding: 1px 5px;
}
@media only screen and (max-width: 735px) {
  form[name="sakss701ActionForm"] .AnswerTbl th, form[name="sakss701ActionForm"] .AnswerTbl td, form[name="sakms105ActionForm"] .AnswerTbl th, form[name="sakms105ActionForm"] .AnswerTbl td {
    padding: 2px 4px;
  }
}

@media print {
  div.l-header, div.flow-nav, div.title, div.l-footer, .NotPrint {
    display: none;
  }

  .GohiKekkaMsg {
    margin-bottom: 0px;
  }

  .l-main {
    padding-bottom: 0px;
  }

  .GouhiMsgAria {
    border-bottom: none;
    margin-bottom: 0px;
  }

  .btmline {
    background-image: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .h2 {
    margin-bottom: 0px;
  }

  .container {
    padding-bottom: 0px;
  }

  .GohiResult {
    margin-bottom: 0px;
  }

  table.tbl th, table.tbl td {
    font-size: 0.8em;
  }

  ul li {
    font-size: 0.8em;
  }
}
/* sakss701.jsp 合否照会　カナ氏名幅調整 */
.form input[type="text"].w236 {
  width: 235px;
}

@media only screen and (max-width: 735px) {
  .form input[type="text"].w236 {
    width: 100%;
  }
}
/* sakss701.jsp 試験名欄調整 */
select.w287 {
  width: 287px;
}

@media only screen and (max-width: 735px) {
  select.w287 {
    width: 100%;
  }
}
div.gohiTopComment {
  font-size: 0.875rem;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 750px;
}

@media only screen and (max-width: 735px) {
  div.gohiTopComment {
    font-size: 0.8125rem;
    width: 100%;
  }
}
.tgl-list > li dt {
  width: auto;
  background: #fff;
  cursor: pointer;
  border: 1px solid #49c0c5;
  border-radius: 6px;
  color: #3d3d3d;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -moz-transition: all 0.2s ease-in-out 0.1s;
  -o-transition: all 0.2s ease-in-out 0.1s;
  -ms-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
}

.tgl-list > li.open dd {
  border: 1px solid #49c0c5;
  display: block;
  opacity: 1.0;
}