@charset "UTF-8";
/* *****************************************************
マイページ
***************************************************** */
.clear:after, .l-body:after, .t-navi ol:after, .tab__head:after, .login-box:after, .l-header:after, .sp-header-wrapper:after, .l-header__content .content__wrapper:after, .l-header__content ul:after, .l-header__gnavi ul:after, .sub-navi ul:after, .l-footer__link ul:after, .l-footer__contents:after, table tr:after, .searchArea:after {
  content: " ";
  display: block;
  clear: both;
}

/* *****************************************************
Contents ---------------
01: reset
02: common
03: LayerBase
04: LayerBody
05: LayerHeader
06: LayerFooter
------------------------
***************************************************** */
/* *****************************************************
reset
***************************************************** */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-style: normal;
  background: transparent;
}

html,
body {
  height: 100%;
}

body {
  min-width: 1160px;
  color: #222;
  background-color: #fff;
  font-size: 87.5%;
  /* 14px */
  line-height: 157.1%;
  /* 22px */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 1180px) {
  body {
    min-width: 320px;
  }
}

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

h1,
h2,
h3,
h4,
h5,
h6,
strong,
em {
  font-weight: normal;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  color: #0079c8;
  text-decoration: none;
  background: transparent;
  outline: none;
  vertical-align: baseline;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 5px #1589ee;
          box-shadow: 0 0 5px #1589ee;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

em {
  font-weight: bold;
}

/*
color
***************************************************** */
.color-white {
  color: #ffffff;
}

.color-glay {
  color: #999999;
}

.bg-glay,
input[type="button"].bg-glay,
input[type="submit"].bg-glay,
button[type="button"].bg-glay,
button[type="submit"].bg-glay {
  background: #f6f6f6;
  border-color: #aaa;
}

.bg-orange,
input[type="button"].bg-orange,
input[type="submit"].bg-orange,
button[type="button"].bg-orange,
button[type="submit"].bg-orange {
  background: #d35959;
  border-color: #d35959;
}

.bg-green,
input[type="button"].bg-green,
input[type="submit"].bg-green,
button[type="button"].bg-green,
button[type="submit"].bg-green {
  background: #0079c8;
  border-color: #0079c8;
}

.bg-light_blue,
input[type="button"].bg-light_blue,
input[type="submit"].bg-light_blue,
button[type="button"].bg-light_blue,
button[type="submit"].bg-light_blue {
  background: #cde9f6;
  border-color: #cde9f6;
}

.bg-purple,
input[type="button"].bg-purple,
input[type="submit"].bg-purple,
button[type="button"].bg-purple,
button[type="submit"].bg-purple {
  background: #e5d0f6;
  border-color: #e5d0f6;
}

.bg-pink,
input[type="button"].bg-pink,
input[type="submit"].bg-pink,
button[type="button"].bg-pink,
button[type="submit"].bg-pink {
  background: #fdd4de;
  border-color: #fdd4de;
}

.bg-yellow,
input[type="button"].bg-yellow,
input[type="submit"].bg-yellow,
button[type="button"].bg-yellow,
button[type="submit"].bg-yellow {
  background: #faecbd;
  border-color: #faecbd;
}

.bg-yellow_green,
input[type="button"].bg-yellow_green,
input[type="submit"].bg-yellow_green,
button[type="button"].bg-yellow_green,
button[type="submit"].bg-yellow_green {
  background: #d2f6cd;
  border-color: #d2f6cd;
}

.bg-white {
  background: #fff !important;
}

.bg-strong,
input[type="button"].bg-strong,
input[type="submit"].bg-strong,
button[type="button"].bg-strong,
button[type="submit"].bg-strong {
  background: #d35959;
  border-color: #d35959;
}

.inner-box__head.bg-glay {
  background: #f5f5f5;
  border-radius: 5px 5px 0 0;
}
.inner-box__head.bg-glay a {
  color: #222;
}

.tdBlue {
  background: #e2f5ff;
}

.tdRed {
  background: #fff2ea;
}

.tdGreen {
  background: #f3ffd8;
}

.tdYellow {
  background: #fffdd6;
}

.tdGlay {
  background: #eaeaea;
}

.b-red {
  color: #d35959;
  border-color: #d35959;
}

.bg-white {
  background: #fff !important;
}

/*
icon
***************************************************** */
a[href*=".pdf"],
a[href*=".PDF"],
a[href*=".doc"],
a[href*=".DOC"],
a[href*=".docx"],
a[href*=".DOCX"],
a[href*=".xls"],
a[href*=".XLS"],
a[href*=".xlsx"],
a[href*=".XLSX"],
a[href*=".jpg"],
a[href*=".JPG"],
a[href*=".gif"],
a[href*=".GIF"],
a[href*=".png"],
a[href*=".PNG"] {
  color: #222;
}

a[href*=".pdf"]:after,
a[href*=".PDF"]:after,
a[href*=".doc"]:after,
a[href*=".DOC"]:after,
a[href*=".docx"]:after,
a[href*=".DOCX"]:after,
a[href*=".xls"]:after,
a[href*=".XLS"]:after,
a[href*=".xlsx"]:after,
a[href*=".XLSX"]:after,
a[href*=".jpg"]:after,
a[href*=".JPG"]:after,
a[href*=".gif"]:after,
a[href*=".GIF"]:after,
a[href*=".png"]:after,
a[href*=".PNG"]:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 19px;
  vertical-align: top;
  margin: 0;
  letter-spacing: normal;
}

a[href*=".pdf"]:after,
a[href*=".PDF"]:after {
  background: url(/mypage/common/img/icon_pdf.png) 0 0 no-repeat;
}

a[href*=".doc"]:after,
a[href*=".DOC"]:after,
a[href*=".docx"]:after,
a[href*=".DOCX"]:after {
  background: url(/mypage/common/img/icon_word.png) 0 0 no-repeat;
}

a[href*=".xls"]:after,
a[href*=".XLS"]:after,
a[href*=".xlsx"]:after,
a[href*=".XLSX"]:after {
  background: url(/mypage/common/img/icon_excel.png) 0 0 no-repeat;
}

a[href*=".jpg"]:after,
a[href*=".JPG"]:after,
a[href*=".gif"]:after,
a[href*=".GIF"]:after,
a[href*=".png"]:after,
a[href*=".PNG"]:after {
  background: url(/mypage/common/img/icon_img.png) 0 0 no-repeat;
}

/* *****************************************************
common
***************************************************** */
.fs-xs {
  font-size: 84.61538%;
  line-height: 150%;
}

.fs-s {
  font-size: 92.30769%;
  line-height: 150%;
}

.fs-m {
  font-size: 115.38462%;
  line-height: 150%;
}

.fs-l {
  font-size: 138.46154%;
  line-height: 150%;
}

.fs-xl {
  font-size: 161.53846%;
  line-height: 150%;
}

/*
l-container
***************************************************** */
.l-container {
  position: relative;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 1180px) {
  .l-container {
    overflow: hidden;
  }
}

/*
l-body
***************************************************** */
.l-body {
  position: relative;
}
@media only screen and (max-width: 720px) {
  .l-body {
    width: auto;
  }
}

/*
l-contents
***************************************************** */
.l-contents {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 45px;
  background: #fff;
}
@media only screen and (max-width: 1020px) {
  .l-contents {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .l-contents {
    padding-bottom: 0;
  }
}

.errorPage .l-contents {
  margin-top: 40px;
}

/*
l-contents__wrapper
***************************************************** */
.l-contents__wrapper {
  padding: 0 40px;
}
@media only screen and (max-width: 720px) {
  .l-contents__wrapper {
    margin: 0 15px 0;
    padding: 0;
  }
}

/*
l-contents__body
***************************************************** */
.l-contents__body {
  padding-bottom: 21px;
}

.l-login .l-contents__body {
  padding-bottom: 30px;
}
.l-login .modalContents__footer .btn {
  width: auto;
}
.l-login .login-heading {
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .l-login .modalContents__body .w470 {
    width: auto;
  }
  .l-login .modalContents__body .form-item {
    display: block;
  }
  .l-login .modalContents__body .form-item input,
  .l-login .modalContents__body .form-item label {
    margin: 0;
  }
  .l-login .modalContents__body .form-item + .form-item {
    margin-top: 10px;
  }
  .l-login .modalContents__body .block-table,
  .l-login .modalContents__body .numInput,
  .l-login .modalContents__body .block-table__cell {
    display: block;
    margin: 0;
    padding: 0;
  }
  .l-login .modalContents__body .block-table__cell + .block-table__cell {
    margin-top: 10px;
  }
  .l-login .modalContents__body .block-table {
    margin-top: 20px;
  }
  .l-login .modalContents__body .numInput input {
    width: auto;
  }
}

/*
content__wrap
***************************************************** */
.content__wrap {
  margin-top: 25px;
  padding: 0 10px;
}
@media only screen and (max-width: 720px) {
  .content__wrap {
    width: auto;
    margin-top: 18px;
    padding: 0;
  }
}

/*
***************************************************** */
.t-navi {
  width: 100%;
  margin: 0 auto;
  padding: 14px 0 15px;
}
@media only screen and (max-width: 1180px) {
  .t-navi {
    width: 100%;
    margin: 0;
    padding: 10px 15px 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.t-navi ol {
  width: auto;
  padding: 0 40px;
  list-style-type: none;
}
@media only screen and (max-width: 720px) {
  .t-navi ol {
    padding: 0;
  }
}
.t-navi li {
  float: left;
  color: #125050;
  font-size: 93%;
  line-height: 162%;
}
@media only screen and (max-width: 720px) {
  .t-navi li {
    font-size: 86%;
    line-height: 167%;
  }
}
.t-navi li a {
  color: #777777;
}
.t-navi li + li:before {
  content: ">";
  display: inline-block;
  margin: 0 4px;
  color: #777777;
  line-height: 100%;
}

/*
inner-box
***************************************************** */
.inner-box {
  position: relative;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff;
}
@media only screen and (max-width: 1180px) {
  .inner-box {
    height: auto !important;
  }
}

* + .inner-box {
  margin-top: 20px;
}

.inner-box__head {
  padding: 10px 17px 6px;
  border-bottom: 1px solid #cccccc;
}
.inner-box__head h4 {
  color: #222;
}

.inner-box__body {
  padding: 16px 20px;
}
.inner-box__body p {
  color: #222;
}

.is-link .inner-box__body {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1180px) {
  .is-link .inner-box__body {
    padding-bottom: 16px;
  }
}

a.inner-box:hover {
  background: #f3faff;
  text-decoration: none;
}
a.inner-box:hover .inner-box__body__link {
  color: #0079c8;
  text-decoration: underline;
}

.inner-box__body__link {
  position: absolute;
  bottom: 5px;
  right: 20px;
  color: #222;
}
@media only screen and (max-width: 1180px) {
  .inner-box__body__link {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: right;
  }
}

/*
inner-area
--------------------------- */
.inner-area {
  padding: 4px 0 0;
}

/*
pagination
***************************************************** */
.pagination {
  display: table;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.pagination li {
  display: table-cell;
  margin: 0;
  padding: 0;
}
.pagination li:before {
  display: none;
}
.pagination .pagination__item {
  display: table-cell;
  width: 31px;
  height: 30px;
  color: #222;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  vertical-align: middle;
}
.pagination .pagination__item:hover {
  background: #e1e1e1;
  text-decoration: none;
}
.pagination .pagination__item.active, .pagination .pagination__item.active:hover {
  color: #fff;
  text-decoration: none;
  border: 1px solid #0079c8;
  background: #0079c8;
}
.pagination .pagination__item.prev, .pagination .pagination__item.next, .pagination .pagination__item.first, .pagination .pagination__item.last {
  width: 50px;
  padding: 0 15px;
}
.pagination .pagination__item.prev, .pagination .pagination__item.first {
  border-radius: 3px 0 0 3px;
}
.pagination .pagination__item.prev:before, .pagination .pagination__item.first:before {
  display: inline;
  margin-right: 5px;
  color: #999999;
  font-size: 72%;
  line-height: 180%;
}
.pagination .pagination__item.next, .pagination .pagination__item.last {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #cccccc;
}
.pagination .pagination__item.next:after, .pagination .pagination__item.last:after {
  display: inline;
  margin-left: 5px;
  color: #999999;
  font-size: 72%;
  line-height: 180%;
}
.pagination .invalid {
  background: #e0e0e0;
  border-color: #e0e0e0;
  border-right: none !important;
  cursor: default;
  color: #adadad;
}
.pagination * + li .pagination__item.prev {
  border-radius: 0;
}
.pagination li:nth-last-child(2) .next {
  border-radius: 0;
  border-right: 0;
}

* + .pagination {
  margin-top: 20px;
}

/*
tab
***************************************************** */
.tab__head {
  border-bottom: 2px solid #0079c8;
}
@media only screen and (max-width: 720px) {
  .tab__head {
    border-bottom: none;
  }
}

.tab__head__item {
  float: left;
  display: table;
  background: #f6f6f6;
}
@media only screen and (max-width: 720px) {
  .tab__head__item {
    width: 50%;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tab__head__item:nth-child(odd) {
    margin-left: 0;
    padding-right: 1px;
  }
  .tab__head__item:nth-child(even) {
    padding-left: 2px;
  }
  .tab__head__item:nth-child(n+3) {
    margin-top: 3px;
  }
}
.tab__head__item + .tab__head__item {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .tab__head__item + .tab__head__item {
    margin-left: 0;
  }
}
.tab__head__item a {
  display: table-cell;
  min-width: 138px;
  padding: 0 10px;
  height: 30px;
  border-bottom: none;
  background: #e6e6e6;
  line-height: 100%;
  vertical-align: middle;
  text-align: center;
  color: #222;
  text-decoration: none;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
}
.tab__head__item a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 720px) {
  .tab__head__item a {
    min-width: 1px;
    width: 100%;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
  }
}
.tab__head__item.active {
  margin-bottom: -2px;
  background: #fff;
}
@media only screen and (max-width: 720px) {
  .tab__head__item.active {
    margin-bottom: 0;
  }
}
.tab__head__item.active a {
  height: 32px;
  color: #fff;
  background: #0079c8;
}
@media only screen and (max-width: 720px) {
  .tab__head__item.active a {
    height: 44px;
  }
}
.tab__head__item.active a:hover {
  opacity: 1;
}

.tab__content {
  margin-top: 25px;
}
@media only screen and (max-width: 720px) {
  .tab__content {
    margin-top: 27px;
  }
}
.tab__content .tab__content__item {
  display: none;
}
.tab__content .tab__content__item.active {
  display: block;
}

.pay-choise .tab__head {
  border-bottom: none;
}
.pay-choise .tab__head__item {
  background: none;
}
.pay-choise .tab__head__item + .tab__head__item {
  margin-left: 20px;
}
@media only screen and (max-width: 720px) {
  .pay-choise .tab__head__item + .tab__head__item {
    margin-left: 0;
  }
}

.tab.tab--simple .tab__head {
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 720px) {
  .tab.tab--simple .tab__head {
    border-bottom: none;
  }
}
.tab.tab--simple .tab__head__item {
  height: 32px;
}
.tab.tab--simple .tab__head__item.active {
  margin-bottom: -1px;
  height: 33px;
}
@media only screen and (max-width: 720px) {
  .tab.tab--simple .tab__head__item.active {
    margin-bottom: 0;
  }
}
.tab.tab--simple .tab__head__item.active a {
  background: #fff;
  border-bottom: none;
  color: #222;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .tab.tab--simple .tab__head__item.active a {
    border-bottom: 1px solid #ccc;
  }
}
.tab.tab--simple .tab__head__item a {
  background: #f6f6f6;
  border: 1px solid #ccc;
  border-bottom: none;
}
@media only screen and (max-width: 720px) {
  .tab.tab--simple .tab__head__item a {
    border-bottom: 1px solid #ccc;
  }
}

/*
accordion
***************************************************** */
.accordion,
.accordion--only {
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
.accordion .accordion__content .field__title,
.accordion--only .accordion__content .field__title {
  width: 43%;
  padding-right: 10px;
}

* + .accordion,
* + .accordion--only {
  margin-top: 10px;
}

.accordion__head {
  position: relative;
  padding: 13px 30px 13px 15px;
  background: #f6f6f6;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
.accordion__head p {
  font-size: 108%;
  line-height: 154%;
  font-weight: bold;
}
.accordion__head:hover {
  opacity: 0.7;
}
.accordion__head:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 10px;
  height: 18px;
  color: #999999;
  margin: auto 0;
  font-size: 72%;
  line-height: 180%;
}

.accordion__content {
  display: none;
  padding: 20px;
  border-top: 1px solid #cccccc;
}

.open .accordion__head {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
}

/*
alert
***************************************************** */
* + .alert {
  margin-top: 20px;
}

.alert {
  padding: 16px;
  border: 1px solid #d23b3b;
  background: #fff3f3;
}

.alert__head {
  color: #d23b3b;
  font-size: 115%;
  line-height: 150%;
  font-weight: bold;
}

.alert__content {
  margin-top: 5px;
  color: #d23b3b;
}
.alert__content .radioBtn:before {
  background-color: #d23b3b;
}
.alert__content .radioBtn:after {
  border-color: #d23b3b;
}
.alert__content li:before {
  color: #d23b3b;
}

.alert.is-orange {
  border: 1px solid #e06317;
  background: #fff9f5;
}

.is-orange .alert__head {
  color: #e06317;
}

.is-orange .alert__content {
  color: #e06317;
}
.is-orange .alert__content .radioBtn:before {
  background-color: #e06317;
}
.is-orange .alert__content .radioBtn:after {
  border-color: #e06317;
}
.is-orange .alert__content li:before {
  color: #e06317;
}

.alert.is-blue {
  border: 1px solid #166db6;
  background: #f9fdff;
}

.is-blue .alert__head {
  color: #166db6;
}

.is-blue .alert__content {
  color: #166db6;
}
.is-blue .alert__content .radioBtn:before {
  background-color: #166db6;
}
.is-blue .alert__content .radioBtn:after {
  border-color: #166db6;
}
.is-blue .alert__content li:before {
  color: #166db6;
}

.alert.is-normal {
  border: 1px solid #ccc;
  background: #f6f6f6;
}

.is-normal .alert__head {
  color: #222;
}

.is-normal .alert__content {
  color: #222;
}
.is-normal .alert__content .radioBtn:before {
  background-color: #0079c8;
}
.is-normal .alert__content .radioBtn:after {
  border-color: #bdbdbd;
}
.is-normal .alert__content li:before {
  color: #0079c8;
}

/*
total-fee
***************************************************** */
.total-fee {
  padding: 8px 15px;
  border-top: 1px solid #cccccc;
}
.total-fee .total-fee__item {
  text-align: right;
}
.total-fee .total-fee__item span {
  color: #d23b3b;
  font-size: 129%;
  line-height: 145%;
  font-weight: bold;
}

.postage + .total-fee {
  margin-top: 10px;
}

.postage {
  margin-right: 15px;
  text-align: right;
}

/*
login-box
***************************************************** */
.login-box {
  display: table;
  width: 100%;
  padding: 40px 0;
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .login-box {
    display: block;
    padding: 0;
    border: none;
    border-radius: 0px;
  }
}
.login-box h2 {
  margin: 0;
  padding: 0;
}
.login-box h2:before {
  display: none;
}
.login-box .column__box.col2 {
  width: 141px;
  margin-right: 4px;
}
@media only screen and (max-width: 720px) {
  .login-box .column__box.col2 {
    width: 49%;
    margin-right: 1%;
  }
}
.login-box .column__box.col2 + .column__box.col2 {
  margin-left: 4px;
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .login-box .column__box.col2 + .column__box.col2 {
    margin-left: 1%;
  }
}
.login-box .column__box.col2 .btnLarge {
  width: 100%;
  min-width: 1px;
  padding: 10px 0 10px;
}
.login-box h3 {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 115%;
  line-height: 150%;
  border-bottom: none;
  z-index: 1;
}
.login-box h3:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .login-box h3 {
    font-size: 108%;
    line-height: 154%;
  }
}
.login-box h3 .text_h3 {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  z-index: 1;
  background: #fff;
}
.login-box h3 .bg-line {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 0;
  border-bottom: 1px solid #cccccc;
  z-index: 0;
}
.login-box h2 + h3 {
  margin-top: 17px;
}

.login-box__item {
  display: table-cell;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .login-box__item {
    display: block;
    width: 100%;
    padding: 20px 15px;
    border: 1px solid #cccccc;
    border-radius: 5px;
  }
  .login-box__item + .login-box__item {
    margin-top: 20px;
  }
}
.login-box__item + .login-box__item {
  border-left: 1px solid #cccccc;
}
@media only screen and (max-width: 720px) {
  .login-box__item + .login-box__item {
    border: 1px solid #cccccc;
  }
}

.login-box__item__body {
  width: 290px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .login-box__item__body {
    width: auto;
  }
}
.login-box__item__body .input__block {
  margin-top: 55px;
}
@media only screen and (max-width: 720px) {
  .login-box__item__body .input__block {
    margin-top: 10px;
  }
}
.login-box__item__body .input__block + .input__block {
  margin-top: 0;
}

.entry-advantage {
  padding: 12px 0 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.entry-advantage li + li {
  margin-top: 1px;
}

/*
imageOver
***************************************************** */
.imageOver span {
  display: inline-block;
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.imageOver .image-cover {
  background-size: cover;
}

.imageOver .image-contain {
  background-size: contain;
}

/*
card
***************************************************** */
.card .card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c1c1c1;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #f5f5f5;
  cursor: move;
  word-break: break-all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card .card__item:before {
  content: none;
}
.card .card__item:last-child {
  margin-bottom: 0;
}
.card .card__item img {
  margin-right: 15px;
}

/*
moveArea
***************************************************** */
.moveArea {
  border: 4px dashed #eaeaea;
  padding: 10px;
}
.moveArea:before {
  content: none;
}
.moveArea.bg--blue {
  border: 4px dashed #a3dafb;
  background: #f2faff;
}

/*
nameFile
***************************************************** */
.nameFile {
  position: relative;
  width: 270px;
  height: 32px;
  margin-top: 12px;
  padding: 5px 30px 0 12px;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nameFile .nameFile__text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nameFile .fileDelete {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 27px;
  margin: 0;
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
}
.nameFile .fileDelete:hover {
  opacity: 0.8;
}
.nameFile .fileDelete .icon-close {
  font-size: 72%;
  line-height: 180%;
}

/*
attachedFiles
***************************************************** */
.attachedFiles .attachedFiles__body {
  display: table;
  margin: 10px 0;
  padding: 0;
}
.attachedFiles .attachedFiles__body .attachedFiles__item {
  position: relative;
  width: 350px;
  display: block;
  margin-bottom: 8px;
  padding: 8px 20px 8px 8px;
  background: #fbfbfb;
  border: 1px solid #ccc;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.attachedFiles .attachedFiles__body .attachedFiles__item a:hover {
  text-decoration: none;
}
.attachedFiles .attachedFiles__body .attachedFiles__item .attachedFiles__close {
  position: absolute;
  top: 3px;
  right: 8px;
  z-index: 99;
}
.attachedFiles .attachedFiles__body .attachedFiles__item .attachedFiles__close a {
  color: #222;
}
.attachedFiles .attachedFiles__body .attachedFiles__item:last-child {
  margin-bottom: 0;
}
.attachedFiles .attachedFiles__body .attachedFiles__item:before {
  content: none;
}
.attachedFiles .attachedFiles__body .attachedFiles__item--text {
  padding: 8px 20px 8px 12px;
  text-align: left;
}
.attachedFiles .attachedFiles__body .attachedFiles__item--text .attachedFiles__close {
  top: 9px;
}

/*
border
***************************************************** */
.bd__top {
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.bd__top--dotted {
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}

.bd__bottom {
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
}

.bd__top--dotted {
  padding-bottom: 10px;
  border-top: 1px dotted #ccc;
}

/*
column
***************************************************** */
* + .column {
  margin-top: 20px;
}

h2 + .column,
h3 + .column,
h4 + .column,
h5 + .column {
  margin-top: 10px;
}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.column > div {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.column .column__box {
  margin-top: 20px;
}
.column .column__box + .column__box {
  margin-left: 30px;
}
.column .col1 {
  width: 100%;
}
.column .col2 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
@media only screen and (max-width: 1020px) {
  .column .col2 {
    width: 100%;
  }
}
.column .col3 {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
}
.column .col3:nth-child(-n+3) {
  margin-top: 0;
}
.column .col3:nth-child(3n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1020px) {
  .column .col3 {
    width: 32%;
  }
  .column .col3 + .col3 {
    margin-left: 2%;
  }
  .column .col3:nth-child(-n+3) {
    margin-top: 0;
  }
  .column .col3:nth-child(3n+1) {
    margin-left: 0;
  }
  .column .col3 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .column .col3 {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .column .col3 + .col3 {
    margin-top: 20px;
    margin-left: 0;
  }
}
.column .col4 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.column .col4:nth-child(-n+4) {
  margin-top: 0;
}
.column .col4:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1020px) {
  .column .col4 {
    width: 25%;
  }
  .column .col4 + .col3 {
    margin-left: 2%;
  }
  .column .col4:nth-child(-n+4) {
    margin-top: 0;
  }
  .column .col4:nth-child(4n+1) {
    margin-left: 0;
  }
  .column .col4 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .column .col4 {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .column .col4 + .col3 {
    margin-top: 20px;
    margin-left: 0;
  }
}
.column .col5 {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.column .col5:nth-child(-n+5) {
  margin-top: 0;
}
.column .col5:nth-child(5n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1020px) {
  .column .col5 {
    width: 20%;
  }
  .column .col5 + .col3 {
    margin-left: 2%;
  }
  .column .col5:nth-child(-n+5) {
    margin-top: 0;
  }
  .column .col5:nth-child(5n+1) {
    margin-left: 0;
  }
  .column .col5 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .column .col5 {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .column .col5 + .col3 {
    margin-top: 20px;
    margin-left: 0;
  }
}

/*
column（flex box）
--------------------------- */
.fColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1% 0;
}
.fColumn .fColumn__item {
  margin: 0;
}

.fColumn--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

* + .fColumn {
  margin-top: 20px;
}

.fColumn--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fColumn--between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 0;
  margin-left: 0;
}

@media only screen and (max-width: 720px) {
  .fColumn {
    display: block;
  }
}
/*
gColumn
***************************************************** */
.gColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1% 0;
}
.gColumn .gColumn__item {
  margin: 0;
}

.gColumn--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gColumn--glay {
  background: #f7f7f7;
}

* + .gColumn {
  margin-top: 20px;
}

.h2 + .gColumn {
  margin-top: 10px;
}

.inner-box__body .gColumn {
  margin: 0;
}
.inner-box__body .gColumn .gColumn__item {
  margin-right: 15px;
}
.inner-box__body .gColumn .gColumn__item:last-child {
  margin-right: 0;
}
.inner-box__body .h3 + .gColumn,
.inner-box__body .h4 + .gColumn {
  margin-top: 15px;
}

.inner-box__body p + .gColumn {
  margin-top: 10px;
}

/* column
----------------------------------------------------- */
.gColumn .col--1 {
  margin: 0 1%;
  -ms-flex-preferred-size: 6.33333%;
      flex-basis: 6.33333%;
}

.gColumn .col--2 {
  margin: 0 1%;
  -ms-flex-preferred-size: 14.66667%;
      flex-basis: 14.66667%;
}

.gColumn .col--3 {
  margin: 0 1%;
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
}

.gColumn .col--4 {
  margin: 0 1%;
  -ms-flex-preferred-size: 31.33333%;
      flex-basis: 31.33333%;
}

.gColumn .col--5 {
  margin: 0 1%;
  -ms-flex-preferred-size: 39.66667%;
      flex-basis: 39.66667%;
}

.gColumn .col--6 {
  margin: 0 1%;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}

.gColumn .col--7 {
  margin: 0 1%;
  -ms-flex-preferred-size: 56.33333%;
      flex-basis: 56.33333%;
}

.gColumn .col--8 {
  margin: 0 1%;
  -ms-flex-preferred-size: 64.66667%;
      flex-basis: 64.66667%;
}

.gColumn .col--9 {
  margin: 0 1%;
  -ms-flex-preferred-size: 73%;
      flex-basis: 73%;
}

.gColumn .col--10 {
  margin: 0 1%;
  -ms-flex-preferred-size: 81.33333%;
      flex-basis: 81.33333%;
}

.gColumn .col--11 {
  margin: 0 1%;
  -ms-flex-preferred-size: 89.66667%;
      flex-basis: 89.66667%;
}

.gColumn .col--12 {
  margin: 0 1%;
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
}

/* ***************************************
flex Box
*************************************** */
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/*
justify-content
--------------------------- */
.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

/*
align-items
--------------------------- */
.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

/*
form
***************************************************** */
input,
button,
textarea,
select {
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  line-height: 158%;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
button[type="text"],
button[type="password"],
button[type="button"],
button[type="submit"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  text-indent: .01px;
  /*Firefox用*/
  text-overflow: "";
  /*Firefox用*/
  border: 1px solid #ccc;
  font-size: 93%;
  line-height: 162%;
}

input[type="text"],
input[type="password"],
button[type="text"],
button[type="password"] {
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 0px;
}

.l-login input[type="text"],
.l-login input[type="password"],
.l-login button[type="text"],
.l-login button[type="password"] {
  height: 40px;
}
@media only screen and (max-width: 720px) {
  .l-login input[type="text"],
  .l-login input[type="password"],
  .l-login button[type="text"],
  .l-login button[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .l-login .btn {
    width: 100%;
  }
}

label {
  vertical-align: middle;
}

input.disabled,
button.disabled,
textarea.disabled {
  background: #ebebe4;
}

.checkBtn.disabled,
.radioBtn.disabled {
  color: #a9a9a9;
  cursor: default;
}

.checkBtn.disabled:after,
.radioBtn.disabled:after {
  background: #ebebe4;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type=checkbox]:focus + label:after,
input[type=radio]:focus + label:after,
button[type="text"]:focus,
button[type="password"]:focus,
button[type="button"]:focus,
button[type="submit"]:focus,
button[type="tel"]:focus,
button[type="email"]:focus,
button[type=checkbox]:focus + label:after,
button[type=radio]:focus + label:after,
select:focus,
textarea:focus,
.minict_wrapper span:focus {
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 5px #1589ee;
          box-shadow: 0 0 5px #1589ee;
}

/*
field
***************************************************** */
.field {
  display: table;
  width: 100%;
  padding: 0 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field + .field {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #ccc;
}
.field .field__title,
.field .field__input {
  display: table-cell;
  vertical-align: middle;
}

.field.field--iconbox {
  padding: 15px 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field.field--iconbox .field__title,
.field.field--iconbox .field__input {
  display: block;
}
.field.field--iconbox + .field--iconbox {
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 0;
}
.field.field--iconbox + .field {
  margin-top: 0;
}

@media only screen and (max-width: 720px) {
  .field .field__input textarea {
    width: 100%;
  }
}
.field__title,
.field__input {
  display: block;
}

th .field__title,
td .field__input {
  display: block;
  width: auto;
}

.field__title {
  width: 320px;
}
.field__title .label-required {
  margin-left: 10px;
}
.field__title .caution,
.field__title .caution-red {
  margin-left: 13px;
}
.field__title .label-required {
  margin-left: 10px;
}
.field__title .caution,
.field__title .caution-red {
  margin-left: 13px;
  font-weight: normal;
  vertical-align: middle;
}
.field__title .caution {
  color: #e5ac23;
}
.field__title .caution-red {
  color: #d35959;
}
.field__title .caution-red.tagBlock {
  margin: 0 0 0 0;
}

.field--block .field__title,
.field--block .field__input {
  display: block;
}
.field--block .field__title {
  width: 100%;
  margin: 7px 0;
}
.field--block .field__input {
  margin: 7px 0;
}

/*
selectArea
***************************************************** */
.selectArea {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selectArea select {
  position: absolute;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px none;
  cursor: pointer;
}
.selectArea select:focus {
  opacity: 1 !important;
  text-indent: 9999px;
}
.selectArea.disabled {
  background: #ebebe4;
}
.selectArea.disabled .selectArea__icon {
  background: #ebebe4;
}

.selectArea--center {
  margin: 0 auto;
  text-align: left;
}

.selectArea__text {
  height: 26px;
  padding: 3px 8px 0;
  border: 1px solid #bdbdbd;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectArea__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 24px;
  padding: 0;
  text-align: center;
  background: #f6f6f6;
  border: 1px solid #bdbdbd;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
}
.selectArea__icon i:before {
  margin-top: 4px;
  color: #999999;
  font-size: 72%;
  line-height: 180%;
}

.selectBox {
  display: table;
}
.selectBox .selectBox__title,
.selectBox .selectArea {
  display: table-cell;
}
.selectBox .selectBox__title {
  padding-right: 6px;
  vertical-align: middle;
}
.selectBox .selectArea + .selectBox__title {
  padding: 0 6px 0 11px;
}
.selectBox .selectArea + .title-right {
  padding: 0 11px 0 6px;
}

.field__input + .title-right {
  vertical-align: middle;
  padding: 0 11px 0 6px;
}

/*
Select box2
***************************************************** */
.selectBox.selectBox--2 .selectArea {
  overflow: hidden;
  margin: 0;
  text-align: center;
}
.selectBox.selectBox--2 .selectArea select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
  opacity: 1;
}
.selectBox.selectBox--2 .selectArea select::-ms-expand {
  display: none;
}
.selectBox.selectBox--2 .selectArea.selectArea--arrow {
  position: relative;
  border: 1px solid #bdbdbd;
  border-radius: 0px 3px 3px 0px;
  background: #ffffff;
}
.selectBox.selectBox--2 .selectArea.selectArea--arrow::before {
  position: absolute;
  top: 0.8em;
  right: 3px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #999;
  pointer-events: none;
}
.selectBox.selectBox--2 .selectArea.selectArea--arrow:after {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 1px;
  content: '';
  border-left: 1px solid #bdbdbd;
}
.selectBox.selectBox--2 .selectArea.selectArea--arrow select {
  padding: 2px 24px 2px 8px;
  color: #222;
}

/*
checkbox, radio
***************************************************** */
input[type=checkbox]:checked + .checkBtn:before,
input[type=radio]:checked + .radioBtn:before {
  opacity: 1;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

input[type=checkbox]:focus + label:after,
input[type=radio]:focus + label:after {
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 5px #1589ee;
          box-shadow: 0 0 5px #1589ee;
}

.checkBtn,
.radioBtn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  cursor: pointer;
}

.checkBtn__text,
.radioBtn__text {
  padding: 0 0 0 22px;
}

input[type=checkbox] + .checkBtn,
input[type=radio] + .radioBtn {
  margin: 0 0 0 17px;
}

input[type=checkbox]:first-child + .checkBtn,
input[type=radio]:first-child + .radioBtn {
  margin: 0 0 0 0;
}

.checkBtn:before,
.radioBtn:before {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  opacity: 0;
}

.checkBtn:after,
.radioBtn:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  border: 1px solid #bdbdbd;
  content: '';
}

/* checkBtn */
.checkBtn:before {
  left: 5px;
  margin-top: -7px;
  width: 4px;
  height: 7px;
  border-right: 3px solid #0079c8;
  border-bottom: 3px solid #0079c8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkBtn:after {
  margin-top: -9px;
  width: 14px;
  height: 14px;
}

.checkBtn.disabled:before {
  border-right: 3px solid #b3b3b3;
  border-bottom: 3px solid #b3b3b3;
  z-index: 10;
}

/* radioBtn */
.radioBtn:before {
  left: 4px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0079c8;
}

.radioBtn:after {
  margin-top: -9px;
  width: 14px;
  height: 14px;
  border-radius: 16px;
}

/*
checkbox
***************************************************** */
.checkList {
  margin-top: 20px;
}
.checkList input[type=checkbox] + .checkBtn {
  margin: 0 17px 8px 0;
}

/*
radiokList
***************************************************** */
.radioList input[type=radio] + .radioBtn {
  margin: 0 17px 8px 0;
}

/*
errorMessage
***************************************************** */
.errorMessage {
  position: relative;
  padding-bottom: 26px;
}
.errorMessage input,
.errorMessage textarea {
  background: #fff3f3;
  border-color: #d23b3b;
}

.input__block {
  display: inline-block;
}
@media only screen and (max-width: 720px) {
  .input__block {
    display: inline-block !important;
    width: auto !important;
  }
}

@media only screen and (max-width: 720px) {
  .l-login .input__block {
    display: block !important;
    width: auto !important;
  }
}

.errorMessage__content {
  position: absolute;
  display: block;
  min-height: 19px;
  z-index: 10;
  margin: 7px auto 0;
  padding: 1px 6px 0;
  white-space: nowrap;
  color: #fff;
  font-size: 79%;
  line-height: 173%;
  background-color: #d23b3b;
  border-radius: 3px;
}
.errorMessage__content:before {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #d23b3b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
}

/*
inputFile
***************************************************** */
.btnFile {
  position: relative;
  display: inline-block;
  width: 115px;
  height: 24px;
  padding-top: 6px;
  font-size: 85%;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.btnFile input[type="file"] {
  display: none;
}
.btnFile:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 720px) {
  .field__input .w140 {
    width: 100px;
  }

  .field__input .w280 {
    width: 100%;
  }
}
.selectArea select {
  background: transparent;
}

.selectArea select option {
  color: #222;
}

.selectArea select:focus {
  color: rgba(1, 1, 1, 0);
}

.selectArea select {
  position: absolute;
  zoom: 1;
  filter: alpha(opacity=0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px none;
  cursor: pointer;
  background: transparent;
}

.selectArea select {
  color: rgba(1, 1, 1, 0);
}

.selectArea select option {
  color: #000;
}

select::-ms-expand {
  display: none;
}

.selectBox {
  letter-spacing: -.34em;
}

.selectBox .selectBox__title,
.selectBox .selectArea {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

select::-ms-value {
  color: rgba(1, 1, 1, 0);
  background: rgba(1, 1, 1, 0);
}

/************************************
MINIMALECT 0.9
A minimalistic select replacement

jQuery 1.7+ required.
Developed by @groenroos
http://www.groenroos.fi

Github: http://git.io/Xedg9w

Licensed under the MIT license.

************************************/
.colorSelect {
  letter-spacing: normal;
}
.colorSelect .minict_wrapper {
  color: #333;
  background: #fff;
  position: relative;
  width: 150px;
  border: 1px solid #bdbdbd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.colorSelect .minict_wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.colorSelect .minict_wrapper.disabled {
  background: #f5f5f5;
  text-shadow: 0 1px 0 #fff;
}
.colorSelect .minict_wrapper.disabled span {
  color: #bbb !important;
}
.colorSelect .minict_wrapper:after {
  content: "\25BC";
  display: block;
  position: absolute;
  top: 0;
  right: 7px;
  font-size: 50%;
  line-height: 24px;
  text-align: center;
  color: #555;
}
.colorSelect .minict_wrapper.active:after {
  content: "\25B2";
}
.colorSelect .minict_wrapper.disabled:after {
  color: #bbb;
}
.colorSelect .minict_wrapper span {
  display: block;
  border: 0;
  outline: none;
  background: none;
  color: #333;
  height: 24px;
  padding: 2px 30px 2px 8px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.colorSelect .minict_wrapper span:empty:before {
  content: '選択して下さい';
  color: #ccc;
  line-height: 1;
}
.colorSelect .minict_wrapper ul {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  border: 1px solid #bdbdbd;
  border-top: 1px solid #f9f9f9;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  top: 25px;
  left: 0;
  max-height: 350px;
  max-height: 22rem;
  overflow-y: auto;
  z-index: 999999;
}
.colorSelect .minict_wrapper ul li {
  list-style: none;
  padding: 0 10px;
  padding: 0 0.7rem;
  margin-top: 0;
  cursor: pointer;
  background: #fff;
}
.colorSelect .minict_wrapper ul li:before {
  display: none;
}
.colorSelect .minict_wrapper ul li:hover {
  background: #006de3;
  color: #fff;
}
.colorSelect .minict_wrapper ul li.minict_group {
  color: #444;
  background: #f6f6f6;
  font-weight: bold;
  cursor: default;
}
.colorSelect .minict_wrapper ul li.minict_empty {
  display: none;
  background: #fff !important;
  color: #bbb;
  text-align: center;
  font-size: 14px;
  font-size: 0.9rem;
  height: 55px;
  height: 3.5rem;
  line-height: 50px;
  line-height: 3.3rem;
}
.colorSelect .minict_wrapper ul li.disabled {
  cursor: default;
  background: #fff !important;
  color: #bbb;
}
.colorSelect .minict_wrapper ul li.selected {
  color: #fff;
  background: #006de3;
}
.colorSelect .minict_wrapper ul li.highlighted {
  color: #fff;
  background: #819a9a;
}
.colorSelect .minict_wrapper ul li.hidden {
  display: none;
}
.colorSelect .minict_wrapper .minict_reset {
  color: #A9A9A9;
  bottom: 0;
  display: none;
  font-size: 18px;
  font-size: 1.1rem;
  line-height: 30px;
  line-height: 1.9rem;
  position: absolute;
  right: 35px;
  right: 2.2rem;
  text-align: center;
  top: 0;
  text-decoration: none;
  width: 20px;
  width: 1.2rem;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.colorSelect .minict_wrapper .minict_reset:hover {
  color: #e0e0e0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.colorSelect .minict_wrapper .minict_reset:active {
  color: #636363;
}
.colorSelect .minict_wrapper.disabled .minict_reset {
  display: none;
}
.colorSelect .minict_wrapper.bubble {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
}
.colorSelect .minict_wrapper.bubble:hover {
  border-color: #dcdcdc;
}
.colorSelect .minict_wrapper.bubble:after {
  border-left: 1px solid #e5e5e5;
  -webkit-box-shadow: inset 1px 0px 0px 0px #fff;
          box-shadow: inset 1px 0px 0px 0px #fff;
  height: 2.05rem;
}
.colorSelect .minict_wrapper.bubble ul {
  top: 2.7rem;
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  overflow: visible;
}
.colorSelect .minict_wrapper.bubble ul:before {
  position: absolute;
  top: -11px;
  left: 19px;
  content: ".";
  color: transparent;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #e5e5e5 transparent;
}
.colorSelect .minict_wrapper.bubble ul:after {
  position: absolute;
  top: -10px;
  left: 20px;
  content: ".";
  color: transparent;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}
.colorSelect .minict_wrapper.bubble ul li.minict_first {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.colorSelect .minict_wrapper.bubble ul li.minict_last {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.colorSelect .minict_wrapper.bubble .minict_reset {
  width: 30px;
}
.colorSelect .op--bold {
  font-weight: bold;
}
.colorSelect .op--beige {
  background: #fbf1ba;
}
.colorSelect .op--green {
  background: #d9f7ef;
}
.colorSelect .minict_wrapper + .selectBox__title {
  padding: 0 6px 0 11px;
}
.colorSelect .minict_wrapper + .title-right {
  padding: 0 11px 0 6px;
}

.colorSelect.selectBox .selectBox__title,
.colorSelect.selectBox .selectArea {
  display: table-cell;
}

/*======================================
Selectric v1.11.0
======================================*/
.deSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Items box */
}
.deSelect .selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.deSelect .selectric-responsive {
  width: 100%;
}
.deSelect .selectric {
  border: 1px solid #bdbdbd;
  background: #fff;
  position: relative;
}
.deSelect .selectric:focus {
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 5px #1589ee;
          box-shadow: 0 0 5px #1589ee;
}
.deSelect .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 28px;
  color: #222;
  height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: left;
  padding: 0;
}
.deSelect .selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.deSelect .selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}
.deSelect .selectric-focus .selectric {
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 5px #1589ee;
          box-shadow: 0 0 5px #1589ee;
}
.deSelect .selectric-hover .selectric {
  border-color: #bdbdbd;
}
.deSelect .selectric-hover .selectric .button {
  color: #a2a2a2;
}
.deSelect .selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}
.deSelect .selectric-open {
  z-index: 9999;
}
.deSelect .selectric-open .selectric {
  border-color: #c4c4c4;
}
.deSelect .selectric-open .selectric-items {
  display: block;
}
.deSelect .selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.deSelect .selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.deSelect .selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.deSelect .selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.deSelect .selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.deSelect .selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.deSelect .selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
.deSelect .selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #bdbdbd;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px;
}
.deSelect .selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.deSelect .selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.deSelect .selectric-items ul,
.deSelect .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.deSelect .selectric-items li {
  display: block;
  padding: 0 10px;
  color: #666;
  cursor: pointer;
}
.deSelect .selectric-items li.selected {
  background: #E0E0E0;
  color: #222;
}
.deSelect .selectric-items li.highlighted {
  background: #0166d2;
  color: #fff;
}
.deSelect .selectric-items li:hover {
  background: #3a91ef;
  color: #fff;
}
.deSelect .selectric-items li:before {
  content: none;
}
.deSelect .selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.deSelect .selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.deSelect .selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.deSelect .selectric-items .selectric-group li {
  padding-left: 25px;
}
.deSelect .deSelect__body + .title-right {
  padding: 0 11px 0 6px;
}
.deSelect .op--bold {
  font-weight: bold;
}
.deSelect .op--beige {
  background: #fbf1ba;
}
.deSelect .op--green {
  background: #d9f7ef;
}
.deSelect .disabled.op--beige {
  background: #fbf1ba !important;
}
.deSelect .disabled.op--green {
  background: #d9f7ef !important;
}

.ui-dialog {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  background: #fff;
  z-index: 50;
  border-radius: 5px;
  overflow-y: auto;
}
@media only screen and (max-width: 1200px) {
  .ui-dialog {
    width: 90% !important;
  }
}
@media only screen and (max-width: 720px) {
  .ui-dialog {
    top: 0 !important;
  }
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 40;
  cursor: default;
}

.ui-dialog-titlebar {
  position: relative;
  display: block;
  width: auto;
  padding: 12px 0 8px 0;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  cursor: default;
}
@media only screen and (max-width: 720px) {
  .ui-dialog-titlebar {
    display: table;
    width: 100%;
    padding: 0;
  }
  .ui-dialog-titlebar .ui-dialog-title {
    display: table-cell;
    width: 95%;
    height: 45px;
    padding: 8px 5px;
    border-right: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 45px;
  height: 45px;
  background: none;
  border: none;
  border-left: 1px solid #ccc;
  cursor: pointer;
  outline: none;
}
@media only screen and (max-width: 720px) {
  .ui-dialog-titlebar button {
    position: relative;
    display: table-cell;
    width: 45px;
    height: 100%;
    border-left: none;
  }
}

.ui-dialog-title {
  font-size: 122%;
  line-height: 148%;
  font-weight: bold;
}

.ui-button {
  border-radius: 0 5px 0 0;
}
.ui-button:hover {
  background-color: #e1e1e1;
}
.ui-button:before {
  font-size: 108%;
  line-height: 154%;
}

.ui-button-text {
  display: none;
}

.modalWrap {
  display: none;
}

.modalContents__body {
  padding: 20px;
}
@media only screen and (max-width: 720px) {
  .modalContents__body {
    padding: 15px;
  }
}
.modalContents__body .field__title {
  width: 30%;
}
.modalContents__body .col2 {
  width: 50%;
}
@media only screen and (max-width: 1020px) {
  .modalContents__body .col2 {
    width: 100%;
  }
}
.modalContents__body .indent {
  text-indent: -1em;
  padding-left: 1em;
}

.modalContents__footer {
  padding: 16px 0;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 720px) {
  .modalContents__footer {
    padding: 6px 0 16px;
  }
  .modalContents__footer .btn {
    margin: 10px 0 0;
  }
  .modalContents__footer .btn + .btn {
    margin: 10px 0 0;
  }
}

/*
popup
--------------------------- */
.popup {
  display: none;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 666;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}
.popup .popup__body {
  padding: 15px;
}
.popup .popup__date {
  margin-bottom: 10px;
  color: #777;
}
.popup .popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 90%;
  line-height: 1;
}
.popup .popup__close__btn {
  color: #777;
}

/*
modal-vue
***************************************************** */
.modal-mask-priority-top {
  position: fixed;
  z-index: 15000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  table-layout: fixed;
}
.modal-mask img {
  width: 100%;
  max-width: 700px;
}
.modal-mask h3 {
  border-bottom: none !important;
}

.modal-mask2 {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.modal-container {
  /*width: 300px;*/
  width: 90%;
  max-height: calc(100vh - 25px);
  margin: 0px auto;
  padding: 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
  overflow-y: auto;
}

.modal-container--mh100_25 {
  max-height: calc(100vh - 25px) !important;
}

.modal-container--mountain {
  border-radius: 5px 5px 0 0;
}

.modal-container-l {
  /*width: 300px;*/
  width: 80%;
  max-height: calc(100vh - 25px);
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
  overflow-y: auto;
}

.modal-container2 {
  /*width: 300px;*/
  width: 60%;
  height: auto;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-header {
  position: relative;
  padding: 14px 20px 10px 20px;
  border-bottom: 1px solid #ccc;
}
.modal-header button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 52px;
  margin-top: 0;
  background: none;
  border: none;
  border-left: 1px solid #ccc;
  border-radius: 0;
  cursor: pointer;
}
.modal-header button:hover {
  background: #efefef;
}

.modal-header h3 {
  margin-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  font-weight: bold;
  border-bottom: none;
}
.modal-header h3:before {
  content: none;
}

.modal-body {
  display: grid;
  padding: 20px;
  position: relative;
}

.modal-scroll {
  overflow: auto;
}

.modal-footer {
  padding: 16px 20px;
  border-top: 1px solid #ccc;
}

.modal-container + .modal-footer {
  width: 90%;
  margin: 0 auto;
  padding: 16px 0;
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.modal-default-button {
  float: right;
}

/*
* The following styles are auto-applied to elements with
* transition="modal" when their visibility is toggled
* by Vue.js.
*
* You can easily play with the modal transition by editing
* these styles.
*/
.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.modal-close {
  position: absolute;
  right: 30px;
  top: 30px;
}
.modal-close .modal-close__btn {
  font-size: 215%;
  line-height: 127%;
  color: #fff;
  cursor: pointer;
}

/* ***************************
l-header
*************************** */
.l-header {
  position: relative;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1020px) {
  .l-header {
    position: relative;
    z-index: 20;
    width: 100%;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
}

.errorPage .l-header {
  height: 82px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 1020px) {
  .errorPage .l-header {
    height: auto;
    border-bottom: none;
  }
}
.errorPage .l-header .sp-header-wrapper {
  display: none;
}

.l-header__logo {
  height: 35px;
  margin: 0 auto;
  padding: 0 40px;
  background: #0079c8;
  border-bottom: 2px solid #313131;
}
@media only screen and (max-width: 1020px) {
  .l-header__logo {
    height: 41px;
    border-bottom: none;
    background: #fff;
    padding: 0;
  }
}
.l-header__logo .logo__wrapper {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .l-header__logo .logo__wrapper {
    width: 100%;
  }
}
.l-header__logo .logo {
  position: absolute;
  background: #fff;
  padding: 0;
}
@media only screen and (max-width: 1020px) {
  .l-header__logo .logo {
    position: relative;
    top: 5px;
    height: 41px;
    margin: 0 15px;
    background: url(i/sp_mypage_logo.png) 0 0 no-repeat;
    background-size: auto 31px;
    padding: 0;
  }
  .l-header__logo .logo a {
    display: block;
    height: 41px;
  }
  .l-header__logo .logo img {
    display: none;
  }
}

.sp-header-wrapper {
  display: none;
}
@media only screen and (max-width: 1020px) {
  .sp-header-wrapper {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
  }
  .sp-header-wrapper .sp-login,
  .sp-header-wrapper .sp-menu {
    float: left;
    width: 41px;
    height: 41px;
    background: #fff;
  }
  .sp-header-wrapper .sp-login a,
  .sp-header-wrapper .sp-menu a {
    display: block;
    width: 41px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .sp-header-wrapper .sp-login {
    border-left: 1px solid #ccc;
  }
  .sp-header-wrapper .sp-login a {
    background: url(i/bg_header_img.png) 0 0 no-repeat;
    background-size: 82px 41px;
  }
  .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #0079c8;
    background-size: 82px 41px;
  }
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  cursor: pointer;
}

@media only screen and (max-width: 1020px) {
  .sp-wrapper {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 20;
  }
  .sp-wrapper.dis-table {
    display: table;
    width: 100%;
  }
}

.l-header__content {
  padding: 0 40px;
  height: 45px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1020px) {
  .l-header__content {
    display: table-row-group;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #0079c8;
  }
}
.l-header__content .content__wrapper {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .l-header__content .content__wrapper {
    width: auto;
  }
}
@media only screen and (max-width: 1020px) {
  .l-header__content .content__wrapper {
    margin: 15px;
    padding: 15px 0 10px;
    background: #fff;
    border: 3px solid #313131;
    text-align: center;
  }
}
.l-header__content ul {
  float: right;
  display: table;
  margin: 11px 0 0;
  padding: 0;
}
@media only screen and (max-width: 1020px) {
  .l-header__content ul {
    float: none;
    width: 100%;
    margin: 0;
    letter-spacing: -.35em;
  }
}
.l-header__content li {
  float: left;
  margin: 0;
  line-height: 170%;
}
@media only screen and (max-width: 1020px) {
  .l-header__content li {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    padding-left: 0;
  }
}
.l-header__content li + li {
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid #d9d9d9;
}
.l-header__content li:before {
  display: none;
}
.l-header__content .logout {
  margin-left: 10px;
  padding-left: 0;
  border-left: none;
}
@media only screen and (max-width: 1020px) {
  .l-header__content .logout {
    display: block;
    float: none;
    clear: both;
    margin: 12px auto 0;
    text-align: center;
  }
}
.l-header__content .logout a {
  min-height: 29px;
  margin: -3px 0 0 7px;
  padding: 6px 13px 4px;
  color: #666666;
  border: 1px solid #d9d9d9;
  background: #fff;
}
@media only screen and (max-width: 1020px) {
  .l-header__content .logout a {
    margin: 0;
  }
}

.l-header__gnavi {
  position: relative;
  height: 102px;
  border-bottom: 1px solid #d9d9d9;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi {
    display: table-header-group;
    height: auto;
    border-bottom: none;
  }
}
.l-header__gnavi .gnavi {
  background: #313131;
  padding: 0 40px;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi .gnavi {
    background: #0079c8;
    padding: 0;
  }
}
.l-header__gnavi ul {
  width: 100%;
  height: 55px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .l-header__gnavi ul {
    width: 100%;
    height: auto;
  }
}
.l-header__gnavi ul li {
  float: left;
  display: table;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi ul li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #fff;
    background: #0079c8;
  }
}
.l-header__gnavi ul li:before {
  display: none;
}
.l-header__gnavi ul span {
  position: relative;
  display: table-cell;
  padding: 0 20px 0;
  height: 55px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
}
.l-header__gnavi ul span:after {
  display: none;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi ul span {
    display: block;
    width: 100%;
    height: 42px;
    padding: 12px 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .l-header__gnavi ul span:after {
    display: block;
    float: right;
    font-size: 86%;
    line-height: 167%;
    vertical-align: middle;
  }
}
.l-header__gnavi ul span.active, .l-header__gnavi ul span.open, .l-header__gnavi ul span:hover {
  background: #6d6d6d;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi ul span.active, .l-header__gnavi ul span.open, .l-header__gnavi ul span:hover {
    background: #0079c8;
  }
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi ul span.open:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.l-header__gnavi ul span.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 2;
}
@media only screen and (max-width: 1020px) {
  .l-header__gnavi ul span.active:after {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    float: right;
    width: auto;
    height: auto;
    display: inline-block;
    border: none;
  }
}

.gnavi li span.active + .sub-navi {
  display: block;
}
@media only screen and (max-width: 1020px) {
  .gnavi li span.active + .sub-navi {
    display: none;
  }
}

.sub-navi {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  padding: 0 40px;
  height: 47px;
  background: #fff;
  z-index: 1;
}
@media only screen and (max-width: 1020px) {
  .sub-navi {
    position: relative;
    top: 0;
    height: auto;
    padding: 0;
  }
}
.sub-navi ul {
  width: 100%;
  height: 47px;
  margin: 0 auto;
  background: #fff;
}
@media only screen and (max-width: 1180px) {
  .sub-navi ul {
    width: 100%;
  }
}
@media only screen and (max-width: 1020px) {
  .sub-navi ul {
    height: auto;
  }
}
.sub-navi ul li {
  float: left;
  display: table;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1020px) {
  .sub-navi ul li {
    float: none;
    height: auto;
    background: #fff;
    border-bottom: none;
  }
  .sub-navi ul li + li {
    border-top: 1px solid #ccc;
  }
}
.sub-navi ul li:before {
  display: none;
}
.sub-navi ul a {
  display: table-cell;
  padding: 16px 20px 0;
  height: 31px;
  color: #222222;
  text-decoration: none;
  font-weight: bold;
  background: none;
  vertical-align: baseline;
}
@media only screen and (max-width: 1020px) {
  .sub-navi ul a {
    float: none;
    height: 38px;
    padding: 0 13px 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
}
.sub-navi ul a:after {
  display: none;
}
.sub-navi ul a.active, .sub-navi ul a:hover {
  height: 29px;
  border-bottom: 3px solid #0079c8;
  background: none;
}
@media only screen and (max-width: 1020px) {
  .sub-navi ul a.active, .sub-navi ul a:hover {
    height: 38px;
    border: none;
  }
}
.sub-navi .fa {
  margin-right: 10px;
}

/* ***************************
l-header--minimum
*************************** */
.l-header.l-header--minimum {
  width: 100%;
  height: auto;
}
.l-header.l-header--minimum .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  cursor: pointer;
}
.l-header.l-header--minimum .l-header__gnavi {
  position: relative;
  background: #f7f7f7;
  height: auto;
  border-bottom: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7f7f7;
  margin: 0 auto;
  min-width: 800px;
  max-width: 1600px;
  padding: 0 40px;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__logo {
  margin: 0 40px 0 0;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  font-size: 104%;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user__link:hover {
  color: #0079c8 !important;
  text-decoration: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user_avatar {
  margin: 0 10px 0 0;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user_name {
  color: #333 !important;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__user_name .fa {
  margin-left: 10px;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 104%;
  height: 56px;
  margin: 0 auto;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__item {
  position: relative;
  margin: 0 40px 0 0;
  padding: 0;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__item:before {
  display: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link {
  position: relative;
  display: table-cell;
  padding: 0;
  height: 54px;
  color: #222;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link:after {
  display: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link:hover {
  color: #0079c8;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active, .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  font-weight: bold;
  border-bottom: 2px solid #0079c8;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown,
.l-header.l-header--minimum .l-header__gnavi .userDropdown {
  display: none;
  position: absolute;
  z-index: 30;
  background: #fff;
  border-radius: 4px;
  padding: 8px 0;
  margin-top: 0;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .userDropdown__item,
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .gnavi__Dropdown__item,
.l-header.l-header--minimum .l-header__gnavi .userDropdown .userDropdown__item,
.l-header.l-header--minimum .l-header__gnavi .userDropdown .gnavi__Dropdown__item {
  padding-left: 0;
  margin: 0;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .userDropdown__item:before,
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .gnavi__Dropdown__item:before,
.l-header.l-header--minimum .l-header__gnavi .userDropdown .userDropdown__item:before,
.l-header.l-header--minimum .l-header__gnavi .userDropdown .gnavi__Dropdown__item:before {
  content: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a,
.l-header.l-header--minimum .l-header__gnavi .userDropdown a {
  color: #333 !important;
  display: block;
  padding: 10px 20px;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  color: #fff !important;
  background: #0079c8;
  text-decoration: none;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .fa,
.l-header.l-header--minimum .l-header__gnavi .userDropdown .fa {
  margin-right: 16px;
  font-size: 125%;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown {
  min-width: 400px;
  top: 47px;
  left: 0;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .gnavi__Dropdown__item {
  border-bottom: 1px solid #ccc;
}
.l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown .gnavi__Dropdown__item:last-child {
  border-bottom: none;
}
.l-header.l-header--minimum .l-header__gnavi .userDropdown {
  min-width: 200px;
  top: 47px;
  right: 40px;
}
.l-header.l-header--minimum .l-header__gnavi ul {
  width: auto;
  height: auto;
}
.l-header.l-header--minimum .l-header__gnavi li {
  float: inherit;
  display: block;
}
.l-header.l-header--minimum .headShadow {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}

/* ***************************************
l-header__gnavi--mega
*************************************** */
.l-header__gnavi--mega {
  word-break: break-all;
  height: auto;
  border: none;
}
.l-header__gnavi--mega .mega-navi {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  padding: 0;
  background: #fff;
  width: 100%;
  z-index: 1;
  -webkit-box-shadow: 0px 8px 33px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 33px rgba(0, 0, 0, 0.2);
}
.l-header__gnavi--mega .mega-navi .mega-navi__body {
  padding: 20px 40px;
}
.l-header__gnavi--mega .mega-navi .mega-title {
  padding: 6px 10px;
  color: #222;
}
.l-header__gnavi--mega .mega-navi .mega-list {
  height: auto;
  margin: 0 10px;
}
.l-header__gnavi--mega .mega-navi .mega-list__item {
  display: block;
  float: none;
  margin-bottom: 4px;
}
.l-header__gnavi--mega .mega-navi .mega-list__link {
  display: block;
  padding: 6px 10px;
  color: #222;
}
.l-header__gnavi--mega .mega-navi .mega-list__link:hover {
  background: #f5f5f5;
  text-decoration: none;
  border-radius: 6px;
}
.l-header__gnavi--mega .mega-navi .fa {
  margin-right: 10px;
}

@media only screen and (max-width: 1020px) {
  .l-header__gnavi--mega .mega-navi {
    position: inherit;
  }
  .l-header__gnavi--mega .mega-navi .mega-navi__body {
    display: block;
    padding: 0;
  }
  .l-header__gnavi--mega .mega-navi .mega-list {
    width: 100%;
    margin: 0;
  }
  .l-header__gnavi--mega .mega-navi .mega-list__item {
    margin-bottom: 0;
    background: #fff;
    border-top: 1px solid #ccc;
  }
}
/*
snavi
***************************************************** */
.snavi .h2 {
  margin-top: 10px;
  padding-left: 8px;
}
.snavi .inner-box__head {
  padding: 0 0 10px;
}
.snavi .inner-box__body {
  padding: 0;
}
.snavi .link-list__item {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
}
.snavi .link-list__item:before {
  display: none;
}
.snavi .link-list__item__link {
  display: block;
  line-height: 1.5;
  padding: 16px 24px 16px 16px;
}
.snavi .link-list__item__link:hover {
  background: #f5f5f5;
  text-decoration: none;
  color: #222;
}
.snavi .link-list__item__link.active {
  font-weight: bold;
  background: #f5f5f5;
}
.snavi .link-list__item__link .fa {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  color: #0079c8;
}

/*
l-footer
***************************************************** */
.l-footer {
  width: 100%;
  z-index: 6;
}
@media only screen and (max-width: 1180px) {
  .l-footer {
    width: auto;
  }
}

.copy {
  margin: 0;
  padding: 5px 0 4px;
  font-size: 86%;
  line-height: 167%;
  text-align: center;
  background: #d9d9d9;
}
@media only screen and (max-width: 720px) {
  .copy {
    padding: 5px 15px 4px;
  }
}

/*
fnavi
***************************************************** */
.fnavi {
  position: absolute;
  bottom: 10px;
  right: 40px;
  width: 35px;
  height: 35px;
  margin: 0;
}
@media only screen and (max-width: 1180px) {
  .fnavi {
    right: 40px;
  }
}
@media only screen and (max-width: 720px) {
  .fnavi {
    position: relative;
    bottom: 0;
    right: 0;
    display: table;
    width: 100%;
    height: 40px;
  }
}
.fnavi a {
  display: table-cell;
  width: 35px;
  height: 35px;
  padding-top: 2px;
  padding-left: 2px;
  background: #0079c8;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .fnavi a {
    width: 100%;
    height: 40px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.fnavi a:hover {
  opacity: 0.7;
}
.fnavi .icon-arrow-top {
  color: #fff;
}
.fnavi .icon-arrow-top:before {
  font-size: 86%;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .fnavi .icon-arrow-top:before {
    font-size: 129%;
    line-height: 145%;
  }
}

/*
l-footer__link
***************************************************** */
.l-footer__link {
  padding: 0 40px;
  text-align: center;
  background: #313131;
}
@media only screen and (max-width: 720px) {
  .l-footer__link {
    padding: 0;
  }
}
.l-footer__link ul {
  display: table;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .l-footer__link ul {
    display: block;
    letter-spacing: -.35em;
    margin: 0 15px;
    padding: 11px 0 12px;
    text-align: left;
  }
}
.l-footer__link li {
  display: table-cell;
  height: 36px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .l-footer__link li {
    display: inline-block;
    letter-spacing: normal;
    height: auto;
    padding-left: 0;
  }
  .l-footer__link li:nth-child(odd) {
    width: 45%;
  }
  .l-footer__link li:nth-child(even) {
    width: 50%;
    padding-left: 5%;
  }
}
.l-footer__link li + li {
  padding-left: 40px;
}
@media only screen and (max-width: 720px) {
  .l-footer__link li + li {
    padding-left: 0;
  }
}
.l-footer__link li:before {
  margin: -2px 3px 0 -13px;
  color: #999999;
  font-size: 86%;
  line-height: 167%;
  font-size: 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .l-footer__link li:before {
    font-size: 79%;
    line-height: 173%;
    margin: 0 3px 0 0;
  }
}
.l-footer__link li a {
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .l-footer__link li a {
    font-size: 79%;
    line-height: 173%;
  }
}

/*
l-footer__contents
***************************************************** */
.l-footer__contents {
  padding: 0 40px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .l-footer__contents {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .l-footer__contents {
    padding: 8px 0 6px;
  }
}

.l-footer__logo {
  float: left;
}
@media only screen and (max-width: 720px) {
  .l-footer__logo {
    display: none;
  }
}

.l-footer__adress {
  float: right;
  text-align: right;
  font-size: 93%;
  line-height: 162%;
}
@media only screen and (max-width: 720px) {
  .l-footer__adress {
    float: none;
    text-align: center;
  }
}
.l-footer__adress p {
  margin-top: 18px;
}
.l-footer__adress p .is-smp {
  display: inline;
  margin-left: 5px;
}
@media only screen and (max-width: 720px) {
  .l-footer__adress p {
    margin-top: 0;
  }
}

/*
heading
***************************************************** */
.heading {
  padding: 11px 30px 9px;
  border-bottom: 1px solid #cccccc;
}

.heading__h2 {
  padding: 19px 10px 14px;
  border-top: 2px solid #c8d6e0;
  border-bottom: 2px solid #c8d6e0;
}
@media only screen and (max-width: 720px) {
  .heading__h2 {
    padding: 12px 10px 7px;
  }
}

.hgroup {
  position: relative;
}
.hgroup h3 {
  margin-right: 70px;
}
.hgroup .displayNum {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

/* h1 */
h1 {
  font-size: 143%;
  line-height: 140%;
  font-weight: bold;
}

/* h2 */
h2 {
  padding-left: 15px;
  font-size: 172%;
  line-height: 134%;
  font-weight: bold;
}
h2:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 20px;
  margin-right: 10px;
  margin-left: -15px;
  background: #0079c8;
  border-radius: 3px;
}

/* h3 */
h3 {
  padding-left: 18px;
  padding-bottom: 3px;
  font-size: 143%;
  line-height: 140%;
  font-weight: bold;
  border-bottom: 1px solid #c8d6e0;
}
h3:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 20px;
  margin-top: -4px;
  margin-right: 13px;
  margin-left: -18px;
  background: #0079c8;
  border-radius: 3px;
  vertical-align: middle;
}

* + h3 {
  margin-top: 30px;
}

/* h34*/
h4 {
  padding-left: 12px;
  font-size: 108%;
  line-height: 154%;
  font-weight: bold;
}
h4:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 15px;
  margin-top: -4px;
  margin-right: 9px;
  margin-left: -12px;
  background: #0079c8;
  border-radius: 3px;
  vertical-align: middle;
}

* + h4 {
  margin-top: 32px;
}

h3 + h4 {
  margin-top: 19px;
}

.deco-none {
  padding-left: 0;
}
.deco-none:before {
  display: none;
}

/*
h-line
***************************************************** */
.h-line {
  margin: 16px 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #cccccc;
}

/*
pre
***************************************************** */
pre {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  white-space: pre-wrap;
}

/*
p
***************************************************** */
* + p {
  margin-top: 15px;
}

/*
em
***************************************************** */
.em,
.font-b {
  font-weight: bold;
}

.em-red {
  color: #d23b3b;
}

.movie-box + .font-b {
  margin-top: 5px;
}

/*
ul
***************************************************** */
* + ul {
  margin-top: 15px;
}

ul li {
  margin-top: 10px;
  padding-left: 14px;
}
ul li:nth-child(1) {
  margin-top: 0;
}
ul li:before {
  color: #0079c8;
  margin: -3px 5px 0 -15px;
  font-size: 72%;
  line-height: 180%;
  vertical-align: middle;
}
ul ul {
  margin: 3px 0 1px;
}
ul ul > li {
  padding-left: 14px;
}
ul ul > li:before {
  margin: -2px -4px 0 -12px;
  font-size: 16px;
  line-height: 150%;
}

.link-list li {
  padding-left: 11px;
}
.link-list li a {
  color: #222;
}
.link-list li a:hover {
  color: #0079c8;
}
.link-list li:before {
  color: #0079c8;
  margin: -2px 3px 0 -13px;
  font-size: 10px;
  line-height: 180%;
  vertical-align: middle;
  zoom: 1;
}
.link-list li + li {
  margin-top: 2px;
}

/*
table
***************************************************** */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
table .field {
  padding: 0;
}
@media only screen and (max-width: 720px) {
  table tr .th-title:first-child {
    border-top: 1px solid #ccc;
  }
  table.player__info, table.sp-tr-split {
    border: none;
  }
  table.player__info th,
  table.player__info td, table.sp-tr-split th,
  table.sp-tr-split td {
    border-top: none;
    border-left: 1px solid #ccc;
  }
  table.player__info .sp-column2,
  table.player__info .sp-column3,
  table.player__info .sp-column4, table.sp-tr-split .sp-column2,
  table.sp-tr-split .sp-column3,
  table.sp-tr-split .sp-column4 {
    border-right: none;
  }
  table.player__info .sp-column2:last-child,
  table.player__info .sp-column3:last-child,
  table.player__info .sp-column4:last-child, table.sp-tr-split .sp-column2:last-child,
  table.sp-tr-split .sp-column3:last-child,
  table.sp-tr-split .sp-column4:last-child {
    border-right: 1px solid #ccc;
  }
  table.player__info .title-subtotal, table.sp-tr-split .title-subtotal {
    border-right: 1px solid #ccc;
  }
  table.player__info tr, table.sp-tr-split tr {
    display: block;
  }
  table.player__info tr + tr, table.sp-tr-split tr + tr {
    margin-top: 20px;
  }
  table.player__info .title-member-num,
  table.player__info .title-sub-date,
  table.player__info .sp-heading, table.sp-tr-split .title-member-num,
  table.sp-tr-split .title-sub-date,
  table.sp-tr-split .sp-heading {
    border-top: 1px solid #ccc;
  }
  table .pc-only {
    display: none;
  }
  table thead {
    display: none;
  }
  table th {
    width: 100%;
  }
  table td + th {
    clear: both;
  }
  table .sp-column2:after,
  table .sp-column3:after,
  table .sp-column4:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  table .sp-column4 .btnSmall {
    padding: 4px 10px 3px;
  }
  table .sp-heading {
    border-bottom: 2px solid #0079c8;
    background: #f7f7f7;
  }
  table .field {
    padding: 0;
  }
  table .selectBox .selectBox__title {
    padding: 0;
  }
  table .selectBox .selectArea {
    margin: 0;
  }
  table .selectArea__text {
    height: 22px;
    padding: 0 0 0 8px;
  }
  table .selectArea__icon {
    height: 20px;
  }
  table .selectArea__icon i:before {
    margin-top: 0;
    font-size: 72%;
    line-height: 180%;
  }
  table .t-title {
    padding: 0;
  }
  table .t-title .field {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
table .t-title .sp-title {
  display: none;
}
@media only screen and (max-width: 720px) {
  table .t-title .sp-title {
    display: inline-block;
    width: 30%;
    max-width: 100%;
    text-align: center;
    padding: 6px 5px;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 720px) {
  table .th-title {
    padding: 0;
  }
  table .th-title input {
    width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 720px) {
  table .td-title,
  table .th-title {
    padding: 0;
  }
  table .td-title .cell__inner,
  table .th-title .cell__inner {
    width: 100%;
    padding: 6px 5px 4px;
  }
  table .td-title:after,
  table .th-title:after {
    display: none;
  }
}
table .th-title__item {
  display: none;
}
@media only screen and (max-width: 720px) {
  table .th-title__item {
    width: 100%;
    border-bottom: 2px solid #0079c8;
    background: #f7f7f7;
  }
}
table .td-title__item {
  display: none;
}
@media only screen and (max-width: 720px) {
  table .td-title__item {
    border-bottom: 2px solid #ccc;
    background: #f1f1f1;
  }
  table .td-title__item.cell__inner {
    width: 100%;
    height: auto;
  }
  table .td-title__item + .cell__inner {
    width: auto;
    padding: 6px 0 4px;
    text-align: center;
    vertical-align: middle;
  }
  table .td-title__item + .cell__inner:after {
    content: '';
    height: 100%;
    vertical-align: middle;
  }
}

thead th {
  padding: 5px 0 3px;
  border-bottom: 2px solid #0079c8;
  background: #f7f7f7;
  text-align: center;
}

th,
td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
}
@media only screen and (max-width: 720px) {
  th,
  td {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

th {
  padding: 9px 20px;
  background: #f7f7f7;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  th {
    padding: 6px 11px;
  }
}

td {
  padding: 7px 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  td {
    float: left;
    width: 100%;
    padding: 6px 11px;
  }
  td .cell__inner {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  td .cell__inner .btn {
    margin-top: 0;
  }
  td .field {
    width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1020px) {
  .uiSortTable {
    width: 95%;
  }
}
@media only screen and (max-width: 720px) {
  table.sp-table th {
    width: 100%;
  }

  .uiSortTable {
    width: 100%;
  }
}
.b-b-normal {
  border-bottom: 1px solid #ccc;
}

.ui-sortable th,
.ui-sortable td {
  cursor: move;
}

.ui-sortable tr th:last-child,
.ui-sortable tr td:last-child {
  position: relative;
}

.ui-sortable tr th:last-child:after,
.ui-sortable tr td:last-child:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  height: 29px;
  margin: auto 0;
  color: #333;
  font-size: 150%;
  line-height: 139%;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f047";
}
@media only screen and (max-width: 1020px) {
  .ui-sortable tr th:last-child:after,
  .ui-sortable tr td:last-child:after {
    right: -10px;
  }
}
@media only screen and (max-width: 720px) {
  .ui-sortable tr th:last-child:after,
  .ui-sortable tr td:last-child:after {
    display: none;
  }
}

.ui-sortable-helper th,
.ui-sortable-helper td {
  border-top: 1px solid #ccc;
  background: #fff;
}

.ui-sortable-helper th:nth-child(1),
.ui-sortable-helper td:nth-child(1) {
  border-left: 1px solid #ccc;
}

/*
searchArea
***************************************************** */
.searchArea {
  display: inline-block;
  vertical-align: middle;
}
.searchArea .input-text {
  display: block;
  float: left;
  height: 26px;
  border: 1px solid #aaaaaa;
  border-right: none;
  border-radius: 0px;
}
.searchArea .input-btn {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  background: url(i/btn_search.png) 0 0 no-repeat;
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
.searchArea .input-btn:hover {
  opacity: 0.7;
}

/*
loading
***************************************************** */
/*
loading gif
--------------------------- */
.loading-img {
  display: block;
  width: 126px;
  height: 126px;
  margin: 0 auto;
  padding: 0;
}
.loading-img span {
  display: table-cell;
  width: 126px;
  height: 126px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

/*
loading css
--------------------------- */
.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.7em solid #ddd;
  border-right: 0.7em solid #ddd;
  border-bottom: 0.7em solid #ddd;
  border-left: 0.7em solid #444;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
          animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*
parts
***************************************************** */
.spOnly {
  display: none;
}
@media only screen and (max-width: 720px) {
  .spOnly {
    display: block;
  }
}

.caution {
  color: #d23b3b;
}

.is-b_bottom {
  border-bottom: 1px solid #ccc;
}

.is-smp {
  display: none;
}
@media only screen and (max-width: 720px) {
  .is-smp {
    display: block;
  }
}

.dotted {
  height: 0;
  margin: 15px 0 0 0;
  padding: 0;
  border: none;
  border-top: 1px dotted #cfcfcf;
}

.tagBlock {
  display: block;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip__content {
  position: absolute;
  z-index: 10;
  display: none;
  margin-top: 8px;
  padding: 7px 10px 4px;
  white-space: nowrap;
  color: #fff;
  background-color: rgba(27, 54, 54, 0.9);
  border-radius: 3px;
}

.tooltip_position-r .tooltip__content {
  right: 0;
}

.tooltip_position-t .tooltip__content {
  bottom: 32px;
}

.tooltip__content:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 7px;
  width: 0px;
  height: 0px;
  border-bottom: 10px solid rgba(27, 54, 54, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tooltip_position-r .tooltip__content:before {
  right: 7px;
  left: auto;
}

.tooltip_position-t .tooltip__content:before {
  top: auto;
  bottom: -10px;
  border-bottom: none;
  border-top: 10px solid rgba(27, 54, 54, 0.9);
}

.tooltip__content:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  top: -10px;
  left: 0;
}

.tooltip:hover .tooltip__content {
  display: block;
}

.tooltip.tooltip_position-sideL:hover .tooltip__content,
.tooltip.tooltip_position-sideR:hover .tooltip__content {
  display: none;
}

.tooltip__content_position-sideR:before {
  top: 10px;
  left: -10px;
  right: auto;
  border-right: 10px solid rgba(27, 54, 54, 0.9);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: none;
}

.tooltip__content_position-sideL:before {
  top: 10px;
  right: -10px;
  left: auto;
  border-left: 10px solid rgba(27, 54, 54, 0.9);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: none;
}

/*
block-table
***************************************************** */
.block-table {
  display: table;
}
.block-table .block-table__cell {
  display: table-cell;
  vertical-align: middle;
}

h3 + * {
  margin-top: 15px;
}

h4 + * {
  margin-top: 5px;
}

/*
table Scroll
***************************************************** */
.tScroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
.tScroll .tScroll__body {
  table-layout: fixed;
  border-spacing: 0;
  border-top: none;
}
.tScroll thead th,
.tScroll tbody td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tScroll thead th {
  border-top: 1px solid #ccc;
}

/* fix Scroll */
.fixScroll {
  width: 100%;
  height: 100%;
  overflow: auto;
  white-space: nowrap;
}

/*
overflow Scroll
***************************************************** */
.ofScroll--x {
  overflow-x: scroll;
}

.ofScroll--y {
  overflow-y: scroll;
}

@media screen and (max-width: 720px) {
  .tScroll table.sp-table thead {
    display: table-row-group;
  }
  .tScroll table.sp-table th,
  .tScroll table.sp-table td {
    display: table-cell;
    float: none;
  }
}
/*
btn
***************************************************** */
.btn {
  position: relative;
  display: inline-block;
  width: auto;
  min-height: 37px;
  padding: 7px 30px 7px;
  text-align: left;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 93%;
  line-height: 162%;
}
@media only screen and (max-width: 720px) {
  .btn {
    margin: 10px 0 0;
  }
}
.btn + .btn {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .btn + .btn {
    margin: 10px 0 0;
  }
}
.btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.btn .icon-arrow-right,
.btn .icon-arrow-left {
  position: absolute;
  top: auto;
  bottom: auto;
}
.btn .icon-arrow-right {
  right: 12px;
}
.btn .icon-arrow-left {
  left: 12px;
}
.btn .icon-arrow-right:before,
.btn .icon-arrow-left:before {
  font-size: 72%;
  line-height: 180%;
}

.btnSmall .icon-arrow-left {
  left: 5px;
}

.btnSmall .icon-arrow-right {
  right: 5px;
}

input.btn,
button.btn {
  padding: 3px 30px 0 30px;
  cursor: pointer;
}
@media only screen and (max-width: 720px) {
  input.btn:nth-child(odd),
  button.btn:nth-child(odd) {
    margin-top: 10px;
    margin-left: 0;
  }
  input.btn:nth-child(1),
  button.btn:nth-child(1) {
    margin-top: 0;
  }
}

.btnSmall {
  min-height: 26px;
  padding: 4px 14px 3px;
  font-size: 93%;
  line-height: 134%;
}

.btnLarge {
  min-width: 150px;
  min-height: 46px;
  padding: 10px 30px 10px;
  font-size: 108%;
  line-height: 154%;
  border-width: 1px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .btnLarge {
    min-width: 142px;
  }
}
.btnLarge + .btnLarge {
  margin-left: 15px;
}
@media only screen and (max-width: 720px) {
  .btnLarge + .btnLarge {
    margin-left: 5px;
  }
}

input.btnSmall,
button.btnSmall {
  padding: 0 14px 0;
  line-height: 205%;
}

.btn.btnIcon-left {
  padding: 7px 30px 7px 40px;
}

.btn.btnIcon-right {
  padding: 7px 40px 7px 30px;
}

.btnSmall.btnIcon-left {
  padding: 4px 12px 3px 20px;
}

.btnSmall.btnIcon-right {
  padding: 4px 20px 3px 12px;
}

.btnAdd {
  min-height: 26px;
  padding: 2px 6px;
  color: #888888;
  font-weight: bold;
  font-size: 86%;
  line-height: 167%;
}
.btnAdd + .btnAdd {
  margin-left: 0;
}

.btn.bg-glay {
  color: #222;
}

.btn.bg-orange,
.btn.bg-green,
.btn.bg-strong {
  color: #fff !important;
}

.btn.btn-disabled,
input.btn.btn-disabled,
button.btn.btn-disabled {
  color: #a3a3a3 !important;
  background: #ddd;
  border-color: #ddd;
  cursor: default;
  outline: none;
}
.btn.btn-disabled:hover,
input.btn.btn-disabled:hover,
button.btn.btn-disabled:hover {
  opacity: 1;
}
.btn.btn-disabled:focus,
input.btn.btn-disabled:focus,
button.btn.btn-disabled:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btnNest {
  min-height: 16px;
  padding: 1px 1px;
  border-radius: 2px;
  font-size: 86%;
  line-height: 167%;
  line-height: 1;
  font-weight: bold;
  margin-right: 6px;
}

/*
label
***************************************************** */
.label {
  display: inline-block;
  width: auto;
  font-size: 79%;
  line-height: 100%;
  height: auto;
  padding: 4px 7px 3px;
  text-align: center;
  vertical-align: middle;
}

.label + .label {
  margin-left: 5px;
}

.label-required,
.lebel-new {
  color: #fff;
  margin-left: 6px;
}

.label-required {
  background: #e5ac23;
}

.lebel-new {
  margin-right: 8px;
  background: #d23b3b;
}

.label.bg-glay {
  background: #e8e8e8;
}

/*
sort
***************************************************** */
.sort {
  position: relative;
  cursor: pointer;
}

.sort__arrow {
  position: absolute;
  top: 0;
  right: 0;
}
.sort__arrow span,
.sort__arrow i {
  position: relative;
  display: block;
  width: 17px;
  height: 14px;
  cursor: pointer;
}
.sort__arrow .sort__top i:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 auto;
}
.sort__arrow .sort__bottom i:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 auto;
}
.sort__arrow i,
.sort__arrow i:before {
  color: #cccccc;
  font-size: 85%;
  line-height: 100%;
}
.sort__arrow .active i,
.sort__arrow .active i:before {
  color: #0079c8;
}

.headerSortUp .sort__top {
  display: none;
}
.headerSortUp .sort__bottom i,
.headerSortUp .sort__bottom i:before {
  color: #0079c8;
}
.headerSortUp .sort__arrow {
  top: auto;
  bottom: 0;
}

.headerSortDown .sort__bottom {
  display: none;
}
.headerSortDown .sort__top i,
.headerSortDown .sort__top i:before {
  color: #0079c8;
}

/*
color--label
--------------------------- */
.cLabel {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
  padding: 2px 8px;
}

.color--default {
  background: #0079c8;
}

.color--exgreen {
  background: #27908b;
}

.color--regreen {
  background: #91b520;
}

.color--orange {
  background: #ea6c2a;
}

.color--tkb {
  background: #3cbccb;
}

.color--t2e {
  background: #009933;
}

.color--bw {
  background: #222;
}

/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

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

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

/* icomoon
* -------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?lacoze");
  src: url("fonts/icomoon.eot?lacoze#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?lacoze") format("truetype"), url("fonts/icomoon.woff?lacoze") format("woff"), url("fonts/icomoon.svg?lacoze#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon__00,
a[class^="icon__"]:before,
a[class*=" icon__"]:before,
[class^="icon__"]:before,
[class*=" icon__"]:before,
.icon-arrow-top:before,
.icon-arrow-bottom:before,
.icon-arrow-right:before,
.icon-arrow-left:before,
.icon-square:before,
.icon-circle:before,
.icon-check-mark:before,
.icon-close:before,
ul li:before,
.pagination__item.prev:before,
.pagination__item.next:after,
.l-navi__content > li > span:after,
.l-navi__content > li > .open:after,
.accordion__head:after,
.ui-button:before,
.l-footer__link li:before,
.gnavi li span:after,
.pagination__item.first:before,
.pagination__item.last:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon__00:before {
  content: "\e905";
}

.icon__01:before {
  content: "\e906";
}

.icon__02:before {
  content: "\e907";
}

.icon__03:before {
  content: "\e908";
}

.icon__04:before {
  content: "\e909";
}

.icon__05:before {
  content: "\e90a";
}

.icon__06:before {
  content: "\e90b";
}

.icon__07:before {
  content: "\e90c";
}

.icon__08:before {
  content: "\e90d";
}

.icon-arrow-top:before,
.l-navi__content > li > .open:after {
  content: "\e900";
}

.icon-arrow-bottom:before,
.l-navi__content > li > span:after,
.accordion__head:after {
  content: "\e901";
}

.icon-arrow-right:before,
.link-list li:before,
.pagination__item.next:after,
.l-footer__link li:before {
  content: "\e902";
}

.icon-arrow-left:before,
.pagination__item.prev:before {
  content: "\e903";
}

.icon-square:before {
  content: "\e904";
}

.icon-circle:before,
ul li:before {
  content: "\e615";
}

.icon-check-mark:before {
  content: "\e90e";
}

.icon-close:before,
.ui-button:before {
  content: "\e917";
}

.icon-icon_first:before,
.pagination__item.first:before {
  content: "\e90f";
}

.icon-icon_last:before,
.pagination__item.last:after {
  content: "\e910";
}

@media only screen and (max-width: 1020px) {
  .gnavi li span.active:after,
  .gnavi li span:after {
    content: "\e902";
  }
}
/*
tree menu landscape
***************************************************** */
.treeMenu {
  line-height: 1em;
}

.treeMenu,
.treeMenu .treeMenu {
  margin: 20px 0 0;
  padding: 0;
  list-style-type: none;
}

.treeMenu > .treeMenu__item {
  margin-bottom: 0.5em;
  padding-left: 0;
  line-height: 136%;
}
.treeMenu > .treeMenu__item:before {
  content: none;
}

.treeMenu .treeMenu {
  position: relative;
  margin-top: 0.5em;
  margin-left: 1em;
}
.treeMenu .treeMenu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-left: 1px solid #696969;
}

.treeMenu .treeMenu .treeMenu__item {
  position: relative;
  margin: 0;
  padding: 0.5em 1em;
}

.treeMenu .treeMenu .treeMenu__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 1em;
  left: 12px;
  width: 0.5em;
  height: 0;
  border-top: 1px solid #696969;
}

.treeMenu .treeMenu .treeMenu__item:last-child:before {
  top: 1em;
  bottom: 0;
  height: auto;
  background-color: #fff;
}

/*
tree menu landscape
***************************************************** */
.hv-wrapper {
  margin: 40px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hv-wrapper .hv-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
}
.hv-wrapper .hv-item .hv-item-parent {
  margin-bottom: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hv-wrapper .hv-item .hv-item-parent:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 25px;
  bottom: 0;
  left: 50%;
  background-color: rgba(51, 51, 51, 0.7);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.hv-wrapper .hv-item .hv-item-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child {
  padding: 0 15px;
  position: relative;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:before, .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
  content: '';
  position: absolute;
  background-color: rgba(51, 51, 51, 0.7);
  left: 0;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
  left: 50%;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 1px;
  height: 25px;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
  top: -25px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  height: 1px;
  width: 100%;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
  left: 50%;
  width: 50%;
}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
  width: calc(50% + 1px);
}

section {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 0;
  position: relative;
}
section .github-badge {
  position: absolute;
  top: 0;
  left: 0;
}
section h1 {
  text-align: center;
  margin-bottom: 70px;
}
section .hv-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.basic-style {
  background-color: #EFE6E2;
}
.basic-style > h1 {
  color: #010101;
}

p.simple-card {
  margin: 0;
  background-color: #fff;
  color: #333;
  padding: 15px;
  min-width: 100px;
  text-align: center;
  border: 1px solid #333;
}

.hv-item-parent p {
  font-weight: bold;
  color: #333;
}

.management-hierarchy {
  background-color: #303840;
}
.management-hierarchy > h1 {
  color: #FFF;
}
.management-hierarchy .person {
  text-align: center;
}
.management-hierarchy .person > img {
  height: 110px;
  border: 5px solid #FFF;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.management-hierarchy .person > p.name {
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #3BAA9D;
  margin: 0;
  position: relative;
}
.management-hierarchy .person > p.name b {
  color: rgba(59, 170, 157, 0.5);
}
.management-hierarchy .person > p.name:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: #fff;
  left: 50%;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

/* ***************************
Input Step
*************************** */
/*
Input Step
--------------------------- */
.inputStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
.inputStep .inputStep__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 0px;
          flex: 2 0 0;
  padding: 0 0 0 15px;
  max-height: 60px;
  height: 60px;
  margin-right: 40px;
  background: #dadada;
}
.inputStep .inputStep__item:last-child {
  margin-right: 0;
}
.inputStep .inputStep__item:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-left-color: #dadada;
  border-width: 30px;
  margin-top: -30px;
}
.inputStep .inputStep__item:last-child:after {
  content: none;
}
.inputStep .inputStep__text--s {
  letter-spacing: 0.1em;
  font-size: 86%;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: auto;
}
.inputStep .inputStep__text--l {
  font-weight: bold;
  font-size: 100%;
  line-height: 1.3;
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: auto;
}
.inputStep .inputStep__item--current {
  background: #0079c8;
  color: #fff;
}
.inputStep .inputStep__item--current:last-child {
  background: #e6a322 !important;
}
.inputStep .inputStep__item--current:after {
  border-left-color: #0079c8;
}

/*
Input Step Modern
--------------------------- */
.inputStep--modern .inputStep__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #efefef;
  height: 48px;
  max-height: 48px;
  margin-right: 0;
  padding: 0;
  text-align: center;
  color: #666;
}
.inputStep--modern .inputStep__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 24px 15px;
  border-color: transparent transparent transparent #000;
}
.inputStep--modern .inputStep__item:after {
  content: "";
  position: absolute;
  top: 0;
  right: -14px;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 24px 15px;
  border-color: transparent transparent transparent #efefef;
  margin-top: 0;
}
.inputStep--modern .inputStep__item:first-child {
  border-radius: 4px 0 0 4px;
}
.inputStep--modern .inputStep__item:last-child {
  border-radius: 0 4px 4px 0;
}
.inputStep--modern .inputStep__item:last-child:before, .inputStep--modern .inputStep__item:last-child:after {
  display: none;
}
.inputStep--modern .inputStep__item--current {
  background: #333;
  color: #fff;
}
.inputStep--modern .inputStep__item--current:before, .inputStep--modern .inputStep__item--current:after {
  border-color: transparent transparent transparent #333;
}

@media only screen and (max-width: 720px) {
  .inputStep .inputStep__item {
    margin-bottom: 0;
    margin-right: 0px;
    padding: 4px 8px;
    border-right: 1px solid #fff;
    max-height: inherit;
    height: auto;
    font-size: 86%;
    line-height: 167%;
  }
  .inputStep .inputStep__item:after {
    display: none;
  }
  .inputStep .inputStep__item:before {
    display: none;
  }
}
/* *****************************************************
thema color：マイページ

青緑（Web Expack）
緑（Reque）
オレンジ
***************************************************** */
/* ***************************
青緑（Web Expack）
*************************** */
.l-container.l-container--exgreen a,
.l-container.l-container--exgreen ul li:before,
.l-container.l-container--exgreen .link-list li a:hover,
.l-container.l-container--exgreen a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--exgreen a,
.modalContents.l-container--exgreen ul li:before,
.modalContents.l-container--exgreen .link-list li a:hover,
.modalContents.l-container--exgreen a.inner-box:hover .inner-box__body__link {
  color: #27908b;
}
.l-container.l-container--exgreen .l-header__logo,
.l-container.l-container--exgreen .fnavi a,
.l-container.l-container--exgreen h2:before,
.l-container.l-container--exgreen h3:before,
.l-container.l-container--exgreen h4:before,
.modalContents.l-container--exgreen .l-header__logo,
.modalContents.l-container--exgreen .fnavi a,
.modalContents.l-container--exgreen h2:before,
.modalContents.l-container--exgreen h3:before,
.modalContents.l-container--exgreen h4:before {
  background: #27908b;
}
.l-container.l-container--exgreen .l-header__content .logout a,
.modalContents.l-container--exgreen .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--exgreen .sub-navi ul a,
.l-container.l-container--exgreen .tab__head__item a,
.l-container.l-container--exgreen .link-list li a,
.l-container.l-container--exgreen .btn.bg-glay,
.l-container.l-container--exgreen .pagination .pagination__item,
.l-container.l-container--exgreen .is-blue .alert__content,
.modalContents.l-container--exgreen .sub-navi ul a,
.modalContents.l-container--exgreen .tab__head__item a,
.modalContents.l-container--exgreen .link-list li a,
.modalContents.l-container--exgreen .btn.bg-glay,
.modalContents.l-container--exgreen .pagination .pagination__item,
.modalContents.l-container--exgreen .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--exgreen .sub-navi ul a.active,
.l-container.l-container--exgreen .sub-navi ul a:hover,
.modalContents.l-container--exgreen .sub-navi ul a.active,
.modalContents.l-container--exgreen .sub-navi ul a:hover {
  border-bottom: 3px solid #27908b;
}
.l-container.l-container--exgreen .t-navi li a,
.modalContents.l-container--exgreen .t-navi li a {
  color: #777;
}
.l-container.l-container--exgreen .tab__head,
.l-container.l-container--exgreen thead th,
.modalContents.l-container--exgreen .tab__head,
.modalContents.l-container--exgreen thead th {
  border-bottom: 2px solid #27908b;
}
.l-container.l-container--exgreen .tab__head__item.active a,
.modalContents.l-container--exgreen .tab__head__item.active a {
  background: #27908b;
  color: #fff;
}
.l-container.l-container--exgreen .heading__h2,
.modalContents.l-container--exgreen .heading__h2 {
  border-top: 2px solid #D9E6E7;
  border-bottom: 2px solid #D9E6E7;
}
.l-container.l-container--exgreen h3,
.modalContents.l-container--exgreen h3 {
  border-bottom: 1px solid #D9E6E7;
}
.l-container.l-container--exgreen .em-red,
.l-container.l-container--exgreen .link-list li:before,
.l-container.l-container--exgreen .goods__item__price .price__member,
.l-container.l-container--exgreen .total-fee .total-fee__item span,
.modalContents.l-container--exgreen .em-red,
.modalContents.l-container--exgreen .link-list li:before,
.modalContents.l-container--exgreen .goods__item__price .price__member,
.modalContents.l-container--exgreen .total-fee .total-fee__item span {
  color: #cd4a7c;
}
.l-container.l-container--exgreen .btn.bg-green,
.l-container.l-container--exgreen .btn.bg-orange,
.l-container.l-container--exgreen .l-footer__link li a,
.modalContents.l-container--exgreen .btn.bg-green,
.modalContents.l-container--exgreen .btn.bg-orange,
.modalContents.l-container--exgreen .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--exgreen .bg-orange,
.l-container.l-container--exgreen input[type="button"].bg-orange,
.l-container.l-container--exgreen input[type="submit"].bg-orange,
.modalContents.l-container--exgreen .bg-orange,
.modalContents.l-container--exgreen input[type="button"].bg-orange,
.modalContents.l-container--exgreen input[type="submit"].bg-orange {
  background: #cd4a7c;
  border-color: #cd4a7c;
}
.l-container.l-container--exgreen .btn.btn-disabled,
.l-container.l-container--exgreen input.btn.btn-disabled,
.modalContents.l-container--exgreen .btn.btn-disabled,
.modalContents.l-container--exgreen input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--exgreen .pagination .pagination__item.active,
.l-container.l-container--exgreen .pagination .pagination__item.active:hover,
.modalContents.l-container--exgreen .pagination .pagination__item.active,
.modalContents.l-container--exgreen .pagination .pagination__item.active:hover {
  border: 1px solid #27908b;
  background: #27908b;
  color: #fff;
}
.l-container.l-container--exgreen .bg-green,
.l-container.l-container--exgreen input[type="button"].bg-green,
.l-container.l-container--exgreen input[type="submit"].bg-green,
.modalContents.l-container--exgreen .bg-green,
.modalContents.l-container--exgreen input[type="button"].bg-green,
.modalContents.l-container--exgreen input[type="submit"].bg-green {
  background: #27908b;
  border-color: #27908b;
}
.l-container.l-container--exgreen .bg-strong,
.l-container.l-container--exgreen input[type="button"].bg-strong,
.l-container.l-container--exgreen input[type="submit"].bg-strong,
.modalContents.l-container--exgreen .bg-strong,
.modalContents.l-container--exgreen input[type="button"].bg-strong,
.modalContents.l-container--exgreen input[type="submit"].bg-strong {
  background: #d24545;
  border-color: #d24545;
}
.l-container.l-container--exgreen .radioBtn:before,
.modalContents.l-container--exgreen .radioBtn:before {
  background-color: #27908b;
}
.l-container.l-container--exgreen .checkBtn:before,
.modalContents.l-container--exgreen .checkBtn:before {
  border-right: 3px solid #27908b;
  border-bottom: 3px solid #27908b;
}
.l-container.l-container--exgreen .alert.is-blue,
.modalContents.l-container--exgreen .alert.is-blue {
  border: 1px solid #27908b;
  background: #faffff;
}
.l-container.l-container--exgreen a.inner-box:hover,
.modalContents.l-container--exgreen a.inner-box:hover {
  background: #f1f9f8;
}
.l-container.l-container--exgreen .lebel-new,
.modalContents.l-container--exgreen .lebel-new {
  background: #cd4a7c;
}
.l-container.l-container--exgreen .l-footer__link li:before,
.modalContents.l-container--exgreen .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--exgreen .inputStep__item--current,
.modalContents.l-container--exgreen .inputStep__item--current {
  background: #27908b;
}
.l-container.l-container--exgreen .inputStep__item--current:after,
.modalContents.l-container--exgreen .inputStep__item--current:after {
  border-left-color: #27908b;
}
.l-container.l-container--exgreen .thread .thread__append .thread__append__item a,
.modalContents.l-container--exgreen .thread .thread__append .thread__append__item a {
  color: #27908b;
}
.l-container.l-container--exgreen .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--exgreen .thread--balloon .thread__body--right .thread__request__body {
  background: #def1f0;
}
.l-container.l-container--exgreen .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--exgreen .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #def1f0;
}
.l-container.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #27908b;
}
.l-container.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--exgreen .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #27908b;
}
.l-container.l-container--exgreen .snavi .link-list__item__link .fa,
.modalContents.l-container--exgreen .snavi .link-list__item__link .fa {
  color: #27908b;
}

/* ***************************
緑（Reque）
*************************** */
.l-container.l-container--regreen a,
.modalContents.l-container--regreen a {
  color: #7fa014;
}
.l-container.l-container--regreen ul li:before,
.l-container.l-container--regreen .link-list li a:hover,
.l-container.l-container--regreen a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--regreen ul li:before,
.modalContents.l-container--regreen .link-list li a:hover,
.modalContents.l-container--regreen a.inner-box:hover .inner-box__body__link {
  color: #8aaf0e;
}
.l-container.l-container--regreen .l-header__logo,
.l-container.l-container--regreen .fnavi a,
.l-container.l-container--regreen h2:before,
.l-container.l-container--regreen h3:before,
.l-container.l-container--regreen h4:before,
.modalContents.l-container--regreen .l-header__logo,
.modalContents.l-container--regreen .fnavi a,
.modalContents.l-container--regreen h2:before,
.modalContents.l-container--regreen h3:before,
.modalContents.l-container--regreen h4:before {
  background: #8aaf0e;
}
.l-container.l-container--regreen .l-header__content .logout a,
.modalContents.l-container--regreen .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--regreen .sub-navi ul a,
.l-container.l-container--regreen .tab__head__item a,
.l-container.l-container--regreen .link-list li a,
.l-container.l-container--regreen .btn.bg-glay,
.l-container.l-container--regreen .pagination .pagination__item,
.l-container.l-container--regreen .is-blue .alert__content,
.modalContents.l-container--regreen .sub-navi ul a,
.modalContents.l-container--regreen .tab__head__item a,
.modalContents.l-container--regreen .link-list li a,
.modalContents.l-container--regreen .btn.bg-glay,
.modalContents.l-container--regreen .pagination .pagination__item,
.modalContents.l-container--regreen .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--regreen .sub-navi ul a.active,
.l-container.l-container--regreen .sub-navi ul a:hover,
.modalContents.l-container--regreen .sub-navi ul a.active,
.modalContents.l-container--regreen .sub-navi ul a:hover {
  border-bottom: 3px solid #8aaf0e;
}
.l-container.l-container--regreen .t-navi li a,
.modalContents.l-container--regreen .t-navi li a {
  color: #777;
}
.l-container.l-container--regreen .tab__head,
.l-container.l-container--regreen thead th,
.modalContents.l-container--regreen .tab__head,
.modalContents.l-container--regreen thead th {
  border-bottom: 2px solid #8aaf0e;
}
.l-container.l-container--regreen .tab__head__item.active a,
.modalContents.l-container--regreen .tab__head__item.active a {
  background: #8aaf0e;
  color: #fff;
}
.l-container.l-container--regreen .heading__h2,
.modalContents.l-container--regreen .heading__h2 {
  border-top: 2px solid #e6e8df;
  border-bottom: 2px solid #e6e8df;
}
.l-container.l-container--regreen h3,
.modalContents.l-container--regreen h3 {
  border-bottom: 1px solid #e6e8df;
}
.l-container.l-container--regreen .em-red,
.l-container.l-container--regreen .goods__item__price .price__member,
.l-container.l-container--regreen .total-fee .total-fee__item span,
.modalContents.l-container--regreen .em-red,
.modalContents.l-container--regreen .goods__item__price .price__member,
.modalContents.l-container--regreen .total-fee .total-fee__item span {
  color: #de9645;
}
.l-container.l-container--regreen .link-list li:before,
.modalContents.l-container--regreen .link-list li:before {
  color: #e8bb03;
}
.l-container.l-container--regreen .btn.bg-green,
.l-container.l-container--regreen .btn.bg-orange,
.l-container.l-container--regreen .l-footer__link li a,
.modalContents.l-container--regreen .btn.bg-green,
.modalContents.l-container--regreen .btn.bg-orange,
.modalContents.l-container--regreen .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--regreen .bg-orange,
.l-container.l-container--regreen input[type="button"].bg-orange,
.l-container.l-container--regreen input[type="submit"].bg-orange,
.modalContents.l-container--regreen .bg-orange,
.modalContents.l-container--regreen input[type="button"].bg-orange,
.modalContents.l-container--regreen input[type="submit"].bg-orange {
  background: #de9645;
  border-color: #de9645;
}
.l-container.l-container--regreen .btn.btn-disabled,
.l-container.l-container--regreen input.btn.btn-disabled,
.modalContents.l-container--regreen .btn.btn-disabled,
.modalContents.l-container--regreen input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--regreen .pagination .pagination__item.active,
.l-container.l-container--regreen .pagination .pagination__item.active:hover,
.modalContents.l-container--regreen .pagination .pagination__item.active,
.modalContents.l-container--regreen .pagination .pagination__item.active:hover {
  border: 1px solid #8aaf0e;
  background: #8aaf0e;
  color: #fff;
}
.l-container.l-container--regreen .bg-green,
.l-container.l-container--regreen input[type="button"].bg-green,
.l-container.l-container--regreen input[type="submit"].bg-green,
.modalContents.l-container--regreen .bg-green,
.modalContents.l-container--regreen input[type="button"].bg-green,
.modalContents.l-container--regreen input[type="submit"].bg-green {
  background: #8aaf0e;
  border-color: #8aaf0e;
}
.l-container.l-container--regreen .bg-strong,
.l-container.l-container--regreen input[type="button"].bg-strong,
.l-container.l-container--regreen input[type="submit"].bg-strong,
.modalContents.l-container--regreen .bg-strong,
.modalContents.l-container--regreen input[type="button"].bg-strong,
.modalContents.l-container--regreen input[type="submit"].bg-strong {
  background: #d24242;
  border-color: #d24242;
}
.l-container.l-container--regreen .radioBtn:before,
.modalContents.l-container--regreen .radioBtn:before {
  background-color: #8aaf0e;
}
.l-container.l-container--regreen .checkBtn:before,
.modalContents.l-container--regreen .checkBtn:before {
  border-right: 3px solid #8aaf0e;
  border-bottom: 3px solid #8aaf0e;
}
.l-container.l-container--regreen .alert.is-blue,
.modalContents.l-container--regreen .alert.is-blue {
  border: 1px solid #8aaf0e;
  background: #fbfbf8;
}
.l-container.l-container--regreen a.inner-box:hover,
.modalContents.l-container--regreen a.inner-box:hover {
  background: #f5f9e9;
}
.l-container.l-container--regreen .lebel-new,
.modalContents.l-container--regreen .lebel-new {
  background: #de9645;
}
.l-container.l-container--regreen .l-footer__link li:before,
.modalContents.l-container--regreen .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--regreen .inputStep__item--current,
.modalContents.l-container--regreen .inputStep__item--current {
  background: #8aaf0e;
}
.l-container.l-container--regreen .inputStep__item--current:after,
.modalContents.l-container--regreen .inputStep__item--current:after {
  border-left-color: #8aaf0e;
}
.l-container.l-container--regreen .thread .thread__append .thread__append__item a,
.modalContents.l-container--regreen .thread .thread__append .thread__append__item a {
  color: #8aaf0e;
}
.l-container.l-container--regreen .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--regreen .thread--balloon .thread__body--right .thread__request__body {
  background: #f2f7df;
}
.l-container.l-container--regreen .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--regreen .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #f2f7df;
}
.l-container.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #8aaf0e;
}
.l-container.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--regreen .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #8aaf0e;
}
.l-container.l-container--regreen .snavi .link-list__item__link .fa,
.modalContents.l-container--regreen .snavi .link-list__item__link .fa {
  color: #8aaf0e;
}
.l-container.l-container--regreen .modal-mask img,
.modalContents.l-container--regreen .modal-mask img {
  width: 100%;
  max-width: 700px;
  border: 3px solid #eaeaea;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ***************************
オレンジ
*************************** */
.l-container.l-container--orange a,
.l-container.l-container--orange ul li:before,
.l-container.l-container--orange .link-list li a:hover,
.l-container.l-container--orange a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--orange a,
.modalContents.l-container--orange ul li:before,
.modalContents.l-container--orange .link-list li a:hover,
.modalContents.l-container--orange a.inner-box:hover .inner-box__body__link {
  color: #ea6c2a;
}
.l-container.l-container--orange .l-header__logo,
.l-container.l-container--orange .fnavi a,
.l-container.l-container--orange h2:before,
.l-container.l-container--orange h3:before,
.l-container.l-container--orange h4:before,
.modalContents.l-container--orange .l-header__logo,
.modalContents.l-container--orange .fnavi a,
.modalContents.l-container--orange h2:before,
.modalContents.l-container--orange h3:before,
.modalContents.l-container--orange h4:before {
  background: #ea6c2a;
}
.l-container.l-container--orange .l-header__content .logout a,
.modalContents.l-container--orange .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--orange .sub-navi ul a,
.l-container.l-container--orange .tab__head__item a,
.l-container.l-container--orange .link-list li a,
.l-container.l-container--orange .btn.bg-glay,
.l-container.l-container--orange .pagination .pagination__item,
.l-container.l-container--orange .is-blue .alert__content,
.modalContents.l-container--orange .sub-navi ul a,
.modalContents.l-container--orange .tab__head__item a,
.modalContents.l-container--orange .link-list li a,
.modalContents.l-container--orange .btn.bg-glay,
.modalContents.l-container--orange .pagination .pagination__item,
.modalContents.l-container--orange .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--orange .sub-navi ul a.active,
.l-container.l-container--orange .sub-navi ul a:hover,
.modalContents.l-container--orange .sub-navi ul a.active,
.modalContents.l-container--orange .sub-navi ul a:hover {
  border-bottom: 3px solid #ea6c2a;
}
.l-container.l-container--orange .t-navi li a,
.modalContents.l-container--orange .t-navi li a {
  color: #777;
}
.l-container.l-container--orange .tab__head,
.l-container.l-container--orange thead th,
.modalContents.l-container--orange .tab__head,
.modalContents.l-container--orange thead th {
  border-bottom: 2px solid #ea6c2a;
}
.l-container.l-container--orange .tab__head__item.active a,
.modalContents.l-container--orange .tab__head__item.active a {
  background: #ea6c2a;
  color: #fff;
}
.l-container.l-container--orange .heading__h2,
.modalContents.l-container--orange .heading__h2 {
  border-top: 2px solid #f3e6de;
  border-bottom: 2px solid #f3e6de;
}
.l-container.l-container--orange h3,
.modalContents.l-container--orange h3 {
  border-bottom: 1px solid #f3e6de;
}
.l-container.l-container--orange .em-red,
.l-container.l-container--orange .goods__item__price .price__member,
.l-container.l-container--orange .total-fee .total-fee__item span,
.modalContents.l-container--orange .em-red,
.modalContents.l-container--orange .goods__item__price .price__member,
.modalContents.l-container--orange .total-fee .total-fee__item span {
  color: #c11d08;
}
.l-container.l-container--orange .btn.bg-green,
.l-container.l-container--orange .btn.bg-orange,
.l-container.l-container--orange .l-footer__link li a,
.modalContents.l-container--orange .btn.bg-green,
.modalContents.l-container--orange .btn.bg-orange,
.modalContents.l-container--orange .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--orange .bg-orange,
.l-container.l-container--orange input[type="button"].bg-orange,
.l-container.l-container--orange input[type="submit"].bg-orange,
.modalContents.l-container--orange .bg-orange,
.modalContents.l-container--orange input[type="button"].bg-orange,
.modalContents.l-container--orange input[type="submit"].bg-orange {
  background: #c11d08;
  border-color: #c11d08;
}
.l-container.l-container--orange .btn.btn-disabled,
.l-container.l-container--orange input.btn.btn-disabled,
.modalContents.l-container--orange .btn.btn-disabled,
.modalContents.l-container--orange input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--orange .pagination .pagination__item.active,
.l-container.l-container--orange .pagination .pagination__item.active:hover,
.modalContents.l-container--orange .pagination .pagination__item.active,
.modalContents.l-container--orange .pagination .pagination__item.active:hover {
  border: 1px solid #ea6c2a;
  background: #ea6c2a;
  color: #fff;
}
.l-container.l-container--orange .bg-green,
.l-container.l-container--orange input[type="button"].bg-green,
.l-container.l-container--orange input[type="submit"].bg-green,
.modalContents.l-container--orange .bg-green,
.modalContents.l-container--orange input[type="button"].bg-green,
.modalContents.l-container--orange input[type="submit"].bg-green {
  background: #ea6c2a;
  border-color: #ea6c2a;
}
.l-container.l-container--orange .bg-strong,
.l-container.l-container--orange input[type="button"].bg-strong,
.l-container.l-container--orange input[type="submit"].bg-strong,
.modalContents.l-container--orange .bg-strong,
.modalContents.l-container--orange input[type="button"].bg-strong,
.modalContents.l-container--orange input[type="submit"].bg-strong {
  background: #c11d08;
  border-color: #c11d08;
}
.l-container.l-container--orange .radioBtn:before,
.modalContents.l-container--orange .radioBtn:before {
  background-color: #ea6c2a;
}
.l-container.l-container--orange .checkBtn:before,
.modalContents.l-container--orange .checkBtn:before {
  border-right: 3px solid #ea6c2a;
  border-bottom: 3px solid #ea6c2a;
}
.l-container.l-container--orange .alert.is-blue,
.modalContents.l-container--orange .alert.is-blue {
  border: 1px solid #ea6c2a;
  background: #fff7f2;
}
.l-container.l-container--orange a.inner-box:hover,
.modalContents.l-container--orange a.inner-box:hover {
  background: #fff5ef;
}
.l-container.l-container--orange .lebel-new,
.modalContents.l-container--orange .lebel-new {
  background: #c11d08;
}
.l-container.l-container--orange .l-footer__link li:before,
.modalContents.l-container--orange .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--orange .inputStep__item--current,
.modalContents.l-container--orange .inputStep__item--current {
  background: #ea6c2a;
}
.l-container.l-container--orange .inputStep__item--current:after,
.modalContents.l-container--orange .inputStep__item--current:after {
  border-left-color: #ea6c2a;
}
.l-container.l-container--orange .thread .thread__append .thread__append__item a,
.modalContents.l-container--orange .thread .thread__append .thread__append__item a {
  color: #ea6c2a;
}
.l-container.l-container--orange .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--orange .thread--balloon .thread__body--right .thread__request__body {
  background: #fdefe9;
}
.l-container.l-container--orange .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--orange .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #fdefe9;
}
.l-container.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #ea6c2a;
}
.l-container.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--orange .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--orange .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--orange .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #ea6c2a;
}
.l-container.l-container--orange .snavi .link-list__item__link .fa,
.modalContents.l-container--orange .snavi .link-list__item__link .fa {
  color: #ea6c2a;
}

/* ***************************
TSUMIKIBA
*************************** */
.l-container.l-container--tkb a,
.l-container.l-container--tkb ul li:before,
.l-container.l-container--tkb .link-list li a:hover,
.l-container.l-container--tkb a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--tkb a,
.modalContents.l-container--tkb ul li:before,
.modalContents.l-container--tkb .link-list li a:hover,
.modalContents.l-container--tkb a.inner-box:hover .inner-box__body__link {
  color: #3cbccb;
}
.l-container.l-container--tkb .l-header__logo,
.l-container.l-container--tkb .fnavi a,
.l-container.l-container--tkb h2:before,
.l-container.l-container--tkb h3:before,
.l-container.l-container--tkb h4:before,
.modalContents.l-container--tkb .l-header__logo,
.modalContents.l-container--tkb .fnavi a,
.modalContents.l-container--tkb h2:before,
.modalContents.l-container--tkb h3:before,
.modalContents.l-container--tkb h4:before {
  background: #3cbccb;
}
.l-container.l-container--tkb .l-header__content .logout a,
.modalContents.l-container--tkb .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--tkb .sub-navi ul a,
.l-container.l-container--tkb .tab__head__item a,
.l-container.l-container--tkb .link-list li a,
.l-container.l-container--tkb .btn.bg-glay,
.l-container.l-container--tkb .pagination .pagination__item,
.l-container.l-container--tkb .is-blue .alert__content,
.modalContents.l-container--tkb .sub-navi ul a,
.modalContents.l-container--tkb .tab__head__item a,
.modalContents.l-container--tkb .link-list li a,
.modalContents.l-container--tkb .btn.bg-glay,
.modalContents.l-container--tkb .pagination .pagination__item,
.modalContents.l-container--tkb .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--tkb .sub-navi ul a.active,
.l-container.l-container--tkb .sub-navi ul a:hover,
.modalContents.l-container--tkb .sub-navi ul a.active,
.modalContents.l-container--tkb .sub-navi ul a:hover {
  border-bottom: 3px solid #3cbccb;
}
.l-container.l-container--tkb .t-navi li a,
.modalContents.l-container--tkb .t-navi li a {
  color: #777;
}
.l-container.l-container--tkb .tab__head,
.l-container.l-container--tkb thead th,
.modalContents.l-container--tkb .tab__head,
.modalContents.l-container--tkb thead th {
  border-bottom: 2px solid #3cbccb;
}
.l-container.l-container--tkb .tab__head__item.active a,
.modalContents.l-container--tkb .tab__head__item.active a {
  background: #3cbccb;
  color: #fff;
}
.l-container.l-container--tkb .heading__h2,
.modalContents.l-container--tkb .heading__h2 {
  border-top: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
}
.l-container.l-container--tkb h3,
.modalContents.l-container--tkb h3 {
  border-bottom: 1px solid #e8e8e8;
}
.l-container.l-container--tkb .em-red,
.l-container.l-container--tkb .goods__item__price .price__member,
.l-container.l-container--tkb .total-fee .total-fee__item span,
.modalContents.l-container--tkb .em-red,
.modalContents.l-container--tkb .goods__item__price .price__member,
.modalContents.l-container--tkb .total-fee .total-fee__item span {
  color: #f53434;
}
.l-container.l-container--tkb .btn.bg-green,
.l-container.l-container--tkb .btn.bg-orange,
.l-container.l-container--tkb .l-footer__link li a,
.modalContents.l-container--tkb .btn.bg-green,
.modalContents.l-container--tkb .btn.bg-orange,
.modalContents.l-container--tkb .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--tkb .bg-orange,
.l-container.l-container--tkb input[type="button"].bg-orange,
.l-container.l-container--tkb input[type="submit"].bg-orange,
.modalContents.l-container--tkb .bg-orange,
.modalContents.l-container--tkb input[type="button"].bg-orange,
.modalContents.l-container--tkb input[type="submit"].bg-orange {
  background: #ffac3a;
  border-color: #ffac3a;
}
.l-container.l-container--tkb .btn.btn-disabled,
.l-container.l-container--tkb input.btn.btn-disabled,
.modalContents.l-container--tkb .btn.btn-disabled,
.modalContents.l-container--tkb input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--tkb .pagination .pagination__item.active,
.l-container.l-container--tkb .pagination .pagination__item.active:hover,
.modalContents.l-container--tkb .pagination .pagination__item.active,
.modalContents.l-container--tkb .pagination .pagination__item.active:hover {
  border: 1px solid #3cbccb;
  background: #3cbccb;
  color: #fff;
}
.l-container.l-container--tkb .bg-green,
.l-container.l-container--tkb input[type="button"].bg-green,
.l-container.l-container--tkb input[type="submit"].bg-green,
.modalContents.l-container--tkb .bg-green,
.modalContents.l-container--tkb input[type="button"].bg-green,
.modalContents.l-container--tkb input[type="submit"].bg-green {
  background: #3cbccb;
  border-color: #3cbccb;
}
.l-container.l-container--tkb .bg-strong,
.l-container.l-container--tkb input[type="button"].bg-strong,
.l-container.l-container--tkb input[type="submit"].bg-strong,
.modalContents.l-container--tkb .bg-strong,
.modalContents.l-container--tkb input[type="button"].bg-strong,
.modalContents.l-container--tkb input[type="submit"].bg-strong {
  background: #e44c4c;
  border-color: #e44c4c;
}
.l-container.l-container--tkb .radioBtn:before,
.modalContents.l-container--tkb .radioBtn:before {
  background-color: #3cbccb;
}
.l-container.l-container--tkb .checkBtn:before,
.modalContents.l-container--tkb .checkBtn:before {
  border-right: 3px solid #3cbccb;
  border-bottom: 3px solid #3cbccb;
}
.l-container.l-container--tkb .alert.is-blue,
.modalContents.l-container--tkb .alert.is-blue {
  border: 1px solid #3cbccb;
  background: #f5fcfd;
}
.l-container.l-container--tkb a.inner-box:hover,
.modalContents.l-container--tkb a.inner-box:hover {
  background: #f5fcfd;
}
.l-container.l-container--tkb .lebel-new,
.modalContents.l-container--tkb .lebel-new {
  background: #ffac3a;
}
.l-container.l-container--tkb .l-footer__link li:before,
.modalContents.l-container--tkb .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--tkb .inputStep__item--current,
.modalContents.l-container--tkb .inputStep__item--current {
  background: #3cbccb;
}
.l-container.l-container--tkb .inputStep__item--current:after,
.modalContents.l-container--tkb .inputStep__item--current:after {
  border-left-color: #3cbccb;
}
.l-container.l-container--tkb .thread .thread__append .thread__append__item a,
.modalContents.l-container--tkb .thread .thread__append .thread__append__item a {
  color: #3cbccb;
}
.l-container.l-container--tkb .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--tkb .thread--balloon .thread__body--right .thread__request__body {
  background: #eff8f9;
}
.l-container.l-container--tkb .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--tkb .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #eff8f9;
}
.l-container.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #3cbccb;
}
.l-container.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--tkb .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #3cbccb;
}
.l-container.l-container--tkb .snavi .link-list__item__link .fa,
.modalContents.l-container--tkb .snavi .link-list__item__link .fa {
  color: #3cbccb;
}

/* ***************************
T2e
*************************** */
.l-container.l-container--t2e a,
.l-container.l-container--t2e ul li:before,
.l-container.l-container--t2e .link-list li a:hover,
.l-container.l-container--t2e a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--t2e a,
.modalContents.l-container--t2e ul li:before,
.modalContents.l-container--t2e .link-list li a:hover,
.modalContents.l-container--t2e a.inner-box:hover .inner-box__body__link {
  color: #009933;
}
.l-container.l-container--t2e .l-header__logo,
.l-container.l-container--t2e .fnavi a,
.l-container.l-container--t2e h2:before,
.l-container.l-container--t2e h3:before,
.l-container.l-container--t2e h4:before,
.modalContents.l-container--t2e .l-header__logo,
.modalContents.l-container--t2e .fnavi a,
.modalContents.l-container--t2e h2:before,
.modalContents.l-container--t2e h3:before,
.modalContents.l-container--t2e h4:before {
  background: #009933;
}
.l-container.l-container--t2e .l-header__content .logout a,
.modalContents.l-container--t2e .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--t2e .sub-navi ul a,
.l-container.l-container--t2e .tab__head__item a,
.l-container.l-container--t2e .link-list li a,
.l-container.l-container--t2e .btn.bg-glay,
.l-container.l-container--t2e .pagination .pagination__item,
.l-container.l-container--t2e .is-blue .alert__content,
.modalContents.l-container--t2e .sub-navi ul a,
.modalContents.l-container--t2e .tab__head__item a,
.modalContents.l-container--t2e .link-list li a,
.modalContents.l-container--t2e .btn.bg-glay,
.modalContents.l-container--t2e .pagination .pagination__item,
.modalContents.l-container--t2e .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--t2e .sub-navi ul a.active,
.l-container.l-container--t2e .sub-navi ul a:hover,
.modalContents.l-container--t2e .sub-navi ul a.active,
.modalContents.l-container--t2e .sub-navi ul a:hover {
  border-bottom: 3px solid #009933;
}
.l-container.l-container--t2e .t-navi li a,
.modalContents.l-container--t2e .t-navi li a {
  color: #777;
}
.l-container.l-container--t2e .tab__head,
.l-container.l-container--t2e thead th,
.modalContents.l-container--t2e .tab__head,
.modalContents.l-container--t2e thead th {
  border-bottom: 2px solid #009933;
}
.l-container.l-container--t2e .tab__head__item.active a,
.modalContents.l-container--t2e .tab__head__item.active a {
  background: #009933;
  color: #fff;
}
.l-container.l-container--t2e .heading__h2,
.modalContents.l-container--t2e .heading__h2 {
  border-top: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
}
.l-container.l-container--t2e h3,
.modalContents.l-container--t2e h3 {
  border-bottom: 1px solid #e8e8e8;
}
.l-container.l-container--t2e .em-red,
.l-container.l-container--t2e .goods__item__price .price__member,
.l-container.l-container--t2e .total-fee .total-fee__item span,
.modalContents.l-container--t2e .em-red,
.modalContents.l-container--t2e .goods__item__price .price__member,
.modalContents.l-container--t2e .total-fee .total-fee__item span {
  color: #ffac3a;
}
.l-container.l-container--t2e .btn.bg-green,
.l-container.l-container--t2e .btn.bg-orange,
.l-container.l-container--t2e .l-footer__link li a,
.modalContents.l-container--t2e .btn.bg-green,
.modalContents.l-container--t2e .btn.bg-orange,
.modalContents.l-container--t2e .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--t2e .bg-orange,
.l-container.l-container--t2e input[type="button"].bg-orange,
.l-container.l-container--t2e input[type="submit"].bg-orange,
.modalContents.l-container--t2e .bg-orange,
.modalContents.l-container--t2e input[type="button"].bg-orange,
.modalContents.l-container--t2e input[type="submit"].bg-orange {
  background: #ffac3a;
  border-color: #ffac3a;
}
.l-container.l-container--t2e .btn.btn-disabled,
.l-container.l-container--t2e input.btn.btn-disabled,
.modalContents.l-container--t2e .btn.btn-disabled,
.modalContents.l-container--t2e input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--t2e .pagination .pagination__item.active,
.l-container.l-container--t2e .pagination .pagination__item.active:hover,
.modalContents.l-container--t2e .pagination .pagination__item.active,
.modalContents.l-container--t2e .pagination .pagination__item.active:hover {
  border: 1px solid #009933;
  background: #009933;
  color: #fff;
}
.l-container.l-container--t2e .bg-green,
.l-container.l-container--t2e input[type="button"].bg-green,
.l-container.l-container--t2e input[type="submit"].bg-green,
.modalContents.l-container--t2e .bg-green,
.modalContents.l-container--t2e input[type="button"].bg-green,
.modalContents.l-container--t2e input[type="submit"].bg-green {
  background: #009933;
  border-color: #009933;
}
.l-container.l-container--t2e .bg-strong,
.l-container.l-container--t2e input[type="button"].bg-strong,
.l-container.l-container--t2e input[type="submit"].bg-strong,
.modalContents.l-container--t2e .bg-strong,
.modalContents.l-container--t2e input[type="button"].bg-strong,
.modalContents.l-container--t2e input[type="submit"].bg-strong {
  background: #e44c4c;
  border-color: #e44c4c;
}
.l-container.l-container--t2e .radioBtn:before,
.modalContents.l-container--t2e .radioBtn:before {
  background-color: #009933;
}
.l-container.l-container--t2e .checkBtn:before,
.modalContents.l-container--t2e .checkBtn:before {
  border-right: 3px solid #009933;
  border-bottom: 3px solid #009933;
}
.l-container.l-container--t2e .alert.is-blue,
.modalContents.l-container--t2e .alert.is-blue {
  border: 1px solid #009933;
  background: #E8F5E7;
}
.l-container.l-container--t2e a.inner-box:hover,
.modalContents.l-container--t2e a.inner-box:hover {
  background: #f5fcfd;
}
.l-container.l-container--t2e .lebel-new,
.modalContents.l-container--t2e .lebel-new {
  background: #ffac3a;
}
.l-container.l-container--t2e .l-footer__link li:before,
.modalContents.l-container--t2e .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--t2e .inputStep__item--current,
.modalContents.l-container--t2e .inputStep__item--current {
  background: #009933;
}
.l-container.l-container--t2e .inputStep__item--current:after,
.modalContents.l-container--t2e .inputStep__item--current:after {
  border-left-color: #009933;
}
.l-container.l-container--t2e .thread .thread__append .thread__append__item a,
.modalContents.l-container--t2e .thread .thread__append .thread__append__item a {
  color: #009933;
}
.l-container.l-container--t2e .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--t2e .thread--balloon .thread__body--right .thread__request__body {
  background: #f0f9ef;
}
.l-container.l-container--t2e .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--t2e .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #f0f9ef;
}
.l-container.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #009933;
}
.l-container.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--t2e .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #009933;
}
.l-container.l-container--t2e .snavi .link-list__item__link .fa,
.modalContents.l-container--t2e .snavi .link-list__item__link .fa {
  color: #009933;
}

/* ***************************
白黒
*************************** */
.l-container.l-container--bw a,
.l-container.l-container--bw ul li:before,
.l-container.l-container--bw .link-list li a:hover,
.l-container.l-container--bw a.inner-box:hover .inner-box__body__link,
.modalContents.l-container--bw a,
.modalContents.l-container--bw ul li:before,
.modalContents.l-container--bw .link-list li a:hover,
.modalContents.l-container--bw a.inner-box:hover .inner-box__body__link {
  color: #222;
}
.l-container.l-container--bw .l-header__logo,
.l-container.l-container--bw .fnavi a,
.l-container.l-container--bw h2:before,
.l-container.l-container--bw h3:before,
.l-container.l-container--bw h4:before,
.modalContents.l-container--bw .l-header__logo,
.modalContents.l-container--bw .fnavi a,
.modalContents.l-container--bw h2:before,
.modalContents.l-container--bw h3:before,
.modalContents.l-container--bw h4:before {
  background: #222;
}
.l-container.l-container--bw .l-header__content .logout a,
.modalContents.l-container--bw .l-header__content .logout a {
  color: #666;
}
.l-container.l-container--bw .l-header__gnavi .gnavi,
.modalContents.l-container--bw .l-header__gnavi .gnavi {
  background: #222;
}
.l-container.l-container--bw .sub-navi ul a,
.l-container.l-container--bw .tab__head__item a,
.l-container.l-container--bw .link-list li a,
.l-container.l-container--bw .btn.bg-glay,
.l-container.l-container--bw .pagination .pagination__item,
.l-container.l-container--bw .is-blue .alert__content,
.modalContents.l-container--bw .sub-navi ul a,
.modalContents.l-container--bw .tab__head__item a,
.modalContents.l-container--bw .link-list li a,
.modalContents.l-container--bw .btn.bg-glay,
.modalContents.l-container--bw .pagination .pagination__item,
.modalContents.l-container--bw .is-blue .alert__content {
  color: #222;
}
.l-container.l-container--bw .sub-navi ul a.active,
.l-container.l-container--bw .sub-navi ul a:hover,
.modalContents.l-container--bw .sub-navi ul a.active,
.modalContents.l-container--bw .sub-navi ul a:hover {
  border-bottom: 3px solid #222;
}
.l-container.l-container--bw .t-navi li a,
.modalContents.l-container--bw .t-navi li a {
  color: #777;
}
.l-container.l-container--bw .tab__head,
.l-container.l-container--bw thead th,
.modalContents.l-container--bw .tab__head,
.modalContents.l-container--bw thead th {
  border-bottom: 2px solid #222;
}
.l-container.l-container--bw .tab__head__item.active a,
.modalContents.l-container--bw .tab__head__item.active a {
  background: #222;
  color: #fff;
}
.l-container.l-container--bw .heading__h2,
.modalContents.l-container--bw .heading__h2 {
  border-top: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
}
.l-container.l-container--bw h3,
.modalContents.l-container--bw h3 {
  border-bottom: 1px solid #e8e8e8;
}
.l-container.l-container--bw .em-red,
.l-container.l-container--bw .goods__item__price .price__member,
.l-container.l-container--bw .total-fee .total-fee__item span,
.modalContents.l-container--bw .em-red,
.modalContents.l-container--bw .goods__item__price .price__member,
.modalContents.l-container--bw .total-fee .total-fee__item span {
  color: #e23a3a;
}
.l-container.l-container--bw .btn.bg-green,
.l-container.l-container--bw .btn.bg-orange,
.l-container.l-container--bw .l-footer__link li a,
.modalContents.l-container--bw .btn.bg-green,
.modalContents.l-container--bw .btn.bg-orange,
.modalContents.l-container--bw .l-footer__link li a {
  color: #fff;
}
.l-container.l-container--bw .bg-orange,
.l-container.l-container--bw input[type="button"].bg-orange,
.l-container.l-container--bw input[type="submit"].bg-orange,
.modalContents.l-container--bw .bg-orange,
.modalContents.l-container--bw input[type="button"].bg-orange,
.modalContents.l-container--bw input[type="submit"].bg-orange {
  background: #e23a3a;
  border-color: #e23a3a;
}
.l-container.l-container--bw .btn.btn-disabled,
.l-container.l-container--bw input.btn.btn-disabled,
.modalContents.l-container--bw .btn.btn-disabled,
.modalContents.l-container--bw input.btn.btn-disabled {
  color: #a3a3a3;
  background: #dddddd;
  border-color: #dddddd;
}
.l-container.l-container--bw .pagination .pagination__item.active,
.l-container.l-container--bw .pagination .pagination__item.active:hover,
.modalContents.l-container--bw .pagination .pagination__item.active,
.modalContents.l-container--bw .pagination .pagination__item.active:hover {
  border: 1px solid #222;
  background: #222;
  color: #fff;
}
.l-container.l-container--bw .bg-green,
.l-container.l-container--bw input[type="button"].bg-green,
.l-container.l-container--bw input[type="submit"].bg-green,
.modalContents.l-container--bw .bg-green,
.modalContents.l-container--bw input[type="button"].bg-green,
.modalContents.l-container--bw input[type="submit"].bg-green {
  background: #222;
  border-color: #222;
}
.l-container.l-container--bw .bg-strong,
.l-container.l-container--bw input[type="button"].bg-strong,
.l-container.l-container--bw input[type="submit"].bg-strong,
.modalContents.l-container--bw .bg-strong,
.modalContents.l-container--bw input[type="button"].bg-strong,
.modalContents.l-container--bw input[type="submit"].bg-strong {
  background: #e23a3a;
  border-color: #e23a3a;
}
.l-container.l-container--bw .radioBtn:before,
.modalContents.l-container--bw .radioBtn:before {
  background-color: #222;
}
.l-container.l-container--bw .checkBtn:before,
.modalContents.l-container--bw .checkBtn:before {
  border-right: 3px solid #222;
  border-bottom: 3px solid #222;
}
.l-container.l-container--bw .alert.is-blue,
.modalContents.l-container--bw .alert.is-blue {
  border: 1px solid #222;
  background: #f5fcfd;
}
.l-container.l-container--bw a.inner-box:hover,
.modalContents.l-container--bw a.inner-box:hover {
  background: #f9f9f9;
}
.l-container.l-container--bw .lebel-new,
.modalContents.l-container--bw .lebel-new {
  background: #e23a3a;
}
.l-container.l-container--bw .l-footer__link li:before,
.modalContents.l-container--bw .l-footer__link li:before {
  color: #999;
}
.l-container.l-container--bw .inputStep__item--current,
.modalContents.l-container--bw .inputStep__item--current {
  background: #222;
}
.l-container.l-container--bw .inputStep__item--current:after,
.modalContents.l-container--bw .inputStep__item--current:after {
  border-left-color: #222;
}
.l-container.l-container--bw .thread .thread__append .thread__append__item a,
.modalContents.l-container--bw .thread .thread__append .thread__append__item a {
  color: #222;
}
.l-container.l-container--bw .thread--balloon .thread__body--right .thread__request__body,
.modalContents.l-container--bw .thread--balloon .thread__body--right .thread__request__body {
  background: #dcdcdc;
}
.l-container.l-container--bw .thread--balloon .thread__body--right .thread__request__body:before,
.modalContents.l-container--bw .thread--balloon .thread__body--right .thread__request__body:before {
  border-left: 8px solid #dcdcdc;
}
.l-container.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.l-container.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open,
.modalContents.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.active,
.modalContents.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__body .gnavi__body__link.open {
  border-color: #222;
}
.l-container.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.l-container.l-container--bw .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover,
.modalContents.l-container--bw .l-header.l-header--minimum .l-header__gnavi .gnavi__Dropdown a:hover,
.modalContents.l-container--bw .l-header.l-header--minimum .l-header__gnavi .userDropdown a:hover {
  background: #222;
}
.l-container.l-container--bw .snavi .link-list__item__link .fa,
.modalContents.l-container--bw .snavi .link-list__item__link .fa {
  color: #222;
}

/* ***************************
共通
*************************** */
.l-container.l-container--red .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--orange .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--green .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--exgreen .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--regreen .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--tkb .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--t2e .inputStep.inputStep--modern .inputStep__item--current,
.l-container.l-container--bw .inputStep.inputStep--modern .inputStep__item--current {
  background: #333;
}
.l-container.l-container--red .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--orange .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--green .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--exgreen .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--regreen .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--tkb .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--t2e .inputStep.inputStep--modern .inputStep__item--current:after,
.l-container.l-container--bw .inputStep.inputStep--modern .inputStep__item--current:after {
  border-left-color: #333;
}

/* ***************************
テーマカラー切り替えボタン
*************************** */
.themeColor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: -1px 1px 13px 1px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 1px 13px 1px rgba(0, 0, 0, 0.3);
}
.themeColor .colorList {
  padding: 12px;
  margin-top: 0;
  line-height: 1;
}
.themeColor .colorList__item {
  display: inline-block;
  padding: 0 5px;
  margin-top: 0;
}
.themeColor .colorList__item:before {
  content: none;
}
.themeColor .colorList__item__btn {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.themeColor .colorList__item__btn.t-blue {
  background: #0079c8;
}
.themeColor .colorList__item__btn.t-red {
  background: #bd150f;
}
.themeColor .colorList__item__btn.t-orange {
  background: #ea6c2a;
}
.themeColor .colorList__item__btn.t-green {
  background: #73b108;
}
.themeColor .colorList__item__btn.t-exgreen {
  background: #27908b;
}
.themeColor .colorList__item__btn.t-regreen {
  background: #91b520;
}
.themeColor .colorList__item__btn.t-tkb {
  background: #3cbccb;
}
.themeColor .colorList__item__btn.t-t2e {
  background: #009933;
}
.themeColor .colorList__item__btn.t-bw {
  background: #222;
}
.themeColor .active {
  border: 3px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.themeColor .closebtn {
  margin-left: 4px;
}
.themeColor .closebtn__link {
  color: #000 !important;
  font-size: 16px;
  line-height: 1;
}
.themeColor .closebtn__link:hover {
  text-decoration: none;
}

/* ***************************
メディアクエリー
*************************** */
@media only screen and (max-width: 1020px) {
  /* ***************************
  青緑（Web Expack）
  *************************** */
  .l-container.l-container--exgreen .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--exgreen .l-header__content,
  .l-container.l-container--exgreen .l-header__gnavi ul span.active,
  .l-container.l-container--exgreen .l-header__gnavi ul span.open,
  .l-container.l-container--exgreen .l-header__gnavi ul span:hover {
    background: #27908b;
  }
  .l-container.l-container--exgreen .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #27908b;
  }
  .l-container.l-container--exgreen .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #27908b;
    background-size: 82px 41px;
  }

  /* ***************************
  緑（Reque）
  *************************** */
  .l-container.l-container--regreen .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--regreen .l-header__content,
  .l-container.l-container--regreen .l-header__gnavi ul span.active,
  .l-container.l-container--regreen .l-header__gnavi ul span.open,
  .l-container.l-container--regreen .l-header__gnavi ul span:hover {
    background: #91b520;
  }
  .l-container.l-container--regreen .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #91b520;
  }
  .l-container.l-container--regreen .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #91b520;
    background-size: 82px 41px;
  }

  /* ***************************
  オレンジ
  *************************** */
  .l-container.l-container--orange .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--orange .l-header__content,
  .l-container.l-container--orange .l-header__gnavi ul span.active,
  .l-container.l-container--orange .l-header__gnavi ul span.open,
  .l-container.l-container--orange .l-header__gnavi ul span:hover {
    background: #ea6c2a;
  }
  .l-container.l-container--orange .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #ea6c2a;
  }
  .l-container.l-container--orange .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #ea6c2a;
    background-size: 82px 41px;
  }

  /* ***************************
  TSUMIKIBA
  *************************** */
  .l-container.l-container--tkb .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--tkb .l-header__content,
  .l-container.l-container--tkb .l-header__gnavi ul span.active,
  .l-container.l-container--tkb .l-header__gnavi ul span.open,
  .l-container.l-container--tkb .l-header__gnavi ul span:hover {
    background: #3cbccb;
  }
  .l-container.l-container--tkb .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #3cbccb;
  }
  .l-container.l-container--tkb .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #3cbccb;
    background-size: 82px 41px;
  }

  /* ***************************
  T2e
  *************************** */
  .l-container.l-container--t2e .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--t2e .l-header__content,
  .l-container.l-container--t2e .l-header__gnavi ul span.active,
  .l-container.l-container--t2e .l-header__gnavi ul span.open,
  .l-container.l-container--t2e .l-header__gnavi ul span:hover {
    background: #009933;
  }
  .l-container.l-container--t2e .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #009933;
  }
  .l-container.l-container--t2e .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #009933;
    background-size: 82px 41px;
  }

  /* ***************************
  白黒
  *************************** */
  .l-container.l-container--bw .l-header__logo {
    background: #fff;
  }
  .l-container.l-container--bw .l-header__content,
  .l-container.l-container--bw .l-header__gnavi ul span.active,
  .l-container.l-container--bw .l-header__gnavi ul span.open,
  .l-container.l-container--bw .l-header__gnavi ul span:hover {
    background: #222;
  }
  .l-container.l-container--bw .l-header__gnavi ul li {
    border-bottom: 1px solid #fff;
    background: #222;
  }
  .l-container.l-container--bw .sp-header-wrapper .sp-menu a {
    background: url(i/bg_header_img.png) -41px 0 no-repeat #222;
    background-size: 82px 41px;
  }

  /* ***************************
  共通
  *************************** */
  .l-container.l-container--red .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--orange .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--green .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--exgreen .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--regreen .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--tkb .l-header__gnavi--mega .mega-navi .mega-list__item,
  .l-container.l-container--bw .l-header__gnavi--mega .mega-navi .mega-list__item {
    background: #fff !important;
  }
}
/* ***************************
Gantt Chart
*************************** */
.gChart {
  width: 100%;
  margin: 20px auto;
  border: 1px solid #ccc;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*
  gChart__body__inner__left
  --------------------------- */
  /*
  gChart__body__inner__right
  --------------------------- */
  /*
  gChart__body__inner__right
  --------------------------- */
  /* bar color */
  /* bar elemrnt */
  /* square */
}
.gChart .gChart:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.gChart .gChart__body {
  width: 100%;
}
.gChart .gChart__body *,
.gChart .gChart__body *:after,
.gChart .gChart__body *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gChart .gChart__body .gChart__body__inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.gChart .gChart__body .row {
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 0;
}
.gChart .gChart__body__inner__left {
  float: left;
  width: 400px;
  overflow: hidden;
  border-right: 1px solid #ccc;
  position: relative;
  z-index: 2;
}
.gChart .gChart__body__inner__left .gnText {
  width: 90%;
  display: inline-block;
  margin: 0 5px 0 5px;
  color: #222;
  white-space: nowrap;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gChart .gChart__body__inner__left .row {
  border-bottom: 1px solid #ccc;
}
.gChart .gChart__body__inner__left .row1 {
  width: 20%;
  text-align: center;
}
.gChart .gChart__body__inner__left .row2 {
  width: 80%;
  border-left: 1px solid #ccc;
}
.gChart .gChart__body__inner__left .category {
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  height: 96px;
  line-height: 96px;
  background-color: #f5f5f5;
}
.gChart .gChart__body__inner__left .gnTitle {
  width: 310px;
}
.gChart .gChart__body__inner__left .label {
  font-size: 11px;
  background: #ddd;
  padding: 2px 3px;
  min-width: 70px;
}
.gChart .gChart__body__inner__left .label--pink {
  background: #d65984;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--red {
  background: #c80039;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--green {
  background: #2c7741;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--orange {
  background: #e3ad00;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--brown {
  background: #997a0e;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--ygreen {
  background: #6aa21e;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--sky {
  background: #117ddd;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--purple {
  background: #9e64a7;
  color: #fff;
}
.gChart .gChart__body__inner__left .label--blue {
  background: #164cb5;
  color: #fff;
}
.gChart .gChart__body__inner__right {
  overflow: scroll;
}
.gChart .gChart__body__inner__right .month,
.gChart .gChart__body__inner__right .year {
  float: left;
  overflow: hidden;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 24px;
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 11px;
  color: #484a4d;
  text-align: center;
}
.gChart .gbir__body {
  margin-left: 0;
  outline: 1px solid #ccc;
  background-image: url(../img/grid.png);
  background-repeat: repeat;
  position: relative;
  margin-left: 0;
}
.gChart .row.header {
  width: 100%;
}
.gChart .day {
  overflow: visible;
  width: 24px;
  line-height: 24px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 11px;
  color: #222;
  text-align: center;
}
.gChart .sa,
.gChart .su,
.gChart .wd {
  height: 24px;
  text-align: center;
}
.gChart .sa {
  color: #104bc1;
  background-color: #f5f5f5;
  text-align: center;
}
.gChart .su {
  color: #b91a1a;
  background-color: #f5f5f5;
  text-align: center;
}
.gChart .wd {
  background-color: #f5f5f5;
  text-align: center;
}
.gChart .bar {
  background-color: #d6d6d6;
  height: 18px;
  margin: 0 3px 3px 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  opacity: 0.8;
}
.gChart .bar .gnText {
  line-height: 18px;
  font-weight: bold;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #222 !important;
  text-align: center;
  font-size: 11px;
}
.gChart .bar--blue {
  background-color: #D0E4FD;
}
.gChart .bar--red {
  background-color: #F9C4E1;
}
.gChart .bar--red .gnText {
  color: #78436D !important;
}
.gChart .bar--green {
  background-color: #D8EDA3;
}
.gChart .bar--green .gnText {
  color: #778461 !important;
}
.gChart .bar--orange {
  background-color: #FCD29A;
}
.gChart .bar--orange .gnText {
  color: #714715 !important;
}
.gChart .barRow--1 {
  top: 99px;
}
.gChart .barRow--2 {
  top: 123px;
}
.gChart .barRow--3 {
  top: 147px;
}
.gChart .barRow--4 {
  top: 171px;
}
.gChart .barRow--5 {
  top: 195px;
}
.gChart .barRow--6 {
  top: 219px;
}
.gChart .barRow--7 {
  top: 243px;
}
.gChart .barRow--8 {
  top: 267px;
}
.gChart .barRow--9 {
  top: 291px;
}
.gChart .barRow--10 {
  top: 315px;
}
.gChart .barRow--11 {
  top: 339px;
}
.gChart .barRow--12 {
  top: 363px;
}
.gChart .barRow--13 {
  top: 387px;
}
.gChart .barRow--14 {
  top: 411px;
}
.gChart .barRow--15 {
  top: 435px;
}
.gChart .barRow--16 {
  top: 459px;
}
.gChart .barRow--17 {
  top: 483px;
}
.gChart .barRow--18 {
  top: 507px;
}
.gChart .barRow--19 {
  top: 531px;
}
.gChart .barRow--20 {
  top: 555px;
}
.gChart .barRow--21 {
  top: 579px;
}
.gChart .barRow--22 {
  top: 603px;
}
.gChart .barRow--23 {
  top: 627px;
}
.gChart .barRow--24 {
  top: 651px;
}
.gChart .barRow--25 {
  top: 675px;
}
.gChart .barRow--26 {
  top: 699px;
}
.gChart .barRow--27 {
  top: 723px;
}
.gChart .barRow--28 {
  top: 747px;
}
.gChart .barRow--29 {
  top: 771px;
}
.gChart .barRow--30 {
  top: 795px;
}
.gChart .barRow--31 {
  top: 819px;
}
.gChart .barRow--32 {
  top: 843px;
}
.gChart .barRow--33 {
  top: 867px;
}
.gChart .barRow--34 {
  top: 891px;
}
.gChart .barRow--35 {
  top: 915px;
}
.gChart .barRow--36 {
  top: 939px;
}
.gChart .barRow--37 {
  top: 963px;
}
.gChart .barRow--38 {
  top: 987px;
}
.gChart .barRow--39 {
  top: 1011px;
}
.gChart .barRow--40 {
  top: 1035px;
}
.gChart .barRow--41 {
  top: 1059px;
}
.gChart .barRow--42 {
  top: 1083px;
}
.gChart .barRow--43 {
  top: 1107px;
}
.gChart .barRow--44 {
  top: 1131px;
}
.gChart .barRow--45 {
  top: 1155px;
}
.gChart .barRow--46 {
  top: 1179px;
}
.gChart .barRow--47 {
  top: 1203px;
}
.gChart .barRow--48 {
  top: 1227px;
}
.gChart .barRow--49 {
  top: 1251px;
}
.gChart .barRow--50 {
  top: 1275px;
}
.gChart .barCol--1 {
  left: 0px;
}
.gChart .barCol--2 {
  left: 24px;
}
.gChart .barCol--3 {
  left: 48px;
}
.gChart .barCol--4 {
  left: 72px;
}
.gChart .barCol--5 {
  left: 96px;
}
.gChart .barCol--6 {
  left: 120px;
}
.gChart .barCol--7 {
  left: 144px;
}
.gChart .barCol--8 {
  left: 168px;
}
.gChart .barCol--9 {
  left: 192px;
}
.gChart .barCol--10 {
  left: 216px;
}
.gChart .barCol--11 {
  left: 240px;
}
.gChart .barCol--12 {
  left: 264px;
}
.gChart .barCol--13 {
  left: 288px;
}
.gChart .barCol--14 {
  left: 312px;
}
.gChart .barCol--15 {
  left: 336px;
}
.gChart .barCol--16 {
  left: 360px;
}
.gChart .barCol--17 {
  left: 384px;
}
.gChart .barCol--18 {
  left: 408px;
}
.gChart .barCol--19 {
  left: 432px;
}
.gChart .barCol--20 {
  left: 456px;
}
.gChart .barCol--21 {
  left: 480px;
}
.gChart .barCol--22 {
  left: 504px;
}
.gChart .barCol--23 {
  left: 528px;
}
.gChart .barCol--24 {
  left: 552px;
}
.gChart .barCol--25 {
  left: 576px;
}
.gChart .barCol--26 {
  left: 600px;
}
.gChart .barCol--27 {
  left: 624px;
}
.gChart .barCol--28 {
  left: 648px;
}
.gChart .barCol--29 {
  left: 672px;
}
.gChart .barCol--30 {
  left: 696px;
}
.gChart .barCol--31 {
  left: 720px;
}
.gChart .barCol--32 {
  left: 744px;
}
.gChart .barCol--33 {
  left: 768px;
}
.gChart .barCol--34 {
  left: 792px;
}
.gChart .barCol--35 {
  left: 816px;
}
.gChart .barCol--36 {
  left: 840px;
}
.gChart .barCol--37 {
  left: 864px;
}
.gChart .barCol--38 {
  left: 888px;
}
.gChart .barCol--39 {
  left: 912px;
}
.gChart .barCol--40 {
  left: 936px;
}
.gChart .barCol--41 {
  left: 960px;
}
.gChart .barCol--42 {
  left: 984px;
}
.gChart .barCol--43 {
  left: 1008px;
}
.gChart .barCol--44 {
  left: 1032px;
}
.gChart .barCol--45 {
  left: 1056px;
}
.gChart .barCol--46 {
  left: 1080px;
}
.gChart .barCol--47 {
  left: 1104px;
}
.gChart .barCol--48 {
  left: 1128px;
}
.gChart .barCol--49 {
  left: 1152px;
}
.gChart .barCol--50 {
  left: 1176px;
}
.gChart .barCol--51 {
  left: 1200px;
}
.gChart .barCol--52 {
  left: 1224px;
}
.gChart .barCol--53 {
  left: 1248px;
}
.gChart .barCol--54 {
  left: 1272px;
}
.gChart .barCol--55 {
  left: 1296px;
}
.gChart .barCol--56 {
  left: 1320px;
}
.gChart .barCol--57 {
  left: 1344px;
}
.gChart .barCol--58 {
  left: 1368px;
}
.gChart .barCol--59 {
  left: 1392px;
}
.gChart .barCol--60 {
  left: 1416px;
}
.gChart .barCol--61 {
  left: 1440px;
}
.gChart .barCol--62 {
  left: 1464px;
}
.gChart .barCol--63 {
  left: 1488px;
}
.gChart .barCol--64 {
  left: 1512px;
}
.gChart .barCol--65 {
  left: 1536px;
}
.gChart .barCol--66 {
  left: 1560px;
}
.gChart .barCol--67 {
  left: 1584px;
}
.gChart .barCol--68 {
  left: 1608px;
}
.gChart .barCol--69 {
  left: 1632px;
}
.gChart .barCol--70 {
  left: 1656px;
}
.gChart .barCol--71 {
  left: 1680px;
}
.gChart .barCol--72 {
  left: 1704px;
}
.gChart .barCol--73 {
  left: 1728px;
}
.gChart .barCol--74 {
  left: 1752px;
}
.gChart .barCol--75 {
  left: 1776px;
}
.gChart .barCol--76 {
  left: 1800px;
}
.gChart .barCol--77 {
  left: 1824px;
}
.gChart .barCol--78 {
  left: 1848px;
}
.gChart .barCol--79 {
  left: 1872px;
}
.gChart .barCol--80 {
  left: 1896px;
}
.gChart .barCol--81 {
  left: 1920px;
}
.gChart .barCol--82 {
  left: 1944px;
}
.gChart .barCol--83 {
  left: 1968px;
}
.gChart .barCol--84 {
  left: 1992px;
}
.gChart .barCol--85 {
  left: 2016px;
}
.gChart .barCol--86 {
  left: 2040px;
}
.gChart .barCol--87 {
  left: 2064px;
}
.gChart .barCol--88 {
  left: 2088px;
}
.gChart .barCol--89 {
  left: 2112px;
}
.gChart .barCol--90 {
  left: 2136px;
}
.gChart .barCol--91 {
  left: 2160px;
}
.gChart .barCol--92 {
  left: 2184px;
}
.gChart .barCol--93 {
  left: 2208px;
}
.gChart .barCol--94 {
  left: 2232px;
}
.gChart .barCol--95 {
  left: 2256px;
}
.gChart .barCol--96 {
  left: 2280px;
}
.gChart .barCol--97 {
  left: 2304px;
}
.gChart .barCol--98 {
  left: 2328px;
}
.gChart .barCol--99 {
  left: 2352px;
}
.gChart .barCol--100 {
  left: 2376px;
}
.gChart .barCol--101 {
  left: 2400px;
}
.gChart .barCol--102 {
  left: 2424px;
}
.gChart .barCol--103 {
  left: 2448px;
}
.gChart .barCol--104 {
  left: 2472px;
}
.gChart .barCol--105 {
  left: 2496px;
}
.gChart .barCol--106 {
  left: 2520px;
}
.gChart .barCol--107 {
  left: 2544px;
}
.gChart .barCol--108 {
  left: 2568px;
}
.gChart .barCol--109 {
  left: 2592px;
}
.gChart .barCol--110 {
  left: 2616px;
}
.gChart .barCol--111 {
  left: 2640px;
}
.gChart .barCol--112 {
  left: 2664px;
}
.gChart .barCol--113 {
  left: 2688px;
}
.gChart .barCol--114 {
  left: 2712px;
}
.gChart .barCol--115 {
  left: 2736px;
}
.gChart .barCol--116 {
  left: 2760px;
}
.gChart .barCol--117 {
  left: 2784px;
}
.gChart .barCol--118 {
  left: 2808px;
}
.gChart .barCol--119 {
  left: 2832px;
}
.gChart .barCol--120 {
  left: 2856px;
}
.gChart .barCol--121 {
  left: 2880px;
}
.gChart .barCol--122 {
  left: 2904px;
}
.gChart .barCol--123 {
  left: 2928px;
}
.gChart .barCol--124 {
  left: 2952px;
}
.gChart .barCol--125 {
  left: 2976px;
}
.gChart .barCol--126 {
  left: 3000px;
}
.gChart .barCol--127 {
  left: 3024px;
}
.gChart .barCol--128 {
  left: 3048px;
}
.gChart .barCol--129 {
  left: 3072px;
}
.gChart .barCol--130 {
  left: 3096px;
}
.gChart .barCol--131 {
  left: 3120px;
}
.gChart .barCol--132 {
  left: 3144px;
}
.gChart .barCol--133 {
  left: 3168px;
}
.gChart .barCol--134 {
  left: 3192px;
}
.gChart .barCol--135 {
  left: 3216px;
}
.gChart .barCol--136 {
  left: 3240px;
}
.gChart .barCol--137 {
  left: 3264px;
}
.gChart .barCol--138 {
  left: 3288px;
}
.gChart .barCol--139 {
  left: 3312px;
}
.gChart .barCol--140 {
  left: 3336px;
}
.gChart .barCol--141 {
  left: 3360px;
}
.gChart .barCol--142 {
  left: 3384px;
}
.gChart .barCol--143 {
  left: 3408px;
}
.gChart .barCol--144 {
  left: 3432px;
}
.gChart .barCol--145 {
  left: 3456px;
}
.gChart .barCol--146 {
  left: 3480px;
}
.gChart .barCol--147 {
  left: 3504px;
}
.gChart .barCol--148 {
  left: 3528px;
}
.gChart .barCol--149 {
  left: 3552px;
}
.gChart .barCol--150 {
  left: 3576px;
}
.gChart .barCol--151 {
  left: 3600px;
}
.gChart .barCol--152 {
  left: 3624px;
}
.gChart .barCol--153 {
  left: 3648px;
}
.gChart .barCol--154 {
  left: 3672px;
}
.gChart .barCol--155 {
  left: 3696px;
}
.gChart .barCol--156 {
  left: 3720px;
}
.gChart .barCol--157 {
  left: 3744px;
}
.gChart .barCol--158 {
  left: 3768px;
}
.gChart .barCol--159 {
  left: 3792px;
}
.gChart .barCol--160 {
  left: 3816px;
}
.gChart .barCol--161 {
  left: 3840px;
}
.gChart .barCol--162 {
  left: 3864px;
}
.gChart .barCol--163 {
  left: 3888px;
}
.gChart .barCol--164 {
  left: 3912px;
}
.gChart .barCol--165 {
  left: 3936px;
}
.gChart .barCol--166 {
  left: 3960px;
}
.gChart .barCol--167 {
  left: 3984px;
}
.gChart .barCol--168 {
  left: 4008px;
}
.gChart .barCol--169 {
  left: 4032px;
}
.gChart .barCol--170 {
  left: 4056px;
}
.gChart .barCol--171 {
  left: 4080px;
}
.gChart .barCol--172 {
  left: 4104px;
}
.gChart .barCol--173 {
  left: 4128px;
}
.gChart .barCol--174 {
  left: 4152px;
}
.gChart .barCol--175 {
  left: 4176px;
}
.gChart .barCol--176 {
  left: 4200px;
}
.gChart .barCol--177 {
  left: 4224px;
}
.gChart .barCol--178 {
  left: 4248px;
}
.gChart .barCol--179 {
  left: 4272px;
}
.gChart .barCol--180 {
  left: 4296px;
}
.gChart .barCol--181 {
  left: 4320px;
}
.gChart .barCol--182 {
  left: 4344px;
}
.gChart .barCol--183 {
  left: 4368px;
}
.gChart .barCol--184 {
  left: 4392px;
}
.gChart .barCol--185 {
  left: 4416px;
}
.gChart .barCol--186 {
  left: 4440px;
}
.gChart .barCol--187 {
  left: 4464px;
}
.gChart .barCol--188 {
  left: 4488px;
}
.gChart .barCol--189 {
  left: 4512px;
}
.gChart .barCol--190 {
  left: 4536px;
}
.gChart .barCol--191 {
  left: 4560px;
}
.gChart .barCol--192 {
  left: 4584px;
}
.gChart .barCol--193 {
  left: 4608px;
}
.gChart .barCol--194 {
  left: 4632px;
}
.gChart .barCol--195 {
  left: 4656px;
}
.gChart .barCol--196 {
  left: 4680px;
}
.gChart .barCol--197 {
  left: 4704px;
}
.gChart .barCol--198 {
  left: 4728px;
}
.gChart .barCol--199 {
  left: 4752px;
}
.gChart .barCol--200 {
  left: 4776px;
}
.gChart .barCol--201 {
  left: 4800px;
}
.gChart .barCol--202 {
  left: 4824px;
}
.gChart .barCol--203 {
  left: 4848px;
}
.gChart .barCol--204 {
  left: 4872px;
}
.gChart .barCol--205 {
  left: 4896px;
}
.gChart .barCol--206 {
  left: 4920px;
}
.gChart .barCol--207 {
  left: 4944px;
}
.gChart .barCol--208 {
  left: 4968px;
}
.gChart .barCol--209 {
  left: 4992px;
}
.gChart .barCol--210 {
  left: 5016px;
}
.gChart .barCol--211 {
  left: 5040px;
}
.gChart .barCol--212 {
  left: 5064px;
}
.gChart .barCol--213 {
  left: 5088px;
}
.gChart .barCol--214 {
  left: 5112px;
}
.gChart .barCol--215 {
  left: 5136px;
}
.gChart .barCol--216 {
  left: 5160px;
}
.gChart .barCol--217 {
  left: 5184px;
}
.gChart .barCol--218 {
  left: 5208px;
}
.gChart .barCol--219 {
  left: 5232px;
}
.gChart .barCol--220 {
  left: 5256px;
}
.gChart .barCol--221 {
  left: 5280px;
}
.gChart .barCol--222 {
  left: 5304px;
}
.gChart .barCol--223 {
  left: 5328px;
}
.gChart .barCol--224 {
  left: 5352px;
}
.gChart .barCol--225 {
  left: 5376px;
}
.gChart .barCol--226 {
  left: 5400px;
}
.gChart .barCol--227 {
  left: 5424px;
}
.gChart .barCol--228 {
  left: 5448px;
}
.gChart .barCol--229 {
  left: 5472px;
}
.gChart .barCol--230 {
  left: 5496px;
}
.gChart .barCol--231 {
  left: 5520px;
}
.gChart .barCol--232 {
  left: 5544px;
}
.gChart .barCol--233 {
  left: 5568px;
}
.gChart .barCol--234 {
  left: 5592px;
}
.gChart .barCol--235 {
  left: 5616px;
}
.gChart .barCol--236 {
  left: 5640px;
}
.gChart .barCol--237 {
  left: 5664px;
}
.gChart .barCol--238 {
  left: 5688px;
}
.gChart .barCol--239 {
  left: 5712px;
}
.gChart .barCol--240 {
  left: 5736px;
}
.gChart .barCol--241 {
  left: 5760px;
}
.gChart .barCol--242 {
  left: 5784px;
}
.gChart .barCol--243 {
  left: 5808px;
}
.gChart .barCol--244 {
  left: 5832px;
}
.gChart .barCol--245 {
  left: 5856px;
}
.gChart .barCol--246 {
  left: 5880px;
}
.gChart .barCol--247 {
  left: 5904px;
}
.gChart .barCol--248 {
  left: 5928px;
}
.gChart .barCol--249 {
  left: 5952px;
}
.gChart .barCol--250 {
  left: 5976px;
}
.gChart .barCol--251 {
  left: 6000px;
}
.gChart .barCol--252 {
  left: 6024px;
}
.gChart .barCol--253 {
  left: 6048px;
}
.gChart .barCol--254 {
  left: 6072px;
}
.gChart .barCol--255 {
  left: 6096px;
}
.gChart .barCol--256 {
  left: 6120px;
}
.gChart .barCol--257 {
  left: 6144px;
}
.gChart .barCol--258 {
  left: 6168px;
}
.gChart .barCol--259 {
  left: 6192px;
}
.gChart .barCol--260 {
  left: 6216px;
}
.gChart .barCol--261 {
  left: 6240px;
}
.gChart .barCol--262 {
  left: 6264px;
}
.gChart .barCol--263 {
  left: 6288px;
}
.gChart .barCol--264 {
  left: 6312px;
}
.gChart .barCol--265 {
  left: 6336px;
}
.gChart .barCol--266 {
  left: 6360px;
}
.gChart .barCol--267 {
  left: 6384px;
}
.gChart .barCol--268 {
  left: 6408px;
}
.gChart .barCol--269 {
  left: 6432px;
}
.gChart .barCol--270 {
  left: 6456px;
}
.gChart .barCol--271 {
  left: 6480px;
}
.gChart .barCol--272 {
  left: 6504px;
}
.gChart .barCol--273 {
  left: 6528px;
}
.gChart .barCol--274 {
  left: 6552px;
}
.gChart .barCol--275 {
  left: 6576px;
}
.gChart .barCol--276 {
  left: 6600px;
}
.gChart .barCol--277 {
  left: 6624px;
}
.gChart .barCol--278 {
  left: 6648px;
}
.gChart .barCol--279 {
  left: 6672px;
}
.gChart .barCol--280 {
  left: 6696px;
}
.gChart .barCol--281 {
  left: 6720px;
}
.gChart .barCol--282 {
  left: 6744px;
}
.gChart .barCol--283 {
  left: 6768px;
}
.gChart .barCol--284 {
  left: 6792px;
}
.gChart .barCol--285 {
  left: 6816px;
}
.gChart .barCol--286 {
  left: 6840px;
}
.gChart .barCol--287 {
  left: 6864px;
}
.gChart .barCol--288 {
  left: 6888px;
}
.gChart .barCol--289 {
  left: 6912px;
}
.gChart .barCol--290 {
  left: 6936px;
}
.gChart .barCol--291 {
  left: 6960px;
}
.gChart .barCol--292 {
  left: 6984px;
}
.gChart .barCol--293 {
  left: 7008px;
}
.gChart .barCol--294 {
  left: 7032px;
}
.gChart .barCol--295 {
  left: 7056px;
}
.gChart .barCol--296 {
  left: 7080px;
}
.gChart .barCol--297 {
  left: 7104px;
}
.gChart .barCol--298 {
  left: 7128px;
}
.gChart .barCol--299 {
  left: 7152px;
}
.gChart .barCol--300 {
  left: 7176px;
}
.gChart .barCol--301 {
  left: 7200px;
}
.gChart .barCol--302 {
  left: 7224px;
}
.gChart .barCol--303 {
  left: 7248px;
}
.gChart .barCol--304 {
  left: 7272px;
}
.gChart .barCol--305 {
  left: 7296px;
}
.gChart .barCol--306 {
  left: 7320px;
}
.gChart .barCol--307 {
  left: 7344px;
}
.gChart .barCol--308 {
  left: 7368px;
}
.gChart .barCol--309 {
  left: 7392px;
}
.gChart .barCol--310 {
  left: 7416px;
}
.gChart .barCol--311 {
  left: 7440px;
}
.gChart .barCol--312 {
  left: 7464px;
}
.gChart .barCol--313 {
  left: 7488px;
}
.gChart .barCol--314 {
  left: 7512px;
}
.gChart .barCol--315 {
  left: 7536px;
}
.gChart .barCol--316 {
  left: 7560px;
}
.gChart .barCol--317 {
  left: 7584px;
}
.gChart .barCol--318 {
  left: 7608px;
}
.gChart .barCol--319 {
  left: 7632px;
}
.gChart .barCol--320 {
  left: 7656px;
}
.gChart .barCol--321 {
  left: 7680px;
}
.gChart .barCol--322 {
  left: 7704px;
}
.gChart .barCol--323 {
  left: 7728px;
}
.gChart .barCol--324 {
  left: 7752px;
}
.gChart .barCol--325 {
  left: 7776px;
}
.gChart .barCol--326 {
  left: 7800px;
}
.gChart .barCol--327 {
  left: 7824px;
}
.gChart .barCol--328 {
  left: 7848px;
}
.gChart .barCol--329 {
  left: 7872px;
}
.gChart .barCol--330 {
  left: 7896px;
}
.gChart .barCol--331 {
  left: 7920px;
}
.gChart .barCol--332 {
  left: 7944px;
}
.gChart .barCol--333 {
  left: 7968px;
}
.gChart .barCol--334 {
  left: 7992px;
}
.gChart .barCol--335 {
  left: 8016px;
}
.gChart .barCol--336 {
  left: 8040px;
}
.gChart .barCol--337 {
  left: 8064px;
}
.gChart .barCol--338 {
  left: 8088px;
}
.gChart .barCol--339 {
  left: 8112px;
}
.gChart .barCol--340 {
  left: 8136px;
}
.gChart .barCol--341 {
  left: 8160px;
}
.gChart .barCol--342 {
  left: 8184px;
}
.gChart .barCol--343 {
  left: 8208px;
}
.gChart .barCol--344 {
  left: 8232px;
}
.gChart .barCol--345 {
  left: 8256px;
}
.gChart .barCol--346 {
  left: 8280px;
}
.gChart .barCol--347 {
  left: 8304px;
}
.gChart .barCol--348 {
  left: 8328px;
}
.gChart .barCol--349 {
  left: 8352px;
}
.gChart .barCol--350 {
  left: 8376px;
}
.gChart .barCol--351 {
  left: 8400px;
}
.gChart .barCol--352 {
  left: 8424px;
}
.gChart .barCol--353 {
  left: 8448px;
}
.gChart .barCol--354 {
  left: 8472px;
}
.gChart .barCol--355 {
  left: 8496px;
}
.gChart .barCol--356 {
  left: 8520px;
}
.gChart .barCol--357 {
  left: 8544px;
}
.gChart .barCol--358 {
  left: 8568px;
}
.gChart .barCol--359 {
  left: 8592px;
}
.gChart .barCol--360 {
  left: 8616px;
}
.gChart .barCol--361 {
  left: 8640px;
}
.gChart .barCol--362 {
  left: 8664px;
}
.gChart .barCol--363 {
  left: 8688px;
}
.gChart .barCol--364 {
  left: 8712px;
}
.gChart .barCol--365 {
  left: 8736px;
}
.gChart .barCol--366 {
  left: 8760px;
}
.gChart .barEle--1 {
  width: 24px;
}
.gChart .barEle--2 {
  width: 48px;
}
.gChart .barEle--3 {
  width: 72px;
}
.gChart .barEle--4 {
  width: 96px;
}
.gChart .barEle--5 {
  width: 120px;
}
.gChart .barEle--6 {
  width: 144px;
}
.gChart .barEle--7 {
  width: 168px;
}
.gChart .barEle--8 {
  width: 192px;
}
.gChart .barEle--9 {
  width: 216px;
}
.gChart .barEle--10 {
  width: 240px;
}
.gChart .barEle--11 {
  width: 264px;
}
.gChart .barEle--12 {
  width: 288px;
}
.gChart .barEle--13 {
  width: 312px;
}
.gChart .barEle--14 {
  width: 336px;
}
.gChart .barEle--15 {
  width: 360px;
}
.gChart .barEle--16 {
  width: 384px;
}
.gChart .barEle--17 {
  width: 408px;
}
.gChart .barEle--18 {
  width: 432px;
}
.gChart .barEle--19 {
  width: 456px;
}
.gChart .barEle--20 {
  width: 480px;
}
.gChart .barEle--21 {
  width: 504px;
}
.gChart .barEle--22 {
  width: 528px;
}
.gChart .barEle--23 {
  width: 552px;
}
.gChart .barEle--24 {
  width: 576px;
}
.gChart .barEle--25 {
  width: 600px;
}
.gChart .barEle--26 {
  width: 624px;
}
.gChart .barEle--27 {
  width: 648px;
}
.gChart .barEle--28 {
  width: 672px;
}
.gChart .barEle--29 {
  width: 696px;
}
.gChart .barEle--30 {
  width: 720px;
}
.gChart .barEle--31 {
  width: 744px;
}
.gChart .barEle--32 {
  width: 768px;
}
.gChart .barEle--33 {
  width: 792px;
}
.gChart .barEle--34 {
  width: 816px;
}
.gChart .barEle--35 {
  width: 840px;
}
.gChart .barEle--36 {
  width: 864px;
}
.gChart .barEle--37 {
  width: 888px;
}
.gChart .barEle--38 {
  width: 912px;
}
.gChart .barEle--39 {
  width: 936px;
}
.gChart .barEle--40 {
  width: 960px;
}
.gChart .barEle--41 {
  width: 984px;
}
.gChart .barEle--42 {
  width: 1008px;
}
.gChart .barEle--43 {
  width: 1032px;
}
.gChart .barEle--44 {
  width: 1056px;
}
.gChart .barEle--45 {
  width: 1080px;
}
.gChart .barEle--46 {
  width: 1104px;
}
.gChart .barEle--47 {
  width: 1128px;
}
.gChart .barEle--48 {
  width: 1152px;
}
.gChart .barEle--49 {
  width: 1176px;
}
.gChart .barEle--50 {
  width: 1200px;
}
.gChart .barEle--51 {
  width: 1224px;
}
.gChart .barEle--52 {
  width: 1248px;
}
.gChart .barEle--53 {
  width: 1272px;
}
.gChart .barEle--54 {
  width: 1296px;
}
.gChart .barEle--55 {
  width: 1320px;
}
.gChart .barEle--56 {
  width: 1344px;
}
.gChart .barEle--57 {
  width: 1368px;
}
.gChart .barEle--58 {
  width: 1392px;
}
.gChart .barEle--59 {
  width: 1416px;
}
.gChart .barEle--60 {
  width: 1440px;
}
.gChart .barEle--61 {
  width: 1464px;
}
.gChart .barEle--62 {
  width: 1488px;
}
.gChart .barEle--63 {
  width: 1512px;
}
.gChart .barEle--64 {
  width: 1536px;
}
.gChart .barEle--65 {
  width: 1560px;
}
.gChart .barEle--66 {
  width: 1584px;
}
.gChart .barEle--67 {
  width: 1608px;
}
.gChart .barEle--68 {
  width: 1632px;
}
.gChart .barEle--69 {
  width: 1656px;
}
.gChart .barEle--70 {
  width: 1680px;
}
.gChart .barEle--71 {
  width: 1704px;
}
.gChart .barEle--72 {
  width: 1728px;
}
.gChart .barEle--73 {
  width: 1752px;
}
.gChart .barEle--74 {
  width: 1776px;
}
.gChart .barEle--75 {
  width: 1800px;
}
.gChart .barEle--76 {
  width: 1824px;
}
.gChart .barEle--77 {
  width: 1848px;
}
.gChart .barEle--78 {
  width: 1872px;
}
.gChart .barEle--79 {
  width: 1896px;
}
.gChart .barEle--80 {
  width: 1920px;
}
.gChart .barEle--81 {
  width: 1944px;
}
.gChart .barEle--82 {
  width: 1968px;
}
.gChart .barEle--83 {
  width: 1992px;
}
.gChart .barEle--84 {
  width: 2016px;
}
.gChart .barEle--85 {
  width: 2040px;
}
.gChart .barEle--86 {
  width: 2064px;
}
.gChart .barEle--87 {
  width: 2088px;
}
.gChart .barEle--88 {
  width: 2112px;
}
.gChart .barEle--89 {
  width: 2136px;
}
.gChart .barEle--90 {
  width: 2160px;
}
.gChart .barEle--91 {
  width: 2184px;
}
.gChart .barEle--92 {
  width: 2208px;
}
.gChart .barEle--93 {
  width: 2232px;
}
.gChart .barEle--94 {
  width: 2256px;
}
.gChart .barEle--95 {
  width: 2280px;
}
.gChart .barEle--96 {
  width: 2304px;
}
.gChart .barEle--97 {
  width: 2328px;
}
.gChart .barEle--98 {
  width: 2352px;
}
.gChart .barEle--99 {
  width: 2376px;
}
.gChart .barEle--100 {
  width: 2400px;
}
.gChart .barEle--101 {
  width: 2424px;
}
.gChart .barEle--102 {
  width: 2448px;
}
.gChart .barEle--103 {
  width: 2472px;
}
.gChart .barEle--104 {
  width: 2496px;
}
.gChart .barEle--105 {
  width: 2520px;
}
.gChart .barEle--106 {
  width: 2544px;
}
.gChart .barEle--107 {
  width: 2568px;
}
.gChart .barEle--108 {
  width: 2592px;
}
.gChart .barEle--109 {
  width: 2616px;
}
.gChart .barEle--110 {
  width: 2640px;
}
.gChart .barEle--111 {
  width: 2664px;
}
.gChart .barEle--112 {
  width: 2688px;
}
.gChart .barEle--113 {
  width: 2712px;
}
.gChart .barEle--114 {
  width: 2736px;
}
.gChart .barEle--115 {
  width: 2760px;
}
.gChart .barEle--116 {
  width: 2784px;
}
.gChart .barEle--117 {
  width: 2808px;
}
.gChart .barEle--118 {
  width: 2832px;
}
.gChart .barEle--119 {
  width: 2856px;
}
.gChart .barEle--120 {
  width: 2880px;
}
.gChart .barEle--121 {
  width: 2904px;
}
.gChart .barEle--122 {
  width: 2928px;
}
.gChart .barEle--123 {
  width: 2952px;
}
.gChart .barEle--124 {
  width: 2976px;
}
.gChart .barEle--125 {
  width: 3000px;
}
.gChart .barEle--126 {
  width: 3024px;
}
.gChart .barEle--127 {
  width: 3048px;
}
.gChart .barEle--128 {
  width: 3072px;
}
.gChart .barEle--129 {
  width: 3096px;
}
.gChart .barEle--130 {
  width: 3120px;
}
.gChart .barEle--131 {
  width: 3144px;
}
.gChart .barEle--132 {
  width: 3168px;
}
.gChart .barEle--133 {
  width: 3192px;
}
.gChart .barEle--134 {
  width: 3216px;
}
.gChart .barEle--135 {
  width: 3240px;
}
.gChart .barEle--136 {
  width: 3264px;
}
.gChart .barEle--137 {
  width: 3288px;
}
.gChart .barEle--138 {
  width: 3312px;
}
.gChart .barEle--139 {
  width: 3336px;
}
.gChart .barEle--140 {
  width: 3360px;
}
.gChart .barEle--141 {
  width: 3384px;
}
.gChart .barEle--142 {
  width: 3408px;
}
.gChart .barEle--143 {
  width: 3432px;
}
.gChart .barEle--144 {
  width: 3456px;
}
.gChart .barEle--145 {
  width: 3480px;
}
.gChart .barEle--146 {
  width: 3504px;
}
.gChart .barEle--147 {
  width: 3528px;
}
.gChart .barEle--148 {
  width: 3552px;
}
.gChart .barEle--149 {
  width: 3576px;
}
.gChart .barEle--150 {
  width: 3600px;
}
.gChart .barEle--151 {
  width: 3624px;
}
.gChart .barEle--152 {
  width: 3648px;
}
.gChart .barEle--153 {
  width: 3672px;
}
.gChart .barEle--154 {
  width: 3696px;
}
.gChart .barEle--155 {
  width: 3720px;
}
.gChart .barEle--156 {
  width: 3744px;
}
.gChart .barEle--157 {
  width: 3768px;
}
.gChart .barEle--158 {
  width: 3792px;
}
.gChart .barEle--159 {
  width: 3816px;
}
.gChart .barEle--160 {
  width: 3840px;
}
.gChart .barEle--161 {
  width: 3864px;
}
.gChart .barEle--162 {
  width: 3888px;
}
.gChart .barEle--163 {
  width: 3912px;
}
.gChart .barEle--164 {
  width: 3936px;
}
.gChart .barEle--165 {
  width: 3960px;
}
.gChart .barEle--166 {
  width: 3984px;
}
.gChart .barEle--167 {
  width: 4008px;
}
.gChart .barEle--168 {
  width: 4032px;
}
.gChart .barEle--169 {
  width: 4056px;
}
.gChart .barEle--170 {
  width: 4080px;
}
.gChart .barEle--171 {
  width: 4104px;
}
.gChart .barEle--172 {
  width: 4128px;
}
.gChart .barEle--173 {
  width: 4152px;
}
.gChart .barEle--174 {
  width: 4176px;
}
.gChart .barEle--175 {
  width: 4200px;
}
.gChart .barEle--176 {
  width: 4224px;
}
.gChart .barEle--177 {
  width: 4248px;
}
.gChart .barEle--178 {
  width: 4272px;
}
.gChart .barEle--179 {
  width: 4296px;
}
.gChart .barEle--180 {
  width: 4320px;
}
.gChart .barEle--181 {
  width: 4344px;
}
.gChart .barEle--182 {
  width: 4368px;
}
.gChart .barEle--183 {
  width: 4392px;
}
.gChart .barEle--184 {
  width: 4416px;
}
.gChart .barEle--185 {
  width: 4440px;
}
.gChart .barEle--186 {
  width: 4464px;
}
.gChart .barEle--187 {
  width: 4488px;
}
.gChart .barEle--188 {
  width: 4512px;
}
.gChart .barEle--189 {
  width: 4536px;
}
.gChart .barEle--190 {
  width: 4560px;
}
.gChart .barEle--191 {
  width: 4584px;
}
.gChart .barEle--192 {
  width: 4608px;
}
.gChart .barEle--193 {
  width: 4632px;
}
.gChart .barEle--194 {
  width: 4656px;
}
.gChart .barEle--195 {
  width: 4680px;
}
.gChart .barEle--196 {
  width: 4704px;
}
.gChart .barEle--197 {
  width: 4728px;
}
.gChart .barEle--198 {
  width: 4752px;
}
.gChart .barEle--199 {
  width: 4776px;
}
.gChart .barEle--200 {
  width: 4800px;
}
.gChart .barEle--201 {
  width: 4824px;
}
.gChart .barEle--202 {
  width: 4848px;
}
.gChart .barEle--203 {
  width: 4872px;
}
.gChart .barEle--204 {
  width: 4896px;
}
.gChart .barEle--205 {
  width: 4920px;
}
.gChart .barEle--206 {
  width: 4944px;
}
.gChart .barEle--207 {
  width: 4968px;
}
.gChart .barEle--208 {
  width: 4992px;
}
.gChart .barEle--209 {
  width: 5016px;
}
.gChart .barEle--210 {
  width: 5040px;
}
.gChart .barEle--211 {
  width: 5064px;
}
.gChart .barEle--212 {
  width: 5088px;
}
.gChart .barEle--213 {
  width: 5112px;
}
.gChart .barEle--214 {
  width: 5136px;
}
.gChart .barEle--215 {
  width: 5160px;
}
.gChart .barEle--216 {
  width: 5184px;
}
.gChart .barEle--217 {
  width: 5208px;
}
.gChart .barEle--218 {
  width: 5232px;
}
.gChart .barEle--219 {
  width: 5256px;
}
.gChart .barEle--220 {
  width: 5280px;
}
.gChart .barEle--221 {
  width: 5304px;
}
.gChart .barEle--222 {
  width: 5328px;
}
.gChart .barEle--223 {
  width: 5352px;
}
.gChart .barEle--224 {
  width: 5376px;
}
.gChart .barEle--225 {
  width: 5400px;
}
.gChart .barEle--226 {
  width: 5424px;
}
.gChart .barEle--227 {
  width: 5448px;
}
.gChart .barEle--228 {
  width: 5472px;
}
.gChart .barEle--229 {
  width: 5496px;
}
.gChart .barEle--230 {
  width: 5520px;
}
.gChart .barEle--231 {
  width: 5544px;
}
.gChart .barEle--232 {
  width: 5568px;
}
.gChart .barEle--233 {
  width: 5592px;
}
.gChart .barEle--234 {
  width: 5616px;
}
.gChart .barEle--235 {
  width: 5640px;
}
.gChart .barEle--236 {
  width: 5664px;
}
.gChart .barEle--237 {
  width: 5688px;
}
.gChart .barEle--238 {
  width: 5712px;
}
.gChart .barEle--239 {
  width: 5736px;
}
.gChart .barEle--240 {
  width: 5760px;
}
.gChart .barEle--241 {
  width: 5784px;
}
.gChart .barEle--242 {
  width: 5808px;
}
.gChart .barEle--243 {
  width: 5832px;
}
.gChart .barEle--244 {
  width: 5856px;
}
.gChart .barEle--245 {
  width: 5880px;
}
.gChart .barEle--246 {
  width: 5904px;
}
.gChart .barEle--247 {
  width: 5928px;
}
.gChart .barEle--248 {
  width: 5952px;
}
.gChart .barEle--249 {
  width: 5976px;
}
.gChart .barEle--250 {
  width: 6000px;
}
.gChart .barEle--251 {
  width: 6024px;
}
.gChart .barEle--252 {
  width: 6048px;
}
.gChart .barEle--253 {
  width: 6072px;
}
.gChart .barEle--254 {
  width: 6096px;
}
.gChart .barEle--255 {
  width: 6120px;
}
.gChart .barEle--256 {
  width: 6144px;
}
.gChart .barEle--257 {
  width: 6168px;
}
.gChart .barEle--258 {
  width: 6192px;
}
.gChart .barEle--259 {
  width: 6216px;
}
.gChart .barEle--260 {
  width: 6240px;
}
.gChart .barEle--261 {
  width: 6264px;
}
.gChart .barEle--262 {
  width: 6288px;
}
.gChart .barEle--263 {
  width: 6312px;
}
.gChart .barEle--264 {
  width: 6336px;
}
.gChart .barEle--265 {
  width: 6360px;
}
.gChart .barEle--266 {
  width: 6384px;
}
.gChart .barEle--267 {
  width: 6408px;
}
.gChart .barEle--268 {
  width: 6432px;
}
.gChart .barEle--269 {
  width: 6456px;
}
.gChart .barEle--270 {
  width: 6480px;
}
.gChart .barEle--271 {
  width: 6504px;
}
.gChart .barEle--272 {
  width: 6528px;
}
.gChart .barEle--273 {
  width: 6552px;
}
.gChart .barEle--274 {
  width: 6576px;
}
.gChart .barEle--275 {
  width: 6600px;
}
.gChart .barEle--276 {
  width: 6624px;
}
.gChart .barEle--277 {
  width: 6648px;
}
.gChart .barEle--278 {
  width: 6672px;
}
.gChart .barEle--279 {
  width: 6696px;
}
.gChart .barEle--280 {
  width: 6720px;
}
.gChart .barEle--281 {
  width: 6744px;
}
.gChart .barEle--282 {
  width: 6768px;
}
.gChart .barEle--283 {
  width: 6792px;
}
.gChart .barEle--284 {
  width: 6816px;
}
.gChart .barEle--285 {
  width: 6840px;
}
.gChart .barEle--286 {
  width: 6864px;
}
.gChart .barEle--287 {
  width: 6888px;
}
.gChart .barEle--288 {
  width: 6912px;
}
.gChart .barEle--289 {
  width: 6936px;
}
.gChart .barEle--290 {
  width: 6960px;
}
.gChart .barEle--291 {
  width: 6984px;
}
.gChart .barEle--292 {
  width: 7008px;
}
.gChart .barEle--293 {
  width: 7032px;
}
.gChart .barEle--294 {
  width: 7056px;
}
.gChart .barEle--295 {
  width: 7080px;
}
.gChart .barEle--296 {
  width: 7104px;
}
.gChart .barEle--297 {
  width: 7128px;
}
.gChart .barEle--298 {
  width: 7152px;
}
.gChart .barEle--299 {
  width: 7176px;
}
.gChart .barEle--300 {
  width: 7200px;
}
.gChart .barEle--301 {
  width: 7224px;
}
.gChart .barEle--302 {
  width: 7248px;
}
.gChart .barEle--303 {
  width: 7272px;
}
.gChart .barEle--304 {
  width: 7296px;
}
.gChart .barEle--305 {
  width: 7320px;
}
.gChart .barEle--306 {
  width: 7344px;
}
.gChart .barEle--307 {
  width: 7368px;
}
.gChart .barEle--308 {
  width: 7392px;
}
.gChart .barEle--309 {
  width: 7416px;
}
.gChart .barEle--310 {
  width: 7440px;
}
.gChart .barEle--311 {
  width: 7464px;
}
.gChart .barEle--312 {
  width: 7488px;
}
.gChart .barEle--313 {
  width: 7512px;
}
.gChart .barEle--314 {
  width: 7536px;
}
.gChart .barEle--315 {
  width: 7560px;
}
.gChart .barEle--316 {
  width: 7584px;
}
.gChart .barEle--317 {
  width: 7608px;
}
.gChart .barEle--318 {
  width: 7632px;
}
.gChart .barEle--319 {
  width: 7656px;
}
.gChart .barEle--320 {
  width: 7680px;
}
.gChart .barEle--321 {
  width: 7704px;
}
.gChart .barEle--322 {
  width: 7728px;
}
.gChart .barEle--323 {
  width: 7752px;
}
.gChart .barEle--324 {
  width: 7776px;
}
.gChart .barEle--325 {
  width: 7800px;
}
.gChart .barEle--326 {
  width: 7824px;
}
.gChart .barEle--327 {
  width: 7848px;
}
.gChart .barEle--328 {
  width: 7872px;
}
.gChart .barEle--329 {
  width: 7896px;
}
.gChart .barEle--330 {
  width: 7920px;
}
.gChart .barEle--331 {
  width: 7944px;
}
.gChart .barEle--332 {
  width: 7968px;
}
.gChart .barEle--333 {
  width: 7992px;
}
.gChart .barEle--334 {
  width: 8016px;
}
.gChart .barEle--335 {
  width: 8040px;
}
.gChart .barEle--336 {
  width: 8064px;
}
.gChart .barEle--337 {
  width: 8088px;
}
.gChart .barEle--338 {
  width: 8112px;
}
.gChart .barEle--339 {
  width: 8136px;
}
.gChart .barEle--340 {
  width: 8160px;
}
.gChart .barEle--341 {
  width: 8184px;
}
.gChart .barEle--342 {
  width: 8208px;
}
.gChart .barEle--343 {
  width: 8232px;
}
.gChart .barEle--344 {
  width: 8256px;
}
.gChart .barEle--345 {
  width: 8280px;
}
.gChart .barEle--346 {
  width: 8304px;
}
.gChart .barEle--347 {
  width: 8328px;
}
.gChart .barEle--348 {
  width: 8352px;
}
.gChart .barEle--349 {
  width: 8376px;
}
.gChart .barEle--350 {
  width: 8400px;
}
.gChart .barEle--351 {
  width: 8424px;
}
.gChart .barEle--352 {
  width: 8448px;
}
.gChart .barEle--353 {
  width: 8472px;
}
.gChart .barEle--354 {
  width: 8496px;
}
.gChart .barEle--355 {
  width: 8520px;
}
.gChart .barEle--356 {
  width: 8544px;
}
.gChart .barEle--357 {
  width: 8568px;
}
.gChart .barEle--358 {
  width: 8592px;
}
.gChart .barEle--359 {
  width: 8616px;
}
.gChart .barEle--360 {
  width: 8640px;
}
.gChart .barEle--361 {
  width: 8664px;
}
.gChart .barEle--362 {
  width: 8688px;
}
.gChart .barEle--363 {
  width: 8712px;
}
.gChart .barEle--364 {
  width: 8736px;
}
.gChart .barEle--365 {
  width: 8760px;
}
.gChart .square--c1 {
  width: 24px !important;
}
.gChart .square--c2 {
  width: 48px !important;
}
.gChart .square--c3 {
  width: 72px !important;
}
.gChart .square--c4 {
  width: 96px !important;
}
.gChart .square--c5 {
  width: 120px !important;
}
.gChart .square--c6 {
  width: 144px !important;
}
.gChart .square--c7 {
  width: 168px !important;
}
.gChart .square--c8 {
  width: 192px !important;
}
.gChart .square--c9 {
  width: 216px !important;
}
.gChart .square--c10 {
  width: 240px !important;
}
.gChart .square--c11 {
  width: 264px !important;
}
.gChart .square--c12 {
  width: 288px !important;
}
.gChart .square--c13 {
  width: 312px !important;
}
.gChart .square--c14 {
  width: 336px !important;
}
.gChart .square--c15 {
  width: 360px !important;
}
.gChart .square--c16 {
  width: 384px !important;
}
.gChart .square--c17 {
  width: 408px !important;
}
.gChart .square--c18 {
  width: 432px !important;
}
.gChart .square--c19 {
  width: 456px !important;
}
.gChart .square--c20 {
  width: 480px !important;
}
.gChart .square--c21 {
  width: 504px !important;
}
.gChart .square--c22 {
  width: 528px !important;
}
.gChart .square--c23 {
  width: 552px !important;
}
.gChart .square--c24 {
  width: 576px !important;
}
.gChart .square--c25 {
  width: 600px !important;
}
.gChart .square--c26 {
  width: 624px !important;
}
.gChart .square--c27 {
  width: 648px !important;
}
.gChart .square--c28 {
  width: 672px !important;
}
.gChart .square--c29 {
  width: 696px !important;
}
.gChart .square--c30 {
  width: 720px !important;
}
.gChart .square--c31 {
  width: 744px !important;
}
.gChart .square--c32 {
  width: 768px !important;
}
.gChart .square--c33 {
  width: 792px !important;
}
.gChart .square--c34 {
  width: 816px !important;
}
.gChart .square--c35 {
  width: 840px !important;
}
.gChart .square--c36 {
  width: 864px !important;
}
.gChart .square--c37 {
  width: 888px !important;
}
.gChart .square--c38 {
  width: 912px !important;
}
.gChart .square--c39 {
  width: 936px !important;
}
.gChart .square--c40 {
  width: 960px !important;
}
.gChart .square--c41 {
  width: 984px !important;
}
.gChart .square--c42 {
  width: 1008px !important;
}
.gChart .square--c43 {
  width: 1032px !important;
}
.gChart .square--c44 {
  width: 1056px !important;
}
.gChart .square--c45 {
  width: 1080px !important;
}
.gChart .square--c46 {
  width: 1104px !important;
}
.gChart .square--c47 {
  width: 1128px !important;
}
.gChart .square--c48 {
  width: 1152px !important;
}
.gChart .square--c49 {
  width: 1176px !important;
}
.gChart .square--c50 {
  width: 1200px !important;
}
.gChart .square--c51 {
  width: 1224px !important;
}
.gChart .square--c52 {
  width: 1248px !important;
}
.gChart .square--c53 {
  width: 1272px !important;
}
.gChart .square--c54 {
  width: 1296px !important;
}
.gChart .square--c55 {
  width: 1320px !important;
}
.gChart .square--c56 {
  width: 1344px !important;
}
.gChart .square--c57 {
  width: 1368px !important;
}
.gChart .square--c58 {
  width: 1392px !important;
}
.gChart .square--c59 {
  width: 1416px !important;
}
.gChart .square--c60 {
  width: 1440px !important;
}
.gChart .square--c61 {
  width: 1464px !important;
}
.gChart .square--c62 {
  width: 1488px !important;
}
.gChart .square--c63 {
  width: 1512px !important;
}
.gChart .square--c64 {
  width: 1536px !important;
}
.gChart .square--c65 {
  width: 1560px !important;
}
.gChart .square--c66 {
  width: 1584px !important;
}
.gChart .square--c67 {
  width: 1608px !important;
}
.gChart .square--c68 {
  width: 1632px !important;
}
.gChart .square--c69 {
  width: 1656px !important;
}
.gChart .square--c70 {
  width: 1680px !important;
}
.gChart .square--c71 {
  width: 1704px !important;
}
.gChart .square--c72 {
  width: 1728px !important;
}
.gChart .square--c73 {
  width: 1752px !important;
}
.gChart .square--c74 {
  width: 1776px !important;
}
.gChart .square--c75 {
  width: 1800px !important;
}
.gChart .square--c76 {
  width: 1824px !important;
}
.gChart .square--c77 {
  width: 1848px !important;
}
.gChart .square--c78 {
  width: 1872px !important;
}
.gChart .square--c79 {
  width: 1896px !important;
}
.gChart .square--c80 {
  width: 1920px !important;
}
.gChart .square--c81 {
  width: 1944px !important;
}
.gChart .square--c82 {
  width: 1968px !important;
}
.gChart .square--c83 {
  width: 1992px !important;
}
.gChart .square--c84 {
  width: 2016px !important;
}
.gChart .square--c85 {
  width: 2040px !important;
}
.gChart .square--c86 {
  width: 2064px !important;
}
.gChart .square--c87 {
  width: 2088px !important;
}
.gChart .square--c88 {
  width: 2112px !important;
}
.gChart .square--c89 {
  width: 2136px !important;
}
.gChart .square--c90 {
  width: 2160px !important;
}
.gChart .square--c91 {
  width: 2184px !important;
}
.gChart .square--c92 {
  width: 2208px !important;
}
.gChart .square--c93 {
  width: 2232px !important;
}
.gChart .square--c94 {
  width: 2256px !important;
}
.gChart .square--c95 {
  width: 2280px !important;
}
.gChart .square--c96 {
  width: 2304px !important;
}
.gChart .square--c97 {
  width: 2328px !important;
}
.gChart .square--c98 {
  width: 2352px !important;
}
.gChart .square--c99 {
  width: 2376px !important;
}
.gChart .square--c100 {
  width: 2400px !important;
}
.gChart .square--c101 {
  width: 2424px !important;
}
.gChart .square--c102 {
  width: 2448px !important;
}
.gChart .square--c103 {
  width: 2472px !important;
}
.gChart .square--c104 {
  width: 2496px !important;
}
.gChart .square--c105 {
  width: 2520px !important;
}
.gChart .square--c106 {
  width: 2544px !important;
}
.gChart .square--c107 {
  width: 2568px !important;
}
.gChart .square--c108 {
  width: 2592px !important;
}
.gChart .square--c109 {
  width: 2616px !important;
}
.gChart .square--c110 {
  width: 2640px !important;
}
.gChart .square--c111 {
  width: 2664px !important;
}
.gChart .square--c112 {
  width: 2688px !important;
}
.gChart .square--c113 {
  width: 2712px !important;
}
.gChart .square--c114 {
  width: 2736px !important;
}
.gChart .square--c115 {
  width: 2760px !important;
}
.gChart .square--c116 {
  width: 2784px !important;
}
.gChart .square--c117 {
  width: 2808px !important;
}
.gChart .square--c118 {
  width: 2832px !important;
}
.gChart .square--c119 {
  width: 2856px !important;
}
.gChart .square--c120 {
  width: 2880px !important;
}
.gChart .square--c121 {
  width: 2904px !important;
}
.gChart .square--c122 {
  width: 2928px !important;
}
.gChart .square--c123 {
  width: 2952px !important;
}
.gChart .square--c124 {
  width: 2976px !important;
}
.gChart .square--c125 {
  width: 3000px !important;
}
.gChart .square--c126 {
  width: 3024px !important;
}
.gChart .square--c127 {
  width: 3048px !important;
}
.gChart .square--c128 {
  width: 3072px !important;
}
.gChart .square--c129 {
  width: 3096px !important;
}
.gChart .square--c130 {
  width: 3120px !important;
}
.gChart .square--c131 {
  width: 3144px !important;
}
.gChart .square--c132 {
  width: 3168px !important;
}
.gChart .square--c133 {
  width: 3192px !important;
}
.gChart .square--c134 {
  width: 3216px !important;
}
.gChart .square--c135 {
  width: 3240px !important;
}
.gChart .square--c136 {
  width: 3264px !important;
}
.gChart .square--c137 {
  width: 3288px !important;
}
.gChart .square--c138 {
  width: 3312px !important;
}
.gChart .square--c139 {
  width: 3336px !important;
}
.gChart .square--c140 {
  width: 3360px !important;
}
.gChart .square--c141 {
  width: 3384px !important;
}
.gChart .square--c142 {
  width: 3408px !important;
}
.gChart .square--c143 {
  width: 3432px !important;
}
.gChart .square--c144 {
  width: 3456px !important;
}
.gChart .square--c145 {
  width: 3480px !important;
}
.gChart .square--c146 {
  width: 3504px !important;
}
.gChart .square--c147 {
  width: 3528px !important;
}
.gChart .square--c148 {
  width: 3552px !important;
}
.gChart .square--c149 {
  width: 3576px !important;
}
.gChart .square--c150 {
  width: 3600px !important;
}
.gChart .square--c151 {
  width: 3624px !important;
}
.gChart .square--c152 {
  width: 3648px !important;
}
.gChart .square--c153 {
  width: 3672px !important;
}
.gChart .square--c154 {
  width: 3696px !important;
}
.gChart .square--c155 {
  width: 3720px !important;
}
.gChart .square--c156 {
  width: 3744px !important;
}
.gChart .square--c157 {
  width: 3768px !important;
}
.gChart .square--c158 {
  width: 3792px !important;
}
.gChart .square--c159 {
  width: 3816px !important;
}
.gChart .square--c160 {
  width: 3840px !important;
}
.gChart .square--c161 {
  width: 3864px !important;
}
.gChart .square--c162 {
  width: 3888px !important;
}
.gChart .square--c163 {
  width: 3912px !important;
}
.gChart .square--c164 {
  width: 3936px !important;
}
.gChart .square--c165 {
  width: 3960px !important;
}
.gChart .square--c166 {
  width: 3984px !important;
}
.gChart .square--c167 {
  width: 4008px !important;
}
.gChart .square--c168 {
  width: 4032px !important;
}
.gChart .square--c169 {
  width: 4056px !important;
}
.gChart .square--c170 {
  width: 4080px !important;
}
.gChart .square--c171 {
  width: 4104px !important;
}
.gChart .square--c172 {
  width: 4128px !important;
}
.gChart .square--c173 {
  width: 4152px !important;
}
.gChart .square--c174 {
  width: 4176px !important;
}
.gChart .square--c175 {
  width: 4200px !important;
}
.gChart .square--c176 {
  width: 4224px !important;
}
.gChart .square--c177 {
  width: 4248px !important;
}
.gChart .square--c178 {
  width: 4272px !important;
}
.gChart .square--c179 {
  width: 4296px !important;
}
.gChart .square--c180 {
  width: 4320px !important;
}
.gChart .square--c181 {
  width: 4344px !important;
}
.gChart .square--c182 {
  width: 4368px !important;
}
.gChart .square--c183 {
  width: 4392px !important;
}
.gChart .square--c184 {
  width: 4416px !important;
}
.gChart .square--c185 {
  width: 4440px !important;
}
.gChart .square--c186 {
  width: 4464px !important;
}
.gChart .square--c187 {
  width: 4488px !important;
}
.gChart .square--c188 {
  width: 4512px !important;
}
.gChart .square--c189 {
  width: 4536px !important;
}
.gChart .square--c190 {
  width: 4560px !important;
}
.gChart .square--c191 {
  width: 4584px !important;
}
.gChart .square--c192 {
  width: 4608px !important;
}
.gChart .square--c193 {
  width: 4632px !important;
}
.gChart .square--c194 {
  width: 4656px !important;
}
.gChart .square--c195 {
  width: 4680px !important;
}
.gChart .square--c196 {
  width: 4704px !important;
}
.gChart .square--c197 {
  width: 4728px !important;
}
.gChart .square--c198 {
  width: 4752px !important;
}
.gChart .square--c199 {
  width: 4776px !important;
}
.gChart .square--c200 {
  width: 4800px !important;
}
.gChart .square--c201 {
  width: 4824px !important;
}
.gChart .square--c202 {
  width: 4848px !important;
}
.gChart .square--c203 {
  width: 4872px !important;
}
.gChart .square--c204 {
  width: 4896px !important;
}
.gChart .square--c205 {
  width: 4920px !important;
}
.gChart .square--c206 {
  width: 4944px !important;
}
.gChart .square--c207 {
  width: 4968px !important;
}
.gChart .square--c208 {
  width: 4992px !important;
}
.gChart .square--c209 {
  width: 5016px !important;
}
.gChart .square--c210 {
  width: 5040px !important;
}
.gChart .square--c211 {
  width: 5064px !important;
}
.gChart .square--c212 {
  width: 5088px !important;
}
.gChart .square--c213 {
  width: 5112px !important;
}
.gChart .square--c214 {
  width: 5136px !important;
}
.gChart .square--c215 {
  width: 5160px !important;
}
.gChart .square--c216 {
  width: 5184px !important;
}
.gChart .square--c217 {
  width: 5208px !important;
}
.gChart .square--c218 {
  width: 5232px !important;
}
.gChart .square--c219 {
  width: 5256px !important;
}
.gChart .square--c220 {
  width: 5280px !important;
}
.gChart .square--c221 {
  width: 5304px !important;
}
.gChart .square--c222 {
  width: 5328px !important;
}
.gChart .square--c223 {
  width: 5352px !important;
}
.gChart .square--c224 {
  width: 5376px !important;
}
.gChart .square--c225 {
  width: 5400px !important;
}
.gChart .square--c226 {
  width: 5424px !important;
}
.gChart .square--c227 {
  width: 5448px !important;
}
.gChart .square--c228 {
  width: 5472px !important;
}
.gChart .square--c229 {
  width: 5496px !important;
}
.gChart .square--c230 {
  width: 5520px !important;
}
.gChart .square--c231 {
  width: 5544px !important;
}
.gChart .square--c232 {
  width: 5568px !important;
}
.gChart .square--c233 {
  width: 5592px !important;
}
.gChart .square--c234 {
  width: 5616px !important;
}
.gChart .square--c235 {
  width: 5640px !important;
}
.gChart .square--c236 {
  width: 5664px !important;
}
.gChart .square--c237 {
  width: 5688px !important;
}
.gChart .square--c238 {
  width: 5712px !important;
}
.gChart .square--c239 {
  width: 5736px !important;
}
.gChart .square--c240 {
  width: 5760px !important;
}
.gChart .square--c241 {
  width: 5784px !important;
}
.gChart .square--c242 {
  width: 5808px !important;
}
.gChart .square--c243 {
  width: 5832px !important;
}
.gChart .square--c244 {
  width: 5856px !important;
}
.gChart .square--c245 {
  width: 5880px !important;
}
.gChart .square--c246 {
  width: 5904px !important;
}
.gChart .square--c247 {
  width: 5928px !important;
}
.gChart .square--c248 {
  width: 5952px !important;
}
.gChart .square--c249 {
  width: 5976px !important;
}
.gChart .square--c250 {
  width: 6000px !important;
}
.gChart .square--c251 {
  width: 6024px !important;
}
.gChart .square--c252 {
  width: 6048px !important;
}
.gChart .square--c253 {
  width: 6072px !important;
}
.gChart .square--c254 {
  width: 6096px !important;
}
.gChart .square--c255 {
  width: 6120px !important;
}
.gChart .square--c256 {
  width: 6144px !important;
}
.gChart .square--c257 {
  width: 6168px !important;
}
.gChart .square--c258 {
  width: 6192px !important;
}
.gChart .square--c259 {
  width: 6216px !important;
}
.gChart .square--c260 {
  width: 6240px !important;
}
.gChart .square--c261 {
  width: 6264px !important;
}
.gChart .square--c262 {
  width: 6288px !important;
}
.gChart .square--c263 {
  width: 6312px !important;
}
.gChart .square--c264 {
  width: 6336px !important;
}
.gChart .square--c265 {
  width: 6360px !important;
}
.gChart .square--c266 {
  width: 6384px !important;
}
.gChart .square--c267 {
  width: 6408px !important;
}
.gChart .square--c268 {
  width: 6432px !important;
}
.gChart .square--c269 {
  width: 6456px !important;
}
.gChart .square--c270 {
  width: 6480px !important;
}
.gChart .square--c271 {
  width: 6504px !important;
}
.gChart .square--c272 {
  width: 6528px !important;
}
.gChart .square--c273 {
  width: 6552px !important;
}
.gChart .square--c274 {
  width: 6576px !important;
}
.gChart .square--c275 {
  width: 6600px !important;
}
.gChart .square--c276 {
  width: 6624px !important;
}
.gChart .square--c277 {
  width: 6648px !important;
}
.gChart .square--c278 {
  width: 6672px !important;
}
.gChart .square--c279 {
  width: 6696px !important;
}
.gChart .square--c280 {
  width: 6720px !important;
}
.gChart .square--c281 {
  width: 6744px !important;
}
.gChart .square--c282 {
  width: 6768px !important;
}
.gChart .square--c283 {
  width: 6792px !important;
}
.gChart .square--c284 {
  width: 6816px !important;
}
.gChart .square--c285 {
  width: 6840px !important;
}
.gChart .square--c286 {
  width: 6864px !important;
}
.gChart .square--c287 {
  width: 6888px !important;
}
.gChart .square--c288 {
  width: 6912px !important;
}
.gChart .square--c289 {
  width: 6936px !important;
}
.gChart .square--c290 {
  width: 6960px !important;
}
.gChart .square--c291 {
  width: 6984px !important;
}
.gChart .square--c292 {
  width: 7008px !important;
}
.gChart .square--c293 {
  width: 7032px !important;
}
.gChart .square--c294 {
  width: 7056px !important;
}
.gChart .square--c295 {
  width: 7080px !important;
}
.gChart .square--c296 {
  width: 7104px !important;
}
.gChart .square--c297 {
  width: 7128px !important;
}
.gChart .square--c298 {
  width: 7152px !important;
}
.gChart .square--c299 {
  width: 7176px !important;
}
.gChart .square--c300 {
  width: 7200px !important;
}
.gChart .square--c301 {
  width: 7224px !important;
}
.gChart .square--c302 {
  width: 7248px !important;
}
.gChart .square--c303 {
  width: 7272px !important;
}
.gChart .square--c304 {
  width: 7296px !important;
}
.gChart .square--c305 {
  width: 7320px !important;
}
.gChart .square--c306 {
  width: 7344px !important;
}
.gChart .square--c307 {
  width: 7368px !important;
}
.gChart .square--c308 {
  width: 7392px !important;
}
.gChart .square--c309 {
  width: 7416px !important;
}
.gChart .square--c310 {
  width: 7440px !important;
}
.gChart .square--c311 {
  width: 7464px !important;
}
.gChart .square--c312 {
  width: 7488px !important;
}
.gChart .square--c313 {
  width: 7512px !important;
}
.gChart .square--c314 {
  width: 7536px !important;
}
.gChart .square--c315 {
  width: 7560px !important;
}
.gChart .square--c316 {
  width: 7584px !important;
}
.gChart .square--c317 {
  width: 7608px !important;
}
.gChart .square--c318 {
  width: 7632px !important;
}
.gChart .square--c319 {
  width: 7656px !important;
}
.gChart .square--c320 {
  width: 7680px !important;
}
.gChart .square--c321 {
  width: 7704px !important;
}
.gChart .square--c322 {
  width: 7728px !important;
}
.gChart .square--c323 {
  width: 7752px !important;
}
.gChart .square--c324 {
  width: 7776px !important;
}
.gChart .square--c325 {
  width: 7800px !important;
}
.gChart .square--c326 {
  width: 7824px !important;
}
.gChart .square--c327 {
  width: 7848px !important;
}
.gChart .square--c328 {
  width: 7872px !important;
}
.gChart .square--c329 {
  width: 7896px !important;
}
.gChart .square--c330 {
  width: 7920px !important;
}
.gChart .square--c331 {
  width: 7944px !important;
}
.gChart .square--c332 {
  width: 7968px !important;
}
.gChart .square--c333 {
  width: 7992px !important;
}
.gChart .square--c334 {
  width: 8016px !important;
}
.gChart .square--c335 {
  width: 8040px !important;
}
.gChart .square--c336 {
  width: 8064px !important;
}
.gChart .square--c337 {
  width: 8088px !important;
}
.gChart .square--c338 {
  width: 8112px !important;
}
.gChart .square--c339 {
  width: 8136px !important;
}
.gChart .square--c340 {
  width: 8160px !important;
}
.gChart .square--c341 {
  width: 8184px !important;
}
.gChart .square--c342 {
  width: 8208px !important;
}
.gChart .square--c343 {
  width: 8232px !important;
}
.gChart .square--c344 {
  width: 8256px !important;
}
.gChart .square--c345 {
  width: 8280px !important;
}
.gChart .square--c346 {
  width: 8304px !important;
}
.gChart .square--c347 {
  width: 8328px !important;
}
.gChart .square--c348 {
  width: 8352px !important;
}
.gChart .square--c349 {
  width: 8376px !important;
}
.gChart .square--c350 {
  width: 8400px !important;
}
.gChart .square--c351 {
  width: 8424px !important;
}
.gChart .square--c352 {
  width: 8448px !important;
}
.gChart .square--c353 {
  width: 8472px !important;
}
.gChart .square--c354 {
  width: 8496px !important;
}
.gChart .square--c355 {
  width: 8520px !important;
}
.gChart .square--c356 {
  width: 8544px !important;
}
.gChart .square--c357 {
  width: 8568px !important;
}
.gChart .square--c358 {
  width: 8592px !important;
}
.gChart .square--c359 {
  width: 8616px !important;
}
.gChart .square--c360 {
  width: 8640px !important;
}
.gChart .square--c361 {
  width: 8664px !important;
}
.gChart .square--c362 {
  width: 8688px !important;
}
.gChart .square--c363 {
  width: 8712px !important;
}
.gChart .square--c364 {
  width: 8736px !important;
}
.gChart .square--c365 {
  width: 8760px !important;
}
.gChart .square--r1 {
  height: 120px !important;
}
.gChart .square--r2 {
  height: 144px !important;
}
.gChart .square--r3 {
  height: 168px !important;
}
.gChart .square--r4 {
  height: 192px !important;
}
.gChart .square--r5 {
  height: 216px !important;
}
.gChart .square--r6 {
  height: 240px !important;
}
.gChart .square--r7 {
  height: 264px !important;
}
.gChart .square--r8 {
  height: 288px !important;
}
.gChart .square--r9 {
  height: 312px !important;
}
.gChart .square--r10 {
  height: 336px !important;
}
.gChart .square--r11 {
  height: 360px !important;
}
.gChart .square--r12 {
  height: 384px !important;
}
.gChart .square--r13 {
  height: 408px !important;
}
.gChart .square--r14 {
  height: 432px !important;
}
.gChart .square--r15 {
  height: 456px !important;
}
.gChart .square--r16 {
  height: 480px !important;
}
.gChart .square--r17 {
  height: 504px !important;
}
.gChart .square--r18 {
  height: 528px !important;
}
.gChart .square--r19 {
  height: 552px !important;
}
.gChart .square--r20 {
  height: 576px !important;
}
.gChart .square--r21 {
  height: 600px !important;
}
.gChart .square--r22 {
  height: 624px !important;
}
.gChart .square--r23 {
  height: 648px !important;
}
.gChart .square--r24 {
  height: 672px !important;
}
.gChart .square--r25 {
  height: 696px !important;
}
.gChart .square--r26 {
  height: 720px !important;
}
.gChart .square--r27 {
  height: 744px !important;
}
.gChart .square--r28 {
  height: 768px !important;
}
.gChart .square--r29 {
  height: 792px !important;
}
.gChart .square--r30 {
  height: 816px !important;
}
.gChart .square--r31 {
  height: 840px !important;
}
.gChart .square--r32 {
  height: 864px !important;
}
.gChart .square--r33 {
  height: 888px !important;
}
.gChart .square--r34 {
  height: 912px !important;
}
.gChart .square--r35 {
  height: 936px !important;
}
.gChart .square--r36 {
  height: 960px !important;
}
.gChart .square--r37 {
  height: 984px !important;
}
.gChart .square--r38 {
  height: 1008px !important;
}
.gChart .square--r39 {
  height: 1032px !important;
}
.gChart .square--r40 {
  height: 1056px !important;
}
.gChart .square--r41 {
  height: 1080px !important;
}
.gChart .square--r42 {
  height: 1104px !important;
}
.gChart .square--r43 {
  height: 1128px !important;
}
.gChart .square--r44 {
  height: 1152px !important;
}
.gChart .square--r45 {
  height: 1176px !important;
}
.gChart .square--r46 {
  height: 1200px !important;
}
.gChart .square--r47 {
  height: 1224px !important;
}
.gChart .square--r48 {
  height: 1248px !important;
}
.gChart .square--r49 {
  height: 1272px !important;
}
.gChart .square--r50 {
  height: 1296px !important;
}

@media screen and (max-width: 768px) {
  .gChart .gChart__body__inner__left {
    width: 200px;
  }
  .gChart .gChart__body__inner__left .row1 {
    width: 40%;
  }
  .gChart .gChart__body__inner__left .row2 {
    width: 60%;
  }
  .gChart .gChart__body__inner__left .gnTitle {
    width: 120px;
  }
}
/* ***************************
Table tree
*************************** */
/*
table tree
***************************************************** */
/*
tTree
--------------------------- */
.tTree {
  margin-top: 8px;
  word-break: break-all;
}
.tTree thead th {
  background: #f5f5f5;
}
.tTree td {
  text-align: left;
}
.tTree td:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  cursor: pointer;
}
.tTree .tTree .tTree__item--1 {
  padding-left: 12px;
}
.tTree .tTree__item--2 {
  padding-left: 25px;
}
.tTree .tTree__item--3 {
  padding-left: 50px;
}
.tTree .tTree__item--4 {
  padding-left: 75px;
}
.tTree .tTree__item--5 {
  padding-left: 100px;
}
.tTree .tTree__item--6 {
  padding-left: 125px;
}
.tTree .tTree__item--7 {
  padding-left: 150px;
}
.tTree .tTree__item--8 {
  padding-left: 175px;
}
.tTree .tTree__item--9 {
  padding-left: 200px;
}
.tTree .tTree__item--10 {
  padding-left: 225px;
}
.tTree .tTree__item--1.btn--none {
  padding-left: 34px;
}
.tTree .tTree__item--2.btn--none {
  padding-left: 47px;
}
.tTree .tTree__item--3.btn--none {
  padding-left: 72px;
}
.tTree .tTree__item--4.btn--none {
  padding-left: 97px;
}
.tTree .tTree__item--5.btn--none {
  padding-left: 122px;
}
.tTree .tTree__item--6.btn--none {
  padding-left: 147px;
}
.tTree .tTree__item--7.btn--none {
  padding-left: 172px;
}
.tTree .tTree__item--8.btn--none {
  padding-left: 197px;
}
.tTree .tTree__item--9.btn--none {
  padding-left: 222px;
}

/*
bTree
--------------------------- */
.bTree {
  margin-top: 8px;
  word-break: break-all;
}
.bTree .bTree__body {
  display: table;
  table-layout: fixed;
}
.bTree .bTree__body__item {
  display: table-row;
}
.bTree .bTree__body__link {
  display: table-cell;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 800px;
  height: 100%;
  padding: 7px 12px;
  vertical-align: middle;
}
.bTree .bTree__body__link:first-child {
  min-width: 235px;
  border-left: 1px solid #ccc;
}
.bTree .bTree__body__th {
  font-weight: bold;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
}
.bTree .bTree__body__th__item {
  margin-left: 2px;
  min-height: 37px;
  padding: 7px 30px 7px;
}
.bTree a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.bTree .bTree__body__link--1 {
  padding-left: 0px;
  display: block;
}
.bTree .bTree__body__link--2 {
  padding-left: 25px;
  display: block;
}
.bTree .bTree__body__link--3 {
  padding-left: 50px;
  display: block;
}
.bTree .bTree__body__link--4 {
  padding-left: 75px;
  display: block;
}
.bTree .bTree__body__link--5 {
  padding-left: 100px;
  display: block;
}
.bTree .bTree__body__link--6 {
  padding-left: 125px;
  display: block;
}
.bTree .bTree__body__link--7 {
  padding-left: 150px;
  display: block;
}
.bTree .bTree__body__link--8 {
  padding-left: 175px;
  display: block;
}
.bTree .bTree__body__link--9 {
  padding-left: 200px;
  display: block;
}
.bTree .bTree__body__link--10 {
  padding-left: 225px;
  display: block;
}
.bTree .bTree__body__link--1.btn--none {
  padding-left: 22px;
}
.bTree .bTree__body__link--2.btn--none {
  padding-left: 47px;
}
.bTree .bTree__body__link--3.btn--none {
  padding-left: 72px;
}
.bTree .bTree__body__link--4.btn--none {
  padding-left: 97px;
}
.bTree .bTree__body__link--5.btn--none {
  padding-left: 122px;
}
.bTree .bTree__body__link--6.btn--none {
  padding-left: 147px;
}
.bTree .bTree__body__link--7.btn--none {
  padding-left: 172px;
}
.bTree .bTree__body__link--8.btn--none {
  padding-left: 197px;
}
.bTree .bTree__body__link--9.btn--none {
  padding-left: 222px;
}
.bTree .ui-sortable {
  cursor: move;
  background-color: #fff;
}
.bTree .placeholder {
  border: 1px dashed #4594c8;
  background-color: #e4eff7;
  height: 40px;
}

/*
fTree
--------------------------- */
.fTree {
  margin-top: 8px;
  word-break: break-all;
}
.fTree .fTree__body__th {
  font-weight: bold;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
}
.fTree .fTree__body__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fTree .fTree__cell {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.fTree .fTree__cell:first-child {
  border-left: 1px solid #ccc;
  min-width: 0;
}
.fTree .fTree__cell__item {
  display: block;
  padding: 10px;
}
.fTree .fTree__cell__item + .fTree__cell__item {
  border-top: 1px solid #ccc;
}
.fTree a.fTree__cell:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.fTree .fTree__cell--1 {
  padding-left: 0px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--2 {
  padding-left: 25px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--3 {
  padding-left: 50px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--4 {
  padding-left: 75px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--5 {
  padding-left: 100px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--6 {
  padding-left: 125px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--7 {
  padding-left: 150px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--8 {
  padding-left: 175px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--9 {
  padding-left: 200px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--10 {
  padding-left: 225px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fTree .fTree__cell--1.btn--none {
  padding-left: 22px;
}
.fTree .fTree__cell--2.btn--none {
  padding-left: 47px;
}
.fTree .fTree__cell--3.btn--none {
  padding-left: 72px;
}
.fTree .fTree__cell--4.btn--none {
  padding-left: 97px;
}
.fTree .fTree__cell--5.btn--none {
  padding-left: 122px;
}
.fTree .fTree__cell--6.btn--none {
  padding-left: 147px;
}
.fTree .fTree__cell--7.btn--none {
  padding-left: 172px;
}
.fTree .fTree__cell--8.btn--none {
  padding-left: 197px;
}
.fTree .fTree__cell--9.btn--none {
  padding-left: 222px;
}
.fTree .ui-sortable {
  cursor: move;
  background-color: #fff;
}
.fTree .placeholder {
  border: 1px dashed #4594c8;
  background-color: #e4eff7;
  height: 40px;
}
.fTree .accordion {
  border: none;
  border-radius: 0;
}
.fTree .accordion p {
  font-size: 100%;
  line-height: 158%;
  font-weight: normal;
  color: #0079c8;
}
.fTree .accordion .accordion__head {
  background: #fff;
}
.fTree .accordion .accordion__head:after {
  color: #222;
}
.fTree .accordion .accordion__head:hover {
  background: #f5f5f5;
  opacity: 1;
}

/*
table cell
***************************************************** */
.cell-disabled {
  background: #ddd;
  color: #a3a3a3;
}

/* ***************************
calendar
*************************** */
.l-container .cals {
  width: 100%;
  margin-bottom: 30px;
  /* bar color */
}
.l-container .cals .cals__body {
  margin: 0 auto 20px;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l-container .cals .cals__body__table {
  position: relative;
  width: 100%;
  cursor: default;
  border: none;
}
.l-container .cals .cals__month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  font-size: 108%;
  line-height: 154%;
  color: #222;
}
.l-container .cals .thisMonth {
  max-width: 150px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
.l-container .cals .prevMonth {
  padding-left: 20px;
  padding-right: 11px;
  font-size: 79%;
  line-height: 173%;
}
.l-container .cals .prevMonth i {
  left: 7px;
}
.l-container .cals .nextMonth {
  padding-right: 20px;
  padding-left: 11px;
  font-size: 79%;
  line-height: 173%;
}
.l-container .cals .nextMonth i {
  right: 7px;
}
.l-container .cals tr th {
  text-align: center;
  border-left: 1px solid #ccc;
  border-right: none;
  border-top: none;
  border-bottom: none;
  padding: 8px;
  color: #fff;
  background-color: #333;
  line-height: 1;
}
.l-container .cals tr th:first-child {
  border-left: none;
}
.l-container .cals tr td {
  text-align: left;
  border-width: 0;
  padding: 8px 10px 120px;
  color: #222;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.l-container .cals tr td:last-child {
  border-right: 1px solid #ccc;
}
.l-container .cals tr td a {
  color: #222;
}
.l-container .cals td:nth-child(1),
.l-container .cals .holiday {
  background-color: #fff9f9;
  color: #b91a1a;
}
.l-container .cals td:nth-child(1) a,
.l-container .cals .holiday a {
  color: #b91a1a;
}
.l-container .cals td:nth-child(7) {
  background-color: #f9fbff;
  color: #104bc1;
}
.l-container .cals td:nth-child(7) a {
  color: #104bc1;
}
.l-container .cals .bar {
  width: 100%;
  display: grid;
  position: absolute;
  font-size: 92%;
}
.l-container .cals .bar__bg {
  width: 100%;
}
.l-container .cals .bar__bg span {
  display: block;
  min-height: 19px;
  background: #d6d6d6;
}
.l-container .cals .bar__text {
  position: absolute;
  z-index: 99;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #222;
}
.l-container .cals .bar__text span {
  padding: 0 4px;
}
.l-container .cals td .bar:nth-child(2) {
  top: 30px;
  left: 0px;
}
.l-container .cals td .bar:nth-child(3) {
  top: 54px;
  left: 0px;
}
.l-container .cals td .bar:nth-child(4) {
  top: 78px;
  left: 0px;
}
.l-container .cals td .bar:nth-child(5) {
  top: 102px;
  left: 0px;
}
.l-container .cals td .bar--other {
  position: absolute;
  bottom: 4px;
  left: 0px;
}
.l-container .cals td .bar--other span {
  padding: 0 6px;
  font-size: 92%;
}
.l-container .cals .cals__color {
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.l-container .cals .cals__color p {
  margin: 0 14px 0 0;
  line-height: 170%;
}
.l-container .cals .cals__color--1 {
  background-color: #104bc1;
  padding-left: 30px;
  margin-right: 5px;
}
.l-container .cals .cals__color--2 {
  background-color: #b91a1a;
  padding-left: 30px;
  margin-right: 5px;
}
.l-container .cals .bar__text__bg {
  background: #d6d6d6;
}
.l-container .cals .bar--red {
  background-color: #F9C4E1 !important;
}
.l-container .cals .bar--blue {
  background-color: #D0E4FD !important;
}
.l-container .cals .bar--green {
  background-color: #D8EDA3 !important;
}
.l-container .cals .bar--orange {
  background-color: #FCD29A !important;
}
.l-container .cals .popup__list .popup__list__item {
  padding: 0;
  margin: 0 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #222;
}
.l-container .cals .popup__list .popup__list__item:before {
  content: none;
}

/* ***************************
calendar2
*************************** */
@media screen and (max-width: 768px) {
  .l-container .cals tr th,
  .l-container .cals tr td {
    display: table-cell;
    width: 14.3%;
  }
  .l-container .cals tr td {
    float: none;
  }
}
/* ***************************
Thread
*************************** */
/*
スレッド（プレーン）
--------------------------- */
.thread {
  margin-top: 4px;
}
.thread .thread__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}
.thread .thread__body:first-child {
  border-top: none;
}
.thread .thread__avatar {
  margin-right: 12px;
}
.thread .thread__avatar img {
  width: 40px;
  height: 40px;
}
.thread .thread__name a {
  color: #222;
  font-weight: bold;
}
.thread .thread__time {
  margin-left: 6px;
  color: #9f9f9f;
}
.thread .thread__message {
  margin-top: 4px;
}
.thread .thread__append {
  margin-top: 0;
  padding-top: 8px;
  display: inline-block;
}
.thread .thread__append .thread__append__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 20px;
}
.thread .thread__append .thread__append__item a {
  color: #0079c8;
}
.thread .thread__append .thread__append__item:before {
  content: none;
}
.thread .thread__date {
  text-align: center;
  margin: 0;
  color: #9f9f9f;
  position: relative;
}
.thread .thread__date span {
  position: relative;
  background: #fff;
  padding: 0 1em;
}
.thread .thread__date:before {
  border-top: 1px solid;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ccc;
}
.thread .thread__date + .thread__body {
  border-top: none;
}

/*
スレッド（吹き出し）
--------------------------- */
.thread--balloon {
  margin-top: 16px;
}
.thread--balloon .thread__body {
  border: none;
  padding: 8px 0;
}
.thread--balloon .thread__request__body {
  position: relative;
  padding: 14px;
  background: #f5f5f5;
  border-radius: 10px;
}
.thread--balloon .thread__request__body:before {
  content: '';
  position: absolute;
  top: 22px;
  left: -8px;
  margin: -5px 0 0 0;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid #f5f5f5;
  border-bottom: 5px solid transparent;
}
.thread--balloon .thread__request__sender {
  margin: 5px 10px 0;
}
.thread--balloon .thread__body--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.thread--balloon .thread__body--right .thread__request__body {
  background: #e3f1f9;
}
.thread--balloon .thread__body--right .thread__request__body:before {
  content: '';
  position: absolute;
  top: 22px;
  right: -15px;
  left: initial;
  margin: -5px 0 0 0;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid #e3f1f9;
  border-bottom: 5px solid transparent;
}
.thread--balloon .thread__body--right .thread__avatar {
  margin-right: 0;
  margin-left: 12px;
}
.thread--balloon .thread__body--right .thread__request__sender {
  text-align: right;
}
.thread--balloon .thread__date {
  margin: 20px 0;
}

/*
入力エリア
--------------------------- */
.threadInput .threadInput__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 12px;
  background: #f6f6f6;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.threadInput .threadInput__top .field {
  padding: 0;
}
.threadInput .threadInput__top .field__title {
  width: 80px;
}
.threadInput .threadInput__middle .field {
  padding: 0;
}
.threadInput .threadInput__middle .field__input {
  position: relative;
  border: 1px solid #ccc;
}
.threadInput .threadInput__middle textarea {
  width: 100%;
  padding: 10px;
  font-size: 100%;
  resize: vertical;
  border: none;
}
.threadInput .threadInput__middle textarea::-webkit-input-placeholder {
  color: #9f9f9f;
}
.threadInput .threadInput__middle textarea:-ms-input-placeholder {
  color: #9f9f9f;
}
.threadInput .threadInput__middle textarea::-ms-input-placeholder {
  color: #9f9f9f;
}
.threadInput .threadInput__middle textarea::placeholder {
  color: #9f9f9f;
}
.threadInput .threadInput__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.threadInput .tab {
  margin-top: 20px;
}
.threadInput .tab .tab__content__item--file {
  text-align: center;
  border: 4px dashed #eaeaea;
  padding: 50px 0;
}
.threadInput .edit {
  margin-top: 20px;
}
.threadInput .edit .edit__btn {
  background: #f6f6f6;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.threadInput .edit .edit__btn--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.threadInput .edit .edit__btn--right {
  margin-left: auto;
  margin-right: 8px;
}
.threadInput .edit .edit__btn__item {
  padding-left: 0;
}
.threadInput .edit .edit__btn__item:before {
  content: none;
}
.threadInput .edit .edit__btn__link {
  display: block;
  padding: 8px 12px;
  border-right: 1px solid #ccc;
  color: #222;
}
.threadInput .edit .edit__btn__link:hover {
  text-decoration: none;
  background: #e2e2e2;
}
.threadInput .edit .btn {
  margin-left: 3px;
}
.threadInput .edit__img {
  padding: 40px 0;
}
.threadInput .edit__img .edit__img__body {
  text-align: center;
}
.threadInput .threadInput__append {
  display: table;
  margin-top: 0;
  padding: 10px;
}
.threadInput .threadInput__append .threadInput__append__item {
  position: relative;
  width: 350px;
  display: block;
  margin-bottom: 8px;
  padding: 4px 20px 4px 4px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.threadInput .threadInput__append .threadInput__append__item a:hover {
  text-decoration: none;
}
.threadInput .threadInput__append .threadInput__append__item .threadInput__close {
  position: absolute;
  top: 3px;
  right: 8px;
  z-index: 99;
}
.threadInput .threadInput__append .threadInput__append__item .threadInput__close a {
  color: #222;
}
.threadInput .threadInput__append .threadInput__append__item:last-child {
  margin-bottom: 0;
}
.threadInput .threadInput__append .threadInput__append__item:before {
  content: none;
}
.threadInput .threadInput__btn {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #e8e8e8;
}

@media screen and (max-width: 768px) {
  .thread .thread__thumbnail img {
    width: 100%;
  }

  .threadInput .threadInput__append .threadInput__append__item {
    width: 250px;
  }
  .threadInput .field__title {
    width: 50%;
  }
  .threadInput .input__block:nth-child(2) {
    margin-bottom: 10px;
  }
  .threadInput .btn {
    margin: 0;
  }
  .threadInput .edit .edit__img .edit__img__body img {
    width: 100%;
  }
  .threadInput .edit .edit__btn__link {
    padding: 8px;
  }
  .threadInput .edit .edit__btn__link span {
    display: none;
  }
}
/* ***************************
Icon Box
*************************** */
.iconBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.iconBox .iconBox__item {
  margin-right: 15px;
  margin-bottom: 15px;
}
.iconBox .iconBox__label,
.iconBox .iconBox__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  min-height: 100px;
  padding: 20px;
  color: #222;
  border: 4px solid #eaeaea;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
}
.iconBox .iconBox__label .fa,
.iconBox .iconBox__link .fa {
  font-size: 280%;
}
.iconBox .iconBox__label:hover,
.iconBox .iconBox__link:hover {
  text-decoration: none;
  background: #eaeaea;
}
.iconBox input {
  display: none;
}
.iconBox .iconBox__input:checked + .iconBox__label {
  background: #333;
  border: 4px solid #333;
  color: #fff;
}
.iconBox .iconBox--small {
  padding: 10px;
  width: 88px;
  min-height: 88px;
  font-size: 96%;
}
.iconBox .iconBox--minimum {
  padding: 10px;
  width: 58px;
  min-height: 58px;
  font-size: 96%;
}
.iconBox .iconBox--minimum .iconBox__inner {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.iconBox .iconBox--minimum .iconBox__text {
  margin-top: 4px;
}
.iconBox .iconBox__inner {
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.iconBox .iconBox__text {
  display: block;
  margin-top: 14px;
}

@media screen and (max-width: 768px) {
  .iconBox .iconBox__label,
  .iconBox .iconBox__link {
    min-height: 81px;
    width: 81px;
    padding: 6px;
  }
  .iconBox .iconBox__label .fa,
  .iconBox .iconBox__link .fa {
    font-size: 180%;
  }
  .iconBox .iconBox__label:hover,
  .iconBox .iconBox__link:hover {
    background: #fff;
  }
  .iconBox .iconBox__text {
    margin-top: 6px;
    font-size: 90%;
    line-height: 130%;
  }
}
/* ***************************
fix area
*************************** */
.fixArea {
  position: fixed;
  z-index: 60;
}
.fixArea .fixArea__body {
  display: none;
  background-color: #fff;
  border: 1px solid #bbb;
}
.fixArea .fixArea__title {
  padding: 10px 20px;
  border-bottom: 1px solid #bbb;
}
.fixArea .fixArea__cont {
  padding: 20px;
}
.fixArea .fixArea__footer {
  border-top: 1px solid #bbb;
  padding: 12px 20px;
}
.fixArea .fixArea__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
}
.fixArea .fixArea__show {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 6px 20px;
  color: #222;
}
.fixArea .fixArea__show:hover {
  background: #f7f7f7;
  text-decoration: none;
}
.fixArea .fixArea__close {
  display: none;
  padding: 6px 12px;
  color: #b5b5b5;
  font-size: 130%;
}
.fixArea .fixArea__close:hover {
  background: #f7f7f7;
  text-decoration: none;
}
.fixArea.v--center {
  right: 0;
  left: 0;
  margin: auto;
}
.fixArea.h--center {
  top: 50%;
  bottom: 50%;
  margin: auto;
}
.fixArea .view {
  display: block;
}

/*
fixArea top
--------------------------- */
.fixArea--top {
  top: 0;
}
.fixArea--top .fixArea__head {
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 0 0 5px 5px;
}
.fixArea--top .fixArea__body {
  border-top: none;
}
.fixArea--top .fixArea__show:hover {
  border-radius: 0 0 5px 5px;
}
.fixArea--top .fixArea__close:hover {
  border-radius: 0 0 5px 0;
}

/*
fixArea bottom
--------------------------- */
.fixArea--bottom {
  bottom: 0;
}
.fixArea--bottom .fixArea__head {
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
}
.fixArea--bottom .fixArea__body {
  border-bottom: none;
}
.fixArea--bottom .fixArea__show:hover {
  border-radius: 5px 5px 0 0;
}
.fixArea--bottom .fixArea__close:hover {
  border-radius: 0 5px 0 0;
}

/*
fixArea right
--------------------------- */
.fixArea--right {
  right: 0;
}
.fixArea--right .fixArea__head {
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 5px 0 0 5px;
}
.fixArea--right .fixArea__body {
  border-right: none;
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 0 0 0 5px;
}
.fixArea--right .fixArea__head + .fixArea__body {
  border-top: none;
}
.fixArea--right .fixArea__show {
  display: block;
  padding: 6px 20px;
  color: #222;
}
.fixArea--right .fixArea__show:hover {
  border-radius: 5px 0 0 5px;
}
.fixArea--right .fixArea__close {
  padding: 6px 12px;
  color: #b5b5b5;
}
.fixArea--right .bdrs--left--top {
  border-radius: 5px 0 0 0;
}

/*
fixArea left
--------------------------- */
.fixArea--left {
  left: 0;
}
.fixArea--left .fixArea__head {
  border-left: none;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 0 5px 5px 0;
}
.fixArea--left .fixArea__body {
  border-right: 1px solid #bbb;
  border-left: none;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 0 0 5px 0;
}
.fixArea--left .fixArea__head + .fixArea__body {
  border-top: none;
}
.fixArea--left .fixArea__show {
  display: block;
  padding: 6px 20px;
  color: #222;
}
.fixArea--left .fixArea__show:hover {
  border-radius: 0 5px 5px 0;
}
.fixArea--left .fixArea__close {
  padding: 6px 12px;
  color: #b5b5b5;
}
.fixArea--left .fixArea__close:hover {
  border-radius: 0 5px 0 0;
}
.fixArea--left .bdrs--left--top {
  border-radius: 0 5px 0 0;
}

/* ***************************************
cursor
*************************************** */
.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ***************************************
img
*************************************** */
.imgColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -20px -10px 0 -10px;
}
.imgColumn .imgColumn__item {
  position: relative;
  margin: 20px 10px 0 10px;
}
.imgColumn .imgColumn__item a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.imgColumn .imgColumn__link:hover {
  opacity: .85;
}
.imgColumn .imgColumn__link:hover .imgColumn__close {
  opacity: 1;
}
.imgColumn .imgColumn__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: black;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  cursor: pointer;
  opacity: 0;
}
.imgColumn .img__fit {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}
.imgColumn .img__infit {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
.imgColumn .img__name {
  margin-top: 5px;
}

.input-range--1 {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #c7c7c7;
  height: 2px;
  width: 100%;
}
.input-range--1:focus, .input-range--1:active {
  outline: none;
}
.input-range--1::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  border: none;
  width: 12px;
  height: 12px;
  display: block;
  background-color: #262626;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.input-range--2 {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #eaeaea;
  height: 5px;
  width: 100%;
  border-radius: 6px;
}
.input-range--2:focus, .input-range--2:active {
  outline: none;
}
.input-range--2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.7);
  width: 22px;
  height: 22px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.input-range--2:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6);
          box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6);
  -webkit-transition: .4s;
  transition: .4s;
}

.input-range--3 {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #eaeaea;
  height: 2px;
  width: 100%;
  border-radius: 6px;
}
.input-range--3:focus, .input-range--3:active {
  outline: none;
}
.input-range--3::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
  background-color: #0079c8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.input-range--4[type=range],
.input-range--5[type=range],
.input-range--6[type=range] {
  -webkit-appearance: none;
  margin: 0;
  width: 100%;
}

.input-range--4[type=range]:focus,
.input-range--5[type=range]:focus,
.input-range--6[type=range]:focus {
  outline: none;
}

/* ***************************************
input-range--4
*************************************** */
/*
WebKit・Blink向け
--------------------------- */
/* WebKit・Blink向け 溝のスタイル */
.input-range--4[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #cccccc;
  border-radius: 1.3px;
}

/* WebKit・Blink向け つまみのスタイル */
.input-range--4[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  -webkit-appearance: none;
  /* 以下は つまみの縦位置調整 */
  margin-top: -5px;
  /* (つまみの高さ - トラックの高さ) / 2 。つまみの高さは border を含む */
}

/* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) {
  input[type=range]::-webkit-slider-thumb {
    margin-top: 0 !important;
  }
}
/* WebKit・Blink向け focus時のスタイル */
/*
Firefox向け
--------------------------- */
/* Firefox向け 溝のスタイル */
.input-range--4[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #c7c7c7;
}

/* Firefox向け つまみのスタイル */
.input-range--4[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}

/*
Edge・IE向け
--------------------------- */
/* Edge・IE向け 溝のスタイル */
.input-range--4[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

/* Edge・IE向け 溝の色（つまみより左側） */
.input-range--4[type=range]::-ms-fill-lower {
  background: #c7c7c7;
}

/* Edge・IE向け 溝の色（つまみより右側） */
.input-range--4[type=range]::-ms-fill-upper {
  background: #c7c7c7;
}

/* Edge・IE向け つまみのスタイル */
.input-range--4[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}

/* Edge・IE向け focus時の色（つまみより左側） */
/* Edge・IE向け ポップアップを非表示に */
.input-range--4[type=range]::-ms-tooltip {
  display: none;
}

/* ***************************************
input-range--5
*************************************** */
/*
WebKit・Blink向け
--------------------------- */
/* WebKit・Blink向け 溝のスタイル */
.input-range--5[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #eaeaea;
  border-radius: 1.3px;
}

/* WebKit・Blink向け つまみのスタイル */
.input-range--5[type=range]::-webkit-slider-thumb {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 2px solid #4c4c4c;
  -webkit-appearance: none;
  /* 以下は つまみの縦位置調整 */
  margin-top: -9px;
  /* (つまみの高さ - トラックの高さ) / 2 。つまみの高さは border を含む */
}

/* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) {
  input[type=range]::-webkit-slider-thumb {
    margin-top: 0 !important;
  }
}
/* WebKit・Blink向け focus時のスタイル */
/*
Firefox向け
--------------------------- */
/* Firefox向け 溝のスタイル */
.input-range--5[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #c7c7c7;
}

/* Firefox向け つまみのスタイル */
.input-range--5[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #4c4c4c;
  cursor: pointer;
}

/*
Edge・IE向け
--------------------------- */
/* Edge・IE向け 溝のスタイル */
.input-range--5[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

/* Edge・IE向け 溝の色（つまみより左側） */
.input-range--5[type=range]::-ms-fill-lower {
  background: #c7c7c7;
}

/* Edge・IE向け 溝の色（つまみより右側） */
.input-range--5[type=range]::-ms-fill-upper {
  background: #c7c7c7;
}

/* Edge・IE向け つまみのスタイル */
.input-range--5[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #4c4c4c;
  cursor: pointer;
}

/* Edge・IE向け ポップアップを非表示に */
.input-range--5[type=range]::-ms-tooltip {
  display: none;
}

/* ***************************************
input-range--6
*************************************** */
/*
WebKit・Blink向け
--------------------------- */
/* WebKit・Blink向け 溝のスタイル */
.input-range--6[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #eaeaea;
  border-radius: 1.3px;
}

/* WebKit・Blink向け つまみのスタイル */
.input-range--6[type=range]::-webkit-slider-thumb {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #0079c8;
  cursor: pointer;
  border: 2px solid #0079c8;
  -webkit-appearance: none;
  /* 以下は つまみの縦位置調整 */
  margin-top: -10px;
  /* (つまみの高さ - トラックの高さ) / 2 。つまみの高さは border を含む */
}

/* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) {
  input[type=range]::-webkit-slider-thumb {
    margin-top: 0 !important;
  }
}
/* WebKit・Blink向け focus時のスタイル */
/*
Firefox向け
--------------------------- */
/* Firefox向け 溝のスタイル */
.input-range--6[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #c7c7c7;
}

/* Firefox向け つまみのスタイル */
.input-range--6[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #0079c8;
  border: 2px solid #0079c8;
  cursor: pointer;
}

/*
Edge・IE向け
--------------------------- */
/* Edge・IE向け 溝のスタイル */
.input-range--6[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

/* Edge・IE向け 溝の色（つまみより左側） */
.input-range--6[type=range]::-ms-fill-lower {
  background: #c7c7c7;
}

/* Edge・IE向け 溝の色（つまみより右側） */
.input-range--6[type=range]::-ms-fill-upper {
  background: #c7c7c7;
}

/* Edge・IE向け つまみのスタイル */
.input-range--6[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #0079c8;
  border: 2px solid #0079c8;
  cursor: pointer;
}

/* Edge・IE向け ポップアップを非表示に */
.input-range--6[type=range]::-ms-tooltip {
  display: none;
}