@charset "UTF-8";
/*
* Mixin for placeholder
* @include placeholderColor(#00ff00);
*/
/**各アプリ共通**/
@import url(https://fonts.googleapis.com/css?family=Lato);
body.demo .overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
}

body.demo #bg {
  background-image: url(../img/demo-login-bg.jpg);
}

body.demo .login-form #logo {
  max-width: 101px;
  width: 101px;
  height: 80px;
  margin-bottom: 30px;
}

body.demo .univ-name {
  text-align: center;
  font-size: 4rem;
  font-family: ryo-text-plusn, serif;
  font-style: normal;
  font-weight: 500;
  color: #3e3a39;
  line-height: 1;
  margin-bottom: 8px;
}

body.demo .univ-name-en {
  text-align: center;
  font-size: 1.6rem;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #3e3a39;
  line-height: 1.2;
  letter-spacing: 0.25rem;
  margin-bottom: 80px;
}

body.demo.air-login .main {
  border-radius: 0px;
}

body.demo .demo-input-id {
  max-width: 400px;
  width: 100%;
  margin-bottom: 10px;
}

body.demo .demo-input-pass {
  max-width: 400px;
  width: 100%;
  margin-bottom: 10px;
}

body.demo .demo-input-id input,
body.demo .demo-input-pass input {
  max-width: 400px;
  width: 100%;
  height: 68px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1.6rem;
  padding-left: 10px;
  padding-right: 10px;
  color: #999999;
}

@media (max-width: 680px) {
  body.demo .login-form #logo {
    background-image: url(../img/demo-login-icon.svg) !important;
  }
  body.demo .univ-name {
    color: #fff;
  }
  body.demo .univ-name-en {
    color: #fff;
    margin-bottom: 60px;
  }
  body.demo .demo-input-id,
  body.demo .demo-input-pass {
    max-width: 100%;
    width: 100%;
  }
  body.demo .demo-input-id input,
  body.demo .demo-input-pass input {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 14px 10px;
  }
  body.demo .help-link a {
    color: #fff !important;
  }
}
body.demo .submit-button {
  background: #9d0028;
  margin-bottom: 20px;
  height: 68px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
}

:focus {
  outline: 0;
}

body {
  color: #333;
  background: #fff;
}

ol,
ul {
  list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a {
  text-decoration: none;
}

input:focus, textarea:focus {
  outline: none;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

input {
  -webkit-appearance: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

html,
body {
  height: 100%;
}

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

html {
  font-size: 62.5%;
  line-height: 1.6;
  overflow-y: auto;
}

html#app {
  font-size: 62.5%;
  line-height: 1.6;
  overflow-y: auto;
}

body {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #222222;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}

main,
.main {
  display: block;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

i {
  display: block;
}

strong {
  font-weight: bold;
}

a {
  color: #008EE4;
  text-decoration: none;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
a:hover {
  text-decoration: underline;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.submit-button, .submit-button:hover {
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.hidden-menu {
  display: none;
}

input[type=file] {
  display: none;
}

input[type=submit] {
  cursor: pointer;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}

input:required {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.img-input-label {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  margin-bottom: 5px;
  display: block;
  cursor: pointer;
}
.img-input-label p .refer {
  background-color: #fff;
  display: inline-block;
  width: 60px;
  text-align: center;
  font-weight: bold;
  color: #008EE4;
  border: 1px solid #008EE4;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 2px 0;
  margin-right: 10px;
}

textarea {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  width: 100%;
}

/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.icons-lang-menu:before, .icons-lang-grid:before, .icons-menu-yoyaku:before, .icons-menu-user:before, .icons-menu-system:before, .icons-menu-search:before, .icons-menu-logout:before, .icons-menu-lc:before, .icons-menu-home:before, .icons-menu-faq:before, .icons-menu-default:before, .icons-menu-form:before, .icons-menu-cms:before, .icons-menu-calendar:before, .icons-menu-anpi:before, .icons-alerthead:before, .icons-manual:before, .icons-reset, .cms-setting .cms-log .syslog-search-wrap .user-search-box.reset:after, .cms-setting .user-search-wrap .user-search-box.reset:after, .air-main .user-search-wrap .user-search-box.reset:after, .icons-faqhead:before, .icons-syslog-cal:before, .icons-office-edit:before, .icons-camera:before, .icons-users-top-right, .icons-users-top-left, .icons-sort-down:before, .icons-sort-up:before, .icons-filterminus:after, .cms-setting .user-search-wrap .user-search-box-lists > ul span + ul.active:after, .cms-setting .user-search-wrap.organization .user-search-box-lists.sortLists span + ul:after, .org-hierarchy-wrap .select-list ul span + ul.active:after, .office #sortableListsBase span + ul.active:after, .office #sortableListsBase span + ul:after, .air-main .user-search-wrap .user-search-box-lists > ul span + ul.active:after, .air-main .user-search-wrap.organization .user-search-box-lists.sortLists span + ul:after, .icons-filterplus:after, .cms-setting .user-search-wrap .user-search-box-lists > ul span + ul:after, .org-hierarchy-wrap .select-list ul span + ul:after, .air-main .user-search-wrap .user-search-box-lists > ul span + ul:after, .icons-keywordsearch, .cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-button:after, .cms-setting .user-search-wrap .user-search-box.keyword .user-search-box-button:after, .faq-search .search-submit-wrap:after, .air-main .user-search-wrap .user-search-box.keyword .user-search-box-button:after, .icons-bunruisearch:before, .icons-orgsearch:before, .icons-tab-right:before, .icons-tab-left:before, .icons-comment:before, .icons-return:before, .icons-selectarrow-white:before, .apps.air-main .apps-anchor ul a:hover:before, .icons-selectarrow:before, .language-change-menu .lang-change .head:before, .apps.air-main .apps-anchor ul a:before, .air-main.system.search .search-load-wrap .search-load-head:before, .air-main.system.search .search-category-wrap .search-load-head:before, .air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap .head:before, .icons-search, .icons-result:before, .icons-print:before, .icons-files:before, .icons-dust:before, .icons-detailfile:before, .icons-close:before, .icons-posthead:before, .icons-postdust:before, .icons-postpin:before, .icons-load:before, .icons-check:before {
  display: inline-block;
  background-image: url("../img/sprite.svg");
  background-size: 109.8125em 108.9375em;
}

.icons-check:before {
  width: 0.501875em;
  height: 0.393125em;
  background-position: -10.9375em -9.9375em;
  content: "";
  font-size: 40px;
}

.icons-load:before {
  width: 1.3125em;
  height: 1.0625em;
  background-position: -94.0625em -94.6875em;
  content: "";
  font-size: 40px;
}

.icons-postpin:before {
  width: 0.355em;
  height: 0.575625em;
  background-position: -23.375em -23.0625em;
  content: "";
  font-size: 30px;
}

.icons-postdust:before {
  width: 0.38em;
  height: 0.5225em;
  background-position: -22.375em -21.9375em;
  content: "";
  font-size: 30px;
}

.icons-posthead:before {
  width: 0.683125em;
  height: 0.84875em;
  background-position: -90.9375em -91.4375em;
  content: "";
  font-size: 40px;
}

.icons-close:before {
  width: 0.926875em;
  height: 0.926875em;
  background-position: -14.75em -13.875em;
  content: "";
  font-size: 22px;
}

.icons-detailfile:before {
  width: 1.1875em;
  height: 1.0625em;
  background-position: -108.375em -107.625em;
  content: "";
  font-size: 22px;
}

.icons-dust:before {
  width: 1em;
  height: 1.563125em;
  background-position: -20.8125em -19.75em;
  content: "";
  font-size: 16px;
}

.icons-files:before {
  width: 1.188125em;
  height: 1.0625em;
  background-position: -106.5625em -106em;
  content: "";
  font-size: 16px;
}

.icons-print:before {
  width: 1.3125em;
  height: 1.25em;
  background-position: -92.1875em -92.875em;
  content: "";
  font-size: 20px;
}

.icons-result:before {
  width: 1.009375em;
  height: 0.74375em;
  background-position: -95.9375em -96.3125em;
  content: "";
  font-size: 30px;
}

.icons-search {
  width: 0.9375em;
  height: 0.875em;
  background-position: -99em -98.875em;
  content: "";
  font-size: 18px;
}

.icons-selectarrow:before, .language-change-menu .lang-change .head:before, .apps.air-main .apps-anchor ul a:before, .air-main.system.search .search-load-wrap .search-load-head:before, .air-main.system.search .search-category-wrap .search-load-head:before, .air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap .head:before {
  width: 0.8125em;
  height: 0.5em;
  background-position: -2.5625em -2.625em;
  content: "";
  font-size: 15px;
}

.icons-selectarrow-white:before, .apps.air-main .apps-anchor ul a:hover:before {
  width: 0.8125em;
  height: 0.5em;
  background-position: -5.4375em -4.8125em;
  content: "";
  font-size: 15px;
}

.icons-return:before {
  width: 0.875em;
  height: 0.6875em;
  background-position: -97.5625em -97.625em;
  content: "";
  font-size: 16px;
}

.icons-comment:before {
  width: 0.946875em;
  height: 0.8375em;
  background-position: -16.25em -15.375em;
  content: "";
  font-size: 18px;
}

.icons-tab-left:before {
  width: 0.5125em;
  height: 0.6625em;
  background-position: -6.8125em -5.875em;
  content: "";
  font-size: 34px;
}

.icons-tab-right:before {
  width: 0.5125em;
  height: 0.6625em;
  background-position: -7.9375em -7.125em;
  content: "";
  font-size: 34px;
}

.icons-orgsearch:before {
  width: 2.145em;
  height: 2.329375em;
  background-position: -83.4375em -83.375em;
  content: "";
  font-size: 16px;
}

.icons-bunruisearch:before {
  width: 2.088125em;
  height: 2.359375em;
  background-position: -12.0625em -10.9375em;
  content: "";
  font-size: 16px;
}

.icons-keywordsearch, .cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-button:after, .cms-setting .user-search-wrap .user-search-box.keyword .user-search-box-button:after, .faq-search .search-submit-wrap:after, .air-main .user-search-wrap .user-search-box.keyword .user-search-box-button:after {
  width: 1.125em;
  height: 1.125em;
  background-position: -100.5em -100.3125em;
  content: "";
  font-size: 16px;
}

.icons-filterplus:after, .cms-setting .user-search-wrap .user-search-box-lists > ul span + ul:after, .org-hierarchy-wrap .select-list ul span + ul:after, .air-main .user-search-wrap .user-search-box-lists > ul span + ul:after {
  width: 1em;
  height: 1em;
  background-position: -87.75em -87.875em;
  content: "";
  font-size: 16px;
}

.icons-filterminus:after, .cms-setting .user-search-wrap .user-search-box-lists > ul span + ul.active:after, .cms-setting .user-search-wrap.organization .user-search-box-lists.sortLists span + ul:after, .org-hierarchy-wrap .select-list ul span + ul.active:after, .office #sortableListsBase span + ul.active:after, .office #sortableListsBase span + ul:after, .air-main .user-search-wrap .user-search-box-lists > ul span + ul.active:after, .air-main .user-search-wrap.organization .user-search-box-lists.sortLists span + ul:after {
  width: 1em;
  height: 1em;
  background-position: -86.1875em -86.3125em;
  content: "";
  font-size: 16px;
}

.icons-sort-up {
  display: inline-block;
  height: 12px;
  line-height: 1;
}
.icons-sort-up:before {
  width: 0.8125em;
  height: 0.5875em;
  background-position: -102.1875em -102em;
  content: "";
  font-size: 16px;
}

.icons-sort-down {
  display: inline-block;
  height: 12px;
  line-height: 1;
}
.icons-sort-down:before {
  width: 0.8125em;
  height: 0.5875em;
  background-position: -103.5625em -103.1875em;
  content: "";
  font-size: 16px;
}

.icons-users-top-left {
  width: 0.5125em;
  height: 0.6625em;
  background-position: -6.8125em -5.875em;
  content: "";
  font-size: 16px;
}

.icons-users-top-right {
  width: 0.5125em;
  height: 0.6625em;
  background-position: -7.9375em -7.125em;
  content: "";
  font-size: 16px;
}

.icons-camera:before {
  width: 1.3125em;
  height: 1em;
  background-position: -9.0625em -8.375em;
  content: "";
  font-size: 18px;
}

.icons-office-edit:before {
  width: 1.0625em;
  height: 1.000625em;
  background-position: -17.8125em -16.8125em;
  content: "";
  font-size: 16px;
}

.icons-syslog-cal:before {
  width: 1.04em;
  height: 1.04em;
  background-position: -104.9375em -104.375em;
  content: "";
  font-size: 34px;
}

.icons-faqhead:before {
  width: 0.7525em;
  height: 0.703125em;
  background-position: -19.4375em -18.4375em;
  content: "";
  font-size: 55px;
}

.icons-reset, .cms-setting .cms-log .syslog-search-wrap .user-search-box.reset:after, .cms-setting .user-search-wrap .user-search-box.reset:after, .air-main .user-search-wrap .user-search-box.reset:after {
  width: 1.3125em;
  height: 1.0625em;
  background-position: -94.0625em -94.6875em;
  content: "";
  font-size: 45px;
}

.icons-manual {
  top: 5px;
  position: relative;
}
@media all and (max-width: 680px) {
  .icons-manual {
    top: 4px;
  }
}
.icons-manual:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -27.4375em -27.375em;
  content: "";
  font-size: 15.7px;
}
@media all and (max-width: 680px) {
  .icons-manual:before {
    font-size: 9px;
    width: 3.4375em;
    height: 3.44em;
    /*background-position: -27.4375em -27.47em;*/
  }
}

.icons-alerthead:before {
  width: 1.645em;
  height: 1.71875em;
  background-position: -0.3125em -0.3125em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-anpi:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -31.4375em -31.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-calendar:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -35.4375em -35.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-cms:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -39.4375em -39.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-form:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -51.4375em -51.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-default:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -43.4375em -43.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-faq:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -47.4375em -47.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-home:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -55.4375em -55.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-lc:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -59.4375em -59.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-logout:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -63.4375em -63.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-search:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -67.4375em -67.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-system:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -71.4375em -71.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-user:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -75.4375em -75.375em;
  content: "";
  font-size: 15.7px;
}

.icons-menu-yoyaku:before {
  width: 3.4375em;
  height: 3.4375em;
  background-position: -79.4375em -79.375em;
  content: "";
  font-size: 15.7px;
}

.icons-lang-grid:before {
  width: 0.928125em;
  height: 0.928125em;
  background-position: -24.3125em -24.25em;
  content: "";
  font-size: 30px;
}

.icons-lang-menu:before {
  width: 1.0625em;
  height: 1.0625em;
  background-position: -25.8125em -25.75em;
  content: "";
  font-size: 30px;
}

.user-head {
  padding: 8px 0 6px;
  background-color: #F3F3F3;
}
.user-head .inner {
  overflow: hidden;
}

.drop-down-menu {
  position: absolute;
  z-index: 20;
  right: 0;
  top: 80px;
  width: 350px;
  background-color: #f4f4f4;
  padding: 0 31px 0;
  display: none;
}
@media all and (max-width: 680px) {
  .drop-down-menu {
    top: 90px;
    width: 100%;
    padding: 20px 2% 80px;
  }
}
.drop-down-menu .drop-inner {
  padding-bottom: 5px;
  padding-top: 12px;
  border-top: 1px solid #666;
}
.drop-down-menu .drop-inner.user-menu-lists:first-child {
  padding-top: 0;
  border-top: none;
}
.drop-down-menu .drop-inner .app-icon {
  display: block;
  width: 54px;
}
.drop-down-menu .drop-inner .app-name {
  padding-left: 16px;
  position: relative;
  top: -2px;
}
.drop-down-menu .drop-inner li {
  height: 54px;
  margin-bottom: 6px;
}
.drop-down-menu .drop-inner li a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #222222;
  margin-bottom: 5px;
}

.gb-menu {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.main-head,
.air-main-head {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #DDDDDD;
  height: 80px;
}
.main-head .inner,
.air-main-head .inner {
  overflow: hidden;
}
.main-head #logo,
.air-main-head #logo {
  font-size: 0;
  float: left;
  padding: 15px 0;
  margin-left: 40px;
  width: 400px;
  height: 60px;
  background-image: url(../img/logo2-black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-head #logo .nobgi,
.air-main-head #logo .nobgi {
  background-image: none;
}
@media all and (max-width: 1340px) {
  .main-head #logo,
  .air-main-head #logo {
    margin-left: 2.25%;
  }
}
@media all and (max-width: 680px) {
  .main-head #logo,
  .air-main-head #logo {
    width: 240px;
    height: 50px;
  }
}
.main-head .head-right,
.air-main-head .head-right {
  height: 80px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 680px) {
  .main-head .head-right,
  .air-main-head .head-right {
    height: 90px;
  }
}
@media all and (max-width: 680px) {
  .main-head .manual-button,
  .air-main-head .manual-button {
    width: 31px;
    min-width: 31px;
  }
}
.main-head .manual-button a,
.air-main-head .manual-button a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  height: 100px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media all and (max-width: 680px) {
  .main-head .manual-button a,
  .air-main-head .manual-button a {
    height: 90px;
    padding: 0;
  }
}
.main-head .manual-button a:hover, .main-head .manual-button a.active,
.air-main-head .manual-button a:hover,
.air-main-head .manual-button a.active {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #eee;
}
.main-head .manual-button a[target=_blank]::after,
.air-main-head .manual-button a[target=_blank]::after {
  display: none !important;
}
.main-head .manual-button a img,
.air-main-head .manual-button a img {
  width: 54px;
}
@media all and (max-width: 680px) {
  .main-head .manual-button a img,
  .air-main-head .manual-button a img {
    width: 30px;
  }
}
.main-head .user-menu-button,
.air-main-head .user-menu-button {
  width: 350px;
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button,
  .air-main-head .user-menu-button {
    width: 31px;
    min-width: 31px;
    margin: 0 10px 0 10px;
  }
}
.main-head .user-menu-button a,
.air-main-head .user-menu-button a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  color: #222222;
  padding-left: 31px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button a,
  .air-main-head .user-menu-button a {
    padding-left: 0;
  }
}
.main-head .user-menu-button a:after, .main-head .user-menu-button a:before,
.air-main-head .user-menu-button a:after,
.air-main-head .user-menu-button a:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6.5px 0 6.5px;
  border-color: #333333 transparent transparent transparent;
  position: absolute;
  right: 13px;
  top: calc(50% - 5px);
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button a:after, .main-head .user-menu-button a:before,
  .air-main-head .user-menu-button a:after,
  .air-main-head .user-menu-button a:before {
    display: none;
  }
}
.main-head .user-menu-button a:hover,
.air-main-head .user-menu-button a:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #eee;
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button a,
  .air-main-head .user-menu-button a {
    height: 90px;
  }
}
.main-head .user-menu-button .user-icon,
.air-main-head .user-menu-button .user-icon {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button .user-icon,
  .air-main-head .user-menu-button .user-icon {
    margin: auto;
    width: 31px;
    height: 31px;
  }
}
.main-head .user-menu-button .user-icon img,
.air-main-head .user-menu-button .user-icon img {
  width: 100%;
}
.main-head .user-menu-button .user-name,
.air-main-head .user-menu-button .user-name {
  padding-left: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Lato, "Noto Sans Japanese", Helvetica, Arial, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
@media all and (max-width: 680px) {
  .main-head .user-menu-button .user-name,
  .air-main-head .user-menu-button .user-name {
    display: none;
  }
}
.main-head .user-menu-button.active a,
.air-main-head .user-menu-button.active a {
  background-color: #f4f4f4;
}
.main-head .user-menu-button.active a:after, .main-head .user-menu-button.active a:before,
.air-main-head .user-menu-button.active a:after,
.air-main-head .user-menu-button.active a:before {
  content: " ";
  width: 18px;
  height: 2px;
  border: 1px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
}
.main-head .user-menu-button.active a:before,
.air-main-head .user-menu-button.active a:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*　仕様変更のため割愛
.black {
  .main-head {
    background-color: $color-font;
    border-bottom: 1px solid #333;
    #logo {
      background-image: url(../img/logo2-white.svg);
    }
    .menu-button-icon {
      span {
        background-color: $color-white;
      }
    }
    .menu-button-text {
      color: $color-white;
    }
  }
  .white {
    .main-head {
      background-color: $color-white;
      border-bottom: 1px solid $table-color-line-secondary;
      #logo {
        background-image: url(../img/logo2-black.svg);
      }
      .menu-button-icon {
        span {
          background-color: $color-font;
        }
      }
      .menu-button-text {
        color: $color-font;
      }
    }
  }
  .gb-menu {
    a {
      background-color: $color-font;
      color: $color-white;
      border-bottom: 1px solid #333;
      &:hover {
        background-color: #444;
      }
    }
  }
}
*/
.gb-menu a {
  display: block;
  padding: 21px 0;
  color: #222222;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.gb-menu a:hover {
  text-decoration: none;
  background-color: #F3F3F3;
  -webkit-transition: 0s;
  transition: 0s;
}
.gb-menu .gb-menu-inner {
  padding: 0 2.5%;
  zoom: 1;
  position: relative;
  height: 36px;
}
.gb-menu .gb-menu-inner:before, .gb-menu .gb-menu-inner:after {
  content: "";
  display: table;
}
.gb-menu .gb-menu-inner:after {
  clear: both;
}
.gb-menu .gb-menu-inner span {
  padding-left: 45px;
  padding-top: 3px;
  letter-spacing: 0.1rem;
  display: inline-block;
}
.gb-menu .gb-menu-inner i {
  position: absolute;
  top: 0;
}
.gb-menu .gb-menu-inner .menu-head {
  left: 2.5%;
}
.gb-menu .gb-menu-inner .menu-tail {
  right: 0;
  top: 6px;
}
.gb-menu.app-menu .gb-menu-inner .menu-tail {
  right: 2.5%;
  top: 6px;
}

.main-nav {
  background-color: #fff;
  border-bottom: 1px solid #DDDDDD;
}
.main-nav .main-inner {
  position: relative;
}
.main-nav h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #008EE4;
  position: absolute;
  top: 6px;
  left: 0;
}
.main-nav ul {
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-nav ul li {
  padding: 0 29px;
}
.main-nav ul li a {
  color: #222222;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  padding: 0 3px;
}
.main-nav ul li a:after {
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  bottom: -5px;
  left: 50%;
  height: 1px;
  background-color: #008EE4;
  width: 0;
  margin-left: -10px;
  content: " ";
}
.main-nav ul li a:hover:after {
  width: 20px;
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}
.main-nav ul li a:hover {
  text-decoration: none;
}
.main-nav ul li.active a:after {
  width: 20px;
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}
.main-nav.application-nav {
  margin-top: 30px;
  height: 80px;
}
.main-nav.application-nav.linkcheck {
  height: 60px;
}
.main-nav.application-nav h2 {
  color: #222222;
  position: relative;
  padding-left: 50px;
}
.main-nav.application-nav h2 .sub {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.main-nav.application-nav h2 .title {
  font-size: 20px;
  font-size: 2rem;
}
.main-nav.application-nav h2 i {
  position: absolute;
  top: 5px;
  left: 0;
}

.sub-nav {
  background-color: #008EE4;
  border-bottom: 1px solid #DDDDDD;
}
.sub-nav ul {
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: "";
  -ms-flex-align: "";
  align-items: "";
}
.sub-nav ul li {
  height: 40px;
}
.sub-nav ul a {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 22px;
  display: block;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sub-nav ul a:hover {
  text-decoration: none;
  background-color: #0072B6;
}
@media all and (max-width: 1340px) {
  .sub-nav ul a {
    padding: 0 14px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.sub-nav ul li.active a {
  background-color: #0072B6;
}

.page-top {
  z-index: 10;
  width: 100%;
  max-width: 1340px;
  padding: 0 40px;
  margin: 0 auto;
}
.page-top .foot-top {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 80px;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
  background-color: #333;
  border-radius: 50%;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media all and (max-width: 1340px) {
  .page-top .foot-top {
    right: 80px;
  }
}
@media all and (max-width: 960px) {
  .page-top .foot-top {
    right: 0;
  }
}
.page-top .foot-top i {
  opacity: 0;
}
.page-top .foot-top:hover {
  background-color: #008EE4;
}
.page-top .foot-top:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-top .foot-top:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.manual-drop-menu {
  display: none;
  position: absolute;
  top: 112px;
  right: 0;
  width: 444px;
  background-color: #eee;
  height: 0;
  visibility: hidden;
  z-index: 15;
}
@media all and (max-width: 680px) {
  .manual-drop-menu {
    width: 100%;
  }
}
.manual-drop-menu.active {
  display: block;
  visibility: visible;
  height: calc(100vh - 112px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow-y: scroll;
  padding: 20px;
}
@media all and (max-width: 680px) {
  .manual-drop-menu.active {
    top: 90px;
    height: calc(100vh - 90px);
  }
}
.manual-drop-menu.active .manual-content-wrap h3 {
  font-size: 15px;
  font-size: 1.5rem;
  padding-bottom: 5px;
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}
.manual-drop-menu.active .manual-content-wrap h3:hover:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #aaa;
}
.manual-drop-menu.active .manual-content-wrap h3 i {
  position: absolute;
  right: 10px;
  top: 12px;
}
.manual-drop-menu.active .manual-content-wrap h3 i:after {
  position: absolute;
  display: block;
  content: " ";
  width: 11px;
  height: 1px;
  background-color: #222222;
  right: 0;
  top: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.manual-drop-menu.active .manual-content-wrap h3 i:before {
  position: absolute;
  display: block;
  content: " ";
  width: 1px;
  height: 11px;
  background-color: #222222;
  right: 5px;
  top: -5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.manual-drop-menu.active .manual-content-wrap .manual-content {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 30px;
  display: none;
}
.manual-drop-menu.active .manual-content-wrap.active h3 {
  margin-bottom: 0;
}
.manual-drop-menu.active .manual-content-wrap.active h3:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #aaa;
}
.manual-drop-menu.active .manual-content-wrap.active h3 i:after {
  content: none;
}
.manual-drop-menu.active .manual-content-wrap.active h3 i:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.manual-drop-menu.active .manual-content-wrap.active .manual-content {
  display: block;
  padding: 20px;
  background-color: #fff;
}
.manual-drop-menu .cp-all {
  margin: 0 0 20px 0;
}
.manual-drop-menu h1.cp-h1-text {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 20px;
}
.manual-drop-menu h2.cp-h2-text {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #222222;
  margin-bottom: 30px;
  margin-top: 40px;
}

.air-main {
  background-color: #F3F3F3;
}
.air-main .main {
  margin-top: 67px;
}
@media all and (max-width: 960px) {
  .air-main .main {
    margin-top: 47px;
  }
}
.air-main .copy {
  color: #222222;
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding-top: 5%;
  margin-bottom: 1%;
}
.air-main .buildName {
  color: #222;
  opacity: 0.5;
  font-size: 1.2rem;
  padding: 40px 0 10px;
  text-align: left;
}
@media all and (max-width: 680px) {
  .air-main .buildName {
    text-align: center;
    padding: 40px 0 8px;
    line-height: 1.3;
  }
}
.air-main .buildName .spOnly {
  display: none;
}
@media all and (max-width: 680px) {
  .air-main .buildName .spOnly {
    display: block;
  }
}
.air-main .main h3 {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 50px;
}
.air-main .main h4 {
  margin-top: 75px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.air-main #orderChange {
  min-height: 110vh;
}
.air-main #order-submit {
  display: none;
}
.air-main .user-search-wrap {
  position: relative;
  z-index: 6;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main .user-search-wrap.organization {
  display: block;
  width: 100%;
}
.air-main .user-search-wrap.organization .user-search-box {
  width: 100%;
}
.air-main .user-search-wrap.organization .user-search-box-lists {
  position: relative;
  display: block;
  width: 100%;
  height: 890px;
  border-top: 1px solid #ccc;
}
.air-main .user-search-wrap.organization .user-search-box-lists.sortLists {
  height: auto;
  overflow-y: visible;
  overflow-x: hidden;
  padding-bottom: 30px;
}
.air-main .user-search-wrap.organization .organizaition-link-lists {
  margin-top: 8px;
}
.air-main .user-search-wrap.organization .organizaition-link-lists li {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.air-main .user-search-wrap.organization .organizaition-link-lists li:nth-child(odd) {
  margin-right: 20px;
}
.air-main .user-search-wrap .user-search-box {
  width: 15%;
  position: relative;
}
.air-main .user-search-wrap .user-search-box.org {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.air-main .user-search-wrap .user-search-box.org .user-search-box-button {
  width: 90%;
  background: transparent;
}
.air-main .user-search-wrap .user-search-box.org .user-search-box-button i {
  top: 4px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.org .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.air-main .user-search-wrap .user-search-box.position {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.air-main .user-search-wrap .user-search-box.position .user-search-box-button {
  width: 90%;
  background: transparent;
}
.air-main .user-search-wrap .user-search-box.position .user-search-box-button i {
  top: 4px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.position .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.air-main .user-search-wrap .user-search-box.position .user-search-box-lists > ul ul {
  padding-left: 0;
}
.air-main .user-search-wrap .user-search-box.position .groupUl > li > ul li {
  display: none;
}
.air-main .user-search-wrap .user-search-box.position .groupUl > li > ul.active li {
  display: block;
}
.air-main .user-search-wrap .user-search-box.area .user-search-box-button {
  width: 90%;
  background: transparent;
}
.air-main .user-search-wrap .user-search-box.area .user-search-box-button i {
  top: 4px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.area .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.air-main .user-search-wrap .user-search-box.area .user-search-box-lists span {
  padding-left: 10px;
}
.air-main .user-search-wrap .user-search-box.bunrui {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-button {
  width: 90%;
  background: transparent;
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-button i {
  top: 4px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-lists {
  height: auto;
  overflow: hidden;
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-lists ul li span {
  padding-left: 10px;
}
.air-main .user-search-wrap .user-search-box.bunrui .user-search-box-lists ul li:last-child span {
  border-bottom: none;
}
.air-main .user-search-wrap .user-search-box.bunrui .select-list {
  width: 90%;
}
.air-main .user-search-wrap .user-search-box.bunrui .select-list .select-head {
  border-color: #ccc;
  border-radius: 0;
}
.air-main .user-search-wrap .user-search-box.bunrui .select-list ul li {
  width: 90%;
}
.air-main .user-search-wrap .user-search-box.keyword {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.air-main .user-search-wrap .user-search-box.reset {
  width: 36px;
  height: 36px;
  margin-left: 4px;
  position: relative;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.reset:hover {
  background-color: #555;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main .user-search-wrap .user-search-box.reset:after {
  content: " ";
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 15px;
}
.air-main .user-search-wrap .user-search-box.reset .user-search-box-top > input {
  width: 36px;
  height: 36px;
  font-size: 0px;
  font-size: 0rem;
  padding-right: 0;
  background-color: transparent;
  border: none;
  z-index: 5;
  position: relative;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top {
  zoom: 1;
  position: relative;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top:before, .air-main .user-search-wrap .user-search-box .user-search-box-top:after {
  content: "";
  display: table;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top:after {
  clear: both;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input {
  border: 1px solid #ccc;
  height: 36px;
  width: 90%;
  padding-right: 30px;
  padding-left: 10px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder-shown {
  color: #222;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #222;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input:placeholder-shown {
  color: #222;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input::-webkit-input-placeholder {
  color: #666;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder {
  color: #666;
  opacity: 1;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.air-main .user-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #666;
}
.air-main .user-search-wrap .user-search-box .user-search-box-button {
  position: absolute;
  top: 0;
  right: 10%;
  width: 36px;
  height: 36px;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  cursor: pointer;
}
.air-main .user-search-wrap .user-search-box .user-search-box-button .search-submit {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
  padding-right: 0;
  background-color: transparent;
  z-index: 3;
}
.air-main .user-search-wrap .user-search-box .user-search-box-button .filter-icon {
  position: absolute;
  top: 4px;
  right: 10px;
}
.air-main .user-search-wrap .user-search-box-button.active {
  background-color: #008EE4;
}
.air-main .user-search-wrap .user-search-box.keyword input {
  width: 79%;
  padding-right: 5px;
}
.air-main .user-search-wrap .user-search-box.keyword .user-search-box-button {
  right: 0;
  left: auto;
  background-color: #008EE4;
  border-color: #008EE4;
}
.air-main .user-search-wrap .user-search-box.keyword .user-search-box-button:after {
  content: " ";
  position: absolute;
  top: 9px;
  left: 9px;
}
.air-main .user-search-wrap .user-search-box-lists {
  display: none;
  position: absolute;
  z-index: 5;
  background-color: #F3F3F3;
  border: 1px solid #ccc;
  border-top: none;
  width: 90%;
  height: 450px;
  overflow-y: scroll;
}
.air-main .user-search-wrap .user-search-box-lists select {
  display: none;
}
.air-main .user-search-wrap .user-search-box-lists .thisOrg > span {
  background-color: #DBDBDB;
}
.air-main .user-search-wrap .user-search-box-lists span {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 10px 4px 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.air-main .user-search-wrap .user-search-box-lists span:hover {
  background-color: #DBDBDB;
}
.air-main .user-search-wrap .user-search-box-lists > ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.air-main .user-search-wrap .user-search-box-lists > ul > li > ul > li {
  display: none;
}
.air-main .user-search-wrap .user-search-box-lists > ul > li > ul > li.active {
  display: block;
}
.air-main .user-search-wrap .user-search-box-lists > ul > li > ul > li.active > ul li {
  display: none;
}
.air-main .user-search-wrap .user-search-box-lists > ul > li > ul > li.active > ul li.active {
  display: block;
}
.air-main .user-search-wrap .user-search-box-lists > ul ul {
  padding-left: 15px;
}
.air-main .user-search-wrap .user-search-box-lists > ul span + ul {
  position: relative;
}
.air-main .user-search-wrap .user-search-box-lists > ul span + ul:after {
  content: " ";
  top: -24px;
  left: 10px;
  position: absolute;
  cursor: pointer;
}
.air-main .user-search-wrap .user-search-box-lists > ul span.last-child {
  border-bottom: none;
}

.inner {
  width: 100%;
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
  zoom: 1;
  overflow: visible;
}
.inner.max {
  max-width: none;
  padding: 0 40px;
}
@media all and (max-width: 1340px) {
  .inner.max {
    padding: 0 2.25%;
  }
}
.inner.no-max-width {
  max-width: none;
}
.inner.header {
  max-width: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.inner.header:before, .inner.header:after {
  content: none;
}
@media all and (max-width: 1340px) {
  .inner.header {
    padding: 0;
  }
}
.inner.header a:hover {
  text-decoration: none;
}
.inner.header .app-heading {
  padding-left: 40px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-width: 800px;
}
@media all and (max-width: 1340px) {
  .inner.header .app-heading {
    padding-left: 2.25%;
    min-width: 400px;
  }
}
@media all and (max-width: 680px) {
  .inner.header .app-heading {
    width: auto;
    height: 50px;
    line-height: 1.4;
    min-width: auto;
  }
}
.inner.header .app-heading .app-icon {
  padding-top: 10px;
}
.inner.header .app-heading .app-title {
  font-size: 18px;
  font-size: 1.8rem;
  padding-left: 20px;
  color: #222222;
}
@media all and (max-width: 680px) {
  .inner.header .app-heading .app-title {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.inner.header .app-heading .app-title.para2 .sub {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
}
@media all and (max-width: 1340px) {
  .inner {
    padding: 0 2.25%;
  }
}
.inner:before, .inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}

.main-inner {
  zoom: 1;
  overflow: visible;
}
.main-inner:before, .main-inner:after {
  content: "";
  display: table;
}
.main-inner:after {
  clear: both;
}
@media all and (max-width: 960px) {
  .main-inner {
    padding: 0 2.25%;
  }
}

.content-link-tab {
  margin-bottom: 40px;
}
.content-link-tab ul {
  display: table;
  width: 100%;
  border: 1px solid #008EE4;
  table-layout: fixed;
}
.content-link-tab ul a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  padding: 15px 0;
}
.content-link-tab ul a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0072B6;
}
.content-link-tab ul li {
  display: table-cell;
}
.content-link-tab ul li.active a {
  background-color: #008EE4;
  color: #fff;
}
.content-link-tab ul.is-adminColor {
  border-color: #666666;
}
.content-link-tab ul.is-adminColor a {
  color: #333333;
}
.content-link-tab ul.is-adminColor a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #666666;
}
.content-link-tab ul.is-adminColor li.active a {
  color: #fff;
  background-color: #666666;
}

.air-color.alert {
  color: #008EE4;
  font-weight: bold;
}

.language-title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding-left: 0;
  position: relative;
  margin-bottom: 10px;
}
.language-title:after {
  position: absolute;
  width: 32px;
  height: 21px;
  content: none;
  top: 0;
  left: 0;
}
.user-add-table-wrap {
  margin-top: 55px;
}
.user-add-table-wrap form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.user-add-table-wrap form .users-list {
  width: 10%;
}
.user-add-table-wrap form .users-list p {
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  font-weight: bold;
  margin-bottom: 15px;
}
.user-add-table-wrap form .users-list p .users-size {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.user-add-table-wrap form .users-list.included {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.user-add-table-wrap form .users-list.operation {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 260px;
  padding: 0 80px;
  margin-top: 240px;
}
.user-add-table-wrap form .users-list.operation input, .user-add-table-wrap form .users-list.operation button {
  display: block;
  margin: auto;
  margin-bottom: 18px;
  background-color: #fff;
  width: 100%;
  max-width: 120px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: 1px solid #008EE4;
  color: #008EE4;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.user-add-table-wrap form .users-list.operation input:hover, .user-add-table-wrap form .users-list.operation button:hover {
  background-color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}
.user-add-table-wrap form .users-list.added {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-top: 47px;
}
.user-add-table-wrap form .users-list select {
  width: 100%;
  background-color: #F3F3F3;
  border: 1px solid #939393;
  min-height: 600px;
}
.user-add-table-wrap form .users-list select option {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 3px 10px;
  border-bottom: 1px solid #CCCCCC;
}

i.required {
  display: inline;
  font-size: 11px;
  font-size: 1.1rem;
  background-color: #FF0000;
  color: #fff;
  padding: 3px;
  position: relative;
  left: 10px;
  font-weight: bold;
  font-style: normal;
}

.error-message {
  display: inline-block !important;
  background-color: #FF0000;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 3px 10px;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
}
.error-message:empty {
  display: none;
}
.error-message:after {
  content: " ";
  position: absolute;
  top: -19px;
  left: 10px;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #f00;
}
.error-message.inline {
  top: -10px;
  margin-top: 0;
  margin-bottom: 10px;
}

.error-text {
  color: #FF0000;
  font-size: 13px;
  font-size: 1.3rem;
}

h3 + .error-message,
.error-message.head-alert {
  display: block !important;
  padding: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  border: 1px solid #FF0000;
  color: #FF0000;
  margin-top: 30px;
  background-color: #FFF7F7;
  border-radius: 0;
  margin-bottom: 15px;
}
h3 + .error-message:after,
.error-message.head-alert:after {
  content: none;
}
h3 + .error-message:empty,
.error-message.head-alert:empty {
  display: none !important;
}

h3 + .true-message,
.true-message.head-alert {
  display: block !important;
  padding: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  border: 1px solid #008EE4;
  color: #008EE4;
  margin-top: 0;
  background-color: #fafafa;
  border-radius: 0;
  margin-bottom: 30px;
}
h3 + .true-message:after,
.true-message.head-alert:after {
  content: none;
}

input.error {
  border: 1px solid #FF0000 !important;
  background-color: #FFF7F7;
}

.select-head.error {
  border: 1px solid #FF0000 !important;
}

.custom-scroll,
.up-custom-scroll {
  margin-bottom: 50px;
}
.custom-scroll .mCSB_inside > .mCSB_container,
.up-custom-scroll .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.custom-scroll .mCSB_scrollTools,
.up-custom-scroll .mCSB_scrollTools {
  width: 10px;
}

.body-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.loading {
  background-image: url(../img/loading.svg);
  width: 100%;
  height: 45px;
  margin: 50px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45px auto;
}
.loading.spin {
  background-image: url(../img/spinning-circles.svg);
}
.loading.fixed {
  position: absolute;
  left: 0;
  top: 0;
  height: 500px;
  z-index: 5;
}
.loading.fixed.org {
  height: 60px;
}

.users-table-wrap table.nowload {
  opacity: 0.6;
}

.popup-message {
  display: none;
}
.popup-message.active {
  display: block;
}

.height-controll {
  height: 54px;
  width: auto !important;
}
@media all and (max-width: 680px) {
  .height-controll {
    height: 31px;
  }
}

.users-table-wrap {
  position: relative;
  min-height: 50vh;
}
.users-table-wrap .table-info-sum {
  margin-bottom: 12px;
}
.users-table-wrap .table-head {
  position: relative;
}
.users-table-wrap .table-head .table-sort {
  position: absolute;
  right: 20px;
  top: 8px;
}
.users-table-wrap .table-head .table-sort a {
  display: block;
  line-height: 1;
}
.users-table-wrap .table-head .table-sort a.active {
  opacity: 0.4;
}
.users-table-wrap .pagination {
  margin-top: 70px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.users-table-wrap .pagination .paging-nav {
  border: none;
  width: 50px;
}
.users-table-wrap .pagination .paging-nav a {
  background-color: transparent;
  color: #008EE4;
}
.users-table-wrap .pagination li {
  border: 1px solid #939393;
  width: 30px;
  height: 30px;
  line-height: 1.9;
  margin: 3px;
}
.users-table-wrap .pagination li a {
  display: block;
  background-color: #939393;
  color: #fff;
}
.users-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}
.users-table-wrap table tr {
  border-bottom: 1px solid #BFBFBF;
}
.users-table-wrap table tr:nth-child(odd) {
  background-color: #FBFBFB;
}
.users-table-wrap table tr:first-child {
  background-color: #F2F2F2;
  width: 100%;
  border-top: 1px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
.users-table-wrap table tr:first-child td {
  display: table-cell;
}
.users-table-wrap table tr td {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 20px;
  border-right: 1px dashed #868686;
}
.users-table-wrap table tr td:last-child {
  border-right: none;
}
.users-table-wrap table tr td input[type=checkbox] {
  display: block;
  -webkit-appearance: checkbox;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  margin: 0 auto;
}
.users-table-wrap.admin .regist {
  width: 20%;
}
.users-table-wrap.admin .name {
  width: 40%;
}
.users-table-wrap.admin .org {
  width: 40%;
}
.users-table-wrap.site-users .regist {
  width: 15%;
}
.users-table-wrap.site-users .org {
  width: 25%;
}
.users-table-wrap.site-users .type {
  width: 10%;
}
.users-table-wrap.site-users .item {
  width: 10%;
}
.users-table-wrap.news-release-users .regist {
  width: 15%;
}
.users-table-wrap.news-release-users .org {
  width: 25%;
}
.users-table-wrap.news-release-users .sitenames {
  width: 40%;
}
.users-table-wrap.news-release-users .permission {
  width: 10%;
}
.users-table-wrap.users td {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
}
.users-table-wrap.users td input[type=checkbox] {
  display: block;
  -webkit-appearance: checkbox;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  margin: 0 auto;
}
.users-table-wrap.users td .table-sort {
  top: 7px;
  right: 7px;
}
.users-table-wrap.users td.userid {
  width: 9%;
}
.users-table-wrap.users td.username {
  width: 15%;
}
.users-table-wrap.users td.userorg {
  width: 14%;
}
.users-table-wrap.users td.userjob {
  width: 10%;
}
.users-table-wrap.users td.userclass {
  width: 5%;
}
.users-table-wrap.users td.usermail {
  width: 15%;
}
.users-table-wrap.users td.usertel {
  width: 10%;
}
.users-table-wrap.users td.userparent {
  width: 8%;
}
.users-table-wrap.users td.userstatus {
  width: 10%;
}
.users-table-wrap.users td.usercheck {
  width: 6%;
  text-align: center;
}

.users-top {
  zoom: 1;
  overflow: visible;
  margin-bottom: 20px;
  height: 34px;
}
.users-top:before, .users-top:after {
  content: "";
  display: table;
}
.users-top:after {
  clear: both;
}
.users-top.provisional .users-top-right {
  width: 318px;
}
.users-top.provisional .users-top-right input {
  margin-right: 0;
}
.users-top .top-paging {
  padding-top: 10px;
}
.users-top .top-paging a {
  display: inline-block;
}
.users-top .users-top-left {
  float: left;
  width: calc(100% - 761px);
}
.users-top .users-top-right {
  float: right;
  width: 760px;
}
.users-top .users-top-right .users-back {
  float: left;
  padding-top: 5px;
  margin-right: 20px;
}
.users-top .users-top-right .users-back.right {
  float: right;
  margin-right: 0;
}
.users-top .users-top-right .post-filters {
  float: left;
  margin-right: 6px;
  width: 130px;
  margin-bottom: 0;
}
.users-top .users-top-right .post-filters .select-list {
  width: 100%;
}
.users-top .users-top-right .post-filters .select-list .select-head {
  border: 1px solid #ccc;
  border-radius: 0;
}
.users-top .users-top-right .post-filters .select-list ul li {
  border-color: #ccc;
}
.users-top .users-top-right .post-filters .select-list ul li:last-child {
  border-color: #ccc;
}
.users-top .users-top-right .post-filters.select-user {
  width: 260px;
  margin-right: 0;
}
.users-top .users-top-right input,
.users-top .users-top-right button {
  float: left;
  width: 176px;
  padding: 5px 0;
  margin-right: 6px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
}
.users-top .users-top-right input:hover,
.users-top .users-top-right button:hover {
  background-color: #0072B6;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.users-top.self .users-top-right {
  width: 416px;
}

/*ログイン*/
#bg,
.overlay {
  min-width: 100%;
  min-height: 100%;
}

#bg {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url(../img/overlay.png);
  background-position: 0 0;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay.visible {
  display: block;
}
@media all and (max-width: 680px) {
  .overlay {
    overflow: hidden;
  }
}

.air-login .main {
  max-width: 600px;
  margin: 70px auto 0;
  background-color: #fff;
  padding: 80px 70px;
  border-radius: 4px;
}
.air-login .main .login-inner {
  padding: 0 30px;
}
.air-login .main .error-text {
  position: relative;
  top: -15px;
  background: #fff;
  padding: 10px;
}
.air-login .main .error-text-box {
  position: relative;
  top: -15px;
  background: #fff;
  padding: 10px 0;
  color: #FF0000;
  font-size: 13px;
  font-size: 1.3rem;
}
@media all and (max-width: 680px) {
  .air-login .main .error-text-box {
    padding: 10px;
  }
}
.air-login .main .mainte-message {
  position: relative;
  top: -40px;
}
.air-login .main .mainte-message .mainte-head {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
}
.air-login .main .mainte-message .mainte-date {
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #008EE4;
  text-align: center;
}
.air-login .main .mainte-message .mainte-text {
  font-size: 13px;
  font-size: 1.3rem;
}
@media all and (max-width: 680px) {
  .air-login .main .mainte-message {
    padding: 15px;
    background-color: #fff;
  }
}
@media all and (max-width: 680px) {
  .air-login .main {
    padding: 2.25%;
    margin: auto;
    max-width: none;
    width: 100%;
    background-color: transparent;
  }
}
.air-login .copy {
  color: #fff;
  opacity: 0.8;
}
.air-login .buildName {
  color: #fff;
  opacity: 0.8;
  font-size: 1.2rem;
  padding: 0 0 5px 10px;
  text-align: left;
}
@media all and (max-width: 680px) {
  .air-login .buildName {
    text-align: center;
    padding: 40px 0 8px;
    line-height: 1.3;
  }
}
.air-login .buildName .spOnly {
  display: none;
}
@media all and (max-width: 680px) {
  .air-login .buildName .spOnly {
    display: block;
  }
}

.login-form #logo {
  max-width: 130px;
  height: auto;
  margin: auto;
  margin-bottom: 100px;
  width: 130px;
  height: 130px;
  font-size: 0;
  background-image: url(../img/logo-black.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media all and (max-width: 680px) {
  .login-form #logo {
    margin-top: 40px;
    margin-bottom: 60px;
    background-image: url(../img/logo-white.png);
  }
}

.input-text {
  position: relative;
  padding-bottom: 1px;
  z-index: 6;
  font-size: 18px;
  font-size: 1.8rem;
}
.input-text label {
  color: #AAAAAA;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-transform: all 0.2s ease 0s;
  -ms-transform: all 0.2s ease 0s;
  transform: all 0.2s ease 0s;
}
@media all and (max-width: 680px) {
  .input-text label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.input-text input[type=text],
.input-text input[type=password] {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px 0;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222222;
  letter-spacing: 1px;
  width: 100%;
  z-index: 3;
}
@media all and (max-width: 680px) {
  .input-text input[type=text],
  .input-text input[type=password] {
    background-color: #fff;
    padding: 15px 10px;
    border-radius: 4px;
  }
}
.input-text input ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #008EE4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media all and (max-width: 680px) {
  .input-text input ~ .focus-border {
    height: 0;
  }
}
.input-text input:focus ~ .focus-border,
.input-text .has-content ~ .focus-border {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.input-text input ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #AAAAAA;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px;
}
@media all and (max-width: 680px) {
  .input-text input ~ label {
    left: 10px;
    top: 17px;
    z-index: 0;
    height: 1px;
  }
}
.input-text input:focus ~ label,
.input-text .has-content ~ label {
  top: -16px;
  font-size: 12px;
  color: #008EE4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 680px) {
  .input-text input:focus ~ label,
  .input-text .has-content ~ label {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -99;
  }
}
.input-text input {
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid #CCCCCC;
  background-color: transparent;
}

.submit-button {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  background-color: #008EE4;
  padding: 16px 0;
  display: block;
  width: 100%;
  border-radius: 4px;
}
.submit-button a {
  color: #fff;
  display: block;
}
.submit-button a:hover {
  text-decoration: none;
}
.submit-button:hover {
  background-color: #0072B6;
}
@media all and (max-width: 680px) {
  .submit-button {
    padding: 14px 0;
  }
}

.auth-button {
  text-decoration: none !important;
  display: block;
  color: #000;
  background-color: #FFF;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  padding: 16px 0px;
  width: 100%;
  height: 56px;
  margin-top: 10px;
  border-radius: 4px;
  border: solid 1px #000;
}

.auth-button.google {
  background-image: url(/img/oauth2_icon_google.svg);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: left 8px top 60%;
}

.auth-button.azure {
  background-image: url(/img/oauth2_icon_microsoft.svg);
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: left 10px top 50%;
}

.auth-button.okta {
  background-image: url(/img/saml2_icon_okta.svg);
  background-repeat: no-repeat;
  background-size: 64px 32px;
  background-position: left 8px top 60%;
}

.auth-button:hover {
  background-color: aliceblue;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.check-box-wrap {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
  padding: 17px 0 10px;
}
.check-box-wrap label {
  padding-left: 32px;
  position: relative;
  z-index: 8;
}
.check-box-wrap:after {
  content: " ";
  width: 20px;
  height: 20px;
  top: 17px;
  left: 0;
  position: absolute;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  background-color: #fff;
}
@media all and (max-width: 680px) {
  .check-box-wrap {
    padding: 25px 0 15px;
  }
  .check-box-wrap:after {
    top: 25px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  }
}

.icons-check {
  position: absolute;
  top: 20px;
  left: 3px;
  z-index: 3;
  opacity: 0;
  filter: alpha(opacity=0);
}
@media all and (max-width: 680px) {
  .icons-check {
    top: 30px;
  }
}

.checkbox ~ .icons-check,
.icons-check.has-checked {
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.checkbox:checked ~ .icons-check,
.icons-check.has-checked {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  opacity: 1;
  filter: alpha(opacity=100);
}

.help-link {
  padding-top: 10px;
}
.help-link a {
  font-size: 15px;
  font-size: 1.5rem;
}
@media all and (max-width: 680px) {
  .help-link {
    padding-top: 5px;
  }
}

.copy {
  color: #008EE4;
  padding-top: 20px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 3%;
}
@media all and (max-width: 680px) {
  .copy {
    margin-top: 3%;
  }
}

.input-id {
  margin-bottom: 41px;
}

.input-pass {
  margin-bottom: 32px;
}

@media all and (max-width: 680px) {
  .input-id {
    margin-bottom: 10px;
  }
  .input-pass {
    margin-bottom: 10px;
  }
  .has-content-label {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
/*組織グループ並び替え*/
.order .org-order-body ul.text li:before,
.order ul#sortableListsBase.text li:before {
  content: ">>";
  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  font-size: 13px;
  color: #222222;
  margin-left: -37px;
  margin-right: 21px;
  line-height: 16px;
}
.order .order-list {
  border: 1px solid #ccc;
}
.order ul#sortableListsBase li,
.order .org-order-body ul li {
  margin: 5px;
  border: 1px solid #ccc;
}
.order .org-order-body ul li i {
  cursor: pointer;
}
.order ul#sortableListsBase,
.order ul#sortableListsBase li,
.order .org-order-body ul,
.order .org-order-body ul li {
  list-style-type: none;
  color: #222222;
}
.order .org-order-body ul,
.order ul#sortableListsBase,
.order .order-lists,
.order .order-lists-plus {
  padding: 0;
  background-color: #fff;
}
.order .org-order-body ul,
.order ul#sortableListsBase ul {
  padding-left: 40px;
}
.order .order-lists li,
.order .order-lists-plus li {
  padding-left: 50px;
  margin: 5px;
  border: 1px solid #ccc;
  background-color: #ddd;
}
.order .org-order-body li div,
.order ul#sortableListsBase li div {
  padding: 7px;
  background-color: #eee;
  cursor: move;
}
.order ul#sortableListsBase li div {
  background-color: #ddd;
}
.order .order-lists,
.order .order-lists-plus {
  margin: 10px auto;
}

.office .office-item {
  cursor: move;
}

.office-wrap.classification .office-item .office-item-main {
  width: calc(100% - 150px);
}

.office-wrap.office-order .office-item,
.office:not(.office-parent) #sortableListsBase .office-item {
  border: none;
  margin-top: -1px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  cursor: move;
}
.office-wrap.office-order .office-item:hover,
.office:not(.office-parent) #sortableListsBase .office-item:hover {
  background-color: rgb(238, 238, 238);
}
.office-wrap.office-order .office-item .name-input input[type=text],
.office:not(.office-parent) #sortableListsBase .office-item .name-input input[type=text] {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 1px 5px;
}
.office-wrap.office-order .office-item .office-item-menu,
.office:not(.office-parent) #sortableListsBase .office-item .office-item-menu {
  width: auto;
  margin-left: 10px;
}
.office-wrap.office-order .office-item .office-item-menu input,
.office-wrap.office-order .office-item .office-item-menu button,
.office:not(.office-parent) #sortableListsBase .office-item .office-item-menu input,
.office:not(.office-parent) #sortableListsBase .office-item .office-item-menu button {
  background-color: transparent;
  border: none;
  width: auto;
  margin-right: 0;
}
.office-wrap.office-order .office-item:last-child,
.office:not(.office-parent) #sortableListsBase .office-item:last-child {
  border-bottom: none;
}
.office-wrap.office-order .office-item form,
.office:not(.office-parent) #sortableListsBase .office-item form {
  min-height: 58px;
}

.office #sortableListsBase {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.office #sortableListsBase > li > ul > li {
  display: none;
}
.office #sortableListsBase > li > ul > li.active {
  display: none;
}
.office #sortableListsBase > li > ul > li.active > ul li {
  display: none;
}
.office #sortableListsBase > li > ul > li.active > ul li.active {
  display: none;
}
.office #sortableListsBase ul {
  padding-left: 15px;
}
.office #sortableListsBase span + ul {
  position: relative;
}
.office #sortableListsBase span + ul:after {
  content: " ";
  top: -24px;
  left: 10px;
  position: absolute;
  cursor: pointer;
}
.office #sortableListsBase span.last-child {
  border-bottom: none;
}
.office #sortableListsBase span {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 10px 4px 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.office #sortableListsBase span:hover {
  background-color: #DBDBDB;
}

.air-help .copy {
  color: #fff;
  opacity: 0.8;
}
.air-help .main {
  max-width: 960px;
  margin: 70px auto 0;
  background-color: #fff;
  padding: 80px 80px 40px;
  border-radius: 4px;
}
@media all and (max-width: 960px) {
  .air-help .main {
    margin: 40px 2% 0;
    max-width: none;
    width: clc(95.5%);
  }
}
@media all and (max-width: 680px) {
  .air-help .main {
    margin: 2%;
    padding: 2.5%;
    padding-bottom: 40px;
    width: clc(96%);
  }
}
.air-help .main .login-form #logo {
  margin-bottom: 10px;
}
@media all and (max-width: 680px) {
  .air-help .main .login-form #logo {
    background-image: url(../img/logo-black.png);
  }
}
.air-help .main .login-form .login-back {
  text-align: right;
  margin-bottom: 10px;
}
.air-help .main h2 {
  font-size: 20px;
  font-size: 2rem;
  padding: 10px 0 0;
  font-weight: bold;
  border-top: 2px solid #222222;
  margin-bottom: 20px;
  padding-left: 3px;
}
.air-help .main p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 20px;
}
@media all and (max-width: 680px) {
  .air-help .main p {
    margin-bottom: 15px;
  }
}
.air-help .main .help-lists {
  margin-bottom: 15px;
}
.air-help .main li a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 15px 5px 9px;
  border-bottom: 1px solid #DADEE6;
  position: relative;
}
.air-help .main li a:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0;
  height: 1px;
  bottom: -1px;
  left: 0;
  position: absolute;
  content: " ";
}
.air-help .main li a:hover {
  text-decoration: none;
}
.air-help .main li a:hover:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  background-color: #008EE4;
}
@media all and (max-width: 680px) {
  .air-help .main li a {
    font-size: 13px;
    font-size: 1.3rem;
    padding-left: 10px;
    padding-bottom: 12px;
  }
}
.air-help .main li .icons-arrow {
  position: absolute;
  right: 18px;
  top: 18px;
}
.air-help .main .password-nav ul {
  width: 100%;
  margin-top: 28px;
  margin-bottom: 27px;
  display: table;
  table-layout: fixed;
  overflow: hidden;
}
@media all and (max-width: 680px) {
  .air-help .main .password-nav ul {
    table-layout: auto;
  }
}
.air-help .main .password-nav ul li {
  display: table-cell;
  padding-bottom: 7px;
  color: #008EE4;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding-right: 27px;
}
.air-help .main .password-nav ul li .icons-arrow {
  top: 5px;
  right: 0;
}
@media all and (max-width: 680px) {
  .air-help .main .password-nav ul li {
    padding-right: 10px;
    padding-left: 0;
  }
}
.air-help .main .password-nav ul li.active {
  border-bottom: 4px solid #008EE4;
}
.air-help .main .password-nav ul li.active:after {
  content: " ";
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 15px;
  height: 4px;
  background-color: #fff;
}
.air-help .main .password-nav ul li.active:before {
  content: " ";
  position: absolute;
  bottom: -4px;
  left: -15px;
  width: 15px;
  height: 4px;
  background-color: #008EE4;
}
.air-help .main .password-nav ul li.active:last-child:after {
  content: none;
}
.air-help .main h3 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.air-help .main h3.first {
  margin-top: 40px;
}
.air-help .main .radios-top {
  margin-bottom: 10px;
}
.air-help .main .text-input {
  border: 1px solid #CCCCCC;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  padding: 8px 10px;
  width: 100%;
  letter-spacing: 0.05rem;
  margin-bottom: 30px;
}
.air-help .main .text-input.opt {
  max-width: 170px;
}
.air-help .main .capcha-box {
  max-width: 540px;
  margin: auto;
}
.air-help .main .capcha-box .text-input {
  margin-bottom: 10px;
}
.air-help .main .capcha-box .capcha-img {
  border: 1px solid #CCCCCC;
  padding: 14px 0;
  text-align: center;
  margin-bottom: 10px;
}
.air-help .main .capcha-box a {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-top: 2px;
}
.air-help .main .capcha-box .icons-load {
  position: absolute;
  left: 0;
  top: 0;
}
.air-help .main .submit-button {
  border-radius: 0;
  margin: auto;
  margin-top: 25px;
  max-width: 360px;
  padding: 8px 0;
}
.air-help .main .back-top {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.air-help .main .back-top a {
  font-size: 13px;
  font-size: 1.3rem;
}
.air-help .main .info {
  margin-bottom: 100px;
  font-size: 15px;
  font-size: 1.5rem;
}
.air-help .main .info.middle {
  margin-bottom: 40px;
}
.air-help .main .text-input-wrap {
  margin-top: 30px;
}
.air-help .main .text-input-wrap label {
  margin-bottom: 15px;
  display: block;
}
.air-help .main .text-input-wrap p {
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-help .main .text-input-wrap p:last-child {
  margin-bottom: 80px;
}
@media all and (max-width: 680px) {
  .air-help .main .text-input-wrap p:last-child {
    margin-bottom: 40px;
  }
}
.air-help .main .text-input-wrap input {
  margin-bottom: 20px;
}
.air-help .main .id-reminder .student-id {
  margin-bottom: 10px;
}

.indicate-label {
  display: inline-block;
  width: 90px;
  color: #008EE4;
  border: 1px solid #008EE4;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  padding: 8px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media all and (max-width: 680px) {
  .indicate-label {
    width: 88px;
  }
}

.indicate-box.level1 .indicate-label.level1 {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.indicate-box.level2 .indicate-label.level2 {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.indicate-box.level3 .indicate-label.level3 {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.password-show-label label {
  margin-bottom: 0;
}
@media all and (max-width: 680px) {
  .password-show-label label {
    color: #222222;
  }
}

.remind-radio, .air-main.system .main .system-table-wrap .td-header-radio {
  margin-bottom: 10px;
}
.remind-radio label, .air-main.system .main .system-table-wrap .td-header-radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px 12px;
  border-radius: 2px;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
}
@media all and (max-width: 680px) {
  .remind-radio label, .air-main.system .main .system-table-wrap .td-header-radio label {
    display: block;
    text-align: left;
    margin-left: 10px;
  }
}
.remind-radio label:before, .air-main.system .main .system-table-wrap .td-header-radio label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.remind-radio .radio-none, .air-main.system .main .system-table-wrap .td-header-radio .radio-none {
  cursor: default;
}
.remind-radio .radio-none:before, .air-main.system .main .system-table-wrap .td-header-radio .radio-none:before {
  display: none;
}
.remind-radio .radio-none:after, .air-main.system .main .system-table-wrap .td-header-radio .radio-none:after {
  display: none;
}
.remind-radio input[type=radio]:checked + label:after, .air-main.system .main .system-table-wrap .td-header-radio input[type=radio]:checked + label:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #555;
}
.remind-radio .LOGIN_ID-label, .air-main.system .main .system-table-wrap .td-header-radio .LOGIN_ID-label {
  margin-left: 10px;
}

.home-head {
  zoom: 1;
  margin-bottom: 11px;
}
.home-head:before, .home-head:after {
  content: "";
  display: table;
}
.home-head:after {
  clear: both;
}

.home-content {
  /* 未ログインユーザー画面のUI by BEM */
}
.home-content .gb-menu {
  display: block;
  position: relative;
  top: auto;
  left: auto;
}
.home-content .gb-menu .menu-head {
  top: -8px;
}
.home-content .gb-menu span {
  padding-left: 65px;
}
.home-content .gb-menu a {
  color: #222;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.home-content .gb-menu a:hover {
  background-color: #eee;
}
.home-content h2 {
  padding-left: 35px;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding-bottom: 5px;
}
.home-content h2 i {
  position: absolute;
  left: 0;
  top: 0;
}
.home-content .home-content__list-item {
  position: relative;
  margin: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.home-content .home-content__list-item:hover .home-content__item-button2 i {
  opacity: 1;
}
.home-content .home-content__item-left {
  padding: 24px 31px 22px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.home-content .home-content__item-left i {
  display: inline-block;
  margin-right: 7px;
  height: 54px;
  width: 54px;
}
.home-content .home-content__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home-content .home-content__item-title span {
  font-size: 21px;
}
.home-content .home-content__item-meta {
  padding-left: 60px;
  margin-top: -3px;
}
.home-content .home-content__meta-start {
  font-size: 13px;
  margin-right: 20px;
  display: inline-block;
}
.home-content .home-content__meta-admin {
  font-size: 13px;
  margin-right: 20px;
  display: inline-block;
}
.home-content .home-content__meta-admin span {
  font-weight: bold;
  font-size: 14px;
  color: #2482C2;
  display: inline-block;
}
.home-content .home-content__item-right {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  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;
  padding: 25px 30px 20px;
}
.home-content .home-content__item-button {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #666666;
  color: #555555;
  font-size: 14px;
}
.home-content .home-content__item-button:nth-child(n+2) {
  margin-left: 8px;
}
.home-content .home-content__item-button:hover {
  background-color: #666666;
  color: #fff;
  text-decoration: none;
}
.home-content .home-content__item-button2 + .home-content__item-button {
  margin-left: 28px;
}
.home-content .home-content__item-button2 {
  color: #222222;
  text-decoration: none;
  position: relative;
}
.home-content .home-content__item-button2 i {
  position: absolute;
  top: -13px;
  right: 0px;
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
  zoom: 1.4;
}
@media (max-width: 960px) {
  .home-content {
    padding: 10px;
  }
  .home-content .home-content__list-item {
    display: block;
    margin: 10px 0;
  }
  .home-content .home-content__item-left {
    padding-left: 21px;
    padding-right: 21px;
  }
  .home-content .home-content__item-right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 0;
  }
  .home-content .home-content__item-button {
    margin-left: 8px !important;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .home-content .home-content__item-button2 {
    position: absolute;
    top: 51px;
    right: 20px;
  }
}

/*バージョンアップ大枠*/
.home-content__item-left.version-contents {
  padding: 13px 31px 13px;
}

@media (max-width: 960px) {
  .home-content__item-left.version-contents {
    padding: 13px 21px 13px;
  }
}
.home-content__item-box.version-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*バージョンアップテキストタイトル*/
.home-content__item-box.version-title #updateTitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 54px;
}

.home-content .home-content__item-left #updateTitle .home-content__item-box--title {
  margin-left: 61px;
}

.home-content .home-content__item-left #updateTitle i.new-version + .home-content__item-box--title {
  margin-left: 0;
}

.home-content__item-box--title {
  font-size: 1.8rem;
  font-weight: bold;
}

/*バージョンアップテキスト日付*/
.home-content__item-box--date {
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 20px;
}

/*過去のバージョンアップテキスト*/
.home-content__item-box--right---info {
  font-size: 1.3rem;
  margin-right: 20px;
  color: #5360AA;
}

@media (max-width: 960px) {
  .home-content__item-box--right---info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 180px;
    color: #555555;
  }
  .home-content__item-box--right---info:hover {
    text-decoration: none;
    color: #fff;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
}
/*バージョンアップrightbox*/
.home-content__item-box--right {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 960px) {
  .home-content__item-box--right {
    width: 100%;
    border: 1px solid #666;
    margin-top: 22px;
    margin-left: 8px;
    position: relative;
  }
  .home-content__item-box--right:hover {
    background-color: #666666;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .home-content__item-box--right:hover .home-content__item-box--right---info {
    color: #fff;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .home-content__item-box--right .home-content__item-box--right---btn {
    background-color: inherit;
    margin-left: auto;
    margin-right: 0;
  }
  .home-content__item-box--right .home-content__item-box--right---btn:before {
    background-color: #666666;
  }
  .home-content__item-box--right:hover .home-content__item-box--right---btn:before {
    background-color: #ffffff;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .home-content__item-box--right:hover .home-content__item-box--right---btn:after {
    background-color: #ffffff;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
}
/*バージョンアップ開閉ボタン*/
.home-content__item-box--right---btn {
  width: 40px;
  height: 40px;
  border: 1px solid #666666;
  position: relative;
  font-size: 0;
  background-color: #fff;
  cursor: pointer;
}

@media (max-width: 960px) {
  .home-content__item-box--right---btn {
    background-color: inherit;
    border: none;
    margin-right: auto;
  }
}
.home-content__item-box--right---btn:before {
  content: "";
  width: 13px;
  height: 1px;
  position: absolute;
  background: #666;
  top: 19px;
  left: 12px;
}

@media (max-width: 960px) {
  .home-content__item-box--right---btn:before {
    background: #666666;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
}
.home-content__item-box--right---btn:after {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  background: #666666;
  top: 13px;
  left: 18px;
}

.home-content__item-box--right---btn:hover,
.home-content__item-box--right---btn.is-open {
  background-color: #666666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 960px) {
  .home-content__item-box--right---btn:hover,
  .home-content__item-box--right---btn.is-open {
    background-color: inherit;
  }
}
.home-content__item-box--right---btn:hover:before,
.home-content__item-box--right---btn:hover:after {
  background-color: #ffffff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.home-content__item-box--right---btn.is-open:before {
  background: #ffffff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 960px) {
  .home-content__item-box--right---btn.is-open:before {
    background: #666666;
  }
}
.home-content__item-box--right---btn.is-open:after {
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

/*バージョンアップ読み込み部分*/
.home-content__item-body {
  display: none;
}

.home-content__item-body--inner {
  border-top: 1px solid #cccccc;
  padding-left: 5.4%;
  padding-right: 5.4%;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 13px;
  line-height: 2;
}

.new-version {
  display: inline-block;
  background: url(../img/new_version.svg) center center no-repeat;
  background-size: 54px 54px;
}

.home-content__item-body--footer {
  border-top: 1px solid #cccccc;
  padding-left: 5.4%;
  padding-right: 5.4%;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 13px;
  line-height: 2;
}

/* バージョンアップ案内用 */
.home-content__item-body--footer a,
.home-content__item-body--inner a {
  color: #5360AA;
}

/* バージョンアップ案内用 基本 */
.air-main .main .home-content .home-content__item-body--inner .cp-all {
  margin-bottom: 40px;
}

/*外部リンク*/
.home-content__item-body--footer a[target=_blank]::after,
.home-content__item-body--inner a[target=_blank]::after {
  content: "";
  position: relative;
  top: 0;
  bottom: 0;
  margin: 0 0 0 10px;
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  background: url(../img/icon-blank.svg) center center no-repeat;
  background-size: contain;
}

/* PDF */
.home-content__item-body--inner a[href*=".pdf"]::after,
.home-content__item-body--inner a[download*=".pdf"]::after {
  margin: 0 0 0 10px;
  background: url(../img/icon-pdf.svg) center center no-repeat !important;
  top: 3px !important;
  width: 16px !important;
  max-width: 16px !important;
  height: 18px !important;
}

/* word */
.home-content__item-body--inner a[href*=".docx"]::after,
.home-content__item-body--inner a[download*=".docx"]::after,
.home-content__item-body--inner a[href*=".doc"]::after,
.home-content__item-body--inner a[download*=".doc"]::after {
  margin: 0 0 0 10px;
  background: url(../img/icon-word.svg) center center no-repeat !important;
  top: 3px !important;
  width: 16px !important;
  max-width: 16px !important;
  height: 18px !important;
}

/* Excel */
.home-content__item-body--inner a[href*=".xlsx"]::after,
.home-content__item-body--inner a[download*=".xlsx"]::after,
.home-content__item-body--inner a[href*=".xls"]::after,
.home-content__item-body--inner a[download*=".xls"]::after {
  margin: 0 0 0 10px;
  background: url(../img/icon-excel.svg) center center no-repeat !important;
  top: 3px !important;
  width: 16px !important;
  max-width: 16px !important;
  height: 18px !important;
}

/*h2*/
.home-content .home-content__item-body--inner h2.cp-h2-text {
  padding-left: 0;
  float: none;
  font-size: 2.4rem;
  position: inherit;
}

/*h3*/
.air-main .main .home-content .home-content__item-body--inner h3.cp-h3-text {
  font-size: 1.17em;
  margin-bottom: 0;
}

/*h3 line*/
.air-main .main .home-content .home-content__item-body--inner h3.cp-h3-text.fr-text-bordered {
  border-top: solid 1px #222222;
  border-bottom: solid 1px #222222;
  padding: 10px 0;
  font-size: 1.8rem;
  margin-bottom: 0;
}

/*自動バージョンアップ見出し*/
.air-main .main .home-content .home-content__item-body--inner .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

/* 囲み */
.air-main .main .home-content .home-content__item-body--inner .cp-wp {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}

.safety-wrap {
  margin: 0 auto 42px;
}
.safety-wrap .safety-banner a {
  margin: 0 auto;
  display: block;
  max-width: 736px;
  font-size: 20px;
  font-size: 2rem;
  padding: 12px 0;
  color: #fff;
  background-color: #FF0000;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 1rem;
}
.safety-wrap .safety-banner a:hover {
  text-decoration: none;
  background-color: #D20000;
}

.alert-wrap {
  margin-top: 20px;
}
.alert-wrap .post-num {
  float: right;
  padding-top: 8px;
  padding-right: 10px;
}
@media all and (max-width: 960px) {
  .alert-wrap {
    padding: 0;
  }
}

.alert-lists.post-lists {
  border-radius: 0;
  background: none;
  background: #fff;
  border: 1px solid #FF0000;
  margin-top: 13px;
  padding: 20px 28px 26px;
}
.alert-lists.post-lists.no-message {
  border: none;
  background: none;
  padding-right: 0;
  padding-left: 0;
}
@media all and (max-width: 680px) {
  .alert-lists.post-lists.no-message {
    padding-right: 0;
    padding-left: 0;
  }
}
.alert-lists.post-lists.no-message .post-title {
  color: #222;
}
.alert-lists.post-lists li {
  position: relative;
}
.alert-lists.post-lists li + li {
  margin-top: 18px;
}
@media all and (max-width: 680px) {
  .alert-lists.post-lists li {
    padding: 18px 20px;
  }
}
.alert-lists.post-lists .alert-close-button {
  background-color: #f4f4f4;
  position: absolute;
  top: 50%;
  right: 0%;
  margin-top: -13px;
  background-color: #bababa;
  border-radius: 20px;
  width: 36px;
  height: 36px;
  text-align: center;
  color: #fff;
}
.alert-lists.post-lists .alert-close-button:hover {
  background-color: #e43a37;
}
.alert-lists.post-lists .alert-close-button img {
  width: 16px;
  vertical-align: -9px;
}
.alert-lists.post-lists .post-top {
  margin-bottom: 3px;
  position: relative;
}
@media all and (max-width: 680px) {
  .alert-lists.post-lists .post-top {
    position: static;
  }
}
.alert-lists.post-lists .post-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding-right: 0;
  color: #FF0000;
}
@media all and (max-width: 960px) {
  .alert-lists.post-lists .post-title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 680px) {
  .alert-lists.post-lists .post-title {
    padding-right: 5%;
  }
}
.alert-lists.post-lists .post-date {
  color: #555555;
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  margin-right: 8px;
}

.post-lists .action-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
}
@media all and (max-width: 680px) {
  .post-lists .action-menu {
    right: 2.25%;
    width: 22px;
    height: 100%;
    top: 0;
  }
}
@media all and (max-width: 680px) {
  .post-lists .action-menu .pinned {
    top: 13px;
  }
}
@media all and (max-width: 680px) {
  .post-lists .action-menu .dust {
    bottom: 13px;
  }
}
.post-lists .action-menu form {
  display: inline-block;
}
.post-lists .action-menu button {
  -webkit-appearance: none;
  background: none;
  padding: 0;
  border: none;
}
.post-lists .action-menu span {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: -2px;
  border-radius: 100%;
  background-color: #DDDDDD;
  display: inline-block;
  text-align: center;
}
@media all and (max-width: 680px) {
  .post-lists .action-menu span {
    position: absolute;
  }
}
.post-lists .action-menu span i {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.post-lists .action-menu span.active {
  background-color: #008EE4;
}
.post-lists .sp-action-menu.contain {
  background-color: #008EE4;
}

.all-link {
  text-align: center;
  margin-top: 15px;
}
.all-link input[type=submit],
.all-link button {
  background-color: transparent;
  color: #008EE4;
}
.all-link input[type=submit]:hover,
.all-link button:hover {
  text-decoration: underline;
}
@media all and (max-width: 960px) {
  .all-link input[type=submit],
  .all-link button {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.content-wrap {
  margin-top: 40px;
}
@media all and (max-width: 960px) {
  .content-wrap {
    margin-top: 30px;
  }
}

@media all and (max-width: 960px) {
  .content-wrap.inner {
    padding: 0;
  }
  .content-wrap.inner .tab-container,
  .content-wrap.inner .post-filters {
    padding: 0 2.25%;
  }
}

.post-link {
  float: right;
}
.post-link a {
  color: #FF0000;
  background-color: #fff;
  border: 1px solid #FF0000;
  padding: 4px 0;
  display: block;
  width: 124px;
  text-align: center;
  border-radius: 4px;
}
.post-link a:hover {
  background-color: #FF0000;
  color: #fff;
  text-decoration: none;
}

.tab-container {
  width: 100%;
  padding-top: 10px;
}
.tab-container .swiper-button-disabled {
  opacity: 0;
}
.tab-container:hover .tab-button {
  opacity: 1;
}
.tab-container:hover .swiper-button-disabled {
  opacity: 0;
}
@media all and (max-width: 680px) {
  .tab-container {
    padding-top: 0;
  }
}
.tab-container .tab-button {
  height: 85px;
  top: 22px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media all and (max-width: 680px) {
  .tab-container .tab-button {
    display: none;
  }
}
.tab-container .tab-next {
  right: 0;
}
.tab-container .tab-prev {
  left: 0;
}

.post-tab {
  margin-bottom: 38px;
}
@media all and (max-width: 680px) {
  .post-tab {
    margin-bottom: 25px;
  }
}
.post-tab .tab-list {
  width: auto;
  position: relative;
  top: 7px;
}
.post-tab .tab-list .default {
  background-color: #FF0000;
}
.post-tab .tab-list.active {
  top: 0;
}
.post-tab .tab-list.active a {
  height: 62px;
}
.post-tab a {
  font-weight: bold;
  display: table-cell;
  min-width: 176px;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  color: #fff;
  padding: 0 10px;
  height: 55px;
  background-color: #ddd;
  border-radius: 8px 8px 0 0/8px 8px 0 0;
}
@media all and (max-width: 960px) {
  .post-tab a {
    min-width: 140px;
  }
}
@media all and (max-width: 680px) {
  .post-tab a {
    min-width: 80px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.post-filters {
  zoom: 1;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}
.post-filters:before, .post-filters:after {
  content: "";
  display: table;
}
.post-filters:after {
  clear: both;
}
.post-filters + .post-filters {
  margin-top: 24px;
}
.post-filters + .post-filters.is-mt-0 {
  margin-top: 0;
}

.post-filter-left {
  padding-right: 322px;
  width: 100%;
}
@media all and (max-width: 960px) {
  .post-filter-left {
    padding-right: 0;
  }
}
@media all and (max-width: 680px) {
  .post-filter-left > div {
    margin-left: 4%;
    margin-bottom: 4%;
  }
}
@media all and (max-width: 680px) {
  .post-filter-left > div:nth-child(odd) {
    margin-left: 0;
  }
}

.unread-radio {
  display: inline-block;
}
.unread-radio input {
  display: none;
}
.unread-radio label {
  display: block;
  float: left;
  cursor: pointer;
  width: 61px;
  margin: 0;
  padding: 8px 10px;
  background: #fff;
  color: #222222;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media all and (max-width: 680px) {
  .unread-radio label {
    width: 50%;
  }
}
.unread-radio label:first-of-type {
  border: 1px solid #FF0000;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.unread-radio label:last-of-type {
  border: 1px solid #FF0000;
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.unread-radio input[type=radio]:checked + .switch-on {
  background-color: #FF0000;
  color: #fff;
}
.unread-radio input[type=radio]:checked + .switch-off {
  background-color: #FF0000;
  color: #fff;
}

.unread-radio,
.year-select,
.label-select {
  float: left;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 5;
}
@media all and (max-width: 680px) {
  .unread-radio,
  .year-select,
  .label-select {
    width: 48%;
  }
}

.year-select,
.label-select {
  margin-left: 13px;
}
@media all and (max-width: 680px) {
  .year-select,
  .label-select {
    margin-left: 0;
  }
}

.option-list {
  display: none;
}

.select-list {
  display: inline-block;
  width: 121px;
  cursor: pointer;
}
@media all and (max-width: 680px) {
  .select-list {
    width: 100%;
  }
}
.select-list .select-head {
  padding: 5px 30px 5px 10px;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.select-list .select-head i {
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.select-list ul {
  display: none;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.select-list ul li {
  padding: 6px 10px 7px 10px;
  cursor: pointer;
  border: 1px solid #FF0000;
  border-top: none;
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.select-list ul li:first-child {
  border-top: none;
}
.select-list ul li:last-child {
  border-bottom: none;
}
.select-list ul li:hover {
  background-color: #eee;
}

.org-hierarchy-wrap.position .active.select-menu ul {
  background-color: #fff;
}
.org-hierarchy-wrap.position .select-list ul ul {
  padding-left: 0;
}
.org-hierarchy-wrap .select-list ul {
  border: none;
}
.org-hierarchy-wrap .select-list ul > li > ul > li {
  display: none;
}
.org-hierarchy-wrap .select-list ul > li > ul > li.active {
  display: block;
}
.org-hierarchy-wrap .select-list ul > li > ul > li.active > ul li {
  display: none;
}
.org-hierarchy-wrap .select-list ul > li > ul > li.active > ul li.active {
  display: block;
}
.org-hierarchy-wrap .select-list ul ul {
  padding-left: 15px;
}
.org-hierarchy-wrap .select-list ul span + ul {
  position: relative;
}
.org-hierarchy-wrap .select-list ul span + ul:after {
  content: " ";
  top: -24px;
  left: 10px;
  position: absolute;
  cursor: pointer;
}
.org-hierarchy-wrap .select-list ul span.last-child {
  border-bottom: none;
}
.org-hierarchy-wrap .select-list ul li {
  border: none;
  padding: 0;
}
.org-hierarchy-wrap .select-list ul li > span {
  display: block !important;
  padding: 5px 10px;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 10px 4px 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.org-hierarchy-wrap .select-list ul li > span:hover {
  background-color: #DBDBDB;
}
.org-hierarchy-wrap .select-list ul li:hover {
  background-color: #fff;
}
.org-hierarchy-wrap .select-list ul li.disabled > span {
  cursor: default;
}
.org-hierarchy-wrap .select-list ul li.disabled > span:hover {
  background-color: transparent;
}
.org-hierarchy-wrap .select-list > ul {
  border: 1px solid #ccc;
  display: none;
}
.org-hierarchy-wrap .select-list > ul.active {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.org-hierarchy-wrap .select-list > ul ul {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
}

.active.select-menu.bottom .select-head {
  border-radius: 0;
}
.active.select-menu.bottom .select-list ul li:first-child {
  border-top: none;
  border-radius: 0;
}
.active.select-menu.bottom .select-list ul li:last-child {
  border-bottom: none;
  border-radius: 3px 3px 0 0/3px 3px 0 0;
}
.active.select-menu ul {
  opacity: 1;
  display: block;
  z-index: 4;
}
.active.select-menu .select-head {
  border-radius: 0 0 4px 4px/0 0 4px 4px;
}
.active.select-menu .select-head i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}

.keyword-search {
  position: relative;
  padding-left: 404px;
}
@media all and (max-width: 680px) {
  .keyword-search {
    padding-left: 0;
    float: left;
    width: 48%;
  }
}
.keyword-search .postSearch {
  width: 100%;
  background-color: #fff;
  padding: 8px 10px;
  border: 1px solid #FF0000;
  border-radius: 4px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.keyword-search .postSearchSubmit {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  background-color: transparent;
}

.main-post-info {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 260px;
}
@media all and (max-width: 960px) {
  .main-post-info {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    float: right;
    margin: 30px 0 27px;
  }
}
@media all and (max-width: 680px) {
  .main-post-info {
    margin-top: 10px;
  }
}

.post-num {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
}

.post-result,
.post-dust {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.sp-action-menu {
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media all and (max-width: 960px) {
  .sp-action-menu {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #CCCCCC;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    cursor: pointer;
  }
  .sp-action-menu span {
    display: block;
    background: #fff;
    width: 14px;
    height: 2px;
    position: absolute;
    left: 7px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  .sp-action-menu span:first-child {
    top: 8px;
  }
  .sp-action-menu span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
  }
  .sp-action-menu span:last-child {
    bottom: 8px;
  }
}

.sp-action-menu.active {
  background-color: #666666;
}
.sp-action-menu.active span:first-child {
  -webkit-transform: translateY(5px) rotate(45deg);
  -ms-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
}
.sp-action-menu.active span:nth-child(2) {
  opacity: 0;
}
.sp-action-menu.active span:last-child {
  -webkit-transform: translateY(-5px) rotate(-45deg);
  -ms-transform: translateY(-5px) rotate(-45deg);
  transform: translateY(-5px) rotate(-45deg);
}
.sp-action-menu.active + .action-menu {
  position: absolute;
  display: block;
  z-index: 10;
  height: 42px;
  padding: 10px;
  top: -7px;
  right: -5px;
  width: 170px;
  background-color: #F9F9F9;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sp-action-menu.active + .action-menu span {
  margin: 0 5px;
}

.main-posts {
  border: none;
  border-radius: 0;
  background-color: transparent;
  clear: both;
}
.main-posts > li {
  margin-bottom: 10px;
  position: relative;
  background-color: #fff;
  border-bottom: 0;
  border-radius: 8px;
  padding: 0;
}
@media all and (max-width: 960px) {
  .main-posts > li {
    border-radius: 0;
  }
}
.main-posts > li > a {
  padding: 16px 0 12px;
  display: block;
  color: #222222;
}
.main-posts > li > a:hover {
  text-decoration: none;
}
@media all and (max-width: 960px) {
  .main-posts > li > a {
    padding: 16px 2.25% 12px;
  }
}
@media all and (max-width: 680px) {
  .main-posts > li > a {
    position: relative;
  }
}
.main-posts > li.read > a .post-title {
  font-weight: normal;
  color: #666666;
}
.main-posts .post-date {
  margin-right: 18px;
}
@media all and (max-width: 680px) {
  .main-posts .post-date {
    margin-right: 0;
    display: block;
  }
}
.main-posts .post-top,
.main-posts .post-title {
  padding: 0 22px;
}
@media all and (max-width: 960px) {
  .main-posts .post-top,
  .main-posts .post-title {
    padding: 0;
  }
}
.main-posts .post-top {
  margin-bottom: 9px;
}
.main-posts .post-top .post-left {
  position: relative;
  z-index: 0;
}
.main-posts .action-menu {
  right: 20px;
  top: 13px;
}
@media all and (max-width: 960px) {
  .main-posts .action-menu {
    right: 2.25%;
  }
}
@media all and (max-width: 680px) {
  .main-posts .action-menu {
    top: 0;
  }
}
.main-posts .sp-action-menu {
  top: 13px;
  right: 2.25%;
}
.main-posts .sp-action-menu.contain {
  background-color: #FF0000;
}
.main-posts .sp-action-menu.active + .action-menu {
  top: 6px;
  right: calc(2.25% - 5px);
}
.main-posts .post-labels {
  display: inline-block;
  margin-right: 10px;
}
.main-posts .post-labels li {
  margin-right: 5px;
  display: inline-block;
  padding: 0 14px;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background-color: #ccc;
}
.main-posts .post-labels li:last-child {
  margin-right: 0;
}
.main-posts .post-labels li i {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.main-posts .file-icon {
  display: inline-block;
  vertical-align: middle;
}
.main-posts .file-icon i {
  padding-top: 3px;
}
.main-posts .post-title {
  margin-bottom: 15px;
}
.main-posts .posted-user {
  padding: 13px 20px 0;
  border-top: 1px solid #CCCCCC;
}
@media all and (max-width: 960px) {
  .main-posts .posted-user {
    padding: 13px 0 0;
  }
}
.main-posts .posted-user-icon {
  width: 32px;
  height: 32px;
  background-color: #DDDDDD;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
}
.main-posts .posted-user-icon span {
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  width: 32px;
  height: 32px;
}
.main-posts .posted-user-name {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
}
.main-posts .action-menu span.active {
  background-color: #FF0000;
}
.main-posts .post-detail {
  padding: 45px 60px 20px;
}
@media all and (max-width: 960px) {
  .main-posts .post-detail {
    padding: 35px 40px 20px;
  }
}
@media all and (max-width: 680px) {
  .main-posts .post-detail {
    padding: 20px 25px 20px;
  }
}
.main-posts .post-detail .post-detail-head {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 21px;
}
@media all and (max-width: 960px) {
  .main-posts .post-detail .post-detail-head {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media all and (max-width: 680px) {
  .main-posts .post-detail .post-detail-head {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.main-posts .post-detail .post-detail-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 37px;
  letter-spacing: 0.08rem;
}
@media all and (max-width: 960px) {
  .main-posts .post-detail .post-detail-text {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 680px) {
  .main-posts .post-detail .post-detail-text {
    margin-bottom: 25px;
  }
}
.main-posts .post-detail .post-return-head {
  margin-bottom: 13px;
}
.main-posts .post-detail .post-return-head span {
  font-weight: bold;
}
.main-posts .post-detail .post-return-content {
  margin-bottom: 3px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 1px #efefef inset;
  -moz-box-shadow: 0px 0px 3px 1px #efefef inset;
  -webkit-box-shadow: 0px 0px 3px 1px #efefef inset;
  background-color: #F9F9F9;
  border: 1px solid #F0F0F0;
  border-radius: 8px;
}
.main-posts .post-detail .post-return {
  margin-right: 10px;
  width: 32px;
  height: 32px;
  background-color: #FF0000;
  border-radius: 100%;
  display: inline-block;
  padding-top: 3px;
  text-align: center;
}
.main-posts .post-detail .post-return i {
  vertical-align: middle;
  display: inline-block;
  padding-top: 3px;
}
.main-posts .post-detail .post-return-text {
  position: relative;
}
.main-posts .post-detail .post-return-text textarea {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  width: 100%;
  height: 77px;
  resize: none;
  border: none;
  background-color: transparent;
  padding: 8px 80px 5px 15px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail .post-return-text textarea:focus {
  height: 140px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail .post-return-text .return-button {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 54px;
  height: 54px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  background-color: #FF0000;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail .post-return-text .return-button:hover {
  background-color: #D20000;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail .post-return-sub {
  border-top: 1px dotted #CCCCCC;
  padding: 6px 15px;
  font-size: 13px;
  font-size: 1.3rem;
}
.main-posts .post-detail-bottom {
  padding: 20px 60px;
  border-top: 1px solid #CCCCCC;
  position: relative;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom {
    padding: 20px 25px 20px;
  }
}
.main-posts .post-detail-bottom .post-file-icon {
  margin-right: 5px;
  padding-top: 10px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background-color: #BDBDBD;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom .post-file-icon {
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 0;
  }
}
.main-posts .post-detail-bottom .post-file-icon i {
  display: inline-block;
  vertical-align: middle;
  padding-top: 3px;
}
.main-posts .post-detail-bottom .posted-file {
  padding-right: 350px;
  width: 100%;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom .posted-file {
    padding-right: 0;
  }
}
.main-posts .post-detail-bottom .posted-file a {
  display: inline-block;
  color: #222222;
  font-size: 13px;
  font-size: 1.3rem;
}
.main-posts .post-detail-bottom .posted-file a:hover {
  text-decoration: none;
}
.main-posts .post-detail-bottom .posted-file a:hover .post-file-icon {
  background-color: #0072B6;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail-bottom .posted-file .post-file-icon {
  border-radius: 4px;
  background-color: #008EE4;
}
.main-posts .post-detail-bottom .post-close-menu {
  position: absolute;
  right: 60px;
  top: 20px;
  width: 285px;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom .post-close-menu {
    width: 100%;
    right: auto;
    top: auto;
    margin-top: 20px;
    position: relative;
    text-align: center;
  }
}
.main-posts .post-detail-bottom .post-close-menu > div {
  display: inline-block;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom .post-close-menu > div {
    font-size: 0px;
    font-size: 0rem;
  }
}
.main-posts .post-detail-bottom .post-close-menu > div a {
  color: #222222;
}
.main-posts .post-detail-bottom .post-close-menu > div a:hover {
  text-decoration: none;
}
.main-posts .post-detail-bottom .post-close-menu > div a:hover .post-file-icon {
  background-color: #666666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.main-posts .post-detail-bottom .post-close-menu .post-print {
  margin-right: 27px;
}
@media all and (max-width: 680px) {
  .main-posts .post-detail-bottom .post-close-menu .post-print {
    display: none;
  }
}

.air-main.system {
  background-color: #fff;
  min-width: 960px;
}
.air-main.system .main .head-subscription {
  margin-bottom: 10px;
}
.air-main.system .main .head-subscription.left {
  padding: 0 20px;
}
.air-main.system .main .system-table-wrap table {
  width: 100%;
  background-color: #F3F3F3;
  border-collapse: collapse;
  zoom: 1;
  overflow: visible;
  margin-bottom: 25px;
  font-size: 1.3rem;
}
.air-main.system .main .system-table-wrap table:before, .air-main.system .main .system-table-wrap table:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap table:after {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr {
  border-bottom: 1px solid #CCCCCC;
}
.air-main.system .main .system-table-wrap table tr:first-child {
  border-top: 1px solid #CCCCCC;
}
.air-main.system .main .system-table-wrap table tr td {
  zoom: 1;
  overflow: visible;
  padding: 40px 35px 40px 35px;
  vertical-align: top;
}
.air-main.system .main .system-table-wrap table tr td:before, .air-main.system .main .system-table-wrap table tr td:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap table tr td:after {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr td .input-head {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: 40px;
}
.air-main.system .main .system-table-wrap table tr td .input-head:first-child {
  margin-top: 0;
}
.air-main.system .main .system-table-wrap table tr td .input-head.input-head-parent {
  zoom: 1;
}
.air-main.system .main .system-table-wrap table tr td .input-head.input-head-parent:before, .air-main.system .main .system-table-wrap table tr td .input-head.input-head-parent:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap table tr td .input-head.input-head-parent:after {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr td:first-child {
  padding: 25px 20px 55px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #E6E6E6;
  width: 324px;
}
.air-main.system .main .system-table-wrap table tr td:first-child .desc {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 20px;
}
.air-main.system .main .system-table-wrap table tr td input {
  width: 100%;
  height: 36px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #222;
  padding: 6px 5px;
  border: 1px solid #CCCCCC;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system .main .system-table-wrap table tr td input[type=file] {
  border: none;
  font-size: 13px;
  font-size: 1.3rem;
  width: auto;
}
.air-main.system .main .system-table-wrap table tr td textarea {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  color: #222;
  padding: 6px 5px;
  border: 1px solid #CCCCCC;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system .main .system-table-wrap table tr td textarea.long {
  width: 100%;
  resize: vertical;
}
.air-main.system .main .system-table-wrap table tr td textarea.half {
  width: 50%;
  resize: vertical;
}
.air-main.system .main .system-table-wrap table tr td .parents {
  float: left;
}
.air-main.system .main .system-table-wrap table tr td .parents:after {
  zoom: 1;
}
.air-main.system .main .system-table-wrap table tr td .parents:after:before, .air-main.system .main .system-table-wrap table tr td .parents:after:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap table tr td .parents:after:after {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr td .parent-func {
  font-size: 16px;
  font-size: 1.6rem;
  float: right;
}
.air-main.system .main .system-table-wrap table tr td .parent-func:after {
  zoom: 1;
}
.air-main.system .main .system-table-wrap table tr td .parent-func:after:before, .air-main.system .main .system-table-wrap table tr td .parent-func:after:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap table tr td .parent-func:after:after {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr td .parent-func a {
  cursor: pointer;
}
.air-main.system .main .system-table-wrap table tr td .parent-delete {
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #008EE4;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.air-main.system .main .system-table-wrap table tr td .parent-delete:hover {
  text-decoration: underline;
}
.air-main.system .main .system-table-wrap table tr td .txtBox {
  margin-left: 31px;
}
.air-main.system .main .system-table-wrap table tr td .clearFixRadio {
  clear: both;
}
.air-main.system .main .system-table-wrap table tr td #nonLogin {
  margin-top: -22px;
  margin-left: 31px;
}
.air-main.system .main .system-table-wrap table .sub-head {
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system .main .system-table-wrap table.rowspan-table td:first-child {
  width: auto;
  background-color: transparent;
  padding: 40px 35px;
  font-size: 1.3rem;
}
.air-main.system .main .system-table-wrap table.rowspan-table td:first-child.rowspan {
  background-color: #e6e6e6;
  font-size: 1.8rem;
  padding: 25px 20px 55px;
  width: 324px;
}
.air-main.system .main .system-table-wrap .td-header-radio {
  margin-top: 10px;
}
.air-main.system .main .system-table-wrap .td-logo-left {
  float: left;
  width: calc(50% - 20px);
  margin-right: 40px;
}
.air-main.system .main .system-table-wrap .td-logo-right {
  width: calc(50% - 20px);
  float: left;
}
.air-main.system .main .system-table-wrap .td-logo-comfirm {
  margin-top: 20px;
  clear: both;
}
.air-main.system .main .system-table-wrap .td-logo-head {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
}
.air-main.system .main .system-table-wrap .td-logo-desc {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.air-main.system .main .system-table-wrap .td-mini-wrap {
  zoom: 1;
  margin-bottom: 60px;
}
.air-main.system .main .system-table-wrap .td-mini-wrap:before, .air-main.system .main .system-table-wrap .td-mini-wrap:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .td-mini-wrap:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .td-mini-wrap .td-logo-box {
  float: left;
  width: calc(50% - 17px);
  margin-right: 17px;
}
.air-main.system .main .system-table-wrap .td-mini-wrap .td-logo-box:last-child {
  margin-right: 0;
}
.air-main.system .main .system-table-wrap .td-mini-wrap .td-logo-box span {
  display: block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system .main .system-table-wrap .children-info {
  width: 100%;
  zoom: 1;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #CCCCCC;
}
.air-main.system .main .system-table-wrap .children-info:before, .air-main.system .main .system-table-wrap .children-info:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .children-info:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .children-info:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.air-main.system .main .system-table-wrap .children-info dt, .air-main.system .main .system-table-wrap .children-info dd {
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.air-main.system .main .system-table-wrap .children-info dt {
  width: 15%;
  position: relative;
}
.air-main.system .main .system-table-wrap .children-info dt:after {
  position: absolute;
  right: 0;
  top: 0;
  content: ":";
}
.air-main.system .main .system-table-wrap .children-info dd {
  width: 85%;
  padding-left: 20px;
}
.air-main.system .main .system-table-wrap .input-info {
  margin-top: 10px;
}
.air-main.system .main .system-table-wrap .pad-adjst-top {
  padding-top: 20px;
}
.air-main.system .main .system-table-wrap .td-logo-thum.bg {
  width: 200px;
}
.air-main.system .main .system-table-wrap .recaptcha-key-wrap {
  margin-top: 15px;
  zoom: 1;
}
.air-main.system .main .system-table-wrap .recaptcha-key-wrap:before, .air-main.system .main .system-table-wrap .recaptcha-key-wrap:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .recaptcha-key-wrap:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .recaptcha-key-wrap label {
  float: left;
  width: 120px;
  padding-top: 10px;
}
.air-main.system .main .system-table-wrap .recaptcha-key-wrap input {
  float: left;
  width: calc(100% - 120px);
}
.air-main.system .main .system-table-wrap .smpt-acount-wrap {
  margin-top: 15px;
  zoom: 1;
}
.air-main.system .main .system-table-wrap .smpt-acount-wrap:before, .air-main.system .main .system-table-wrap .smpt-acount-wrap:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .smpt-acount-wrap:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .smpt-acount-wrap label {
  float: left;
  width: 120px;
  padding-top: 10px;
}
.air-main.system .main .system-table-wrap .smpt-acount-wrap input {
  float: left;
  width: calc(100% - 120px);
}
.air-main.system .main .system-table-wrap .table-testmail-wrap {
  zoom: 1;
}
.air-main.system .main .system-table-wrap .table-testmail-wrap:before, .air-main.system .main .system-table-wrap .table-testmail-wrap:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .table-testmail-wrap:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .table-testmail-wrap input[type=text] {
  float: left;
  width: calc(100% - 100px);
}
.air-main.system .main .system-table-wrap .table-testmail-wrap button[type=submit] {
  width: 80px;
  float: right;
  border: none;
  background-color: #fff;
  border: 1px solid #008EE4;
  margin-left: 20px;
  padding: 6px 18px 5px 18px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
  text-align: center;
}
.air-main.system .main .system-table-wrap .table-testmail-wrap button[type=submit]:hover {
  background-color: #008EE4;
  color: #fff;
}
.air-main.system .main .system-table-wrap .select-list {
  width: 100%;
}
.air-main.system .main .system-table-wrap .select-list .select-head {
  border: 1px solid #ccc;
}
.air-main.system .main .system-table-wrap .select-list ul {
  z-index: 10;
}
.air-main.system .main .system-table-wrap .select-list ul li {
  border-color: #ccc;
}
.air-main.system .main .system-table-wrap .profile-img {
  zoom: 1;
  display: table;
  width: 100%;
}
.air-main.system .main .system-table-wrap .profile-img:before, .air-main.system .main .system-table-wrap .profile-img:after {
  content: "";
  display: table;
}
.air-main.system .main .system-table-wrap .profile-img:after {
  clear: both;
}
.air-main.system .main .system-table-wrap .profile-img .profile-thum {
  width: 60px;
  display: table-cell;
}
.air-main.system .main .system-table-wrap .profile-img .profile-thum img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.air-main.system .main .system-table-wrap .profile-img .logo-img-input {
  display: table-cell;
  width: calc(100% - 60px);
  padding-left: 30px;
  vertical-align: middle;
}
.air-main.system .main .system-table-wrap .profile-img .logo-img-input p {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  color: #008EE4;
}
.air-main.system .main .system-table-wrap .profile-img .logo-img-input p i {
  top: 0;
  left: 0;
  position: absolute;
}
.air-main.system .main .system-table-wrap .language-change-menu {
  margin-bottom: 10px;
}
.air-main.system .main .system-table-wrap .language-change-menu .lang-change ul {
  top: 32px;
}
.air-main.system .main .system-table-wrap .language-change-box-wrap.select-mode .language-title {
  visibility: hidden;
}
.air-main.system .main .system-form-button {
  margin-top: 40px;
}
.air-main.system .main .system-form-button .submit-button {
  width: 360px;
  margin: auto;
  padding: 0;
}
.air-main.system .main .system-form-button .submit-button input,
.air-main.system .main .system-form-button .submit-button button {
  padding: 6px 0;
  width: 100%;
  display: block;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 18px;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  border: none;
}
.air-main.system .main .system-form-button .cancel-button {
  margin-top: 25px;
  text-align: center;
}
.air-main.system .main .system-form-button .cancel-button input {
  background-color: transparent;
  color: #008EE4;
  cursor: pointer;
}
.air-main.system .main .system-form-button .cancel-button input:hover {
  text-decoration: underline;
}
.air-main.system .main .input-col2 {
  width: 100%;
  max-width: 660px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system .main .input-col2.org-head {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0;
}
.air-main.system .main .input-col2.org-head .input-col1 {
  width: calc(50% - 15px);
}
.air-main.system .main .input-col2 .input-col1 {
  width: calc(50% - 10px);
}
.air-main.system .main .input-col2 .input-col1.line {
  width: 100%;
}
.air-main.system .main .input-col2 .input-col1 span:not(.error-message) {
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  padding-bottom: 5px;
}
.air-main.system .main .input-col2 .input-col1 .priority-class {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 5px;
}
.air-main.system .main .input-col2 .input-col1 .post-filters {
  margin-bottom: 0;
}
.air-main.system .main .input-col2 .input-col1 .post-filters .select-head {
  padding: 8px 30px 2px 10px;
}
.air-main.system .main .input-col2 .input-col1 .post-filters .select-head i {
  top: 10px;
}
.air-main.system .main .input-col2 .input-col1.mails input {
  margin-bottom: 20px;
}
.air-main.system .main .org-wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
}
.air-main.system .main .org-wrap .input-col2 {
  margin-bottom: 10px;
}
.air-main.system .main .org-wrap .input-col2 .input-col1 {
  width: calc(50% - 30px);
}
.air-main.system .main .org-wrap .input-remove {
  width: 30px;
  padding-top: 10px;
}
.air-main.system .main .org-wrap.edit .input-col2.hide {
  display: none;
}
.air-main.system .main .org-wrap.edit .input-col2:first-child {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.air-main.system .main .org-wrap.edit .input-col2.active {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.air-main.system .main .post-filters.language {
  width: 50%;
}
.air-main.system .main .filters-inline .select-menu.left {
  margin: 0 0 0 32px;
}
.air-main.system .main .filters-inline .select-menu.txtLeft {
  margin: 0 0 0 23px;
}
.air-main.system .main .filters-inline .post-filters {
  margin-bottom: 0;
  display: inline-block;
  float: left;
}
.air-main.system .main .filters-inline .post-filters.ex-filters {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.air-main.system .main .filters-inline .post-filters.ex-filters .ex-box {
  margin: 5px 0 0 35px;
}
.air-main.system .main .filters-inline .post-filters.ex-filters .ex-box p {
  color: #e00;
}
.air-main.system .main .filters-inline .post-filters.ex-filters .ex-box p .default {
  color: #008EE4;
}
.air-main.system .main .filters-inline .select-list {
  zoom: 1;
  width: 100px;
}
.air-main.system .main .filters-inline .select-list:before, .air-main.system .main .filters-inline .select-list:after {
  content: "";
  display: table;
}
.air-main.system .main .filters-inline .select-list:after {
  clear: both;
}
.air-main.system .main .filters-inline .select-list ul {
  width: 100px;
  top: 31px;
  z-index: 1000;
}
.air-main.system .main .filters-inline .system-select-title {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 5px;
}
.air-main.system .main .filters-inline .system-select-title.textareaTtl {
  margin-left: 0;
  margin-bottom: 10px;
  float: none;
  display: block;
}
.air-main.system .main .filters-inline .select-head {
  display: inline-block;
  float: left;
  width: 100px;
}
.air-main.system .main .filters-inline .check-box-wrap {
  clear: both;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 25px 0 15px;
}
.air-main.system .main .filters-inline .check-box-wrap .icons-check {
  top: 27px;
}
.air-main.system .main .filters-inline .check-box-wrap:after {
  top: 26px;
}
.air-main.system .main .filters-inline .check-box-wrap:first-child,
.air-main.system .main .filters-inline .check-box-wrap + .check-box-wrap {
  padding-top: 0;
}
.air-main.system .main .filters-inline .check-box-wrap:first-child .icons-check,
.air-main.system .main .filters-inline .check-box-wrap + .check-box-wrap .icons-check {
  top: 2px;
}
.air-main.system .main .filters-inline .check-box-wrap:first-child:after,
.air-main.system .main .filters-inline .check-box-wrap + .check-box-wrap:after {
  top: 1px;
}
.air-main.system .main .filters-inline .head-subscription {
  clear: both;
  margin-top: 0;
}
.air-main.system .main .filters-inline .head-subscription.tops {
  margin-top: 52px;
}
.air-main.system .main .filters-inline .head-subscription.left {
  margin-left: 31px;
}
.air-main.system .main .filters-inline .head-subscription.halfLeft {
  margin-left: 31px;
}
.air-main.system .main .filters-inline .head-subscription.halfLeft.tops {
  margin-top: 10px;
}
.air-main.system .main .filters-inline .input-subscription {
  margin-bottom: 10px;
  margin-top: 20px;
}
.air-main.system .main .filters-inline .input-subscription:first-child {
  margin-top: 0;
}
.air-main.system .main .filters-inline textarea {
  width: 300px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  height: 120px;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.air-main.system .main .filters-inline .dummy-table .dummy-table__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.air-main.system .main .filters-inline .dummy-table .dummy-table__tr:not(:last-child) {
  margin-bottom: 10px;
}
.air-main.system .main .filters-inline .dummy-table .dummy-table__th.is-wide60 {
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
}
.air-main.system .main .filters-inline .dummy-table .dummy-table__td {
  padding-left: 20px;
}
.air-main.system .main .auto-mail-box {
  background-color: #F3F3F3;
  border: 1px solid #CCCCCC;
  margin-bottom: 5px;
  padding: 30px 40px 20px;
}
.air-main.system .main .auto-mail-box.edit .auto-mail-functions {
  display: none;
}
.air-main.system .main .auto-mail-box.edit .auto-mail-functions.edit-active {
  display: block;
}
.air-main.system .main .auto-mail-box.edit .auto-mail-bottom {
  display: block;
}
.air-main.system .main .auto-mail-box .auto-mail-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.air-main.system .main .auto-mail-box .auto-mail-info {
  padding-right: 50px;
}
.air-main.system .main .auto-mail-box .auto-mail-info .auto-mail-title {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}
.air-main.system .main .auto-mail-box .auto-mail-info .auto-mail-title input {
  font-size: 20px;
  font-size: 2rem;
  width: 100%;
  border: 1px solid #CCCCCC;
  padding: 3px 5px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system .main .auto-mail-box .auto-mail-info .auto-mail-dates {
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system .main .auto-mail-box .auto-mail-functions {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-top {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-top a {
  background-color: #fff;
  border: 1px solid #008EE4;
  color: #008EE4;
  display: block;
  text-align: center;
  padding: 6px 21px;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-top a.editing {
  margin-top: 0;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-top a:hover {
  text-decoration: none;
  background-color: #008EE4;
  color: #fff;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-bottom {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-bottom button {
  display: block;
  margin-top: 10px;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 15px;
  margin-left: 65px;
  line-height: 1.6;
}
.air-main.system .main .auto-mail-box .auto-mail-functions .function-bottom button:hover {
  color: #008EE4;
  background-color: transparent;
  text-decoration: underline;
}
.air-main.system .main .auto-mail-box .auto-mail-functions input, .air-main.system .main .auto-mail-box .auto-mail-functions button {
  background-color: #fff;
  border: 1px solid #008EE4;
  margin-left: 20px;
  padding: 6px 18px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
}
.air-main.system .main .auto-mail-box .auto-mail-functions input:hover, .air-main.system .main .auto-mail-box .auto-mail-functions button:hover {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .main .auto-mail-box .auto-mail-functions a {
  display: block;
  margin-top: 10px;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom {
  padding: 40px 0 20px;
  margin-top: 30px;
  border-top: 1px solid #939393;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .mail-change-box {
  margin-bottom: 60px;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  z-index: 2;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap.active .head:before {
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap.active ul {
  display: block;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap .head {
  padding: 5px 60px 5px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap .head:before {
  position: absolute;
  right: 10px;
  top: 13px;
  content: " ";
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap ul {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  display: none;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap ul span {
  display: block;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 5px 10px;
  cursor: pointer;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap ul span:hover {
  background-color: #eee;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .auto-character-wrap ul span:last-child {
  border-bottom: none;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-title {
  margin-bottom: 20px;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-title p {
  margin-bottom: 5px;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-title input {
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #CCCCCC;
  padding: 8px 10px;
  width: 100%;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-text p {
  margin-bottom: 5px;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-text textarea {
  border: 1px solid #CCCCCC;
  background-color: #fff;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  width: 100%;
  resize: none;
  padding: 8px 15px 5px;
  height: 180px;
  overflow-y: scroll;
}
.air-main.system .main .auto-mail-box .auto-mail-bottom .language-mail-text #body1 {
  width: 100% !important;
}
.air-main.system .logo-frame-outer {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  min-height: 500px;
  top: 0;
  left: 0;
  z-index: 10;
}
.air-main.system .logo-frame-outer.active {
  display: block;
}
.air-main.system .logo-frame {
  display: none;
  opacity: 0;
  width: 940px;
  padding: 35px 0 0;
  position: fixed;
  left: calc(50% - 470px);
  top: 20%;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  z-index: 99;
}
.air-main.system .logo-frame.active {
  display: block;
}
.air-main.system .logo-frame.one {
  width: 400px;
  left: calc(50% - 200px);
}
.air-main.system .logo-frame.one .logo-img-box-wrap .logo-img-box {
  width: 100%;
}
.air-main.system .logo-frame.one .logo-img-box-wrap .logo-img-box .logo-img-thum img {
  width: 107px;
  height: auto;
}
.air-main.system .logo-frame .import-alert-wrap {
  margin: 0 35px 20px;
}
.air-main.system .logo-frame .import-alert-wrap .import-alert-box {
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.air-main.system .logo-frame .import-alert-wrap .import-alert-box .box-head {
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system .logo-frame .logo-img-box-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 30px;
  margin-bottom: 10px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-box {
  width: 31%;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-box.logo1 .logo-img-thum img {
  width: 80px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-box.logo2 .logo-img-thum span {
  margin-bottom: 5px;
  display: block;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-box.logo2 .logo-img-thum img {
  width: 160px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-box.favicon .logo-img-thum img {
  width: 48px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-head {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-desc {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-thum {
  margin-bottom: 10px;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-thum img {
  height: auto;
}
.air-main.system .logo-frame .logo-img-box-wrap .logo-img-input input {
  margin-bottom: 10px;
}
.air-main.system .logo-frame .logo-img-box-wrap .sub-desc {
  font-size: 12px;
  font-size: 1.2rem;
}
.air-main.system .logo-frame .img-submit,
.air-main.system .logo-frame .add-submit {
  background-color: #F3F3F3;
  text-align: center;
  border-radius: 0 0 6px 6px/0 0 6px 6px;
  padding: 15px 0;
}
.air-main.system .logo-frame .img-submit.yes-only .cancel-button,
.air-main.system .logo-frame .add-submit.yes-only .cancel-button {
  display: none;
}
.air-main.system .logo-frame .img-submit .submit-button,
.air-main.system .logo-frame .add-submit .submit-button {
  padding: 0;
  width: 180px;
  border-radius: 0;
  display: inline-block;
}
.air-main.system .logo-frame .img-submit .submit-button a,
.air-main.system .logo-frame .img-submit .submit-button input,
.air-main.system .logo-frame .img-submit .submit-button button,
.air-main.system .logo-frame .add-submit .submit-button a,
.air-main.system .logo-frame .add-submit .submit-button input,
.air-main.system .logo-frame .add-submit .submit-button button {
  padding: 8px 0;
  color: #fff;
  display: block;
  width: 100%;
}
.air-main.system .logo-frame .img-submit .submit-button a:hover,
.air-main.system .logo-frame .img-submit .submit-button input:hover,
.air-main.system .logo-frame .img-submit .submit-button button:hover,
.air-main.system .logo-frame .add-submit .submit-button a:hover,
.air-main.system .logo-frame .add-submit .submit-button input:hover,
.air-main.system .logo-frame .add-submit .submit-button button:hover {
  text-decoration: none;
}
.air-main.system .logo-frame .img-submit .submit-button input,
.air-main.system .logo-frame .img-submit .submit-button button,
.air-main.system .logo-frame .add-submit .submit-button input,
.air-main.system .logo-frame .add-submit .submit-button button {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #fff;
  background-color: transparent;
  border: none;
  margin: 0;
}
.air-main.system .logo-frame .img-submit .cancel-button,
.air-main.system .logo-frame .add-submit .cancel-button {
  display: inline-block;
  margin-left: 10px;
}
.air-main.system .input-col2.org-hide {
  display: none;
}
.air-main.system .import-lists {
  margin: 10px 0;
  line-height: 1.8;
}
.air-main.system h3 + .organization-wrap {
  margin-top: -20px;
}
.air-main.system .organization-wrap {
  zoom: 1;
}
.air-main.system .organization-wrap:before, .air-main.system .organization-wrap:after {
  content: "";
  display: table;
}
.air-main.system .organization-wrap:after {
  clear: both;
}
.air-main.system .organization-wrap #organizationDetail,
.air-main.system .organization-wrap #grpDetail {
  position: relative;
  float: right;
  width: calc(100% - 410px);
}
.air-main.system .organization-wrap #organizationDetail.nowloading .organization-detail,
.air-main.system .organization-wrap #grpDetail.nowloading .organization-detail {
  opacity: 0.6;
}
.air-main.system .organization-wrap .organization-select {
  float: left;
  width: 390px;
  margin-top: 0;
}
.air-main.system .organization-wrap .organization-detail-head {
  zoom: 1;
  padding: 20px;
  background-color: #F3F3F3;
  border: 1px solid #CCCCCC;
  margin-bottom: 30px;
}
.air-main.system .organization-wrap .organization-detail-head:before, .air-main.system .organization-wrap .organization-detail-head:after {
  content: "";
  display: table;
}
.air-main.system .organization-wrap .organization-detail-head:after {
  clear: both;
}
.air-main.system .organization-wrap .organization-detail-head .head-main {
  width: calc(100% - 250px);
  float: left;
}
.air-main.system .organization-wrap .organization-detail-head .head-aside {
  width: 250px;
  float: right;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system .organization-wrap .organization-detail-head .head-aside .aside-button {
  margin-top: 20px;
  width: 176px;
}
.air-main.system .organization-wrap .organization-detail-head .head-aside .aside-button a {
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 2px 10px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .organization-wrap .organization-detail-head .head-aside .aside-button a:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #0072B6;
}
.air-main.system .organization-wrap .organization-detail-head .main-lang {
  font-size: 20px;
  font-size: 2rem;
}
.air-main.system .organization-wrap .organization-detail-head .sub-lang {
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system .organization-wrap .organization-detail-head .sub {
  margin-top: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system .organization-wrap .organization-detail-names table tr td:first-child {
  width: 220px;
}
.air-main.system .organization-wrap .organization-detail-names table tr td .language-title {
  font-weight: normal;
}
.air-main.system .organization-wrap .organization-detail-names table tr td input {
  margin-bottom: 25px;
}
.air-main.system .org-remove {
  text-align: right;
  min-height: 43px;
}
.air-main.system .org-remove input,
.air-main.system .org-remove button {
  cursor: pointer;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  background-color: transparent;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #008EE4;
  text-align: center;
  padding: 3px 10px;
  margin-bottom: 12px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .org-remove input:hover,
.air-main.system .org-remove button:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #0072B6;
}
.air-main.system .organization-add {
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #008EE4;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.air-main.system .organization-add:hover {
  text-decoration: underline;
}

.org-order-filter {
  display: inline-block;
}
.org-order-filter .post-filters .select-list {
  display: block;
  width: 240px;
}
.org-order-filter .post-filters .select-list ul li {
  border-color: #ccc;
}
.org-order-filter .post-filters .select-head {
  border: 1px solid #ccc;
}
.org-order-filter .post-filters .active.select-menu ul {
  width: 240px;
}

.org-order-lists {
  position: relative;
  overflow: hidden;
}
.org-order-lists ul {
  border: 1px solid #939393;
  background-color: #F3F3F3;
}
.org-order-lists ul li {
  padding: 5px 10px;
  background-color: #F3F3F3;
  border-bottom: 1px solid #CCCCCC;
  cursor: move;
  height: 34px;
}
.org-order-lists ul li:last-child {
  border-bottom: none;
}
.org-order-lists ul li.placeholder {
  background-color: #fff;
}
.org-order-lists .order-select-form {
  display: none;
}
.org-order-lists .order-select-form select {
  display: none;
}
.org-order-lists .order-select-form input {
  border: 1px solid #ccc;
  margin-right: 10px;
}
.org-order-lists .order-select-form table tr td {
  padding: 0 !important;
  font-size: 13px !important;
}
.org-order-lists .order-select-form table tr td:first-child {
  padding: 0 !important;
  font-size: 13px !important;
}

.fa {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  position: relative;
  vertical-align: middle;
}

.fa-minus:before {
  content: " ";
  width: 15px;
  height: 3px;
  background-color: #222222;
  display: block;
}

.fa-plus:before {
  content: " ";
  width: 15px;
  height: 3px;
  background-color: #222222;
  display: block;
}

.fa-plus:after {
  content: " ";
  width: 3px;
  height: 15px;
  background-color: #222222;
  display: block;
  position: absolute;
  top: -6px;
  left: 6px;
}

.office-wrap {
  margin-bottom: 15px;
}

.office-item {
  zoom: 1;
  margin-top: -1px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.office-item:before, .office-item:after {
  content: "";
  display: table;
}
.office-item:after {
  clear: both;
}
.office-item form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 58px;
}
.office-item .office-item-main {
  position: relative;
  width: 100%;
  padding-left: 10px;
}
.office-item .office-item-main span {
  font-size: 12px;
  font-size: 1.2rem;
}
.office-item .office-item-main .office-cat-id {
  font-size: 12px;
  font-size: 1.2rem;
}
.office-item .office-item-main.active {
  width: 100%;
}
.office-item .office-item-main.active + .office-item-menu {
  display: none;
}
.office-item .office-item-main.active .office-item-title {
  display: none;
}
.office-item .office-item-main.active .name-input {
  display: block;
}
.office-item .office-item-main.active .name-input label {
  font-size: 14px;
  font-size: 1.4rem;
}
.office-item .office-item-main.active .name-input input[type=text] {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: 1px solid #CCCCCC;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px;
  margin-right: 20px;
}
.office-item .office-item-main.active .name-input input[name=classificationCode],
.office-item .office-item-main.active .name-input input[name=classificationSmallCode],
.office-item .office-item-main.active .name-input input[name=code] {
  width: 185px;
}
.office-item .office-item-main.active .name-input input[name=name] {
  width: 535px;
}
.office-item .office-item-main.active .name-input a,
.office-item .office-item-main.active .name-input input[type=submit],
.office-item .office-item-main.active .name-input button[type=submit] {
  background-color: transparent;
  color: #008EE4;
  margin-right: 10px;
  padding: 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
  border: none;
}
.office-item .office-item-main.active .name-input a:hover,
.office-item .office-item-main.active .name-input input[type=submit]:hover,
.office-item .office-item-main.active .name-input button[type=submit]:hover {
  text-decoration: underline;
}
.office-item .office-item-menu {
  float: right;
  width: 150px;
}
.office-item .office-item-menu input, .office-item .office-item-menu button {
  background-color: transparent;
  color: #008EE4;
  margin-right: 20px;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
  padding: 0;
  border: none;
}
.office-item .office-item-menu input:hover, .office-item .office-item-menu button:hover {
  text-decoration: underline;
}
.office-item .name-input {
  display: none;
}
.office-item .office-item-title {
  position: relative;
  padding-left: 20px;
}
.office-item .office-item-title .item-head {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 20px;
  vertical-align: top;
}
.office-item .office-item-title .item-head:first-child {
  width: 20%;
  max-width: 165px;
}
.office-item .office-item-title .item-head:nth-child(2) {
  width: 50%;
  max-width: 520px;
}
.office-item .office-item-title .item-delete-button,
.office-item .office-item-title .item-edit-button {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  vertical-align: middle;
}
.office-item .office-item-title .item-delete-button button,
.office-item .office-item-title .item-edit-button button {
  background-color: transparent;
  color: #008EE4;
  margin-right: 20px;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
  padding: 0;
  border: none;
  line-height: 1.3;
}
.office-item .office-item-title .item-delete-button button:hover,
.office-item .office-item-title .item-edit-button button:hover {
  text-decoration: underline;
}

.office-item.new-classification {
  display: none;
}
.office-item.new-classification .name-input {
  display: block;
}

.link-back {
  text-align: right;
  margin-bottom: 20px;
}
.link-back a {
  border: 1px solid #008EE4;
  color: #008EE4;
  display: inline-block;
  padding: 3px 20px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.link-back a:hover {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  text-decoration: none;
}

.import-alert-wrap {
  margin-top: 40px;
}
.import-alert-wrap .import-alert-box {
  color: #222;
  display: none;
}
.import-alert-wrap .import-alert-box.active {
  display: block;
}
.import-alert-wrap .import-alert-box.no-message {
  visibility: hidden;
}
.import-alert-wrap .import-alert-box:empty {
  display: none;
}
.import-alert-wrap .box-head {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.import-alert-wrap .box-head.accordionBtn {
  position: relative;
  background: #666;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  margin-bottom: 20px;
}
.import-alert-wrap .box-head.accordionBtn:hover {
  background: #333;
}
.import-alert-wrap .box-head.accordionBtn:hover .trigger > span {
  background: #333;
}
.import-alert-wrap .box-head.accordionBtn .trigger {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  background: #fff;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 20px;
}
.import-alert-wrap .box-head.accordionBtn .trigger span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 2px;
  margin: auto;
  background: #666;
}
.import-alert-wrap .box-head.accordionBtn .trigger span:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.import-alert-wrap .box-head.accordionBtn .trigger span:nth-of-type(2) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.import-alert-wrap .box-head.accordionBtn .trigger.active span:nth-of-type(1) {
  display: none;
}
.import-alert-wrap .box-head.accordionBtn .trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.import-alert-wrap .hiddenBox {
  display: none;
}

.air-main.system .main .import-alert-box-table table {
  background-color: #fff;
}
.air-main.system .main .import-alert-box-table table tr td:first-child {
  width: 150px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
  background-color: transparent;
}
.air-main.system .main .import-alert-box-table table tr td:nth-child(2) {
  width: 150px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
}
.air-main.system .main .import-alert-box-table table tr td {
  padding: 10px;
  color: #222222;
}
.air-main.system .main .import-alert-box-table table tr th {
  padding: 10px;
  color: #222222;
  background: #FBFBFB;
  text-align: left;
}

.users-table-wrap.import .danger td:last-child {
  color: #FF0000;
}
.users-table-wrap.import table.table td.importTd01 {
  width: 100px;
}
.users-table-wrap.import table.table td.importTd02 {
  width: 150px;
}
.users-table-wrap.import table.table td.importTd03 {
  width: 150px;
}
.users-table-wrap.import table.table td.importTd04 {
  width: 200px;
}
.users-table-wrap.import table.table td.importTd05 {
  width: 200px;
}
.users-table-wrap.import table.table td.importTd06 {
  width: 460px;
}

.syslog-table-top {
  background-color: #F3F3F3;
  padding: 35px 0;
}
.syslog-table-top .main {
  margin-top: 0;
  overflow: visible;
}
.syslog-table-top .main-inner {
  overflow: visible;
}
.syslog-table-top .syslog-search-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.syslog-table-top .syslog-search-wrap .post-filters .select-head {
  border: 1px solid #ccc;
  border-radius: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
.syslog-table-top .syslog-search-wrap .post-filters .select-list {
  width: 97%;
}
.syslog-table-top .syslog-search-wrap .post-filters .select-list ul {
  width: 97%;
}
.syslog-table-top .syslog-search-wrap .post-filters .select-list ul li {
  border-color: #ccc;
}
.syslog-table-top .syslog-search-wrap .syslog-right {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% - 590px);
}
.syslog-table-top .syslog-search-wrap .syslog-term {
  width: 560px;
}
.syslog-table-top .syslog-search-wrap .syslog-term a {
  display: inline-block;
  vertical-align: top;
}
.syslog-table-top .syslog-search-wrap .syslog-term input {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 10px;
  border: 1px solid #ccc;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.syslog-table-top .syslog-search-wrap .syslog-term input.term-date {
  width: 120px;
}
.syslog-table-top .syslog-search-wrap .syslog-term input.term-time {
  width: 40px;
}
.syslog-table-top .syslog-level {
  width: 140px;
}
.syslog-table-top .syslog-page {
  width: 214px;
}
.syslog-table-top .syslog-operation {
  width: 160px;
}
.syslog-table-top .syslog-result {
  width: 140px;
}
.syslog-table-top .user-search-wrap .user-search-box.reset {
  width: 36px;
  height: 36px;
  background-color: #666;
}
.syslog-table-top .user-search-wrap .user-search-box.reset input {
  width: 36px;
  height: 36px;
}
.syslog-table-top .user-search-wrap .user-search-box.bunrui .user-search-box-top .user-search-box-button {
  width: 90%;
  background: transparent;
}
.syslog-table-top .user-search-wrap .user-search-box.bunrui .user-search-box-top .user-search-box-button i {
  top: 4px;
}
.syslog-table-top .user-search-wrap .user-search-box.position .user-search-box-top .user-search-box-button {
  width: 90%;
  background: transparent;
}
.syslog-table-top .user-search-wrap .user-search-box.position .user-search-box-top .user-search-box-button i {
  top: 4px;
}
.syslog-table-top .user-search-wrap .user-search-box.org .user-search-box-top .user-search-box-button {
  width: 90%;
  background: transparent;
}
.syslog-table-top .user-search-wrap .user-search-box.org .user-search-box-top .user-search-box-button i {
  top: 4px;
}
.syslog-table-top .user-search-wrap .user-search-box.area .user-search-box-top .user-search-box-button {
  width: 90%;
  background: transparent;
}
.syslog-table-top .user-search-wrap .user-search-box.area .user-search-box-top .user-search-box-button i {
  top: 4px;
}
.syslog-table-top .user-search-wrap .user-search-box .user-search-box-top > input {
  height: 36px;
}
.syslog-table-top .user-search-wrap .user-search-box .user-search-box-top .user-search-box-button {
  width: 36px;
  height: 36px;
}
.syslog-table-top .user-search-wrap .user-search-box .user-search-box-top .user-search-box-button .filter-icon {
  top: 4px;
  right: 10px;
}
.syslog-table-top .user-search-wrap .user-search-box .user-search-box-top .user-search-box-button:after {
  left: 9px;
  top: 9px;
}
.syslog-table-top .user-search-wrap .user-search-box.download {
  text-align: right;
}
.syslog-table-top .user-search-wrap .user-search-box.download input,
.syslog-table-top .user-search-wrap .user-search-box.download button {
  width: 90%;
  height: 36px;
  border: none;
  background-color: #008EE4;
  text-align: center;
  color: #fff;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  padding: 6px 0;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.syslog-table-top .user-search-wrap .user-search-box.download input:hover,
.syslog-table-top .user-search-wrap .user-search-box.download button:hover {
  background-color: #0072B6;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.air-main.system .syslog-table-wrap .main .users-table-wrap .users-top-right {
  width: 130px;
}
.air-main.system .syslog-table-wrap .main .users-table-wrap .users-top-right .post-filters {
  margin-right: 0;
}
.air-main.system .head-subscription-wrap {
  zoom: 1;
}
.air-main.system .head-subscription-wrap:before, .air-main.system .head-subscription-wrap:after {
  content: "";
  display: table;
}
.air-main.system .head-subscription-wrap:after {
  clear: both;
}
.air-main.system .head-subscription-wrap .head-subscription {
  float: left;
  width: calc(100% - 150px);
}
.air-main.system .head-subscription-wrap .head-subscription-button {
  float: right;
  width: 140px;
}
.air-main.system .head-subscription-wrap .head-subscription-button input {
  background-color: #008EE4;
  color: #fff;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 3px 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
}
.air-main.system .head-subscription-wrap .head-subscription-button input:hover {
  background-color: #0072B6;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .syslog-term.maintenance {
  margin-bottom: 20px;
}
.air-main.system .syslog-term.maintenance > p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.air-main.system .syslog-term.maintenance .term-input {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: "";
  -ms-flex-pack: "";
  justify-content: "";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.air-main.system .syslog-term.maintenance .term-input > input {
  margin: 0 5px;
}
.air-main.system .syslog-term.maintenance .term-input > input:first-child {
  margin-left: 0;
}
.air-main.system .syslog-term.maintenance .term-input > a {
  margin: 0 10px;
}
.air-main.system .syslog-term.maintenance .term-input > .term-date {
  width: 120px;
}
.air-main.system .syslog-term.maintenance .term-input > .term-time {
  width: 40px;
}
.air-main.system .maintenance-massage .maintenance-massage-box {
  margin-bottom: 30px;
}
.air-main.system .maintenance-massage .language-mail-title {
  margin-bottom: 10px;
}
.air-main.system .maintenance-massage textarea {
  width: 100%;
}
.air-main.system .application-wrap {
  background-color: #F3F3F3;
  padding: 35px 0 60px;
}
.air-main.system .application-wrap .main {
  margin-top: 0;
}
.air-main.system .application-wrap .application-item {
  border-radius: 4px;
  background-color: #fff;
  padding: 30px 0 20px;
  margin-bottom: 10px;
}
.air-main.system .application-wrap .application-name {
  padding: 0 25px 30px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 24px;
  font-size: 2.4rem;
}
.air-main.system .application-wrap .application-name i {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.air-main.system .application-wrap .application-info {
  padding: 20px 25px 0;
  zoom: 1;
}
.air-main.system .application-wrap .application-info:before, .air-main.system .application-wrap .application-info:after {
  content: "";
  display: table;
}
.air-main.system .application-wrap .application-info:after {
  clear: both;
}
.air-main.system .application-wrap .info-left {
  width: calc(100% - 310px);
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system .application-wrap .info-right {
  width: 305px;
  float: right;
}
.air-main.system .application-wrap .info-right ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system .application-wrap .info-right ul li {
  width: 68px;
}
.air-main.system .application-wrap .info-right ul li.active input {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border: none;
}
.air-main.system .application-wrap .info-right ul input {
  background-color: transparent;
  color: #939393;
  border: 1px solid #939393;
  width: 100%;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  padding: 3px 0;
  cursor: pointer;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .application-wrap .info-right ul input:hover {
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system .app-select-menu {
  margin-bottom: 35px;
}
.air-main.system .app-select-menu form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system .app-select-menu .post-filters {
  margin-bottom: 0;
  margin-right: 10px;
}
.air-main.system .app-select-menu .post-filters .select-list {
  width: 280px;
  display: block;
}
.air-main.system .app-select-menu .post-filters .select-list .select-head {
  border: 1px solid #ccc;
  border-radius: 0;
}
.air-main.system .app-select-menu .post-filters .select-list ul li {
  border-color: #ccc;
}
.air-main.system .users-table-wrap.app-admin .users-top-right .post-filters {
  float: right;
  margin-right: 0;
}

.air-main.system.user {
  min-width: auto;
}
.air-main.system.user .head-subscription .password-expire {
  color: #008EE4;
  font-weight: bold;
}
@media all and (max-width: 680px) {
  .air-main.system.user .head-subscription .password-expire {
    display: block;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .head-subscription .password-expire + br {
    display: none;
  }
}
.air-main.system.user .submit-button.history a {
  padding: 6px 0;
}
.air-main.system.user .user-info-box {
  margin-bottom: 45px;
}
.air-main.system.user .user-info-box .user-thum {
  margin-top: 25px;
  margin-bottom: 20px;
}
.air-main.system.user .user-info-box .user-thum img {
  max-width: 250px;
  width: auto;
  height: auto;
}
.air-main.system.user .user-info-box .user-thum .profile-img-delete {
  padding-left: 15px;
  border: none;
  background-color: transparent;
  color: #008EE4;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
}
.air-main.system.user .user-info-box .user-thum .profile-img-delete:hover {
  text-decoration: underline;
}
.air-main.system.user .user-info-box.changepass .user-info-item {
  padding: 0;
}
.air-main.system.user .user-info-box.tel .user-info-item {
  padding: 0;
}
.air-main.system.user .user-info-box.mail .user-info-item {
  padding: 0;
}
.air-main.system.user .user-info-box.mail .remind-radio, .air-main.system.user .user-info-box.mail .main .system-table-wrap .td-header-radio, .air-main.system.user .main .system-table-wrap .user-info-box.mail .td-header-radio {
  margin-top: 0;
}
.air-main.system.user .user-info-box.mail .remind-radio label, .air-main.system.user .user-info-box.mail .main .system-table-wrap .td-header-radio label, .air-main.system.user .main .system-table-wrap .user-info-box.mail .td-header-radio label {
  padding: 0 0 0 12px;
  font-size: 18px;
  font-size: 1.8rem;
}
.air-main.system.user .user-info-box.mail .loginid-after label {
  margin-top: 0;
  margin-left: 10px;
}
.air-main.system.user .user-info-box.twostep .remind-radio, .air-main.system.user .user-info-box.twostep .main .system-table-wrap .td-header-radio, .air-main.system.user .main .system-table-wrap .user-info-box.twostep .td-header-radio {
  margin-top: 0;
}
.air-main.system.user .user-info-box.twostep .remind-radio label, .air-main.system.user .user-info-box.twostep .main .system-table-wrap .td-header-radio label, .air-main.system.user .main .system-table-wrap .user-info-box.twostep .td-header-radio label {
  padding: 0 0 0 12px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 0;
  margin-left: 10px;
}
.air-main.system.user .user-info-box.parent .input-col2 {
  max-width: 960px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box.parent .input-col2 {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.user .user-info-box.parent .input-col2 .input-col1 span {
  display: inline-block;
  width: 140px;
}
.air-main.system.user .user-info-box.parent .input-col2 .input-col1 input,
.air-main.system.user .user-info-box.parent .input-col2 .input-col1 p {
  display: inline-block;
  width: 230px;
  font-weight: bold;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box.parent .input-col2 .input-col1 input,
  .air-main.system.user .user-info-box.parent .input-col2 .input-col1 p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.air-main.system.user .user-info-box.changeid {
  margin-bottom: 85px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box.changeid {
    margin-bottom: 40px;
  }
}
.air-main.system.user .user-info-box.profile .user-info-item {
  zoom: 1;
}
.air-main.system.user .user-info-box.profile .user-info-item:before, .air-main.system.user .user-info-box.profile .user-info-item:after {
  content: "";
  display: table;
}
.air-main.system.user .user-info-box.profile .user-info-item:after {
  clear: both;
}
.air-main.system.user .user-info-box.profile .user-info-item .user-name {
  float: left;
}
.air-main.system.user .user-info-box.profile .user-info-item .user-name .name {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.air-main.system.user .user-info-box.profile .user-info-item .user-name .furigana {
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system.user .user-info-box.profile .user-info-item .user-thum {
  float: right;
  margin-top: 0;
}
.air-main.system.user .user-info-box.profile .user-info-item .user-thum img {
  width: 64px;
  height: auto;
  border-radius: 100%;
}
.air-main.system.user .user-info-box .input-dsc {
  margin-top: 10px;
}
.air-main.system.user .user-info-box .info-head {
  zoom: 1;
  background-color: #F3F3F3;
  padding: 18px 18px 16px;
  margin-bottom: 30px;
}
.air-main.system.user .user-info-box .info-head:before, .air-main.system.user .user-info-box .info-head:after {
  content: "";
  display: table;
}
.air-main.system.user .user-info-box .info-head:after {
  clear: both;
}
.air-main.system.user .user-info-box .user-info-item {
  padding: 0 20px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item {
    padding: 0 10px;
  }
}
.air-main.system.user .user-info-box .user-info-item h5 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.air-main.system.user .user-info-box .user-info-item dl {
  zoom: 1;
}
.air-main.system.user .user-info-box .user-info-item dl:before, .air-main.system.user .user-info-box .user-info-item dl:after {
  content: "";
  display: table;
}
.air-main.system.user .user-info-box .user-info-item dl:after {
  clear: both;
}
.air-main.system.user .user-info-box .user-info-item dl dt, .air-main.system.user .user-info-box .user-info-item dl dd {
  float: left;
  display: inline-block;
  margin-right: 27px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item dl dt, .air-main.system.user .user-info-box .user-info-item dl dd {
    float: none;
    display: block;
  }
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info {
  width: 100%;
  zoom: 1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info:before, .air-main.system.user .user-info-box .user-info-item .zaiseki-info:after {
  content: "";
  display: table;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info:after {
  clear: both;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dt, .air-main.system.user .user-info-box .user-info-item .zaiseki-info dd {
  float: left;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 5px;
  margin-right: 0;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dt {
  width: 183px;
  position: relative;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dt p {
  position: relative;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .zaiseki-info dt p {
    font-weight: bold;
  }
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dt p:after {
  content: "：";
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .zaiseki-info dt p:after {
    content: none;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .zaiseki-info dt {
    width: 100%;
  }
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dt:after {
  position: absolute;
  right: 0;
  top: 0;
}
.air-main.system.user .user-info-box .user-info-item .zaiseki-info dd {
  width: calc(100% - 183px); /*Chrome19~25対応*/
  width: -moz-calc(100% - 183px); /*Firefox4~15対応*/
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .zaiseki-info dd {
    width: 100%;
  }
}
.air-main.system.user .user-info-box .user-info-item .org {
  padding-right: 1.5em;
}
.air-main.system.user .user-info-box .user-info-item .loginid-before {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 50px;
}
.air-main.system.user .user-info-box .user-info-item .loginid-before span {
  font-weight: bold;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .loginid-before span {
    margin-bottom: 15px;
    display: block;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .loginid-before {
    margin-bottom: 25px;
  }
}
.air-main.system.user .user-info-box .user-info-item .loginid-after {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 35px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .loginid-after {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 25px;
  }
}
.air-main.system.user .user-info-box .user-info-item .loginid-after p.input-wrap {
  width: 100%;
  max-width: 320px;
}
.air-main.system.user .user-info-box .user-info-item .loginid-after label {
  margin-top: 3px;
}
.air-main.system.user .user-info-box .user-info-item .loginid-after div p {
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system.user .user-info-box .user-info-item .loginid-after input {
  max-width: 320px;
}
.air-main.system.user .user-info-box .user-info-item .loginid-after.filter-change label {
  width: 175px;
}
.air-main.system.user .user-info-box .user-info-item .profile-text {
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
  color: #008EE4;
}
.air-main.system.user .user-info-box .user-info-item .profile-text i {
  position: absolute;
  top: 2px;
  left: 0;
}
.air-main.system.user .user-info-box .user-info-item .info {
  color: #008EE4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 35px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .info {
    margin-bottom: 20px;
  }
}
.air-main.system.user .user-info-box .user-info-item .info.alert {
  color: #FF0000;
}
.air-main.system.user .user-info-box .user-info-item .info button {
  background-color: transparent;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #008EE4;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.air-main.system.user .user-info-box .user-info-item .info button:hover {
  text-decoration: underline;
}
.air-main.system.user .user-info-box .user-info-item .subinfo {
  margin-top: 20px;
}
.air-main.system.user .user-info-box .user-info-item .indicate-wrap {
  padding-left: 160px;
  margin-bottom: 30px;
}
.air-main.system.user .user-info-box .user-info-item .indicate-wrap .indicate-box {
  margin-top: 10px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .indicate-wrap {
    padding-left: 0;
  }
}
.air-main.system.user .user-info-box .user-info-item .password-indicate-box .recomfirm {
  margin-bottom: 20px;
}
@media all and (max-width: 680px) {
  .air-main.system.user .user-info-box .user-info-item .password-indicate-box .recomfirm {
    margin-bottom: 0;
  }
}
.air-main.system.user .user-info-box .user-info-item .check-box-wrap {
  margin-left: 10px;
  color: #222222;
}
.air-main.system.user .user-info-box .user-info-item .post-filters {
  width: 100%;
  margin-bottom: 0;
}
.air-main.system.user .user-info-box .user-info-item .post-filters .select-list {
  width: 100%;
  max-width: 620px;
  display: block;
}
.air-main.system.user .user-info-box .user-info-item .post-filters .select-list ul {
  max-width: 620px;
}
.air-main.system.user .user-info-box .user-info-item .post-filters .select-list ul li {
  border-color: #ccc;
}
.air-main.system.user .user-info-box .user-info-item .post-filters .select-list .select-head {
  border-color: #ccc;
  border-radius: 0;
}
.air-main.system.user .user-info-box .user-info-item .post-filters.language .select-list {
  max-width: 320px;
}
.air-main.system.user .user-info-box .user-info-item .post-filters.language .select-list ul {
  max-width: 320px;
}
.air-main.system.user .user-info-box input[type=text],
.air-main.system.user .user-info-box input[type=password] {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 6px 5px;
  border: 1px solid #CCCCCC;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system.user .user-info-box h4 {
  font-size: 15px;
  font-size: 1.5rem;
  float: left;
  font-weight: normal;
  margin: 0;
}
.air-main.system.user .user-info-box aside {
  float: right;
}
.air-main.system.user .user-info-box aside button {
  background-color: transparent;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
  color: #008EE4;
}
.air-main.system.user .user-info-box aside button:hover {
  text-decoration: underline;
}
.air-main.system.user .history-head {
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 10px;
}
.air-main.system.user .history-menu {
  margin: 20px 0;
}
@media all and (max-width: 680px) {
  .air-main.system.user .system-form-button .submit-button {
    width: auto;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .remind-radio label, .air-main.system.user .main .system-table-wrap .td-header-radio label {
    line-height: 1.2;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .users-table-wrap table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
@media all and (max-width: 680px) {
  .air-main.system.user .users-table-wrap table tr td {
    padding: 5px;
    word-wrap: break-all;
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.air-main.system.faq {
  min-width: auto;
}

.faq-edit-hide {
  display: none;
}

#faq_img {
  vertical-align: middle;
}

#faq_title {
  float: left;
}
#faq_title i {
  display: inline-block;
  vertical-align: middle;
}
@media all and (max-width: 960px) {
  #faq_title {
    float: none;
  }
}

#buttons {
  text-align: right;
  font-size: 16px;
  font-size: 1.6rem;
}
@media all and (max-width: 960px) {
  #buttons {
    text-align: left;
    margin-top: 20px;
  }
}

#admin_setting_button, #add_faq_site_button {
  border: 1px #CCCCCC solid;
  padding: 5px 10px;
  color: #323131;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  display: inline-block;
}
#admin_setting_button:hover, #add_faq_site_button:hover {
  background-color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}

#add-faq {
  width: 600px;
}
#add-faq input {
  border: 1px solid #008EE4;
  padding: 10px;
  width: 100%;
}

#faq_img {
  visibility: middle;
}

.faq_site_img {
  border: 1px solid #ccc;
}

.site-detail {
  padding-left: 30px;
  float: left;
  width: calc(100% - 252px);
  color: #222222;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 960px) {
  .site-detail {
    float: none;
    width: 100%;
    padding-left: 0px;
  }
}
@media all and (max-width: 680px) {
  .site-detail .detail-box {
    margin-bottom: 10px;
  }
}
.site-detail .detail-buttons a {
  display: inline-block;
  padding: 5px;
  text-align: center;
  border: 1px solid #008EE4;
  min-width: 140px;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.site-detail .detail-buttons a:hover {
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
}
.site-detail .detail-buttons form {
  display: inline-block;
  position: relative;
  top: -2px;
}
.site-detail .detail-buttons input,
.site-detail .detail-buttons button {
  background-color: transparent;
  color: #008EE4;
  border: 1px solid #008EE4;
  padding: 5px 10px;
  height: 37px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  position: relative;
  line-height: 1.2;
  top: 2px;
}
.site-detail .detail-buttons input:hover,
.site-detail .detail-buttons button:hover {
  background-color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}

.faq-site {
  margin-left: 0px;
  margin-bottom: 1em;
  overflow: auto;
  zoom: 1;
  padding: 30px;
  display: block;
}
.faq-site:before, .faq-site:after {
  content: "";
  display: table;
}
.faq-site:after {
  clear: both;
}

.site-img {
  float: left;
  width: 250px;
}
@media all and (max-width: 960px) {
  .site-img {
    width: auto;
    text-align: center;
    float: none;
    margin-bottom: 1em;
  }
}

@media all and (max-width: 680px) {
  .faq-description {
    margin-bottom: 20px;
  }
}

.faq_url {
  padding-top: 10px;
  margin-bottom: 1.8em;
  font-size: 20px;
  font-size: 2rem;
}
.faq_url.active .url_title {
  display: none;
}
.faq_url.active .name-input {
  display: block;
}
.faq_url .url_title {
  position: relative;
}
.faq_url .url_title > p {
  display: inline-block;
}
.faq_url .url_title .item-head {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  margin-right: 30px;
}
.faq_url .url_title .item-edit-button {
  display: inline-block;
}
.faq_url .name-input {
  display: none;
}
.faq_url .name-input input[type=text] {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: 1px solid #CCCCCC;
  font-size: 20px;
  font-size: 2rem;
  padding: 3px 5px;
  width: 100%;
}
@media all and (max-width: 680px) {
  .faq_url .name-input input[type=text] {
    min-width: auto;
  }
}
.faq_url .name-input a {
  font-size: 15px;
  font-size: 1.5rem;
}
.faq_url .name-input input[type=submit] {
  background-color: transparent;
  color: #008EE4;
  margin-right: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
}
.faq_url .name-input input[type=submit]:hover {
  text-decoration: underline;
}

.align-right {
  text-align: right;
  width: 100%;
}

.table-head.title.list {
  width: 50% !important;
}

.table-head.check {
  width: 5% !important;
}
.table-head.check button {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: none;
  background-color: transparent;
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 0;
  color: #008EE4;
}
.table-head.check button:hover {
  text-decoration: underline;
}

@media all and (max-width: 960px) {
  #faq_list_table {
    width: 1200px;
    table-layout: fixed;
    overflow: scroll;
  }
}

#add_site_path {
  border: 1px solid #00ccff;
  padding: 10px;
  width: 100%;
}

.faq-search {
  max-width: 525px;
  position: relative;
  width: 100%;
}
.faq-search.num {
  max-width: 150px;
  margin-left: 35px;
}
@media all and (max-width: 680px) {
  .faq-search.num {
    max-width: none;
    margin-left: auto;
  }
}
@media all and (max-width: 680px) {
  .faq-search {
    margin-bottom: 20px;
  }
}
.faq-search .search-submit-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #008EE4;
}
.faq-search .search-submit-wrap:after {
  position: absolute;
  content: " ";
  top: calc(50% - 13px);
  right: calc(50% - 13px);
}
.faq-search input[type=text] {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 14px 10px;
  padding-right: 50px;
  border: 1px solid #ccc;
  height: 50px;
}
.faq-search input[type=submit] {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  z-index: 3;
  font-size: 0px;
  font-size: 0rem;
  background-color: transparent;
}

.air-main.system.faq .faq-wrap {
  margin-bottom: 80px;
}
.air-main.system.faq .users-table-wrap.users.faq table .head {
  background-color: #F2F2F2;
  border-top: 1px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
.air-main.system.faq .users-table-wrap.users.faq table .head td {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding-right: 20px;
}
.air-main.system.faq .users-table-wrap.users.faq table .head td input {
  background-color: transparent;
  color: #008EE4;
}
.air-main.system.faq .users-table-wrap.users.faq table .head td input:hover {
  text-decoration: underline;
}
.air-main.system.faq .users-table-wrap.users.faq table .head td .table-sort {
  top: calc(50% - 12px);
}
@media all and (max-width: 960px) {
  .air-main.system.faq .users-table-wrap.users.faq.scroll {
    overflow-x: scroll;
  }
}
.air-main.system.faq .users-table-wrap.users.faq .rank {
  width: 5%;
}
.air-main.system.faq .users-table-wrap.users.faq .number {
  width: 5%;
}
.air-main.system.faq .users-table-wrap.users.faq .title {
  width: 29%;
}
.air-main.system.faq .users-table-wrap.users.faq .view {
  width: 8%;
}
.air-main.system.faq .users-table-wrap.users.faq .cat {
  width: 11%;
}
.air-main.system.faq .users-table-wrap.users.faq .eval-child {
  width: 7%;
}
.air-main.system.faq .users-table-wrap.users.faq .eval-sum {
  width: 7%;
}
@media all and (max-width: 960px) {
  .air-main.system.faq #viewGraph {
    width: 1340px;
  }
}
.air-main.system.faq .form-update {
  text-align: right;
  margin-bottom: 10px;
}
.air-main.system.faq .form-edit-wrap {
  margin-bottom: 50px;
  border-top: 1px solid #666;
}
.air-main.system.faq .form-edit-wrap .radio-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 30px;
  background-color: #eee;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .radio-box {
    padding: 5px 3%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.faq .form-edit-wrap .radio-box .left {
  width: 200px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .radio-box .left {
    width: 100%;
  }
}
.air-main.system.faq .form-edit-wrap .radio-box .left .head {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-top: 5px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .radio-box .left .head {
    margin-bottom: 10px;
  }
}
.air-main.system.faq .form-edit-wrap .radio-box .right {
  width: calc(100% - 202px);
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .radio-box .right {
    width: 100%;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 30px;
  background-color: #eee;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box {
    padding: 5px 3%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .left {
  width: 200px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .left {
    width: 100%;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .left .head {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-top: 5px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .left .head {
    margin-bottom: 10px;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .left i {
  border-radius: 100%;
  color: #fff;
  position: relative;
  font-style: normal;
  font-weight: bold;
  width: 60px;
  height: 60px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .left i {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .left i.question {
  background-color: #444;
}
.air-main.system.faq .form-edit-wrap .edit-box .left i.question:before {
  content: "Q";
}
.air-main.system.faq .form-edit-wrap .edit-box .left i.answer {
  background-color: #008E48;
}
.air-main.system.faq .form-edit-wrap .edit-box .left i.answer:before {
  content: "A";
}
.air-main.system.faq .form-edit-wrap .edit-box .left i:before {
  position: absolute;
  line-height: 2.5;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  border-radius: 100%;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  text-align: center;
}
.air-main.system.faq .form-edit-wrap .edit-box .right {
  width: calc(100% - 202px);
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .right {
    width: 100%;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap.hide {
  display: none;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap:first-child {
  margin-top: 0;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap:first-child .remove-button {
  display: none;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap:last-child .add-button {
  display: block;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .add-button {
  display: none;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap > div {
  margin-right: 10px;
  margin-bottom: 10px;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap > div:last-child {
  margin-right: 0;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .post-filters {
  margin-bottom: 0;
  display: inline-block;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .post-filters {
    margin-bottom: 10px;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .post-filters.faq {
  width: 100%;
  margin-top: 10px;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .filter-text {
  display: inline-block;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .add-button,
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .remove-button {
  font-size: 14px;
  font-size: 1.4rem;
  padding-top: 10px;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list ul li {
  border-color: #ccc;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list {
  width: 250px;
}
@media all and (max-width: 680px) {
  .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list {
    width: 100%;
  }
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.importance {
  width: 80px;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.faq {
  width: 100%;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.status, .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.year, .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.month, .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.day, .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.hour, .air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list.minute {
  width: auto;
}
.air-main.system.faq .form-edit-wrap .edit-box .right .select-wrap .select-list .select-head {
  border: 1px solid #ccc;
}
.air-main.system.faq .form-edit-wrap .edit-box .faq-num {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.air-main.system.faq .form-edit-wrap .edit-box .question-title {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
}
.air-main.system.faq .form-edit-wrap .edit-box .filter-text {
  padding-top: 6px;
}
.air-main.system.faq .form-edit-wrap .edit-box #titleCount {
  margin-top: 5px;
  color: #008EE4;
  font-size: 14px;
  font-size: 1.4rem;
}
.air-main.system.faq .form-edit-wrap .edit-box.editer {
  background-color: #fff;
}
.air-main.system.faq .syslog-term {
  width: 560px;
}
.air-main.system.faq .syslog-term a {
  display: inline-block;
  vertical-align: top;
}
.air-main.system.faq .syslog-term input {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px;
  border: 1px solid #ccc;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system.faq .syslog-term input.term-date {
  width: 120px;
}
.air-main.system.faq .syslog-term input.term-time {
  width: 40px;
}

.air-main.system.linkcheck .gb-header .title {
  padding-top: 3px;
}
.air-main.system.linkcheck .lc-order-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .lc-order-change {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .lc-order-change li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 35px;
  position: relative;
}
.air-main.system.linkcheck .lc-order-change li .lc-sort {
  position: absolute;
  top: 0;
  right: 15px;
}
.air-main.system.linkcheck .lc-order-change li .lc-sort a {
  line-height: 1;
}
.air-main.system.linkcheck .lc-order-change li .lc-sort a i {
  height: 8px;
  display: block;
}
.air-main.system.linkcheck .lc-order-change li .lc-sort a:last-child {
  position: relative;
  top: 3px;
}
.air-main.system.linkcheck .lc-button a {
  display: inline-block;
  padding: 5px 10px;
  color: #008EE4;
  border: 1px solid #008EE4;
}
.air-main.system.linkcheck .lc-button a:hover {
  background-color: #008EE4;
  text-decoration: none;
  color: #fff;
}
.air-main.system.linkcheck .lc-site-wrap {
  border-top: 1px solid #DADEE6;
}
.air-main.system.linkcheck .lc-site-wrap.detail {
  border: none;
  margin-bottom: 50px;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box {
  zoom: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box:before, .air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box:after {
  content: "";
  display: table;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box:after {
  clear: both;
}
@media all and (max-width: 680px) {
  .air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .thum,
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .content {
  float: none;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .content {
  width: calc(100% - 551px);
}
@media all and (max-width: 680px) {
  .air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .content {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
  }
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons {
  width: 300px;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons.disabled ul li:not(.lc-toggle) {
  display: none;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul {
  zoom: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul:before, .air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul:after {
  content: "";
  display: table;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul:after {
  clear: both;
}
@media all and (max-width: 680px) {
  .air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul li {
  padding-left: 10px;
  margin-bottom: 20px;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul a {
  display: inline-block;
  border: 1px solid #DADEE6;
  padding: 5px 10px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons ul a:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #008EE4;
  color: #fff;
  border: 1px solid #008EE4;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons .button-bottom ul a {
  background-color: #008EE4;
  color: #fff;
  border: 1px solid #008EE4;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box .buttons .button-bottom ul a:hover {
  background-color: #0072B6;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box a {
  border: none;
  padding: 0;
}
.air-main.system.linkcheck .lc-site-wrap.detail .lc-site-box a:hover {
  background-color: transparent;
}
.air-main.system.linkcheck .lc-site-box a {
  zoom: 1;
  border-bottom: 1px solid #DADEE6;
  display: block;
  padding: 30px 10px;
  color: #222222;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system.linkcheck .lc-site-box a:before, .air-main.system.linkcheck .lc-site-box a:after {
  content: "";
  display: table;
}
.air-main.system.linkcheck .lc-site-box a:after {
  clear: both;
}
.air-main.system.linkcheck .lc-site-box a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system.linkcheck .lc-site-box .thum {
  width: 250px;
  float: left;
  overflow: hidden;
}
@media all and (max-width: 680px) {
  .air-main.system.linkcheck .lc-site-box .thum {
    width: auto;
    text-align: center;
    float: none;
    margin-bottom: 1em;
  }
}
.air-main.system.linkcheck .lc-site-box .content {
  width: calc(100% - 251px);
  float: left;
  padding-left: 30px;
}
.air-main.system.linkcheck .lc-site-box .content .lc-title {
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 5px;
}
.air-main.system.linkcheck .lc-site-box .content .lc-url {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}
.air-main.system.linkcheck .lc-site-add.one {
  position: absolute;
  top: 300px;
  padding: 40px;
  width: 600px;
  left: calc(50% - 300px);
  margin-bottom: 100px;
}
@media all and (max-width: 680px) {
  .air-main.system.linkcheck .lc-site-add.one {
    width: 90%;
    left: 5%;
  }
}
.air-main.system.linkcheck .lc-site-add.one h2 {
  margin-bottom: 30px;
}
.air-main.system.linkcheck .lc-site-add.one h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
  font-weight: bold;
}
.air-main.system.linkcheck .lc-site-add.one input[type=text] {
  padding: 10px;
  border: 1px solid #008EE4;
  margin-bottom: 30px;
  width: 100%;
}
.air-main.system.linkcheck .lc-site-add.one input[type=text].hasError {
  margin-bottom: 0;
}
.air-main.system.linkcheck .lc-site-add.one .error-message + h3 {
  margin-top: 20px;
}
.air-main.system.linkcheck .lc-site-add.one .check-box-wrap {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 5px 0 5px;
}
.air-main.system.linkcheck .lc-site-add.one .check-box-wrap input[type=text] {
  margin-bottom: 0;
  width: auto;
  display: inline-block;
  margin: 0 10px;
  border: 1px solid #DADEE6;
  padding: 5px 10px;
}
.air-main.system.linkcheck .lc-site-add.one .check-box-wrap .icons-check {
  top: 9px;
}
.air-main.system.linkcheck .lc-site-add.one .check-box-wrap:after {
  top: 8px;
}
.air-main.system.linkcheck .lc-site-add.one .check-box-wrap + input[type=text] {
  margin-top: 10px;
}
.air-main.system.linkcheck .lc-site-add.one .remind-radio, .air-main.system.linkcheck .lc-site-add.one .main .system-table-wrap .td-header-radio, .air-main.system.linkcheck .main .system-table-wrap .lc-site-add.one .td-header-radio {
  margin-bottom: 0;
}
.air-main.system.linkcheck .lc-site-add.one .remind-radio label, .air-main.system.linkcheck .lc-site-add.one .main .system-table-wrap .td-header-radio label, .air-main.system.linkcheck .main .system-table-wrap .lc-site-add.one .td-header-radio label {
  margin-left: 10px;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 20px;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .mail-add {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .mail-add .select-list {
  width: 250px;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .mail-add .select-list .select-head {
  border-color: #ccc;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .mail-add .select-list ul li {
  border-color: #ccc;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .mail-add .select-list ul li:hover {
  background-color: #eee;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .add a {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #008EE4;
  padding: 3px 5px;
  color: #008EE4;
  display: inline-block;
  margin-top: 2px;
}
.air-main.system.linkcheck .lc-site-add.one .mail-add-button .add a:hover {
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
}
.air-main.system.linkcheck .mail-all {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.air-main.system.linkcheck .lc-site-add.one.timer label {
  display: block;
  margin-bottom: 10px;
  text-align: left;
}
.air-main.system.linkcheck .lc-site-add.one.timer label.select-filter {
  display: inline-block;
}
.air-main.system.linkcheck .lc-site-add.one.timer .post-filters {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
}
.air-main.system.linkcheck .lc-site-add.one.timer .post-filters .select-list .select-head {
  border-color: #ccc;
}
.air-main.system.linkcheck .lc-site-add.one.timer .post-filters .select-list ul li {
  border-color: #ccc;
}
.air-main.system.linkcheck .lc-site-add.one.timer .post-filters .select-list ul li:hover {
  background-color: #eee;
}
.air-main.system.linkcheck .lc-site-add.one.timer .timer-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.air-main.system.linkcheck .lc-site-add.one.timer .timer-wrap h3 {
  width: 100px;
}
.air-main.system.linkcheck .lc-site-add.one.lc-stop .desc {
  margin-bottom: 30px;
}
.air-main.system.linkcheck .auth-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.linkcheck .auth-wrap .auth-box {
  width: 48%;
}
.air-main.system.linkcheck .auth-wrap .auth-box label {
  margin-bottom: 5px;
  display: block;
}
.air-main.system.linkcheck .auth-head {
  margin-bottom: 10px;
}

#delete-popup {
  display: none;
}

.delete-box .desc {
  margin-bottom: 10px;
}
.delete-box .site-url {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 40px;
}
.delete-box .buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.delete-box .buttons a {
  display: inline-block;
  padding: 5px;
  width: 120px;
  border: 1px solid #DADEE6;
  color: #222222;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.delete-box .buttons a:hover {
  background-color: #008EE4;
  color: #fff;
  border-color: #008EE4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}
.delete-box .buttons .delete {
  background-color: #008EE4;
  color: #fff;
  border-color: #008EE4;
  margin-right: 15px;
}
.delete-box .buttons .delete:hover {
  background-color: #0072B6;
}

.lc-submit {
  margin: auto;
  margin-top: 40px;
}
.lc-submit > input[type=checkbox] {
  display: inline;
  -webkit-appearance: checkbox;
}
.lc-submit input[type=submit] {
  margin: auto;
  display: block;
  width: 150px;
  padding: 10px;
  color: #fff;
  cursor: pointer;
  background-color: #008EE4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 10px;
}
.lc-submit input[type=submit]:hover {
  background-color: #0072B6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.lc-submit a {
  display: block;
  text-align: center;
}

.lc-result-wrap .lc-url {
  width: 40%;
}
.lc-result-wrap td {
  word-break: break-all;
}
@media all and (max-width: 680px) {
  .lc-result-wrap {
    overflow-x: scroll;
  }
  .lc-result-wrap table {
    min-width: 1000px;
  }
}

.lc-site-add-error {
  display: none;
}

.lc-mail-error {
  display: none;
}

#searchPageList {
  display: none;
}

#searchCatList {
  display: none;
}

.air-main.system.search {
  min-width: auto;
}
.air-main.system.search .academic-search-wrap {
  margin-bottom: 80px;
}
.air-main.system.search .users-table-wrap.users.search table .head {
  background-color: #F2F2F2;
  border-top: 1px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
.air-main.system.search .users-table-wrap.users.search table .head td {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding-right: 20px;
}
.air-main.system.search .users-table-wrap.users.search table .head td input {
  background-color: transparent;
  color: #008EE4;
}
.air-main.system.search .users-table-wrap.users.search table .head td input:hover {
  text-decoration: underline;
}
.air-main.system.search .users-table-wrap.users.search table .head td .table-sort {
  top: calc(50% - 17px);
}
@media all and (max-width: 960px) {
  .air-main.system.search .users-table-wrap.users.search.scroll {
    overflow-x: scroll;
  }
}
.air-main.system.search .users-table-wrap.users.search .rank {
  width: 5%;
}
.air-main.system.search .users-table-wrap.users.search .number {
  width: 5%;
}
.air-main.system.search .users-table-wrap.users.search .title {
  width: 29%;
}
.air-main.system.search .users-table-wrap.users.search .view {
  width: 8%;
}
.air-main.system.search .users-table-wrap.users.search .cat {
  width: 11%;
}
.air-main.system.search .users-table-wrap.users.search .eval-child {
  width: 7%;
}
.air-main.system.search .users-table-wrap.users.search .eval-sum {
  width: 7%;
}
.air-main.system.search #search_img {
  vertical-align: middle;
}
.air-main.system.search #search_title {
  float: left;
}
.air-main.system.search #search_title i {
  display: inline-block;
  vertical-align: middle;
}
@media all and (max-width: 960px) {
  .air-main.system.search #search_title {
    float: none;
  }
}
.air-main.system.search #admin_setting_button, .air-main.system.search #add_search_site_button {
  border: 1px #CCCCCC solid;
  padding: 5px 10px;
  color: #323131;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  display: inline-block;
}
.air-main.system.search #admin_setting_button:hover, .air-main.system.search #add_search_site_button:hover {
  background-color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}
.air-main.system.search #add-search {
  width: 600px;
}
.air-main.system.search #add-search input {
  border: 1px solid #008EE4;
  padding: 10px;
  width: 100%;
}
.air-main.system.search #search_img {
  visibility: middle;
}
.air-main.system.search .search_site_img {
  border: 1px solid #ccc;
}
.air-main.system.search .form-update {
  text-align: right;
  margin-bottom: 10px;
}
.air-main.system.search .syslog-term {
  width: 560px;
}
.air-main.system.search .syslog-term a {
  display: inline-block;
  vertical-align: top;
}
.air-main.system.search .syslog-term input {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px;
  border: 1px solid #ccc;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
.air-main.system.search .syslog-term input.term-date {
  width: 120px;
}
.air-main.system.search .syslog-term input.term-time {
  width: 40px;
}
.air-main.system.search .search-site {
  margin-left: 0px;
  margin-bottom: 1em;
  overflow: auto;
  zoom: 1;
  padding: 30px;
  display: block;
  background-color: #F3F3F3;
}
.air-main.system.search .search-site:before, .air-main.system.search .search-site:after {
  content: "";
  display: table;
}
.air-main.system.search .search-site:after {
  clear: both;
}
.air-main.system.search .site-img {
  float: left;
  width: 250px;
}
@media all and (max-width: 960px) {
  .air-main.system.search .site-img {
    width: auto;
    text-align: center;
    float: none;
    margin-bottom: 1em;
  }
}
.air-main.system.search .site-detail {
  padding-left: 30px;
  float: left;
  width: calc(100% - 252px);
  color: #222222;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 960px) {
  .air-main.system.search .site-detail {
    float: none;
    width: 100%;
    padding-left: 0px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.air-main.system.search .site-detail .detail-box {
  width: calc(100% - 201px);
}
.air-main.system.search .site-detail .detail-box.buttons {
  width: 200px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .site-detail .detail-box {
    margin-bottom: 10px;
    width: 100%;
  }
}
.air-main.system.search .site-detail .detail-box .search-description {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.air-main.system.search .site-detail .rank-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
@media all and (max-width: 680px) {
  .air-main.system.search .site-detail .rank-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.air-main.system.search .site-detail .rank-wrap .rank-box {
  margin-bottom: 10px;
  width: 33.3333333333%;
}
@media all and (max-width: 680px) {
  .air-main.system.search .site-detail .rank-wrap .rank-box {
    width: 100%;
  }
}
.air-main.system.search .site-detail .rank-wrap .rank-head {
  font-weight: bold;
  margin-bottom: 5px;
}
.air-main.system.search .site-detail .detail-buttons a {
  display: inline-block;
  padding: 5px;
  text-align: center;
  border: 1px solid #008EE4;
  min-width: 140px;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
.air-main.system.search .site-detail .detail-buttons a:hover {
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
}
.air-main.system.search .site-detail .detail-buttons form {
  display: inline-block;
  position: relative;
  top: -2px;
}
.air-main.system.search .site-detail .detail-buttons input {
  background-color: transparent;
  color: #008EE4;
  border: 1px solid #008EE4;
  padding: 5px 10px;
  height: 37px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  position: relative;
  line-height: 1.2;
  top: 2px;
}
.air-main.system.search .site-detail .detail-buttons input:hover {
  background-color: #008EE4;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}
.air-main.system.search .search_url {
  padding-top: 10px;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
}
.air-main.system.search .search_url.active .url_title {
  display: none;
}
.air-main.system.search .search_url.active .name-input {
  display: block;
}
.air-main.system.search .search_url .url_title {
  position: relative;
}
.air-main.system.search .search_url .url_title.url {
  font-weight: bold;
}
.air-main.system.search .search_url .url_title > p {
  display: inline-block;
}
.air-main.system.search .search_url .url_title .item-head {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  margin-right: 30px;
}
.air-main.system.search .search_url .url_title .item-edit-button {
  display: inline-block;
}
.air-main.system.search .search_url .name-input {
  display: none;
  margin-bottom: 5px;
}
.air-main.system.search .search_url .name-input input[type=text] {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: 1px solid #CCCCCC;
  font-size: 20px;
  font-size: 2rem;
  padding: 3px 5px;
  width: 75%;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search_url .name-input input[type=text] {
    min-width: auto;
  }
}
.air-main.system.search .search_url .name-input a {
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system.search .search_url .name-input input[type=submit] {
  background-color: transparent;
  color: #008EE4;
  margin-right: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
}
.air-main.system.search .search_url .name-input input[type=submit]:hover {
  text-decoration: underline;
}
.air-main.system.search .searchtimer-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.search .searchtimer-wrap h4 {
  margin-top: 0;
}
.air-main.system.search .searchtimer-wrap h3 {
  margin-bottom: 20px;
}
.air-main.system.search .searchtimer-wrap .head-box {
  width: 320px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap .head-box {
    width: 100%;
  }
}
.air-main.system.search .searchtimer-wrap .content-box {
  width: calc(100% - 321px);
  padding-top: 10px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap .content-box {
    width: 100%;
  }
}
.air-main.system.search .searchtimer-wrap label {
  display: block;
  margin-bottom: 10px;
  text-align: left;
}
.air-main.system.search .searchtimer-wrap label.select-filter {
  display: inline-block;
}
.air-main.system.search .searchtimer-wrap .post-filters {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
}
.air-main.system.search .searchtimer-wrap .post-filters .select-list .select-head {
  border-color: #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  color: #222;
}
.air-main.system.search .searchtimer-wrap .post-filters .select-list ul li {
  border-color: #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  color: #222;
}
.air-main.system.search .searchtimer-wrap .post-filters .select-list ul li:hover {
  background-color: #eee;
}
.air-main.system.search .searchtimer-wrap .timer-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.air-main.system.search .searchtimer-wrap .timer-wrap h4 {
  width: 100px;
}
.air-main.system.search .searchtimer-wrap .approve-box {
  background-color: #F3F3F3;
  padding: 20px;
  margin-bottom: 10px;
}
.air-main.system.search .searchtimer-wrap .approve-box h5 {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.air-main.system.search .searchtimer-wrap .approve-box.hide {
  display: none;
}
.air-main.system.search .searchtimer-wrap .approve-box input[type=text] {
  padding: 8px;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #fff;
  border: 1px solid #008EE4;
  margin-bottom: 20px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap .approve-box input[type=text] {
    margin-bottom: 10px;
  }
}
.air-main.system.search .searchtimer-wrap .approve-box a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #008EE4;
  margin-left: 10px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap .approve-box a {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.air-main.system.search .searchtimer-wrap .approve-box a:hover {
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
}
.air-main.system.search .searchtimer-wrap .approve-add.hide {
  display: none;
}
.air-main.system.search .searchtimer-wrap .search-button {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.air-main.system.search .searchtimer-wrap .search-button input {
  padding: 5px 10px;
  width: 120px;
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: transparent;
  border: 1px solid #008EE4;
  margin-right: 10px;
  color: #008EE4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media all and (max-width: 680px) {
  .air-main.system.search .searchtimer-wrap .search-button input {
    width: 100%;
  }
}
.air-main.system.search .searchtimer-wrap .search-button input:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #008EE4;
  color: #fff;
}
.air-main.system.search .search-category-wrap {
  border: 1px solid #ccc;
}
.air-main.system.search .search-category-wrap .search-category-setting.search-load-list {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  overflow: hidden;
  border: none;
  padding-bottom: 50px;
}
.air-main.system.search .search-category-wrap .search-category-setting.search-load-list > ul .fa {
  top: calc(50% - 7px);
}
.air-main.system.search .search-category-wrap .search-category {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 1px 10px;
}
.air-main.system.search .search-category-wrap .search-category.list-target {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-category-wrap .search-category.list-target {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.air-main.system.search .search-category-wrap .search-category.list-target .error-message {
  margin-left: 20px;
}
.air-main.system.search .search-category-wrap .search-category .cat-head {
  font-size: 16px;
  font-size: 1.6rem;
  width: calc(100% - 301px);
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-category-wrap .search-category .cat-head {
    width: 100%;
  }
}
.air-main.system.search .search-category-wrap .search-category .cat-head.hide {
  display: none;
}
.air-main.system.search .search-category-wrap .search-category .cat-head > span {
  display: inline-block;
  padding-right: 30px;
}
.air-main.system.search .search-category-wrap .search-category .cat-head > i {
  display: inline-block;
  cursor: pointer;
}
.air-main.system.search .search-category-wrap .search-category .display-url {
  width: 300px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-category-wrap .search-category .display-url {
    width: 100%;
    padding-left: 20px;
  }
}
.air-main.system.search .search-category-wrap .search-category .cat-name-input {
  width: calc(100% - 321px);
  display: none;
  margin-left: 20px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-category-wrap .search-category .cat-name-input {
    width: 100%;
  }
}
.air-main.system.search .search-category-wrap .search-category .cat-name-input input[type=text] {
  display: inline-block;
  padding: 3px 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system.search .search-category-wrap .search-category .cat-name-input input[type=submit] {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #008EE4;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-left: 10px;
  margin-right: 10px;
}
.air-main.system.search .search-category-wrap .search-category .cat-name-input input[type=submit]:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #0072B6;
  text-decoration: none;
}
.air-main.system.search .search-category-wrap .search-category .cat-name-input.active {
  display: block;
}
.air-main.system.search .priority-list.hide {
  display: none;
}
.air-main.system.search .search-priority-wrap {
  padding-bottom: 30px;
}
.air-main.system.search .search-priority-wrap .error-message.search-priority {
  position: absolute;
  top: 35px;
  z-index: 3;
  left: 0;
  width: 200px;
}
.air-main.system.search .search-priority-wrap .error-message.search-priority.keyword_length {
  position: relative;
  top: auto;
  width: 280px;
}
.air-main.system.search .search-priority-wrap .error-message.search-priority.rank_not_empty {
  width: 150px;
}
.air-main.system.search .search-priority-wrap .error-message.search-priority.rank_length_type {
  width: 305px;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-priority-wrap {
    overflow-x: scroll;
  }
}
.air-main.system.search .search-priority-wrap .priority-list {
  margin-bottom: 40px;
  border-top: 1px solid #939393;
}
.air-main.system.search .search-priority-wrap .priority-list.hide {
  display: none;
}
.air-main.system.search .search-priority-wrap .priority-list:empty {
  margin-bottom: 0;
  display: none;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-priority-wrap .priority-list {
    min-width: 900px;
  }
}
.air-main.system.search .search-priority-wrap .priority-list.priority-head {
  border-top: 1px solid #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
.air-main.system.search .search-priority-wrap .priority-list.priority-head > .keyword-box:last-child > .word {
  border-bottom: none;
}
.air-main.system.search .search-priority-wrap .priority-list.priority-head > .keyword-box:last-child > .rank {
  border-left: none;
}
.air-main.system.search .search-priority-wrap .priority-list.priority-head > .keyword-box .priority-box {
  background-color: #F2F2F2;
  border-bottom: none;
  border-right: 1px dashed #868686;
}
.air-main.system.search .search-priority-wrap .priority-list .priority-box {
  border-right: 1px dashed #868686;
  padding: 10px;
  position: relative;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .priority-box {
  border-bottom: 1px solid #939393;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .priority-box:last-child {
  border-right: none;
  text-align: center;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box:nth-child(even) {
  background-color: #FBFBFB;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box:first-child .word > span {
  visibility: visible;
  word-wrap: break-word;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box:first-child .word > span.error-message {
  padding: 3px 10px;
  min-height: auto;
  top: 44px;
  width: 190px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box:last-child .word {
  border-bottom: 1px solid #939393;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box:last-child .action .add-button {
  display: inline-block;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word {
  width: 20%;
  border: none;
  background-color: #fff;
  position: relative;
  overflow: visible;
  height: 100%;
  min-height: 49px;
  min-width: 300px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word > span {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 49px;
  width: 100%;
  padding: 10px;
  z-index: 1;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .title-display > i {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .title-display.hide {
  display: none;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .name-input {
  display: none;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .name-input input {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  width: 225px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .name-input a {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 5px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .word .name-input.active {
  display: block;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .rank {
  width: 5%;
  border-left: 1px dashed #868686;
  min-width: 60px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .rank input {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 3px;
  width: 38px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .page {
  width: 40%;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .cat {
  width: 30%;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .action {
  width: 5%;
  min-width: 60px;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .action a {
  display: inline-block;
  padding: 0 2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .action .add-button {
  display: none;
}
.air-main.system.search .search-priority-wrap .priority-list .keyword-box .action .delete-button {
  color: #FF0000;
}
.air-main.system.search .search-reccomend-wrap .search-reccomend-hide {
  display: none;
}
.air-main.system.search .search-reccomend-wrap .keyword-desc {
  margin-bottom: 25px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap .keyword-box .reccomend-wrap:first-child .page-delete {
  display: none;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap .regist-wrap {
  display: none;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap .page-add {
  display: none;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap.page .regist-wrap.page {
  display: block;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap.page .page-add.page {
  display: block;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap.img .regist-wrap.img {
  display: block;
}
.air-main.system.search .search-reccomend-wrap .keyword-box-wrap.img .page-add.img {
  display: block;
}
.air-main.system.search .search-reccomend-wrap .keyword-box {
  padding: 25px;
  background-color: #eee;
  margin-bottom: 30px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio {
  margin-bottom: 30px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio li a {
  display: block;
  margin-bottom: 10px;
  color: #222222;
  position: relative;
  padding-left: 20px;
  z-index: 1;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio li a:before {
  content: " ";
  width: 15px;
  height: 15px;
  border: 1px solid #222222;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 0;
  background-color: #fff;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio li a:hover {
  text-decoration: none;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio li a.active:after {
  content: " ";
  width: 7px;
  height: 7px;
  background-color: #222222;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 4px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-radio li:last-child {
  margin-bottom: 0;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist .keyword-regist-head {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist .keyword-regist-head .keyword-delete {
  width: 60px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist .keyword-regist-head .keyword-delete input {
  width: 100%;
  background-color: transparent;
  text-align: center;
  padding: 3px;
  border: 1px solid #008EE4;
  color: #008EE4;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist .keyword-regist-head .keyword-delete input:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #008EE4;
  color: #fff;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist h5 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist h5 > .small {
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 10px;
  font-weight: normal;
}
@media all and (max-width: 680px) {
  .air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist h5 > .small {
    display: block;
    padding-left: 0;
    margin-top: 10px;
  }
}
.air-main.system.search .search-reccomend-wrap .keyword-box .keyword-regist textarea {
  margin-bottom: 20px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .remind-radio, .air-main.system.search .search-reccomend-wrap .keyword-box .main .system-table-wrap .td-header-radio, .air-main.system.search .main .system-table-wrap .search-reccomend-wrap .keyword-box .td-header-radio {
  margin-bottom: 30px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .remind-radio label, .air-main.system.search .search-reccomend-wrap .keyword-box .main .system-table-wrap .td-header-radio label, .air-main.system.search .main .system-table-wrap .search-reccomend-wrap .keyword-box .td-header-radio label {
  margin-left: 10px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .img-input-label {
  width: 100%;
  margin-bottom: 20px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page h5 {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .search-load-head {
  padding: 5px;
  height: 35px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .search-load-head:before {
  top: 14px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .search-load-head:after {
  top: 15px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .search-load-wrap .search-load-list, .air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .search-category-wrap .search-load-list {
  top: 34px;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .page-list {
  width: calc(100% - 36px);
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .page-delete {
  width: 35px;
  text-align: center;
}
.air-main.system.search .search-reccomend-wrap .keyword-box .regist-page .page-delete a {
  color: #FF0000;
  display: inline-block;
  padding: 0 2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}
.air-main.system.search .search-exclude-wrap .exclude-box.hide {
  display: none;
}
.air-main.system.search .search-exclude-wrap .exclude-box:last-child .exclude-list .exclude-url-action .add-button {
  display: inline-block;
}
.air-main.system.search .search-exclude-wrap .exclude-box:first-child .exclude-list .exclude-url-action .delete-button {
  display: none;
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .search-load-wrap, .air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .search-category-wrap {
  width: calc(100% - 81px);
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .exclude-url-action {
  min-width: 60px;
  margin-left: 20px;
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .exclude-url-action a {
  display: inline-block;
  padding: 0 2px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .exclude-url-action .add-button {
  display: none;
}
.air-main.system.search .search-exclude-wrap .exclude-box .exclude-list .exclude-url-action .delete-button {
  color: #FF0000;
}
.air-main.system.search .search-load-wrap, .air-main.system.search .search-category-wrap {
  position: relative;
}
.air-main.system.search .search-load-wrap.active, .air-main.system.search .active.search-category-wrap {
  z-index: 10;
}
.air-main.system.search .search-load-wrap.active .search-load-head:before, .air-main.system.search .active.search-category-wrap .search-load-head:before {
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.air-main.system.search .search-load-wrap.active .search-load-list, .air-main.system.search .active.search-category-wrap .search-load-list {
  display: block;
}
.air-main.system.search .search-load-wrap .search-load-head, .air-main.system.search .search-category-wrap .search-load-head {
  border: 1px solid #ccc;
  padding: 0 5px;
  padding-right: 50px;
  cursor: pointer;
  background-color: #fff;
  height: 26px;
  overflow: hidden;
}
.air-main.system.search .search-load-wrap .search-load-head:before, .air-main.system.search .search-category-wrap .search-load-head:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  content: " ";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.air-main.system.search .search-load-wrap .search-load-list, .air-main.system.search .search-category-wrap .search-load-list {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
  background-color: #eee;
  overflow-y: scroll;
}
.air-main.system.search .search-load-wrap .search-load-list > ul div, .air-main.system.search .search-category-wrap .search-load-list > ul div {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
}
.air-main.system.search .search-load-wrap .search-load-list > ul div:hover, .air-main.system.search .search-category-wrap .search-load-list > ul div:hover {
  background-color: #ddd;
}
.air-main.system.search .search-load-wrap .search-load-list > ul div span, .air-main.system.search .search-category-wrap .search-load-list > ul div span {
  padding-left: 20px;
  cursor: pointer;
  display: block;
}
.air-main.system.search .search-load-wrap .search-load-list > ul ul, .air-main.system.search .search-category-wrap .search-load-list > ul ul {
  padding-left: 10px;
}
.air-main.system.search .search-load-wrap .search-load-list > ul ul.hide, .air-main.system.search .search-category-wrap .search-load-list > ul ul.hide {
  display: none;
}
.air-main.system.search .search-load-wrap .search-load-list > ul ul.active, .air-main.system.search .search-category-wrap .search-load-list > ul ul.active {
  display: block;
}
.air-main.system.search .search-load-wrap .search-load-list > ul .fa, .air-main.system.search .search-category-wrap .search-load-list > ul .fa {
  cursor: pointer;
  width: 13px;
  height: 13px;
  background-color: #008EE4;
  position: absolute;
  top: 10px;
  left: 5px;
}
.air-main.system.search .search-load-wrap .search-load-list > ul .fa:hover, .air-main.system.search .search-category-wrap .search-load-list > ul .fa:hover {
  background-color: #0072B6;
}
.air-main.system.search .search-load-wrap .search-load-list > ul .fa:before, .air-main.system.search .search-category-wrap .search-load-list > ul .fa:before {
  margin: auto;
  width: 8px;
  height: 1px;
  background-color: #fff;
  position: relative;
  top: 6px;
}
.air-main.system.search .search-load-wrap .search-load-list > ul .fa.fa-plus:after, .air-main.system.search .search-category-wrap .search-load-list > ul .fa.fa-plus:after {
  height: 8px;
  width: 1px;
  top: 3px;
  left: 6px;
  background-color: #fff;
}
.air-main.system.search .search-exclude-table input[type=submit] {
  background-color: transparent;
  color: #008EE4;
  margin-right: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  cursor: pointer;
}
.air-main.system.search .search-exclude-table input[type=submit]:hover {
  text-decoration: underline;
}
.air-main.system.search .search-exclude-table td.date {
  width: 15%;
}
.air-main.system.search .search-exclude-table td.check {
  width: 5%;
}
.air-main.system.search .search-exclude-table td.url {
  width: 50%;
}
.air-main.system.search .search-exclude-table td.page {
  width: 15%;
}
.air-main.system.search .search-exclude-table td .check-button {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.air-main.system.search .search-exclude-table td .check-button .icons-check {
  top: 4px;
}
.air-main.system.search .search-exclude-table td .check-button:before {
  content: " ";
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #EFEFEF;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
  background: linear-gradient(to bottom, #EFEFEF 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}

.apps.air-main {
  min-width: auto;
}
.apps.air-main .single-head {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.apps.air-main .main-nav h2 {
  top: auto;
  left: auto;
}
@media all and (max-width: 960px) {
  .apps.air-main .main-nav ul {
    height: auto;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media all and (max-width: 960px) {
  .apps.air-main .sub-nav > .inner {
    padding: 0;
  }
}
@media all and (max-width: 960px) {
  .apps.air-main .sub-nav > .inner > .main-inner {
    padding: 0;
  }
}
@media all and (max-width: 960px) {
  .apps.air-main .sub-nav ul {
    height: auto;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media all and (max-width: 960px) {
  .apps.air-main .sub-nav li {
    border-bottom: 1px solid #0072B6;
  }
}
@media all and (max-width: 960px) {
  .apps.air-main .sub-nav li:last-child {
    border-bottom: none;
  }
}
.apps.air-main .apps-anchor {
  margin: 40px 0 60px;
}
.apps.air-main .apps-anchor ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media all and (max-width: 680px) {
  .apps.air-main .apps-anchor ul {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
.apps.air-main .apps-anchor ul li {
  margin: 0 10px;
}
@media all and (max-width: 680px) {
  .apps.air-main .apps-anchor ul li {
    margin: 10px auto;
    width: 100%;
  }
}
.apps.air-main .apps-anchor ul a {
  display: block;
  padding: 10px;
  padding-right: 30px;
  border: 1px solid #ccc;
  text-align: center;
  color: #222222;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
.apps.air-main .apps-anchor ul a:hover {
  background-color: #008EE4;
  text-decoration: none;
  color: #fff;
}
.apps.air-main .apps-anchor ul a:before {
  content: " ";
  position: absolute;
  right: 10px;
  top: calc(50% - 4px);
}
@media all and (max-width: 680px) {
  .apps.air-main .main .system-form-button .submit-button {
    width: 100%;
  }
}
@media all and (max-width: 680px) {
  .apps.air-main .user-search-wrap {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media all and (max-width: 680px) {
  .apps.air-main .user-search-wrap .user-search-box {
    width: 100%;
  }
}

.app-menu-top .app-box-wrap {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.app-menu-top .app-box-wrap.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media all and (max-width: 960px) {
  .app-menu-top .app-box-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.app-menu-top .app-box-wrap .app-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media all and (max-width: 960px) {
  .app-menu-top .app-box-wrap .app-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 2px;
  }
}
.app-menu-top .app-box-wrap .app-box > div {
  margin-left: 10px;
}
@media all and (max-width: 960px) {
  .app-menu-top .app-box-wrap .app-box > div {
    margin-left: 2px;
    margin-bottom: 10px;
  }
}
.app-menu-top .app-box-wrap .app-box > div:first-child {
  margin-left: 0;
}
@media all and (max-width: 960px) {
  .app-menu-top .app-box-wrap .app-box > div:first-child {
    margin-left: 2px;
  }
}
.app-menu-top .app-box-wrap .app-box:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media all and (max-width: 960px) {
  .app-menu-top .app-box-wrap .app-box:last-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.app-menu-top .date-select .date-display {
  position: relative;
  width: 380px;
}
.app-menu-top .date-select .date-display input {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding: 10px 30px 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  height: 40px;
  width: 100%;
}
.app-menu-top .date-select .date-display .date-select-button {
  cursor: pointer;
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
.app-menu-top .date-select .date-display .date-select-button i {
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 6px);
}
.app-menu-top .date-button {
  width: 124px;
  margin-left: 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 10;
}
.app-menu-top .date-button input {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.app-menu-top .date-button input.active {
  background-color: #008EE4;
  color: #fff;
}
.app-menu-top .date-button input.active:hover {
  background-color: #008EE4;
  color: #fff;
}
.app-menu-top .date-button input:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #eee;
  color: #222222;
}
.app-menu-top .calendar-box {
  display: none;
}
.app-menu-top .button-lists {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 960px) {
  .app-menu-top .button-lists {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.app-menu-top .button-lists > div {
  margin-right: 10px;
}
@media all and (max-width: 960px) {
  .app-menu-top .button-lists > div {
    margin-right: 2px;
    margin-bottom: 10px;
  }
}
.app-menu-top .button-lists > div:last-child {
  margin-right: 0;
}
.app-menu-top .button-lists input,
.app-menu-top .button-lists a {
  background-color: #fff;
  height: 40px;
  border: 1px solid #008EE4;
  color: #008EE4;
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.app-menu-top .button-lists input:hover,
.app-menu-top .button-lists a:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background-color: #008EE4;
  color: #fff;
  text-decoration: none;
}
.app-menu-top .button-lists a {
  display: block;
  line-height: 2.5;
}
.app-menu-top .post-filters {
  margin-bottom: 0;
}
.app-menu-top .post-filters .select-list {
  width: 170px;
}
.app-menu-top .post-filters .select-list .select-head {
  border-color: #ccc;
  border-radius: 0;
  padding: 7px 30px 7px 10px;
}
.app-menu-top .post-filters .select-list ul li {
  border-color: #CCCCCC;
}

@media all and (max-width: 680px) {
  .user-search-wrap {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media all and (max-width: 680px) {
  .user-search-wrap .user-search-box {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 680px) {
  .user-search-wrap .user-search-box.org {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media all and (max-width: 680px) {
  .user-add-table-wrap {
    overflow: scroll;
  }
}
@media all and (max-width: 680px) {
  .user-add-table-wrap form {
    min-width: 1200px;
  }
}

.select-language-lists {
  padding: 30px;
  margin-bottom: 80px;
  background-color: #F3F3F3;
}
.select-language-lists ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.select-language-lists ul li {
  width: 25%;
  padding: 5px;
}
.select-language-lists ul li .check-box-wrap {
  padding: 0;
}
.select-language-lists ul li .check-box-wrap .checkbox:checked ~ .icons-check,
.select-language-lists ul li .check-box-wrap .icons-check.has-checked,
.select-language-lists ul li .check-box-wrap .icons-check {
  top: 0;
}
.select-language-lists ul li .check-box-wrap:after {
  top: 0;
}
.select-language-lists ul li .check-box-wrap.readonly:after {
  background: #ccc;
}

.language-change-menu,
.language-change-box-wrap .language-title-wrap {
  display: none !important;
}

.language-change-menu {
  margin-bottom: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.language-change-menu .lang-change {
  display: inline-block;
  visibility: hidden;
  z-index: 9;
  position: relative;
}
.language-change-menu .lang-change.thismode {
  visibility: visible;
}
.language-change-menu .lang-change.active .head:before {
  -webkit-transform: rotateX(180deg) translateY(-2px);
  transform: rotateX(180deg) translateY(-2px);
}
.language-change-menu .lang-change.active ul {
  display: block;
}
.language-change-menu .lang-change .head {
  padding: 5px 60px 5px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-width: 350px;
}
.language-change-menu .lang-change .head:before {
  position: absolute;
  right: 10px;
  top: 13px;
  content: " ";
}
.language-change-menu .lang-change ul {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  display: none;
}
.language-change-menu .lang-change ul li {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.language-change-menu .lang-change ul li:hover {
  background-color: #eee;
  text-decoration: none;
}
.language-change-menu .lang-change ul span {
  display: block;
  color: #222222;
  padding: 5px 10px;
  cursor: pointer;
  cursor: pointer;
  width: calc(100% - 150px);
}
.language-change-menu .lang-change ul .check-box-wrap {
  padding: 0;
  padding-right: 15px;
  margin-top: 5px;
}
.language-change-menu .lang-change ul .check-box-wrap label {
  top: 2px;
}
.language-change-menu .lang-change ul .check-box-wrap .icons-check {
  top: 2px;
}
.language-change-menu .lang-change ul .check-box-wrap:after {
  top: 2px;
}
.language-change-menu .lang-change ul li:last-child span {
  border-bottom: none;
}
.language-change-menu .layout-change ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 70px;
}

.language-change-box-wrap {
  position: relative;
}
.language-change-box-wrap.nowloading {
  opacity: 0.6;
}
.language-change-box-wrap .language-title-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.language-change-box-wrap .language-title-wrap .auto-translate-action {
  background-color: #008EE4;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 10px;
}
.language-change-box-wrap .language-title-wrap .auto-translate-action:hover {
  background-color: #0072B6;
  text-decoration: none;
}
.language-change-box-wrap .language-title-wrap .check-box-wrap {
  padding: 0;
}
.language-change-box-wrap .language-title-wrap .check-box-wrap i {
  top: 2px;
}
.language-change-box-wrap .language-title-wrap .check-box-wrap:after {
  top: 2px;
}
.language-change-box-wrap .language-title-wrap .check-box-wrap label {
  top: 2px;
}
.language-change-box-wrap.select-mode .language-title-wrap .check-box-wrap {
  display: none;
}
.language-change-box-wrap.select-mode .language-change-box {
  /*display: none;*/
}
.language-change-box-wrap.select-mode .language-change-box.active {
  display: block;
}
.language-change-box-wrap.grid-mode {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.language-change-box-wrap.grid-mode .language-change-box {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.language-change-box-wrap.grid-mode .language-change-box:nth-child(even) {
  margin-right: 0;
}

.top-heading {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top-heading .back-link {
  padding-top: 10px;
}

.calendar-wrap .cal-input {
  display: inline-block;
  margin-right: 1em;
}
.calendar-wrap .cal-input input {
  width: 120px;
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #ccc;
}
.calendar-wrap .cal-input a {
  vertical-align: middle;
  display: inline-block;
}
.calendar-wrap .cal-input a i {
  display: inline-block;
}
.calendar-wrap .cal-time {
  width: 70px;
  padding: 6px 10px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #ccc;
}

.cp-tooltip {
  position: absolute;
  padding: 4px 4px 2px;
  display: none;
  min-width: 64px;
  max-width: 320px;
  margin-left: -32px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 12px;
  text-align: center;
  z-index: 2;
  line-height: 1.6;
  border-radius: 4px;
  word-wrap: break-word;
  word-break: break-all;
}
.cp-tooltip:after {
  content: "";
  border-top: rgba(0, 0, 0, 0.75) 4px solid;
  border-left: transparent 4px solid;
  border-right: transparent 4px solid;
  border-bottom: transparent 4px solid;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
}
.cp-tooltip.is-graybox {
  padding: 25px 15px 30px;
  background-color: #F3F3F2;
  border: 1px solid #666666;
  color: #323333;
  -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.29);
  box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.29);
  border-radius: 8px;
  min-width: 200px;
  margin-top: -6px;
}
.cp-tooltip.is-graybox:after {
  border-top: #666666 15px solid;
  border-left: transparent 7px solid;
  border-right: transparent 7px solid;
  margin-left: -6px;
}
.cp-tooltip.is-show {
  display: block;
}

.cp-modal {
  display: none;
}
.cp-modal.is-open {
  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;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.cp-modal .cp-modal__scope {
  width: 100%;
  max-width: 900px;
}
.cp-modal .cp-modal__body {
  height: 100%;
  max-height: 80vh;
  overflow-y: scroll;
}
.cp-modal .cp-modal__content {
  padding: 45px 50px 30px;
  background-color: #fff;
}
.cp-modal .cp-modal__table {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
.cp-modal .cp-modal__table .cp-modal__th {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  padding: 15px 0 10px;
}
.cp-modal .cp-modal__table .cp-modal__th.is-w110px {
  width: 110px;
}
.cp-modal .cp-modal__table .cp-modal__td {
  padding: 6px 12px;
}
.cp-modal .cp-modal__table .cp-modal__td.is-align-top-to-th {
  padding-top: 15px !important;
}
.cp-modal .cp-modal__btn-wrap {
  margin-top: 22px;
  text-align: center;
}

.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form__col.is-w100 {
  width: 100%;
}
.form__col:not(:first-child) {
  margin-left: 12px;
}

.form__input-text {
  display: block;
  padding: 8px 10px;
  border: 1px solid #B3B3B3;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}

.form__input-select {
  display: block;
  padding: 8px 10px;
  border: 1px solid #B3B3B3;
  font-size: 14px;
  font-size: 1.4rem;
  max-width: 100%;
}

.form__input-textarea {
  display: block;
  padding: 8px 10px;
  border: 1px solid #B3B3B3;
  font-size: 14px;
  font-size: 1.4rem;
  max-width: 100%;
  resize: vertical;
}
.form__input-textarea.is-h120px {
  height: 120px;
}

.cp-button {
  display: inline-block;
  text-decoration: none;
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cp-button:hover {
  background-color: #fff;
  color: #4CA74F;
  text-decoration: none;
}
.cp-button.is-gray {
  border: 1px solid #666666;
  background-color: #666666;
}
.cp-button.is-gray:hover {
  background-color: #fff;
  color: #666666;
}

html {
  overflow-x: hidden;
}
html.is-scroll {
  overflow-x: auto;
  min-width: 1360px;
}

button {
  cursor: pointer;
}

body.cms:not(.cms-page-edit) {
  font-family: "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
body.cms:not(.cms-page-edit) input, body.cms:not(.cms-page-edit) select, body.cms:not(.cms-page-edit) textarea, body.cms:not(.cms-page-edit) button {
  font-family: "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}

body.cms:not(.cms-page-edit) h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

body.cms:not(.cms-page-edit) h2 a {
  color: #333;
}

body.cms:not(.cms-page-edit) h3 {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

body.cms:not(.cms-page-edit) h3 a {
  color: #333;
}

body.cms .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}

body.cms .body-layer {
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
}

body.cms .inner.header .app-heading {
  min-width: 270px;
}

body.cms.newsrelease .gb-header.short {
  position: relative;
  z-index: 1;
}

body.cms .gb-header.short .inner.header .app-heading,
body.cms .air-gb-header.short .inner.header .app-heading {
  min-width: 180px;
}

body.cms .gb-header.short .main-head,
body.cms .air-gb-header.short .air-main-head {
  height: 50px;
}

body.cms .gb-header.short .main-head .app-icon i,
body.cms .air-gb-header.short .air-main-head .app-icon i {
  line-height: 0;
}

body.cms .gb-header.short .main-head .app-icon i::before,
body.cms .air-gb-header.short .air-main-head .app-icon i::before {
  font-size: 10px;
}

body.cms .gb-header.short .main-head .manual-button a,
body.cms .air-gb-header.short .air-main-head .manual-button a {
  height: 50px;
}

body.cms .gb-header.short .main-head .manual-button a:hover,
body.cms .air-gb-header.short .air-main-head .manual-button a:hover {
  background-color: #479C4A;
}

body.cms .gb-header.short .main-head .manual-button a[target=_blank]::after,
body.cms .air-gb-header.short .air-main-head .manual-button a[target=_blank]::after {
  display: none !important;
}

body.cms.albums .gb-header.short .main-head .manual-button a:hover,
body.cms.aair-lbums .gb-header.short .main-head .manual-button a:hover {
  background-color: #444;
}

body.cms .gb-header.short .main-head .manual-button a img,
body.cms .air-gb-header.short .air-main-head .manual-button a img {
  width: 30px;
}

.gb-header.short .drop-down-menu .drop-inner .app-icon,
.air-gb-header.short .drop-down-menu .drop-inner .app-icon {
  width: 35px;
}

.gb-header.short .drop-down-menu .drop-inner .app-name,
.air-gb-header.short .drop-down-menu .drop-inner .app-name {
  top: 0;
  padding-left: 10px;
}

body.cms .gb-header.short .inner.header,
body.cms .air-gb-header.short .inner.header {
  background: #4CA74F;
  height: auto !important;
  border: none !important;
}

body.cms.albums .gb-header.short .inner.header,
body.cms.aair-lbums .gb-header.short .inner.header {
  background-color: #444;
}

body.cms .gb-header.short .inner.header .app-heading .app-icon,
body.cms .air-gb-header.short .inner.header .app-heading .app-icon {
  padding-top: 0;
}

body.cms .gb-header.short .inner.header .app-heading .app-title,
body.cms .air-gb-header.short .inner.header .app-heading .app-title {
  padding-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}

body.cms .gb-header.short .main-head .head-right,
body.cms .air-gb-header.short .air-main-head .head-right {
  height: 50px;
}

body.cms .gb-header.short .main-head .user-menu-button,
body.cms .air-gb-header.short .air-main-head .user-menu-button {
  width: 295px;
}

body.cms .gb-header.short .main-head .user-menu-button a,
body.cms .air-gb-header.short .air-main-head .user-menu-button a {
  height: 50px;
  padding-left: 12px;
  color: #fff;
}

body.cms .gb-header.short .main-head .user-menu-button.active a,
body.cms .air-gb-header.short .air-main-head .user-menu-button.active a,
body.cms .gb-header.short .main-head .user-menu-button a:hover,
body.cms .air-gb-header.short .air-main-head .user-menu-button a:hover {
  background-color: #479C4A;
}

body.cms.albums .gb-header.short .main-head .user-menu-button.active a,
body.cms.aair-lbums .gb-header.short .main-head .user-menu-button.active a,
body.cms.albums .gb-header.short .main-head .user-menu-button a:hover,
body.cms.aair-lbums .gb-header.short .main-head .user-menu-button a:hover {
  background-color: #444;
}

body.cms .gb-header.short .main-head .user-menu-button a::after,
body.cms .air-gb-header.short .air-main-head .user-menu-button a::after,
body.cms .gb-header.short .main-head .user-menu-button a::before,
body.cms .air-gb-header.short .air-main-head .user-menu-button a::before {
  border-color: #fff transparent transparent transparent;
}

body.cms .gb-header.short .main-head .user-menu-button.active a::after,
body.cms .air-gb-header.short .air-main-head .user-menu-button.active a::after,
body.cms .gb-header.short .main-head .user-menu-button.active a::before,
body.cms .air-gb-header.short .air-main-head .user-menu-button.active a::before {
  border: 1px solid #fff;
}

body.cms .gb-header.short .main-head .user-menu-button .user-icon,
body.cms .air-gb-header.short .air-main-head .user-menu-button .user-icon {
  width: 30px;
  height: 30px;
}

body.cms .gb-header.short .main-head .user-menu-button .user-name,
body.cms .air-gb-header.short .air-main-head .user-menu-button .user-name {
  padding-left: 6px;
}

body.cms .gb-header.short .drop-down-menu,
body.cms .air-gb-header.short .drop-down-menu {
  top: 50px;
  width: 295px;
  padding: 18px 25px;
  border: 1px solid #ddd;
  background: #fff;
}

body.cms .gb-header.short .drop-down-menu .drop-inner,
body.cms .air-gb-header.short .drop-down-menu .drop-inner {
  padding-bottom: 0;
}

body.cms .gb-header.short .drop-down-menu .drop-inner li,
body.cms .air-gb-header.short .drop-down-menu .drop-inner li {
  height: auto;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .gb-header.short .drop-down-menu .drop-inner li i,
body.cms .air-gb-header.short .drop-down-menu .drop-inner li i {
  margin-right: 6px;
  line-height: 0;
}

body.cms .gb-header.short .drop-down-menu .drop-inner li i::before,
body.cms .air-gb-header.short .drop-down-menu .drop-inner li i::before {
  font-size: 5.3px;
}

body.cms .copy {
  opacity: 1;
  height: 32px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
  color: #888;
}

body.cms .content-wrap {
  position: relative;
  min-height: calc(100vh - 92px);
}
body.cms .content-wrap.is-noFooter {
  min-height: calc(100vh - 50px);
}

body.cms .content-wrap .main {
  margin-top: 0;
  width: calc(100% - 350px);
}

body.cms .content-wrap .sub {
  position: relative;
  width: 350px;
  padding: 45px 36px;
  border-left: 1px solid #ddd;
}
body.cms .content-wrap .sub .buildName {
  position: absolute;
  bottom: 0;
}
@media all and (max-width: 680px) {
  body.cms .content-wrap .sub .buildName {
    position: static;
    padding: 20px 0 0;
  }
}

body.cms .content-wrap .sub h3 {
  color: #4ca64f;
}
body.cms .content-wrap .sub h3 .to-all {
  display: inline-block;
  float: right;
}
body.cms .content-wrap .sub h3 .to-all a {
  font-size: 13px;
  color: #535fa9;
}

body.cms .mynews-area .inner,
body.cms .newsrelease-area .inner,
body.cms .website-area .inner,
body.cms .config-area .inner {
  max-width: 1460px;
}

body.cms .mynews-area {
  padding: 45px 40px 20px 40px;
}

body.cms .mynews-area .publish h2 {
  padding-right: 260px;
}

body.cms .mynews-area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1460px;
  padding: 0;
}

body.cms .mynews-area .publish {
  width: 100%;
}

body.cms .mynews-area .head-wrap {
  position: relative;
}

body.cms .mynews-area .comeback {
  position: absolute;
  top: 0;
  right: 0;
}

body.cms .mynews-area .comeback a {
  display: inline-block;
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
}

body.cms .mynews-area .comeback i {
  display: inline-block;
  height: 34px;
  margin-right: 8px;
  vertical-align: middle;
}

body.cms .mynews-area .comeback span {
  display: inline-block;
  vertical-align: middle;
}

body.cms .mynews-area .comeback:hover span {
  text-decoration: underline;
}

body.cms .mynews-area .publish .tab-menu {
  margin-bottom: 15px;
}

body.cms .mynews-area .publish .tab-menu ul {
  display: table;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

body.cms .mynews-area .publish .tab-menu li {
  position: relative;
  display: table-cell;
  width: 16.666%;
  padding: 8px 0 4px 15px;
  border-left: 1px solid #ddd;
  vertical-align: bottom;
  background: #F6F6F6;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .mynews-area .publish .tab-menu li:hover,
body.cms .mynews-area .publish .tab-menu li.active {
  background: #E6E9E9;
}

body.cms .mynews-area .publish .tab-menu li:first-child {
  border-left: none;
}

body.cms .mynews-area .publish .tab-menu li i {
  position: absolute;
  left: 15px;
  bottom: 15px;
  height: 1.375em;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .mynews-area .publish .tab-menu li:hover i,
body.cms .mynews-area .publish .tab-menu li.active i {
  opacity: 1;
}

body.cms .mynews-area .publish .tab-menu li .title {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

body.cms .mynews-area .publish .tab-menu li .number {
  display: block;
  padding-right: 30px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: right;
  margin-top: 6px;
}

body.cms .mynews-area .publish .tab-content {
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
  height: 100px;
  overflow-y: auto;
}
body.cms .mynews-area .publish .tab-content .tab-content-head {
  font-weight: bold;
}

body.cms .mynews-area .publish .tab-content.active {
  display: block;
}

body.cms .mynews-area .publish .tab-content p {
  margin-bottom: 5px;
  font-size: 13px;
}

body.cms .mynews-area .publish .tab-content p span {
  font-size: 12px;
  font-size: 1.2rem;
}

body.cms .mynews-area .publish .tab-content p a {
  color: #5360AA;
}

body.cms .text-overflow {
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 35px;
}

body.cms .text-overflow dl {
  width: calc(100% - 17px);
}

body.cms .text-overflow dt {
  padding-top: 15px;
  padding-bottom: 5px;
  border-top: 1px solid #ddd;
  font-size: 14px;
  font-size: 1.4rem;
  color: #444;
}

body.cms .text-overflow dd {
  padding-bottom: 15px;
}

body.cms .text-overflow dd:last-child {
  border-bottom: 1px solid #ddd;
}

.iziModal .iziModal-button.iziModal-button-close {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #E6E9E9;
  position: absolute;
  right: 15px;
  top: 15px;
}

.iziModal .iziModal-button-close:before {
  content: "";
  position: absolute;
  top: 13px;
  right: 4px;
  display: block;
  width: 20px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.iziModal .iziModal-button-close:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 4px;
  display: block;
  width: 20px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms .mynews-area .cms dd a {
  text-decoration: underline;
  color: #333;
}

body.cms .newsrelease-area {
  padding: 45px 40px 30px 40px;
  background: #F6F6F6;
}

body.cms .newsrelease-area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1460px;
  padding: 0;
}

body.cms .newsrelease-area h2.news {
  width: calc((100% - 9px) / 2);
  margin-right: 10px;
}

body.cms .newsrelease-area h2.album,
body.cms .newsrelease-area h2.calendar {
  width: calc((100% - 27px) / 4);
}

body.cms .news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

body.cms .news-list .card {
  position: relative;
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  border-top: 6px solid #ccc;
  background: #fff;
}

body.cms .news-list .card:nth-child(4) {
  margin-right: 0;
}

body.cms .newsrelease-area .news-list .card {
  width: calc((100% - 27px) / 4);
  margin-right: 9px;
}
body.cms .newsrelease-area .news-list .card:nth-child(4n) {
  margin-right: 9px;
}
body.cms .newsrelease-area .news-list .card:nth-child(6n) {
  margin-right: 0;
}

body.cms .news-list .card .icons-circle-black-arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}

body.cms .news-list .card.active .icons-circle-black-arrow,
body.cms .news-list .card:hover .icons-circle-black-arrow {
  opacity: 1;
}

body.cms .news-list .card .site-name {
  padding-right: 48px;
  padding-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
}

body.cms .news-list li a {
  color: #222222;
  text-decoration: none;
}

body.cms .news-list .card table {
  width: 100%;
  margin-top: 30px;
}

body.cms .news-list .card table td {
  padding: 0;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
}

body.cms .newsrelease-area li.h2 {
  display: none;
}

body.cms .website-area {
  padding: 0 40px 40px 40px;
  background: #F6F6F6;
}

body.cms .website-area .inner {
  position: relative;
  max-width: 1460px;
  padding: 0;
}

body.cms .website-area h2 {
  padding-right: 40px;
}

body.cms .website-area .add-website,
body.cms .cms-calendar .main-area .add-calendar {
  position: absolute;
  top: -2px;
  right: 0;
  color: #212121;
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
body.cms .website-area .add-website:hover,
body.cms .cms-calendar .main-area .add-calendar:hover {
  color: #fff;
  border: 1px solid #666;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

body.cms .website-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

body.cms .website-list .card {
  position: relative;
  width: calc((100% - 20px) / 3);
  padding: 20px;
  border-top: 6px solid #ccc;
  background: #fff;
}

body.cms .website-list .card.not-auth {
  border-top-color: #ddd;
  color: #B3B3B3;
}

body.cms .website-list .card.add {
  display: none;
}

body.cms .website-list .card .icons-circle-black-arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}

body.cms .website-list .card:hover .icons-circle-black-arrow,
body.cms .website-list .card.active .icons-circle-black-arrow {
  opacity: 1;
}

body.cms .website-list .card:hover .icons-circle-black-arrow a {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
}

body.cms .website-list .card .reload-thispage {
  position: absolute;
  top: 20px;
  margin-top: 120px;
  right: 40px;
  color: #212121;
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid #DDDDDD;
  border-color: green;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
body.cms .website-list .card .reload-thispage:hover {
  color: #fff;
  border: 1px solid #666;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

body.cms .website-list .card .rscopy-correct {
  position: absolute;
  top: 20px;
  margin-top: 120px;
  right: 40px;
  color: #212121;
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid #DDDDDD;
  border-color: green;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
body.cms .website-list .card .rscopy-correct:hover {
  color: #fff;
  border: 1px solid #666;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

body.cms .website-list .card .option-menu {
  position: absolute;
  top: 20px;
  right: 68px;
  display: inline-block;
  line-height: 0;
}

body.cms .website-list .card.option-menu-active .option-menu,
body.cms .website-list .card .option-menu:hover,
body.cms .website-list .card .option-menu.active {
  background: #F6F6F6;
}

body.cms .website-list .card .option-menu-list-wrap {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  right: -66px;
  z-index: 1;
  width: 160px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
}

body.cms .website-list .card.option-menu-active .option-menu-list-wrap {
  display: block;
}

body.cms .website-list .card .option-menu-list-wrap > ul > li {
  margin: 6px 0;
  padding: 3px 20px;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer;
}

body.cms .website-list .card .option-menu-list-wrap > ul > li:hover,
body.cms .website-list .card .option-menu-list-wrap > ul > li.active {
  background: #D9D9D9;
}

body.cms .website-list .card .option-menu-list-wrap > ul > li i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
}

body.cms .website-list .card .option-menu-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #C9C9C9;
}

body.cms .website-list .card .option-menu-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #fff;
}

body.cms .website-list .card .duplicate-website-detail {
  display: none;
}

body.cms .website-list .card .duplicate-website-active .duplicate-website-detail {
  display: block;
  position: absolute;
  width: 360px;
  padding: 30px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  right: -430px;
  bottom: calc(100% - 288px);
  z-index: 1;
  -webkit-box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
  box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
}

body.cms .website-list .card.option-menu-active .duplicate-website-detail .site-detail-coment {
  font-size: 1.8rem;
  line-height: 28px;
  margin-bottom: 15px;
}

body.cms .website-list .card.option-menu-active .duplicate-website-detail .check-list {
  margin-bottom: 30px;
}

body.cms .website-list .card.option-menu-active .duplicate-website-detail .check-list li {
  font-size: 1.5rem;
  line-height: 2;
}

body.cms .website-list .card.option-menu-active .duplicate-website-detail .check-list li ul {
  margin-left: 30px;
}

.c-checkbox {
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.c-checkbox_input {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 13px;
  height: 13px;
  margin-right: 7px;
}

.c-checkbox_input::before,
.c-checkbox_input::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-checkbox_input::before {
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  top: -2px;
  left: 0;
}

.c-checkbox input[type=checkbox]:checked + .c-checkbox_input::after {
  width: 7px;
  height: 12px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -4px;
  left: 5px;
}

body.cms .website-list .card .sitecopy-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.cms .website-list .card .sitedelete-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

body.cms .website-list .card .sitecolor-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

body.cms .website-list .card .sitecopy-bt li {
  margin-right: 6px;
}

body.cms .website-list .card .sitecopy-bt li button,
body.cms .website-list .card .sitedelete-bt li button,
body.cms .website-list .card .sitecolor-bt li button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .website-list .card .sitecopy-bt li button:hover,
body.cms .website-list .card .sitedelete-bt li button:hover,
body.cms .website-list .card .sitecolor-bt li button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .website-list .card .icons-circle-black-3dots {
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}

body.cms .website-list .card .paint-website-detail {
  display: none;
}

body.cms .website-list .card .paint-website-active .paint-website-detail {
  display: block;
  position: absolute;
  width: 264px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  right: -132px;
  bottom: calc(100% - 114px);
  z-index: 1;
  -webkit-box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
  box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
  cursor: default;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li {
  width: 20%;
  height: 62px;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(1) {
  background-color: #0FB294;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(2) {
  background-color: #3BB469;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(3) {
  background-color: #2F8DCD;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(4) {
  background-color: #8D559F;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(5) {
  background-color: #30475D;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(6) {
  background-color: #249A7F;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(7) {
  background-color: #26A65A;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(8) {
  background-color: #2478B0;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(9) {
  background-color: #804296;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(10) {
  background-color: #2A3D4F;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(11) {
  background-color: #E8BF0C;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(12) {
  background-color: #DE7B10;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(13) {
  background-color: #DC4A35;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(14) {
  background-color: #EBEEEF;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(15) {
  background-color: #92A2A3;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(16) {
  background-color: #EB9903;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(17) {
  background-color: #CA5419;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(18) {
  background-color: #B83625;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(19) {
  background-color: #BBC2C6;
}

body.cms .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li:nth-child(20) {
  background-color: #7C8A8B;
}

body.cms .website-list .card .icons-circle-black-3dots::before {
  width: 1.87062em;
  height: 1.87062em;
}

body.cms .website-list .card .duplicate-wrap {
  position: absolute;
  top: -1px;
  left: calc(100% + 20px);
  width: 360px;
  padding: 25px 35px 35px 35px;
  background: #fff;
  border: 1px solid #C9C9C9;
  -webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  font-size: 17px;
  font-size: 1.7rem;
}

body.cms .website-list .card .duplicate-wrap p {
  margin-bottom: 20px;
}

body.cms .website-list .card .duplicate-wrap > span {
  display: block;
  margin: 5px 0;
  font-size: 15px;
  font-size: 1.5rem;
}

body.cms .website-list .card .duplicate-wrap > span.child {
  margin-left: 24px;
}

body.cms .website-list .card .duplicate-wrap > span input[type=checkbox] {
  display: none;
  margin-right: 10px;
}

body.cms .website-list .card .duplicate-wrap > span input[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 30px;
}

body.cms .website-list .card .duplicate-wrap > span input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #333;
}

body.cms .website-list .card .duplicate-wrap > span input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  display: block;
  width: 7px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms .website-list .card .duplicate-wrap .btn-area {
  margin-top: 25px;
}

body.cms .website-list .card .duplicate-wrap .btn-area button {
  width: 80px;
  margin-right: 7px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .website-list .card .duplicate-wrap .btn-area button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .website-list .card .paint-wrap {
  position: absolute;
  top: -1px;
  left: calc(100% + 20px);
  width: 360px;
  background: #fff;
  border: 1px solid #C9C9C9;
  -webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  font-size: 17px;
  font-size: 1.7rem;
}

body.cms .website-list .card .delete-wrap {
  position: absolute;
  top: -1px;
  left: calc(100% + 20px);
  width: 360px;
  padding: 25px 35px 35px 35px;
  background: #fff;
  border: 1px solid #C9C9C9;
  -webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
  font-size: 17px;
  font-size: 1.7rem;
}

body.cms .website-list .card .delete-wrap p {
  margin-bottom: 20px;
}

body.cms .website-list .card .delete-wrap .btn-area {
  margin-top: 25px;
}

body.cms .website-list .card .delete-wrap .btn-area button {
  width: 80px;
  margin-right: 7px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .website-list .card .delete-wrap .btn-area button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .website-list .card.option-menu-active .icons-circle-black-3dots,
body.cms .website-list .card:hover .icons-circle-black-3dots {
  opacity: 1;
}

body.cms .website-list .card .site-name {
  padding-right: 96px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
}

body.cms .website-list .card .url {
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
  word-break: break-all;
}

body.cms .home-overlay {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

body.cms .website-list .card .url a {
  color: #888;
}

body.cms .website-list .card table {
  width: 100%;
  margin-top: 30px;
}

body.cms .website-list .card.add table {
  margin-top: 5px;
}

body.cms .website-list .card table td {
  padding: 0;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
}

body.cms .website-list .card .add-sitename {
  margin-bottom: 3px;
}

body.cms .website-list .card .add-sitename input[type=text],
body.cms .website-list .card .add-siteurl input[type=text] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #B3B3B3;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .website-list .card .site-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

body.cms .website-list .card .site-add li {
  margin-right: 10px;
}

body.cms .website-list .card .site-add li:last-child {
  margin-right: 0px;
}

body.cms .website-list .card .site-add button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .website-list .card .site-add button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .config-area {
  padding: 0 40px;
  border-top: 1px solid #ddd;
  background: #F6F6F6;
}

body.cms .config-area .inner {
  max-width: 1460px;
  padding: 45px 0 25px 0;
}

body.cms .config-area .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.cms .config-area .btn li {
  width: calc((100% - 50px) / 6);
  margin-right: 10px;
  margin-bottom: 20px;
}

body.cms .config-area .btn li:nth-child(6n) {
  margin-right: 0;
}

body.cms .config-area .btn li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  text-align: center;
  color: #fff;
}

body.cms .config-area .btn li a:hover {
  background: #fff;
  color: #4CA74F;
  text-decoration: none;
}

body.cms .cms-support-nav {
  margin-bottom: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-support-nav li {
  margin-bottom: 12px;
}

body.cms .cms-support-nav li:before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 9px;
  vertical-align: bottom;
}

body.cms .cms-support-nav a {
  color: #333;
}

body.cms .content-wrap .coment {
  font-size: 1.2rem;
  line-height: 1.6;
}

body.cms .content-wrap .cypochi-supportmail textarea {
  width: 100%;
  display: block;
  margin: 10px auto;
}

body.cms .cypochi-supportmail input[type=submit] {
  width: 100%;
  padding: 8px 4px;
  margin-top: 5px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .cypochi-supportmail input[type=submit]:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .setting-wrap {
  max-width: 1260px;
  margin: 0 auto;
}

body.cms .setting-wrap.staging table {
  border-collapse: collapse;
}

body.cms .setting-wrap.staging table th {
  width: 310px;
  padding: 0 15px 30px 0;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
}

body.cms .setting-wrap.staging table td {
  width: calc(100% - 310px);
  padding: 0 0 30px 15px;
}

body.cms .setting-wrap.staging table td label {
  display: block;
  margin-left: 21px;
  padding-bottom: 10px;
  text-indent: -21px;
}

body.cms .setting-wrap.staging table td input[type=text] {
  width: 100%;
  padding: 10px;
  border: 1px solid #666;
  font-size: 15px;
  font-size: 1.5rem;
}

body.cms .setting-wrap.staging table td input[type=checkbox] {
  display: inline-block;
  margin-right: 8px;
  -webkit-appearance: checkbox;
}

body.cms .setting-wrap.staging table td p {
  margin-left: 21px;
  font-size: 1.3rem;
  font-size: 13px;
}

body.cms .setting-wrap.staging table td .btn {
  width: 100%;
  float: none;
}

body.cms .setting-wrap.staging table td .btn li {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 5px;
  margin-bottom: 5px;
}

body.cms .setting-wrap.staging table td .btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms .setting-wrap.staging table td .btn li a:hover,
body.cms .setting-wrap.staging table td .btn li a.active {
  opacity: 0.7;
  text-decoration: none;
}

body.cms .setting-wrap.staging table td .setting-check {
  margin-top: 30px;
}

body.cms .setting-wrap.staging table td .setting-check:first-child {
  margin-top: 0;
}

body.cms .setting-wrap.staging table td .setting-detail {
  display: none;
}

@media all and (max-width: 920px) {
  body.cms .setting-wrap.staging table th {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    font-weight: bold;
  }
  body.cms .setting-wrap.staging table td {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
}
body.cms .cms-log .main-area {
  margin: 0 auto;
  width: 100%;
  max-width: 1520px;
}

body.cms .page-title {
  position: relative;
  margin-bottom: 35px;
}

body.cms .page-title::after {
  content: "";
  display: block;
  clear: both;
}

body.cms .cms-contents .page-title {
  padding-right: 42px;
}

body.cms .page-title .text {
  overflow: hidden;
  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;
  min-height: 49px;
}

body.cms .page-title > i {
  float: left;
  margin-right: 12px;
  line-height: 0;
}

body.cms .page-title .main-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.cms .page-title .main-text {
  display: block;
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

body.cms .page-title .sub-text {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .page-title .dustbox {
  position: absolute;
  top: 10px;
  right: 0;
}

body.cms .page-title .export {
  position: absolute;
  top: 10px;
  right: 45px;
}

body.cms .page-title .icons-delete-gray {
  line-height: 0;
}

body.cms .page-title .icons-delete-gray::before {
  font-size: 25.2px;
}

body.cms .menu-area {
  width: 220px;
  min-width: 220px;
  background: #F6F6F6;
  min-height: calc(100vh - 92px);
}

body.cms .menu-area .title {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 25px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}

body.cms .menu-area .title a {
  color: #333;
}

body.cms .menu-area .search {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 25px;
}

body.cms .menu-area .search input[type=text] {
  width: 100%;
  height: 28px;
  padding: 3px 26px 3px 6px;
  border: 1px solid #ddd;
  background: #fff;
}

body.cms .menu-area .search button {
  position: absolute;
  top: 1px;
  right: 26px;
  width: 26px;
  height: 26px;
  padding: 0;
  background: #fff;
  border: none;
  cursor: pointer;
}

body.cms .menu-area .search button .icons-search-gray::before {
  font-size: 16px;
  vertical-align: middle;
}

body.cms .menu-area .search .sp-search-btn {
  display: none;
}

body.cms .menu-area .menu {
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .menu-area .menu a {
  display: block;
  padding: 8px 20px 8px 25px;
  color: #222;
}

body.cms.system.apps .cms-contents.content-wrap .menu-area .menu a::before {
  display: none;
}

body.cms .menu-area .menu a + span {
  display: none;
}

body.cms .menu-area .menu a.active,
body.cms .menu-area .menu a:hover {
  background: #D1D1D1;
  text-decoration: none;
}

body.cms .main-area {
  width: calc(100% - 220px);
  padding: 40px;
}

body.cms .cms-flow .list-area,
body.cms .cms-contents .list-area,
body.cms .cms-admin-settings .admin-settings-area,
body.cms .all-import .all-import-area,
body.cms .site-settings-wrap {
  width: calc(100% - 220px);
  padding: 40px;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

body.cms .cms-flow .list-area,
body.cms .cms-contents .list-area {
  padding-bottom: 0;
}

body.cms .cms-flow .list-area.active,
body.cms .cms-contents .list-area.active {
  width: calc(100% - 770px);
}

body.cms .cms-contents .list-area .btn-area {
  display: table;
  width: 100%;
  margin-bottom: 11px;
}

body.cms .cms-contents .list-area .all-btn {
  display: table-cell;
  vertical-align: bottom;
}

body.cms .cms-contents .list-area .all-btn button {
  margin: 0 4px;
  padding: 2px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-bottom: 1px solid transparent;
}
body.cms .cms-contents .list-area .all-btn button:hover {
  border-bottom: 1px solid #222;
}

body.cms .cms-contents .list-area .list-btn {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}

body.cms .cms-contents .list-area .list-btn button {
  height: 40px;
  padding: 5px 15px 5px 15px;
  margin-left: 10px;
  border: 1px solid #ddd;
  background: transparent;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-contents .list-area .list-btn button:hover {
  border: 1px solid #4CA74F;
  background: #4CA74F;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms .cms-contents .list-area .list-btn button.active {
  border: 1px solid #4CA74F;
  background: #4CA74F;
  color: #fff;
}

body.cms .cms-contents .list-area .list-btn label {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 122px;
  margin-left: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  vertical-align: top;
}

body.cms .cms-contents .list-area .list-btn label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}

body.cms .cms-contents .list-area .list-btn label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}

body.cms .cms-contents .list-area .list-btn select {
  display: block;
  height: 38px;
  width: 138px;
  padding: 4px 14px 4px 14px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  cursor: pointer;
}

body.cms .cms-contents .list-area .list-btn select::-ms-expand {
  display: none;
}

body.cms .cms-contents .list-area .trash-btn-area {
  display: table;
  width: 100%;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow {
  float: left;
  margin-bottom: 11px;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow label {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-right: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  vertical-align: middle;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow select {
  display: block;
  height: 38px;
  padding: 4px 36px 4px 14px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  cursor: pointer;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow select::-ms-expand {
  display: none;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-narrow p {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-btn {
  float: right;
  margin-bottom: 11px;
  text-align: right;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-btn .action {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-btn .action button {
  width: 88px;
  height: 40px;
  padding: 5px 15px 5px 15px;
  margin-left: 10px;
  border: 1px solid #ddd;
  vertical-align: top;
  cursor: pointer;
  background: transparent;
}
body.cms .cms-contents .list-area .trash-btn-area .trash-btn .action button.active {
  border: 1px solid #4CA74F;
  background: #4CA74F;
  color: #fff;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-btn .select {
  display: inline-block;
  vertical-align: middle;
}

body.cms .cms-contents .list-area .trash-btn-area .trash-btn .select button {
  margin: 0 4px;
  padding: 2px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body.cms .cms-contents .list-area .tree-list {
  position: relative;
  overflow-y: scroll;
  padding-bottom: 50px;
  overflow-x: hidden;
  height: calc(100vh - 225px);
}
body.cms .cms-contents .list-area .tree-list > * {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body.cms .cms-contents .list-area .tree-list.loading {
  background-position: top center;
}
body.cms .cms-contents .list-area .tree-list.loading > * {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

body.cms .cms-contents .list-area .tree-list ul,
body.cms .cms-contents .list-area .tree-list ul.trashcan {
  padding-left: 24px;
}

body.cms .cms-contents .list-area.sort .tree-list ul:empty {
  min-height: 35px;
  border: 1px dashed #ccc;
}

/*
body.cms .cms-contents .list-area .tree-list .trashcan > li.folder {
  margin-left: -24px;
}*/
body.cms .cms-contents .list-area .tree-list .tree-list-ul {
  padding-left: 0;
}

body.cms .cms-contents .list-area .tree-list > ul > li {
  border-top: 1px solid #ddd;
}

body.cms .cms-contents .list-area .tree-list li {
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-contents .list-area .tree-list div.folder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}

body.cms .cms-contents .list-area .tree-list li.page,
body.cms .cms-contents .list-area .tree-list li.link {
  position: relative;
  min-height: 40px;
  padding-left: 5px;
}

body.cms .cms-contents .list-area .tree-list li.page > div,
body.cms .cms-contents .list-area .tree-list li.link > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}

body.cms .cms-contents .list-area .tree-list li.separate {
  height: 0;
  overflow: hidden;
  border-bottom: none;
}

body.cms .cms-contents .list-area .tree-list li.page::before,
body.cms .cms-contents .list-area .tree-list li.link::before,
body.cms .cms-contents .list-area .tree-list div.folder::before {
  position: absolute;
  height: 1px;
  width: 200vw;
  left: -50vw;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}

body.cms .cms-contents .list-area.sort .tree-list li.page::before,
body.cms .cms-contents .list-area.sort .tree-list li.link::before,
body.cms .cms-contents .list-area.sort .tree-list div.folder::before {
  background: transparent;
  border-bottom: 1px dashed #ddd;
}

body.cms .cms-contents .list-area .tree-list li.page::after,
body.cms .cms-contents .list-area .tree-list li.link::after,
body.cms .cms-contents .list-area .tree-list div.folder::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 200vw;
  top: 0;
  left: -50vw;
  display: block;
  background: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .cms-contents .list-area .tree-list li.active:after,
body.cms .cms-contents .list-area .tree-list li.page:hover::after,
body.cms .cms-contents .list-area .tree-list li.link:hover::after,
body.cms .cms-contents .list-area .tree-list div.folder:hover::after,
body.cms .cms-contents .list-area .tree-list div.folder.active::after {
  background: #f6f6f6;
}

body.cms .cms-contents .list-area .tree-list div.folder > .flag {
  position: relative;
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #4ca74f;
  cursor: pointer;
}
body.cms .cms-contents .list-area .tree-list div.folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
body.cms .cms-contents .list-area .tree-list div.folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-contents .list-area .tree-list div.folder > .flag.open::after {
  opacity: 0;
}
body.cms .cms-contents .list-area .tree-list div.folder > .flag.close::after {
  opacity: 1;
}

body.cms .cms-contents .list-area .tree-list div.folder.draft .flag,
body.cms .cms-contents .list-area .tree-list #draft_root_node .flag {
  background-color: #666;
}

body.cms .cms-contents .list-area .tree-list > ul::before {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  background: #ddd;
  margin-top: -1px;
}

body.cms .cms-contents .list-area .tree-list li > div > a {
  width: calc(100% - 261px);
  padding: 9px 0 8px 0;
  word-break: break-all;
  color: #333;
}

body.cms .cms-contents .list-area .tree-list li.folder > div > a:hover,
body.cms .cms-contents .list-area .tree-list li.link > div > a:hover {
  text-decoration: none;
}

.folder.handle > a {
  font-weight: 700;
}

.tree-list ul li.folder:nth-of-type(1) > a,
.tree-list ul li.folder #root_node li.folder ul li.folder div.folder.handle > a {
  font-weight: 300 !important;
}

body.cms .cms-contents .list-area .tree-list .state {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
  margin-left: auto;
  margin-right: 187px;
  padding-top: 9px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-contents .list-area .page-config {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  padding: 4px 12px;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .cms-contents .list-area .page-config > a {
  margin: 0 9px;
}

body.cms .cms-contents .list-area .page-config > input {
  display: inline-block;
  -webkit-appearance: checkbox;
}

body.cms .cms-contents .list-area .handle.folder:hover > .page-config,
body.cms .cms-contents .list-area .handle.folder.active > .page-config,
body.cms .cms-contents .list-area .handle.page:hover > div > .page-config,
body.cms .cms-contents .list-area .handle.page.active > div > .page-config,
body.cms .cms-contents .list-area .handle.link:hover > div > .page-config,
body.cms .cms-contents .list-area .handle.link.active > div > .page-config {
  opacity: 1;
}

body.cms .cms-contents .list-area .config-wrap,
body.cms .hidden-area .config-wrap {
  display: none;
  position: absolute;
  top: 42px;
  right: 3px;
  z-index: 1;
  width: 160px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
}
body.cms .cms-contents .list-area .config-wrap.active,
body.cms .hidden-area .config-wrap.active {
  display: block;
}
body.cms .cms-contents .list-area .config-wrap::before,
body.cms .hidden-area .config-wrap::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: -7px;
  left: 50%;
  border-top: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  -webkit-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  -ms-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  background-color: #fff;
}
body.cms .cms-contents .list-area .config-wrap::after,
body.cms .hidden-area .config-wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  top: -12px;
  left: 0;
}
body.cms .cms-contents .list-area .config-wrap[data-window-dir=above-window]::before,
body.cms .hidden-area .config-wrap[data-window-dir=above-window]::before {
  top: auto;
  -webkit-transform: translateX(-50%) rotate(-135deg) skew(15deg, 15deg);
  -ms-transform: translateX(-50%) rotate(-135deg) skew(15deg, 15deg);
  transform: translateX(-50%) rotate(-135deg) skew(15deg, 15deg);
  bottom: -7px;
}
body.cms .cms-contents .list-area .config-wrap[data-window-dir=above-window]::after,
body.cms .hidden-area .config-wrap[data-window-dir=above-window]::after {
  top: auto;
  bottom: -12px;
}
body.cms .cms-contents .list-area .config-wrap ul,
body.cms .hidden-area .config-wrap ul {
  padding-left: 0;
}
body.cms .cms-contents .list-area .config-wrap li,
body.cms .hidden-area .config-wrap li {
  margin: 6px 0;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-contents .list-area .config-wrap li a,
body.cms .hidden-area .config-wrap li a {
  display: block;
  padding: 3px 20px;
  color: #333;
}
body.cms .cms-contents .list-area .config-wrap li a:hover, body.cms .cms-contents .list-area .config-wrap li a.active,
body.cms .hidden-area .config-wrap li a:hover,
body.cms .hidden-area .config-wrap li a.active {
  background: #D9D9D9;
  text-decoration: none;
}

body.cms .cms-contents .list-area .back-contents-list {
  position: absolute;
  top: 52px;
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-contents .list-area .back-contents-list a {
  cursor: pointer;
}

body.cms .cms-contents .list-area .trash-item-detail {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-left: auto;
  margin-right: 60px;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-right: 60px;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-contents .list-area .trash-item-detail .date {
  width: 150px;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
}

body.cms .cms-contents .list-area .trash-item-detail .name {
  width: 150px;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
}

body.cms .cms-contents .list-area .trash-item-detail .preview {
  height: 30px;
  display: inline-block;
  line-height: 0;
  width: 30px;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  right: 0;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

body.cms .cms-contents .list-area .handle.page:hover > div > .trash-item-detail .preview,
body.cms .cms-contents .list-area .handle.link:hover > div > .trash-item-detail .preview {
  opacity: 1;
}

body.cms .cms-contents .list-area .trash-item-detail .preview a {
  display: inline-block;
}

body.cms .cms-contents .list-area .trash-item-detail .preview a i {
  display: inline-block;
  line-height: 0;
}

body.cms .cms-flow .setting-area-wrap,
body.cms .cms-contents .setting-area-wrap {
  background: #F6F6F6;
}

body.cms .cms-flow .setting-area,
body.cms .cms-contents .setting-area {
  width: 0;
  background: #F6F6F6;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  height: 0;
  overflow: hidden;
}

body.cms .cms-flow .setting-area.active,
body.cms .cms-contents .setting-area.active {
  width: 550px;
  height: auto;
}

body.cms .cms-contents .setting-area .setmenu-top-wrap {
  position: relative;
  border-bottom: #C6C5C5 1px solid;
  padding-bottom: 10px;
}

body.cms .cms-contents .setting-area .setting-area-inner {
  position: relative;
  right: -550px;
  padding: 120px 40px 60px 40px;
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
  height: 100%;
}

body.cms .cms-contents .setting-area .setting-area-inner {
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-contents .setting-area .setting-cancel.cross-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-size: 1rem;
  padding-top: 26px;
  cursor: pointer;
}
body.cms .cms-contents .setting-area .setting-cancel.cross-btn::before, body.cms .cms-contents .setting-area .setting-cancel.cross-btn::after {
  content: "";
  width: 28px;
  height: 1px;
  background: #333;
  display: block;
  position: absolute;
  top: 13px;
  left: 1px;
}
body.cms .cms-contents .setting-area .setting-cancel.cross-btn::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-contents .setting-area .setting-cancel.cross-btn::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.cms .cms-contents .setting-area .setmenu-bt-ul {
  float: left;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 4px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li a {
  display: block;
  width: 80px;
  background-color: #818181;
  color: #FFF;
  padding: 8px 0;
  text-align: center;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li a:hover,
body.cms .cms-contents .setting-area .setmenu-bt-ul li a.active {
  text-decoration: none;
  background-color: #4CA74F;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li a.new:hover,
body.cms .cms-contents .setting-area .setmenu-bt-ul li a.new.active {
  cursor: auto;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li.link-check {
  width: 40px;
  height: 40px;
  border: 1px solid #dcdddd;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul li.link-check a {
  background-color: #fff;
  width: 38px;
  height: 38px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn {
  position: relative;
  width: 100%;
  float: none;
  margin-top: 9px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn:first-child {
  margin-top: 0;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn li {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 5px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 9px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 40px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt {
  margin-top: 20px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt li a {
  width: 193px;
}

body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn li a:hover,
body.cms .cms-contents .setting-area .setmenu-bt-ul.bottom-btn li a.active {
  opacity: 0.7;
}

body.cms .cms-contents .setting-area .prev-text-wrap {
  width: calc(100% - 376px);
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.cms .cms-contents .setting-area .setmenu-preview-btn {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}

body.cms .cms-contents .setting-area .setmenu-preview-btn a {
  background-color: #FFF;
  border: #DCDDDD 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

body.cms .cms-contents .setting-area .setmenu-preview-btn i {
  line-height: 0;
}

body.cms .cms-contents .setting-area .linkcheck-text-wrap {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}

body.cms .cms-contents .setting-area .linkcheck-text-wrap a {
  background-color: #818181;
  border: #818181 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

body.cms .cms-contents .setting-area .linkcheck-text-wrap a:hover,
body.cms .cms-contents .setting-area .linkcheck-text-wrap.active a {
  background-color: #4CA74F;
  border: #4CA74F 1px solid;
}

body.cms .cms-contents .setting-area .linkcheck-text-wrap i {
  line-height: 0;
}

body.cms .cms-contents .setting-area .op-cl-text-ul {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

body.cms .cms-contents .setting-area .op-cl-text-ul li {
  display: inline;
  margin-right: 7px;
  vertical-align: bottom;
}

body.cms .cms-contents .setting-area .op-cl-text-ul li:last-child {
  margin-right: 0;
}

body.cms .cms-contents .setting-area .op-cl-text-ul li a {
  color: #444;
}

body.cms .cms-contents .setting-area .page-status-wrap {
  border-bottom: #C6C5C5 1px solid;
  padding: 9px 0;
}

body.cms .cms-contents .setting-area .page-status-table {
  border-collapse: collapse;
  width: 100%;
}
body.cms .cms-contents .setting-area .page-status-table td {
  vertical-align: top;
}
body.cms .cms-contents .setting-area .page-status-table td.nobr {
  white-space: nowrap;
}
body.cms .cms-contents .setting-area .page-status-table td.page-status-table__title {
  width: 130px;
}

body.cms .cms-contents .setting-area .link-check-result {
  border-bottom: #C6C5C5 1px solid;
  padding: 9px 0;
}

body.cms .cms-contents .setting-area .link-check-result table td,
body.cms .cms-contents .setting-area .link-check-result table th {
  border: 1px solid #ccc;
}

body.cms .cms-contents .setting-area .link-check-result table {
  border-collapse: collapse;
  margin-bottom: 0px;
  width: 100%;
}

body.cms .cms-contents .setting-area .link-check-result table td {
  padding: 5px;
  border: 1px solid #ccc;
  line-height: 1.6;
  text-align: center;
  background: #fff;
  width: 42px;
}

body.cms .cms-contents .setting-area .link-check-result table td.result-desc-title {
  background: #D1D1D1;
}

body.cms .cms-contents .setting-area .link-check-result table td.result-url {
  text-align: left;
  word-break: break-all;
  max-width: 0px;
}
body.cms .cms-contents .setting-area .link-check-result table td.result-url > a {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

body.cms .cms-contents .setting-area .link-check-result table.back-link-result td.result-url {
  width: calc(100% - 52px);
}

body.cms .cms-contents .setting-area .link-check-result table + .link-check-result-title {
  margin-top: 30px;
}

.link-check-result-title {
  margin-bottom: 10px;
}

body.cms .cms-contents .setting-area .title-file-wrap {
  border-bottom: #C6C5C5 1px solid;
  padding: 9px 0;
}
body.cms .cms-contents .setting-area .title-file-wrap a {
  width: calc(100% - 130px);
  word-break: break-all;
}

body.cms .cms-contents .setting-area .title-file-wrap .title-file-head {
  display: inline-block;
  width: 130px;
}

body.cms .cms-contents .setting-area .title-file-wrap .title-file-head + span {
  display: inline-block;
  width: calc(100% - 130px);
  word-break: break-all;
}

body.cms .cms-contents .setting-area .title-file-wrap li {
  margin-bottom: 3px;
}

body.cms .cms-contents .setting-area .title-file-wrap li:last-child {
  margin-bottom: 0;
}

body.cms .cms-contents .setting-area .opcl-btn-list {
  border-bottom: #C6C5C5 1px solid;
  padding: 9px 0;
}
body.cms .cms-contents .setting-area .opcl-btn-list.is-noBorder {
  border-bottom: none;
}

body.cms .cms-contents .setting-area .opcl-btn-list dl dd {
  border-bottom: #C6C5C5 1px solid;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

body.cms .cms-contents .setting-area .opcl-btn-list li:last-child dl dd {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.cms .cms-contents .opcl-btn-list dl {
  width: 100%;
}

body.cms .cms-contents .opcl-btn-list .btn-title {
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms .cms-contents .opcl-btn-list .btn-title:hover {
  opacity: 0.5;
}

body.cms .cms-contents .opcl-btn-list .button {
  position: absolute;
  top: 3px;
  right: 0;
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  cursor: pointer;
}

body.cms .cms-contents .opcl-btn-list .button::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 7px;
  display: inline-block;
  width: 7px;
  height: 1px;
  background-color: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms .cms-contents .opcl-btn-list .button::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  display: inline-block;
  width: 1px;
  height: 7px;
  background-color: #333;
}

body.cms .cms-contents .opcl-btn-list .button::before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

body.cms .cms-contents .opcl-btn-list .btn-title.active .button::after {
  display: none;
}

body.cms .cms-contents .setting-area textarea {
  resize: vertical;
}

body.cms .cms-contents .setting-area select {
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-contents .setting-area input[type=number] {
  padding: 3px;
  border: 1px solid #333;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-contents .setting-area .version-wrap {
  padding: 20px 0;
  border-bottom: #C6C5C5 1px solid;
}

body.cms .cms-contents .opcl-btn-list .btn-title.active .button::after {
  display: none;
}

body.cms .cms-contents .setting-area .field-wrap li {
  padding: 9px 0;
}

body.cms .cms-contents .setting-area .field-wrap li:first-child {
  padding-top: 0;
}

body.cms .cms-contents .setting-area .field-wrap li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

body.cms .cms-contents .setting-area .title-file-wrap li,
body.cms .cms-contents .setting-area .page-status-wrap li,
body.cms .cms-contents .setting-area .field-wrap li,
body.cms .cms-contents .setting-area .approval-flow-wrap li,
body.cms .cms-contents .setting-area .linkpage-info li,
body.cms .cms-contents .setting-area .link-type-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.cms .cms-contents .setting-area li label {
  display: block;
}

body.cms .cms-contents .setting-area li .input-item {
  display: block;
  margin: 3px 0;
}

body.cms .cms-contents .setting-area li .input-item .title {
  display: inline-block;
  width: 90px;
}

body.cms .cms-contents .setting-area li .input-item label {
  display: inline-block;
  width: calc(100% - 90px);
}

body.cms .cms-contents .setting-area li input[type=text] {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-contents .setting-area li input[type=password] {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-contents .setting-area li input[type=checkbox] {
  -webkit-appearance: checkbox;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}

body.cms .cms-contents .setting-area li input[type=radio] {
  -webkit-appearance: radio;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}

body.cms .cms-contents .setting-area .field-name {
  width: 130px;
}
body.cms .cms-contents .setting-area .field-name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}

body.cms .cms-contents .setting-area .field {
  width: calc(100% - 130px);
  word-break: break-all;
}

body.cms .cms-contents .setting-area .field-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.cms .cms-contents .setting-area .field-inner:last-child {
  margin-bottom: 0;
}

body.cms .cms-contents .setting-area .field-inner h4 {
  width: 100px;
}

body.cms .cms-contents .setting-area .field.link input[type=radio] {
  width: 13px;
  margin-top: 0;
  vertical-align: middle;
}

body.cms .cms-contents .setting-area .field.link input[type=text] {
  width: calc(100% - 21px);
  margin-left: 5px;
  vertical-align: middle;
}

body.cms .cms-contents .setting-area .field.link span.input {
  display: inline-block;
  padding: 3px 5px 2px 5px;
  vertical-align: middle;
}

body.cms .cms-contents .setting-area .select-wrap {
  position: relative;
  width: 100%;
}

body.cms .cms-contents .setting-area .select-wrap + .select-wrap {
  margin-top: 5px;
}

body.cms .cms-contents .setting-area .select-wrap .select-label {
  position: relative;
}
body.cms .cms-contents .setting-area .select-wrap .select-label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  border-top: 6px solid #000;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
body.cms .cms-contents .setting-area .select-wrap .select-label select {
  width: 100%;
  border: 1px solid #777;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 6px;
  padding-right: 20px;
}

body.cms .cms-contents .setting-area .select-wrap select {
  width: 100%;
  padding: 3px;
}

body.cms .cms-contents .setting-area .textarea-wrap textarea {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-contents .setting-area .approvalmail-wrap {
  padding: 9px 0;
  border-bottom: #C6C5C5 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.cms .cms-contents .setting-area .approvalmail-wrap li:first-child {
  width: 130px;
}
body.cms .cms-contents .setting-area .approvalmail-wrap li:last-child {
  width: calc(100% - 130px);
}

body.cms .cms-contents .setting-area .approvalmail-wrap label {
  display: inline-block;
}

body.cms .cms-contents .setting-area .approvalmail-wrap p {
  margin: 5px 0;
}

body.cms .cms-contents .setting-area .approvalmail-wrap .select {
  position: relative;
}

body.cms .cms-contents .setting-area .approvalmail-wrap select {
  width: 310px;
  min-height: 26px;
  margin-bottom: 5px;
  vertical-align: top;
}

body.cms .cms-contents .setting-area .approvalmail-wrap textarea {
  width: 340px;
  margin-bottom: 5px;
}

body.cms .cms-contents .setting-area .opendate-wrap {
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-contents .setting-area .opendate-wrap li {
  margin-bottom: 5px;
}
body.cms .cms-contents .setting-area .opendate-wrap li.name {
  width: 130px;
}
body.cms .cms-contents .setting-area .opendate-wrap li.name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}

body.cms .cms-contents .setting-area .opendate-time {
  display: block;
  margin-top: 10px;
}

body.cms .cms-contents .setting-area .opendate-time input[type=text] {
  width: 100px;
  border-color: #777777;
  margin: 0 8px 0 0;
}

body.cms .cms-contents .setting-area .opendate-time input[type=number] {
  width: 50px;
  border-color: #777777;
  margin: 0 8px;
}

body.cms .cms-contents .setting-area .opendate-time .term-input {
  display: inline-block;
}

body.cms .cms-contents .setting-area .opendate-time .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}

body.cms .cms-contents .setting-area .opendate-time .icons-syslog-cal::before {
  font-size: 25px;
}

body.cms .cms-contents .setting-area .notify-news-wrap {
  padding: 9px 0;
}

body.cms .cms-contents .setting-area .notify-news-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.cms .cms-contents .setting-area .notify-news-wrap h4 {
  font-size: 13px;
  font-size: 1.3rem;
  width: 130px;
}

body.cms .cms-contents .setting-area .notify-news-wrap textarea {
  width: calc(100% - 130px);
}

body.cms .cms-contents .setting-area .notify-news-wrap label {
  margin-top: 5px;
}

body.cms .cms-contents .setting-area .approval-flow-wrap {
  padding: 9px 0;
  border-bottom: #C6C5C5 1px solid;
}
body.cms .cms-contents .setting-area .approval-flow-wrap.is-noBorder {
  border-bottom: none;
}

body.cms .cms-contents .setting-area .cmsuser-add-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}

body.cms .cms-contents .setting-area .cmsuser-add-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

body.cms .cms-contents .setting-area .cmsuser-add-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.cms .cms-contents .setting-area .pagechecklist-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

body.cms .cms-contents .setting-area .pagechecklist-wrap ul {
  height: 220px;
  overflow-y: scroll;
  margin-bottom: 20px;
  padding: 6px 0;
}

body.cms .cms-contents .setting-area .pagechecklist-wrap li {
  position: relative;
  padding: 3px 40px 3px 0;
}

body.cms .cms-contents .setting-area .pagechecklist-wrap .pagecheck-remove-btn {
  position: absolute;
  right: 10px;
  top: 0;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}

body.cms .cms-contents .setting-area .pagechecklist-wrap .pagecheck-remove-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.cms .cms-contents .setting-area .pagechecklist-wrap .pagecheck-remove-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms .cms-contents .setting-area .linkpage-info {
  padding: 20px 0;
  border-bottom: #C6C5C5 1px solid;
}

body.cms .cms-contents .setting-area .link-config {
  padding: 20px 0;
  border-bottom: #C6C5C5 1px solid;
}

body.cms .cms-contents .share-wrap .share-title {
  float: left;
}

body.cms .cms-contents .share-wrap .share-member {
  float: left;
}

body.cms .cms-contents .setting-area .share-field-wrap {
  position: relative;
  margin-top: 20px;
  padding-top: 25px;
  border-top: #C6C5C5 1px solid;
}

body.cms .cms-contents .setting-area .share-field-wrap .select-wrap {
  min-height: 30px;
}

body.cms .cms-contents .setting-area .share-field-wrap select {
  width: calc(100% - 40px);
}

body.cms .cms-contents .setting-area .share-field-wrap .btn {
  position: absolute;
  top: 2px;
  right: 5px;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

body.cms .cms-contents .setting-area .share-field-wrap .btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

body.cms .cms-contents .setting-area .share-field-wrap .btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

body.cms .cms-contents .setting-area .share-field-wrap .btn.add::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.link-check-select {
  margin-top: 20px;
}

body.cms .cms-contents .setting-area li input.aircms-radio-input {
  display: none;
}

body.cms .cms-contents .setting-area li input.aircms-radio-input + label {
  position: relative;
  padding-left: 21px;
  margin-right: 20px;
}

body.cms .cms-contents .setting-area li input.aircms-radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  width: 13px;
  height: 13px;
  border: 1px solid #212121;
  border-radius: 50%;
  background: #fff;
}

body.cms .cms-contents .setting-area li input.aircms-radio-input:checked + label {
  color: #212121;
}

body.cms .cms-contents .setting-area li input.aircms-radio-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 6px;
  width: 7px;
  height: 7px;
  background: #212121;
  border-radius: 50%;
}

body.cms .cms-contents .help-area {
  position: absolute;
  top: 0;
  right: -550px;
  width: 550px;
  height: 100%;
  background-color: #F6F6F6;
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
}
body.cms .cms-contents .help-area.active {
  right: 0;
}

.aircms-radio-input-label {
  display: inline-block;
  padding-top: 3px;
}

@media all and (max-width: 1340px) {
  body.cms .content-wrap.cms-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.cms .content-wrap.cms-top .main {
    width: 100%;
  }
  body.cms .content-wrap.cms-top .sub {
    width: 100%;
    padding-left: 4.5%;
    padding-right: 4.5%;
    padding-bottom: 8px;
  }
  body.cms .content-wrap .cypochi-supportmail {
    position: relative;
    bottom: inherit;
    width: 100%;
  }
  body.cms .mynews-area {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  body.cms .mynews-area .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.cms .mynews-area .publish {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px;
  }
  body.cms .mynews-area .publish .tab-menu li .number {
    font-size: 36px;
    font-size: 3.6rem;
  }
  body.cms .mynews-area .cms {
    width: 100%;
  }
  body.cms .newsrelease-area {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  body.cms .newsrelease-area h2.news {
    width: 100%;
    margin-right: 0;
  }
  body.cms .newsrelease-area h2.album {
    display: none;
  }
  body.cms .news-list .card {
    width: calc((100% - 10px) / 2);
  }
  body.cms .news-list .card:nth-child(2n) {
    margin-right: 0;
  }
  body.cms .newsrelease-area li.h2 {
    display: block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  body.cms .website-area {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  body.cms .website-list .card {
    width: calc((100% - 10px) / 2);
  }
  body.cms .config-area {
    padding-left: 4.5%;
    padding-right: 4.5%;
    border-bottom: 1px solid #ddd;
  }
  body.cms .config-area .btn li {
    width: calc((100% - 30px) / 4);
  }
  body.cms .config-area .btn li:nth-child(6n) {
    margin-right: 10px;
  }
  body.cms .config-area .btn li:nth-child(4n) {
    margin-right: 0;
  }
  /*
  body.cms .cms-contents,
  body.cms .albums-contents{
    flex-direction: row;
  }
  body.cms .menu-area .search{
    position: relative;
    height: 30px;
    padding: 0;
  }
  body.cms .menu-area .search .sp-search-btn{
    position: absolute;
    left: 0;
    z-index: 10;
    pointer-events: auto;
    opacity: 1;
    display: block;
    width: 30px;
    height: 30px;
    padding: 3px;
    cursor: pointer;
    transition: left 0.2s;
  }
  body.cms .menu-area .search .sp-search-btn::after{
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -4px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid #818181;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  body.cms .menu-area .search .sp-search-btn i{
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: #818181;
  }
  body.cms .menu-area .search .sp-search-btn i::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  body.cms .menu-area .search .search-inner{
    position: absolute;
    z-index: 10;
    top: -5px;
    left: -3px;
    height: 40px;
    width: 30px;
    padding: 5px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s, width 0.2s linear 0s;
  }
  body.cms .menu-area .search .sp-search-btn.active{
    left: 180px;
  }
  body.cms .menu-area .search .sp-search-btn.active i{
    opacity: 0;
  }
  body.cms .menu-area .search .sp-search-btn.active::before{
    content: "";
    position: absolute;
    left: 13px;
    top: 8px;
    width: 2px;
    height: 14px;
    transform: rotate(45deg);
    background: #818181;
  }
  body.cms .menu-area .search .sp-search-btn.active::after{
    content: "";
    position: absolute;
    left: 13px;
    top: 12px;
    border: none;
    width: 2px;
    height: 14px;
    transform: rotate(-45deg);
    background: #818181;
  }
  body.cms .menu-area .search .search-inner.active{
    pointer-events: auto;
    opacity: 1;
    width: 220px;
    background: #f6f6f6;
  }
  body.cms .menu-area .search input[type="text"]{
    width: calc(100% - 40px);
    height: 30px;
  }
  body.cms .menu-area .search button {
    top: 6px;
    right: 46px;
    width: 28px;
    height: 28px;
    padding: 0;
    background: #fff;
  }
  body.cms .cms-contents .menu-area{
    width: 80px;
    padding: 0 25px;
  }
  body.cms .cms-contents .menu-area .menu{
    font-size: 0;
  }
  body.cms .cms-contents .menu-area .menu li{
    position: relative;
    margin-bottom: 5px;
  }
  body.cms .cms-contents .menu-area .menu a{
    width: 30px;
    height: 30px;
    padding: 3px;
  }
  body.cms .cms-contents .menu-area .menu a.active,
  body.cms .cms-contents .menu-area .menu a:hover{
    background-color: transparent;
  }
  body.cms.system.apps .cms-contents.content-wrap .menu-area .menu a::before{
    display: block;
    width: 48px;
    height: 48px;
    font-size: 15.67px;
    transform-origin: top left;
    transform: scale(0.5);
  }
  body.cms .cms-contents .menu-area .menu a + span{
    position: absolute;
    top: 50%;
    left: calc(100% + 30px);
    z-index: 10;
    display: block;
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #444;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%);
    white-space: nowrap;
    transition: opacity 0.2s;
  }
  body.cms .cms-contents .menu-area .menu a + span::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    border-right: 12px solid #444;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transform: translateY(-50%);
  }
  body.cms .cms-contents .menu-area .menu a:hover + span{
    opacity: 1;
  }
  */
  /*body.cms .cms-contents .setting-area{
    position: absolute;
    right: -550px;
    transition: right 0.2s;
  }
  body.cms .cms-contents .setting-area.active{
    right: 0;
    height: 100%;
  }
  body.cms .cms-contents .list-area,
  body.cms .cms-contents .list-area.active{
    //width: calc(100% - 80px);
    width: calc(100% - 220px);
    padding-left: 4.5%;
    padding-right: 4.5%;
  }*/
}
body.cms .cms-flow .list-area .btn-area {
  margin-bottom: 10px;
}

body.cms .cms-flow .list-area .btn-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body.cms .cms-flow .list-area .btn-area li {
  margin-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-flow .list-area .btn-area li a {
  color: #222;
}

body.cms .cms-flow .list-area .flow-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-flow .list-area .flow-list li:first-child {
  border-top: 1px solid #ddd;
}

body.cms .cms-flow .list-area .flow-list li:hover {
  background-color: #f6f6f6;
}

body.cms .cms-flow .list-area .flow-list li .name {
  width: calc(25% - 40px);
  padding: 10px;
}

body.cms .cms-flow .list-area .flow-list li .type {
  width: 20%;
  padding: 10px;
}

body.cms .cms-flow .list-area .flow-list li .member {
  width: calc(37.5% - 50px);
  padding: 10px;
}

body.cms .cms-flow .list-area .flow-list li .date {
  width: calc(37.5% - 50px);
  padding: 10px;
}

body.cms .cms-flow .list-area .flow-list li .delete {
  width: 60px;
  padding: 10px;
}
body.cms .cms-flow .list-area .flow-list li .delete > span {
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: block;
}
body.cms .cms-flow .list-area .flow-list li .delete > span:before, body.cms .cms-flow .list-area .flow-list li .delete > span:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  top: 15px;
  right: 10px;
  background-color: #222;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-flow .list-area .flow-list li .delete > span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.cms .cms-flow .setting-area h4 {
  padding-bottom: 40px;
  border-bottom: #C6C5C5 1px solid;
  font-size: 16px;
  font-weight: bold;
}

body.cms .cms-flow .setting-area .setting-area-inner {
  position: relative;
  right: 0;
  padding: 50px 40px 60px 40px;
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
  height: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms .cms-flow .setting-area .field-wrap h5 {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

body.cms .cms-flow .setting-area .field-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}

body.cms .cms-flow .setting-area .field-name {
  width: 115px;
  margin-top: 20px;
}

body.cms .cms-flow .setting-area .field {
  width: calc(100% - 115px);
  margin-top: 20px;
}

body.cms .cms-flow .setting-area .field-name:first-child,
body.cms .cms-flow .setting-area .field:nth-child(2) {
  margin-top: 0;
}

body.cms .cms-flow .setting-area .field-name.approver-ttl {
  position: relative;
  width: 171px;
}

body.cms .cms-flow .setting-area .field-name.approver-ttl + .flow-user {
  width: calc(100% - 171px);
}

body.cms .cms-flow .setting-area .field-name.applicant-ttl {
  position: relative;
  width: 124px;
}

body.cms .cms-flow .setting-area .field-name.applicant-ttl + .applicant {
  width: calc(100% - 124px);
}

body.cms .cms-flow .setting-area .field-name.applicant-ttl a {
  position: absolute;
  top: 0;
  right: 16px;
}

body.cms .cms-flow .setting-area .field-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

body.cms .cms-flow .setting-area .select-wrap {
  position: relative;
  width: calc(100% - 115px);
}

body.cms .cms-flow .setting-area .select-wrap select {
  width: 100%;
  padding: 3px;
}

body.cms .cms-flow .setting-area select {
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-flow .setting-area li input[type=text] {
  width: 100%;
  padding: 3px;
  border: 1px solid #999;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms .cms-flow .setting-area li label {
  display: block;
}

body.cms .cms-flow .setting-area li input[type=radio] {
  -webkit-appearance: radio;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}

body.cms .cms-flow .setting-area .share-field-wrap {
  position: relative;
}

body.cms .cms-flow .setting-area .share-field-wrap .select-wrap {
  min-height: 30px;
}

body.cms .cms-flow .setting-area .share-field-wrap select {
  width: calc(100% - 40px);
}

body.cms .cms-flow .setting-area .share-field-wrap .select-wrap {
  width: 100%;
}

body.cms .cms-flow .setting-area .share-field-wrap .select-wrap + .select-wrap {
  margin-top: 5px;
}

body.cms .cms-flow .setting-area .share-field-wrap .btn {
  position: absolute;
  top: -3px;
  right: 5px;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

body.cms .cms-flow .setting-area .share-field-wrap .btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

body.cms .cms-flow .setting-area .share-field-wrap .btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

body.cms .cms-flow .setting-area .share-field-wrap .btn.add::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.cms .cms-flow .setting-area .setmenu-bt-ul li {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 4px;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul li a {
  display: block;
  width: 80px;
  background-color: #818181;
  color: #FFF;
  padding: 8px 0;
  text-align: center;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul li a:hover,
body.cms .cms-flow .setting-area .setmenu-bt-ul li a.active {
  text-decoration: none;
  background-color: #4CA74F;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn {
  width: 100%;
  float: none;
  margin-top: 40px;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn:first-child {
  margin-top: 0;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn li {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 5px;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt {
  margin-top: 20px;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt li a {
  width: 193px;
}

body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn li a:hover,
body.cms .cms-flow .setting-area .setmenu-bt-ul.bottom-btn li a.active {
  opacity: 0.7;
}

@media all and (max-width: 680px) {
  body.cms .inner.header .app-heading,
  body.cms .gb-header.short .inner.header .app-heading,
  body.cms .air-gb-header.short .inner.header .app-heading {
    min-width: 0;
  }
  body.cms .inner.header .app-heading .app-title {
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.cms .gb-header.short .main-head .user-menu-button,
  body.cms .air-gb-header.short .air-main-head .user-menu-button {
    width: 31px;
    margin: 0 0 0 10px;
  }
  body.cms .gb-header.short .main-head .user-menu-button a,
  body.cms .air-gb-header.short .air-main-head .user-menu-button a {
    padding-left: 0;
  }
  body.cms .gb-header.short .drop-down-menu,
  body.cms .air-gb-header.short .drop-down-menu {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  body.cms .mynews-area .publish h2 {
    margin-bottom: 10px;
    padding-right: 0;
  }
  body.cms .mynews-area .comeback {
    position: static;
    display: table;
    margin: 0 0 20px auto;
  }
  body.cms .mynews-area .comeback a {
    display: inline-block;
  }
  body.cms .mynews-area .publish .tab-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: none;
  }
  body.cms .mynews-area .publish .tab-menu li {
    width: 100%;
    padding-left: 4.5%;
    padding-right: 4.5%;
    border-left: 0;
    border-top: 1px solid #ddd;
  }
  body.cms .mynews-area .publish .tab-menu li .number {
    margin-top: -19px;
    padding-left: 70px;
    padding-right: 30px;
    text-align: right;
  }
  body.cms .news-list .card {
    width: 100%;
    margin-right: 0;
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  body.cms .news-list .card:nth-child(3n) {
    margin-right: 0;
  }
  body.cms .news-list .card .icons-circle-black-arrow {
    right: 4.5%;
  }
  body.cms .news-list .card table td {
    display: block;
  }
  body.cms .website-list .card {
    width: 100%;
    margin-right: 0;
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  body.cms .website-list .card .icons-circle-black-arrow {
    right: 4.5%;
  }
  body.cms .website-list .card .option-menu {
    right: calc(4.5% + 38px);
  }
  body.cms .website-list .card .site-name {
    padding-right: 76px;
  }
  body.cms .website-list .card table td {
    display: block;
  }
  body.cms .config-area .btn li {
    width: 100%;
    margin-right: 0;
  }
  body.cms .config-area .btn li:nth-child(6n) {
    margin-right: 0;
  }
  body.cms .copy {
    margin-top: 0;
  }
}
.id-99999999 {
  -webkit-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
  margin-bottom: 100px;
}
.id-99999999.open {
  margin-bottom: 319px;
}

body.cms .page-edit .air-edit-area {
  width: calc(100% - 80px);
  padding: 40px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .page-edit .air-edit-area .air-editor-wrap {
  z-index: 3;
  position: relative;
}
body.cms .page-edit .air-edit-area .air-editor-wrap.focus {
  z-index: 5;
}
body.cms .page-edit .air-edit-area .fr-setting-block {
  width: 100%;
  background-color: #FFF;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
body.cms .page-edit .air-edit-area .fr-setting-list {
  position: relative;
  background-color: #F5F5F5;
  left: calc((-100vw + 177px + 100%) / 2);
  width: calc(100vw - 177px);
  padding: 10px 20px 20px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .inner {
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1150px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .inner.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 1340px) {
  body.cms .page-edit .air-edit-area .fr-setting-list .inner {
    padding: 0;
  }
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block {
  position: relative;
  margin-bottom: 20px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .source-edit {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #222;
  color: #fff;
  padding: 3px 35px 3px 15px;
  font-size: 12px;
  font-size: 1.2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .source-edit::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 15px;
  display: block;
  width: 9px;
  height: 1px;
  background: #fff;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .source-edit::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 15px;
  display: block;
  width: 9px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .source-edit.open::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .source-edit + .input-item-wrap > .input-item > dt:first-child {
  padding-right: 110px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-title {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-title.button {
  padding-right: 20px;
  cursor: pointer;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-title.button::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  display: block;
  width: 10px;
  height: 2px;
  background: #222;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-title.button::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  display: block;
  width: 10px;
  height: 2px;
  background: #222;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-title.button.open::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item-wrap.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt {
  margin-bottom: 2px;
  padding-top: 3px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc0 {
  width: 0;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc0 + dd {
  width: 100%;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc1 {
  width: 20px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc1 + dd {
  width: calc(100% - 20px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc2 {
  width: 35px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc2 + dd {
  width: calc(100% - 35px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc3 {
  width: 50px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc3 + dd {
  width: calc(100% - 50px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc4 {
  width: 65px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc4 + dd {
  width: calc(100% - 65px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc5 {
  width: 160px;
  font-weight: 700;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc5 + dd {
  width: calc(100% - 160px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc100 {
  width: 100%;
  font-weight: 700;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt.air-noc100 + dd {
  width: 0;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt:empty + dd label.checkbox input[type=checkbox] {
  margin-top: 4px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt:empty + dd label.checkbox input[type=checkbox] + span::before,
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dt:empty + dd label.checkbox input[type=checkbox] + span::after {
  top: 7px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd {
  margin-bottom: 2px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd input[type=file] {
  display: inline-block;
  width: 100%;
  background: #fff;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd input[type=text] {
  width: 80px;
  height: 24px;
  margin-right: 4px;
  padding: 3px 4px;
  border: 1px solid #999;
  font-size: 13px;
  font-size: 1.3rem;
  background: #fff;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd input[type=text].per100 {
  width: calc(100% - 4px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox {
  position: relative;
  display: inline-block;
  width: 100%;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox span {
  display: inline-block;
  width: calc(100% - 18px);
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox] {
  display: inline-block;
  width: 13px;
  height: 13px;
  opacity: 0;
  margin-right: 5px;
  margin-top: 7px;
  vertical-align: top;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox] + span::before,
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  pointer-events: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 13px;
  height: 13px;
  border: 1px solid #999;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -1px 5px;
  width: 6px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox .term-input {
  display: inline-block;
  margin-top: -3px;
  vertical-align: top;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-checkbox .icons-syslog-cal::before {
  font-size: 25px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-select {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 24px;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
  top: 0;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-select select {
  display: block;
  width: calc(100% + 22px);
  height: 22px;
  padding: 2px 24px 2px 2px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd label.air-select select::-ms-expand {
  display: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd .select-in {
  position: relative;
  display: inline-block;
  width: auto;
  height: 24px;
  margin-top: -3px;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd .select-in::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd .select-in::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd .select-in select {
  display: block;
  width: calc(100% + 22px);
  height: 22px;
  padding: 2px 24px 2px 2px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-block .air-input-item dd .select-in select::-ms-expand {
  display: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 193px;
  margin: 0 20px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn a,
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn button {
  display: inline-block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn a:hover,
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn button:hover {
  opacity: 0.7;
  text-decoration: none;
}
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn a:first-child,
body.cms .page-edit .air-edit-area .fr-setting-list .air-btn button:first-child {
  margin-right: 5px;
}
body.cms .page-edit .air-edit-area .fr-setting-list .btn02 a {
  width: 164px;
}
body.cms .page-edit .air-edit-area .fr-setting-btn-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
body.cms .page-edit .air-edit-area .fr-setting-btn {
  margin-left: 10px;
  cursor: pointer;
  min-width: 25px;
}
body.cms .page-edit .air-edit-area .fr-setting-memo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  padding-top: 2px;
}
body.cms .page-edit .air-edit-area .fr-setting-memo input[type=text] {
  width: 100%;
  min-width: 280px;
  max-width: calc(100% - 370px);
  margin-right: 20px;
  font-size: 1.4rem;
}
body.cms .page-edit .air-edit-area .fr-setting-memo.hidden input[type=text] {
  color: #D70D00;
}
body.cms .page-edit .air-edit-area .fr-setting-window {
  position: absolute;
  bottom: 48px;
  right: -10px;
  padding: 12px 0;
  border: 1px solid #c9c9c9;
  background-color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
body.cms .page-edit .air-edit-area .fr-setting-window.open {
  opacity: 1;
  pointer-events: auto;
}
body.cms .page-edit .air-edit-area .fr-setting-window::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -3px;
  z-index: -1;
  display: block;
  width: 22px;
  height: 22px;
  background-color: #c9c9c9;
  -webkit-transform: rotate(45deg) skew(15deg, 15deg);
  -ms-transform: rotate(45deg) skew(15deg, 15deg);
  transform: rotate(45deg) skew(15deg, 15deg);
}
body.cms .page-edit .air-edit-area .fr-setting-window::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -1px;
  z-index: 1;
  display: block;
  width: 22px;
  height: 22px;
  background-color: #fff;
  -webkit-transform: rotate(45deg) skew(15deg, 15deg);
  -ms-transform: rotate(45deg) skew(15deg, 15deg);
  transform: rotate(45deg) skew(15deg, 15deg);
}
body.cms .page-edit .air-edit-area .fr-setting-window ul {
  position: relative;
  z-index: 2;
}
body.cms .page-edit .air-edit-area .fr-setting-window ul li {
  margin-bottom: 7px;
  padding: 3px 15px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
body.cms .page-edit .air-edit-area .fr-setting-window ul li:last-child {
  margin-bottom: 0;
}
body.cms .page-edit .air-edit-area .fr-setting-window ul li:hover {
  background-color: #D9D9D9;
}
body.cms .page-edit .air-edit-area.active {
  opacity: 0.3;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-edit-area {
    width: calc(100% - 60px);
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
}
body.cms .page-edit .air-edit-area .air-edit-area-head {
  line-height: 1.8;
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-edit-area .air-edit-area-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
  }
}
body.cms .page-edit .air-edit-area .air-edit-area-head .page-title-area {
  word-break: break-all;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-page-title {
  margin-bottom: 0px;
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-page-url a,
body.cms .page-edit .air-edit-area .air-edit-area-head .air-page-url span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #444;
  word-wrap: break-word;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-page-url a::after {
  content: none;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area {
    margin-top: 20px;
  }
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-link-lists {
  display: none;
  position: absolute;
  width: 100%;
  top: 33px;
  left: 0;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select {
  width: 320px;
  padding: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select:before, body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select:after {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 15px;
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select:before {
  right: 17px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select:after {
  right: 10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select.active:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select.active:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select.active + .air-link-lists {
  display: block;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-edit-area .air-edit-area-head .air-select-area .air-select {
    width: 100%;
  }
}
body.cms .page-edit .air-menu-area {
  position: relative;
  width: 80px;
  line-height: 1.8;
  background: #F6F6F6;
  min-height: calc(100vh - 92px);
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area {
    width: 60px;
  }
}
body.cms .page-edit .air-menu-area .mCSB_container {
  padding: 90px 100px 40px 40px;
}
body.cms .page-edit .air-menu-area > div {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100vw;
  max-width: 580px;
  height: 100%;
  border-left: 1px solid #ddd;
  background-color: #F6F6F6;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > div {
    max-width: 560px;
  }
}
body.cms .page-edit .air-menu-area > div.active {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
body.cms .page-edit .air-menu-area > div .air-window-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-size: 2rem;
}
body.cms .page-edit .air-menu-area > div .air-window-title i {
  margin-right: 12px;
  line-height: 0;
}
body.cms .page-edit .air-menu-area > div .air-window-sub-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
body.cms .page-edit .air-menu-area > div .air-window-description {
  padding: 20px 0 40px 0;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap {
  font-size: 13px;
  font-size: 1.3rem;
  padding-right: 50px;
  word-break: break-all;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap.is-newDesign > li {
  margin: 0;
  padding: 9px 0;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field-name {
  width: 115px;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field {
  width: calc(100% - 115px);
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field.is-wide {
  width: 100%;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field label {
  margin-right: 10px;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field label:last-child {
  margin-right: 0;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field select {
  width: 340px;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field select.is-mb0 {
  margin-bottom: 0;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field input[type=radio] {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 3px 5px;
  vertical-align: top;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field .air-add-btn {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  color: #008EE4;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field .air-add-btn::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
}
body.cms .page-edit .air-menu-area > div .air-window-wrap .air-field .air-add-btn::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.cms .page-edit .air-menu-area > div .air-field-attention--bold {
  color: #D5463F;
  font-weight: bold;
}
body.cms .page-edit .air-menu-area > div .air-field-description {
  margin-bottom: 14px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .page-edit .air-menu-area > div .air-hr {
  margin-top: 29px;
  margin-bottom: 21px;
  margin-left: 0;
  margin-right: auto;
  width: 389px;
}
body.cms .page-edit .air-menu-area > div .text-area01 {
  width: 389px;
  height: 60px;
  border: 1px solid #777;
}
body.cms .page-edit .air-menu-area > div .air-window-btn {
  margin-top: 40px;
  padding-left: 130px;
}
body.cms .page-edit .air-menu-area > div .air-window-btn.is-left {
  margin-top: 10px;
  padding-left: 0px;
}
body.cms .page-edit .air-menu-area > div .air-window-btn li {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
}
body.cms .page-edit .air-menu-area > div .air-window-btn li a, body.cms .page-edit .air-menu-area > div .air-window-btn li button {
  height: 40px;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border: none;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .page-edit .air-menu-area > div .air-window-btn li a:hover, body.cms .page-edit .air-menu-area > div .air-window-btn li button:hover {
  opacity: 0.7;
  text-decoration: none;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-block-lists {
  width: 100%;
  max-width: 360px;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-text-block {
  -ms-flex-pack: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #999;
  background-color: transparent;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-text-block::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 20px;
  margin: 0 10px;
  border-radius: 3px;
  background-color: #666;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-text-block:first-child {
  border-top: 1px solid #999;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-text-block:nth-child(2n) {
  margin-left: 0;
}
body.cms .page-edit .air-menu-area > div.air-original-block-window .air-window-block-wraps .air-window-block-wrap .air-text-block > div {
  max-width: calc(100% - 50px);
}
body.cms .page-edit .air-menu-area > div .air-window-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 96px);
}
body.cms .page-edit .air-menu-area > div .air-window-block-wrap.other {
  height: calc(100% - 140px);
}
body.cms .page-edit .air-menu-area > div .air-window-block-title {
  margin-bottom: 20px;
}
body.cms .page-edit .air-menu-area > div .air-window-block-select,
body.cms .page-edit .air-menu-area > div .air-window-site-select {
  height: 38px;
  margin-bottom: 25px;
}
body.cms .page-edit .air-menu-area > ul {
  position: relative;
  z-index: 5;
}
body.cms .page-edit .air-menu-area > ul li {
  position: relative;
  margin: 15px 16px 15px 16px;
  font-size: 0;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > ul li {
    margin: 10px 11px 10px 11px;
  }
}
body.cms .page-edit .air-menu-area > ul li a {
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > ul li a::before {
    font-size: 10px !important;
  }
}
body.cms .page-edit .air-menu-area > ul li a::after {
  content: none;
}
body.cms .page-edit .air-menu-area > ul li a.hidden {
  opacity: 0;
  pointer-events: none;
}
body.cms .page-edit .air-menu-area > ul li span {
  position: absolute;
  top: 50%;
  right: calc(100% + 30px);
  z-index: 10;
  display: block;
  padding: 4px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #444;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .page-edit .air-menu-area > ul li span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  border-left: 12px solid #444;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.cms .page-edit .air-menu-area > ul li a:hover + span {
  opacity: 1;
}
body.cms .page-edit .air-menu-area > ul li.air-basic-block {
  margin: 30px 0 0 0;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > ul li.air-basic-block {
    margin-top: 15px;
  }
}
body.cms .page-edit .air-menu-area > ul li.air-basic-block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  color: #fff;
  background-color: #adadad;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
body.cms .page-edit .air-menu-area > ul li.air-basic-block a:hover, body.cms .page-edit .air-menu-area > ul li.air-basic-block a.active {
  text-decoration: none;
  background-color: #444;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > ul li.air-basic-block a {
    height: 60px;
  }
}
body.cms .page-edit .air-menu-area > ul li.air-original-block {
  margin: 1px 0 0 0;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}
body.cms .page-edit .air-menu-area > ul li.air-original-block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  color: #fff;
  background-color: #adadad;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
body.cms .page-edit .air-menu-area > ul li.air-original-block a:hover, body.cms .page-edit .air-menu-area > ul li.air-original-block a.active {
  text-decoration: none;
  background-color: #444;
}
@media all and (max-width: 680px) {
  body.cms .page-edit .air-menu-area > ul li.air-original-block a {
    height: 60px;
  }
}

body.cms .change-news-events {
  margin-bottom: 25px;
}
body.cms .change-news-events ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .change-news-events ul li {
  width: 200px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}
body.cms .change-news-events ul li span {
  display: block;
  height: 100%;
  padding: 8px 10px;
  text-align: center;
  background-color: #999;
  color: #fff;
}
body.cms .change-news-events ul li a {
  display: block;
  height: 100%;
  padding: 8px 10px;
  text-align: center;
  color: #222;
}
body.cms .change-news-events ul li a:hover {
  background-color: #999;
  color: #fff;
  text-decoration: none;
}
body.cms .change-news-events ul li:first-child {
  border-left: 1px solid #666;
}

body.cms .news-cate-list {
  border-bottom: 1px solid #666;
  margin-bottom: 100px;
}
body.cms .news-cate-list .news-cate-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  min-height: 40px;
  padding: 10px 0 8px 0;
  background-color: #F6F6F6;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 10px;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex .name {
  padding-left: 5px;
  min-width: 388px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex .view-name {
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
  min-width: 170px;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex .text-color {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80px;
  flex: 1 1 80px;
  min-width: 80px;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex .slug {
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
  min-width: 170px;
}
body.cms .news-cate-list .news-cate-head .news-cate-head-flex .description {
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
}
body.cms .news-cate-list .news-cate-head .user {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
body.cms .news-cate-list .news-cate-head .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  text-align: center;
  padding-left: 5px;
  padding-right: 19px;
}
body.cms .news-cate-list .item {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-cate-list .item:hover, body.cms .news-cate-list .item.active {
  background-color: #f6f6f6;
}
body.cms .news-cate-list .item.focus input[type=text] {
  border-color: #B3B3B3;
}
body.cms .news-cate-list .item.focus .save-btn,
body.cms .news-cate-list .item.focus .add-btn {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 144px;
  flex: 0 0 144px;
  min-width: 144px;
  padding-left: 10px;
  line-height: 1.3;
  position: relative;
}
body.cms .news-cate-list .item.focus .save-btn a,
body.cms .news-cate-list .item.focus .add-btn a {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
body.cms .news-cate-list .item.focus .save-btn button,
body.cms .news-cate-list .item.focus .add-btn button {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #008EE4;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .news-cate-list .item.focus .save-btn button:hover,
body.cms .news-cate-list .item.focus .add-btn button:hover {
  text-decoration: underline;
}
body.cms .news-cate-list .item.focus .user,
body.cms .news-cate-list .item.focus .btn {
  display: none !important;
}
body.cms .news-cate-list .item form {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-cate-list .item .save-btn {
  display: none;
}
body.cms .news-cate-list input[type=text] {
  height: 32px;
  width: 100%;
  padding: 2px 5px 5px 5px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-cate-list input[type=text]:hover {
  border-color: #B3B3B3;
}
body.cms .news-cate-list .handle {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url(/img/icon-handle.svg) center center no-repeat;
  background-size: 1.5em 1.5em;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  cursor: move;
}
body.cms .news-cate-list .config {
  position: relative;
  display: inline-block;
}
body.cms .news-cate-list .config-list-wrap {
  position: absolute;
  top: calc(100% + 5px);
  right: 1px;
  z-index: 1;
  width: 155px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 10px;
  text-align: left;
  opacity: 0;
  display: none;
  pointer-events: none;
}
body.cms .news-cate-list .config-list-wrap.active {
  opacity: 1;
  z-index: 2;
  display: block;
  pointer-events: auto;
}
body.cms .news-cate-list .config-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 11px;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .news-cate-list .config-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  right: 11px;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .news-cate-list .config-list-wrap a {
  color: #333;
}
body.cms .news-cate-list .news-cate1-itemlist,
body.cms .news-cate-list .news-cate2-itemlist,
body.cms .news-cate-list .news-cate3-itemlist {
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .news-cate-list .news-cate1-itemlist .item,
body.cms .news-cate-list .news-cate2-itemlist .item,
body.cms .news-cate-list .news-cate3-itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  min-height: 40px;
  padding: 5px 0 4px 0;
  border-top: 1px solid #666;
}
body.cms .news-cate-list .news-cate1-itemlist .item:hover .btn .handle, body.cms .news-cate-list .news-cate1-itemlist .item.active .btn .handle,
body.cms .news-cate-list .news-cate2-itemlist .item:hover .btn .handle,
body.cms .news-cate-list .news-cate2-itemlist .item.active .btn .handle,
body.cms .news-cate-list .news-cate3-itemlist .item:hover .btn .handle,
body.cms .news-cate-list .news-cate3-itemlist .item.active .btn .handle {
  opacity: 1;
}
body.cms .news-cate-list .news-cate1-itemlist .item:hover .btn a, body.cms .news-cate-list .news-cate1-itemlist .item.active .btn a,
body.cms .news-cate-list .news-cate2-itemlist .item:hover .btn a,
body.cms .news-cate-list .news-cate2-itemlist .item.active .btn a,
body.cms .news-cate-list .news-cate3-itemlist .item:hover .btn a,
body.cms .news-cate-list .news-cate3-itemlist .item.active .btn a {
  opacity: 1;
  pointer-events: auto;
}
body.cms .news-cate-list .news-cate1-itemlist .item:hover .btn button, body.cms .news-cate-list .news-cate1-itemlist .item.active .btn button,
body.cms .news-cate-list .news-cate2-itemlist .item:hover .btn button,
body.cms .news-cate-list .news-cate2-itemlist .item.active .btn button,
body.cms .news-cate-list .news-cate3-itemlist .item:hover .btn button,
body.cms .news-cate-list .news-cate3-itemlist .item.active .btn button {
  border: none;
  background: transparent;
  padding: 0;
}
body.cms .news-cate-list .news-cate1-itemlist .item:hover .btn button:hover, body.cms .news-cate-list .news-cate1-itemlist .item.active .btn button:hover,
body.cms .news-cate-list .news-cate2-itemlist .item:hover .btn button:hover,
body.cms .news-cate-list .news-cate2-itemlist .item.active .btn button:hover,
body.cms .news-cate-list .news-cate3-itemlist .item:hover .btn button:hover,
body.cms .news-cate-list .news-cate3-itemlist .item.active .btn button:hover {
  text-decoration: underline;
}
body.cms .news-cate-list .news-cate1-itemlist .item .flag,
body.cms .news-cate-list .news-cate2-itemlist .item .flag,
body.cms .news-cate-list .news-cate3-itemlist .item .flag {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 5px;
  cursor: pointer;
}
body.cms .news-cate-list .news-cate1-itemlist .item .flag::before,
body.cms .news-cate-list .news-cate2-itemlist .item .flag::before,
body.cms .news-cate-list .news-cate3-itemlist .item .flag::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  width: 11px;
  height: 1px;
  background: #222;
}
body.cms .news-cate-list .news-cate1-itemlist .item .flag::after,
body.cms .news-cate-list .news-cate2-itemlist .item .flag::after,
body.cms .news-cate-list .news-cate3-itemlist .item .flag::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  width: 11px;
  height: 1px;
  background: #222;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-cate-list .news-cate1-itemlist .item .flag.open::after,
body.cms .news-cate-list .news-cate2-itemlist .item .flag.open::after,
body.cms .news-cate-list .news-cate3-itemlist .item .flag.open::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex > div,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex > div,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 10px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .cat-name-wrap,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .cat-name-wrap,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .cat-name-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 388px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .cat-color-wrap,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .cat-color-wrap,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .cat-color-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 68px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 68px;
  flex: 1 1 68px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .cat-color-wrap2,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .cat-color-wrap2,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .cat-color-wrap2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 68px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 68px;
  flex: 1 1 68px;
  margin-left: 30px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .cat-color-wrap3,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .cat-color-wrap3,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .cat-color-wrap3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 32px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 32px;
  flex: 1 1 32px;
  margin-left: 96px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .name,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .name,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .name {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 260px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .view-name,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .view-name,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .view-name {
  padding-left: 10px;
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
  min-width: 170px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .text-color,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .text-color,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .text-color {
  padding-left: 10px;
  min-width: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80px;
  flex: 1 1 80px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .slug,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .slug,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .slug {
  padding-left: 10px;
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
  min-width: 170px;
}
body.cms .news-cate-list .news-cate1-itemlist .item .news-cate-item-flex .description,
body.cms .news-cate-list .news-cate2-itemlist .item .news-cate-item-flex .description,
body.cms .news-cate-list .news-cate3-itemlist .item .news-cate-item-flex .description {
  padding-left: 10px;
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
}
body.cms .news-cate-list .news-cate1-itemlist .item .user,
body.cms .news-cate-list .news-cate2-itemlist .item .user,
body.cms .news-cate-list .news-cate3-itemlist .item .user {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
body.cms .news-cate-list .news-cate1-itemlist .item .btn,
body.cms .news-cate-list .news-cate2-itemlist .item .btn,
body.cms .news-cate-list .news-cate3-itemlist .item .btn {
  padding-left: 5px;
  padding-right: 19px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.cms .news-cate-list .news-cate1-itemlist .item .btn a,
body.cms .news-cate-list .news-cate2-itemlist .item .btn a,
body.cms .news-cate-list .news-cate3-itemlist .item .btn a {
  position: relative;
  top: 0;
  display: inline-block;
  opacity: 0;
  vertical-align: top;
  pointer-events: none;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-cate-list .news-cate1-itemlist .item .cat-color,
body.cms .news-cate-list .news-cate2-itemlist .item .cat-color,
body.cms .news-cate-list .news-cate3-itemlist .item .cat-color {
  width: 29px;
  min-width: 29px;
  height: 29px;
  margin-right: 5px;
  margin-bottom: 1px;
  position: relative;
}
body.cms .news-cate-list .news-cate1-itemlist .item .cat-color.js-newsCategory-text-color-wrap,
body.cms .news-cate-list .news-cate2-itemlist .item .cat-color.js-newsCategory-text-color-wrap,
body.cms .news-cate-list .news-cate3-itemlist .item .cat-color.js-newsCategory-text-color-wrap {
  border: 1px solid #ccc;
}
body.cms .news-cate-list .news-cate1-itemlist .item .cat-color .cat-color-palette,
body.cms .news-cate-list .news-cate2-itemlist .item .cat-color .cat-color-palette,
body.cms .news-cate-list .news-cate3-itemlist .item .cat-color .cat-color-palette {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 236px;
  background-color: #fff;
  z-index: 2;
}
body.cms .news-cate-list .news-cate1-itemlist .item .cat-color .cat-color-palette.is-active,
body.cms .news-cate-list .news-cate2-itemlist .item .cat-color .cat-color-palette.is-active,
body.cms .news-cate-list .news-cate3-itemlist .item .cat-color .cat-color-palette.is-active {
  display: block;
}

body.cms .news-tag-list {
  border-bottom: 1px solid #666;
  margin-bottom: 100px;
}
body.cms .news-tag-list .news-tag-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  min-height: 40px;
  padding: 10px 0 8px 0;
  background-color: #F6F6F6;
}
body.cms .news-tag-list .news-tag-head .cat-color-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 68px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 68px;
  flex: 1 1 68px;
}
body.cms .news-tag-list .news-tag-head .news-tag-head-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-tag-list .news-tag-head .news-tag-head-flex > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 10px;
}
body.cms .news-tag-list .news-tag-head .news-tag-head-flex .name {
  padding-left: 5px;
  min-width: 388px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}
body.cms .news-tag-list .news-tag-head .news-tag-head-flex .use {
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 90px;
  flex: 1.1 1.1 90px;
  min-width: 90px;
}
body.cms .news-tag-list .news-tag-head .news-tag-head-flex .slug {
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
}
body.cms .news-tag-list .news-tag-head .number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
body.cms .news-tag-list .news-tag-head .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  text-align: center;
  padding-left: 5px;
  padding-right: 19px;
}
body.cms .news-tag-list .news-tag1-itemlist .news-tag1-item.news-tag-major-add, body.cms .news-tag-list .news-tag1-itemlist .news-tag1-item.news-tag-add,
body.cms .news-tag-list .news-tag2-itemlist .news-tag2-item.news-tag-major-add,
body.cms .news-tag-list .news-tag2-itemlist .news-tag2-item.news-tag-add {
  display: none;
}
body.cms .news-tag-list .news-tag1-itemlist .news-tag1-item.news-tag-major-add.add-active, body.cms .news-tag-list .news-tag1-itemlist .news-tag1-item.news-tag-add.add-active,
body.cms .news-tag-list .news-tag2-itemlist .news-tag2-item.news-tag-major-add.add-active,
body.cms .news-tag-list .news-tag2-itemlist .news-tag2-item.news-tag-add.add-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .news-tag-list .item {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-tag-list .item:hover, body.cms .news-tag-list .item.active {
  background-color: #f6f6f6;
}
body.cms .news-tag-list .item.focus input[type=text] {
  border-color: #B3B3B3;
}
body.cms .news-tag-list .item.focus .use select {
  -webkit-appearance: revert !important;
  -moz-appearance: revert !important;
  appearance: revert !important;
  border: revert !important;
  outline: revert !important;
  background: revert !important;
  width: auto;
}
body.cms .news-tag-list .item.focus .save-btn,
body.cms .news-tag-list .item.focus .add-btn {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 144px;
  flex: 0 0 144px;
  min-width: 144px;
  padding-left: 10px;
  line-height: 1.3;
  position: relative;
}
body.cms .news-tag-list .item.focus .save-btn a,
body.cms .news-tag-list .item.focus .add-btn a {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
body.cms .news-tag-list .item.focus .save-btn button,
body.cms .news-tag-list .item.focus .add-btn button {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #008EE4;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .news-tag-list .item.focus .save-btn button:hover,
body.cms .news-tag-list .item.focus .add-btn button:hover {
  text-decoration: underline;
}
body.cms .news-tag-list .item.focus .number,
body.cms .news-tag-list .item.focus .btn {
  display: none !important;
}
body.cms .news-tag-list .item form {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-tag-list .item .save-btn {
  display: none;
}
body.cms .news-tag-list input[type=text] {
  height: 32px;
  width: 100%;
  padding: 2px 5px 5px 5px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-tag-list input[type=text]:hover {
  border-color: #B3B3B3;
}
body.cms .news-tag-list .handle {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url(/img/icon-handle.svg) center center no-repeat;
  background-size: 1.5em 1.5em;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  cursor: move;
}
body.cms .news-tag-list .config {
  position: relative;
  display: inline-block;
}
body.cms .news-tag-list .config-list-wrap {
  position: absolute;
  top: calc(100% + 5px);
  right: 1px;
  z-index: 1;
  width: 155px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 10px;
  text-align: left;
  opacity: 0;
  display: none;
  pointer-events: none;
}
body.cms .news-tag-list .config-list-wrap.active {
  opacity: 1;
  z-index: 2;
  display: block;
  pointer-events: auto;
}
body.cms .news-tag-list .config-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 11px;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .news-tag-list .config-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  right: 11px;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .news-tag-list .config-list-wrap a {
  color: #333;
}
body.cms .news-tag-list .news-tag1-itemlist,
body.cms .news-tag-list .news-tag2-itemlist {
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .news-tag-list .news-tag1-itemlist .item,
body.cms .news-tag-list .news-tag2-itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  min-height: 40px;
  padding: 5px 0 4px 0;
  border-top: 1px solid #666;
}
body.cms .news-tag-list .news-tag1-itemlist .item:hover .btn .handle, body.cms .news-tag-list .news-tag1-itemlist .item.active .btn .handle,
body.cms .news-tag-list .news-tag2-itemlist .item:hover .btn .handle,
body.cms .news-tag-list .news-tag2-itemlist .item.active .btn .handle {
  opacity: 1;
}
body.cms .news-tag-list .news-tag1-itemlist .item:hover .btn a, body.cms .news-tag-list .news-tag1-itemlist .item.active .btn a,
body.cms .news-tag-list .news-tag2-itemlist .item:hover .btn a,
body.cms .news-tag-list .news-tag2-itemlist .item.active .btn a {
  opacity: 1;
  pointer-events: auto;
}
body.cms .news-tag-list .news-tag1-itemlist .item:hover .btn button, body.cms .news-tag-list .news-tag1-itemlist .item.active .btn button,
body.cms .news-tag-list .news-tag2-itemlist .item:hover .btn button,
body.cms .news-tag-list .news-tag2-itemlist .item.active .btn button {
  border: none;
  background: transparent;
  padding: 0;
}
body.cms .news-tag-list .news-tag1-itemlist .item:hover .btn button:hover, body.cms .news-tag-list .news-tag1-itemlist .item.active .btn button:hover,
body.cms .news-tag-list .news-tag2-itemlist .item:hover .btn button:hover,
body.cms .news-tag-list .news-tag2-itemlist .item.active .btn button:hover {
  text-decoration: underline;
}
body.cms .news-tag-list .news-tag1-itemlist .item .flag,
body.cms .news-tag-list .news-tag2-itemlist .item .flag {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 5px;
  cursor: pointer;
}
body.cms .news-tag-list .news-tag1-itemlist .item .flag::before,
body.cms .news-tag-list .news-tag2-itemlist .item .flag::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  width: 11px;
  height: 1px;
  background: #222;
}
body.cms .news-tag-list .news-tag1-itemlist .item .flag::after,
body.cms .news-tag-list .news-tag2-itemlist .item .flag::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  width: 11px;
  height: 1px;
  background: #222;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-tag-list .news-tag1-itemlist .item .flag.open::after,
body.cms .news-tag-list .news-tag2-itemlist .item .flag.open::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.cms .news-tag-list .news-tag1-itemlist .item .cat-color-wrap,
body.cms .news-tag-list .news-tag2-itemlist .item .cat-color-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 68px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 68px;
  flex: 1 1 68px;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex > div,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 10px;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .name,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .name {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  min-width: 388px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .use,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .use {
  position: relative;
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 90px;
  flex: 1.1 1.1 90px;
  min-width: 90px;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .use select,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .use select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  outline: none;
  background: transparent;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .use select:hover,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .use select:hover {
  border: 1px solid #B3B3B3;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .slug,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .slug {
  position: relative;
  -webkit-box-flex: 1.1;
  -ms-flex: 1.1 1.1 100%;
  flex: 1.1 1.1 100%;
}
body.cms .news-tag-list .news-tag1-itemlist .item .news-tag-item-flex .description,
body.cms .news-tag-list .news-tag2-itemlist .item .news-tag-item-flex .description {
  position: relative;
}
body.cms .news-tag-list .news-tag1-itemlist .item .number,
body.cms .news-tag-list .news-tag2-itemlist .item .number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
body.cms .news-tag-list .news-tag1-itemlist .item .btn,
body.cms .news-tag-list .news-tag2-itemlist .item .btn {
  padding-left: 5px;
  padding-right: 19px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.cms .news-tag-list .news-tag1-itemlist .item .btn a,
body.cms .news-tag-list .news-tag2-itemlist .item .btn a {
  position: relative;
  top: 0;
  display: inline-block;
  opacity: 0;
  vertical-align: top;
  pointer-events: none;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .news-tag-list .news-tag1-itemlist .item .cat-color,
body.cms .news-tag-list .news-tag2-itemlist .item .cat-color {
  width: 29px;
  min-width: 29px;
  height: 29px;
  margin-right: 5px;
  margin-bottom: 1px;
  position: relative;
}
body.cms .news-tag-list .news-tag1-itemlist .item .cat-color .cat-color-palette,
body.cms .news-tag-list .news-tag2-itemlist .item .cat-color .cat-color-palette {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 236px;
  background-color: #fff;
  z-index: 2;
}
body.cms .news-tag-list .news-tag1-itemlist .item .cat-color .cat-color-palette.is-active,
body.cms .news-tag-list .news-tag2-itemlist .item .cat-color .cat-color-palette.is-active {
  display: block;
}

body.cms .setting-tagname {
  margin-bottom: 25px;
}
body.cms .setting-tagname input[type=text] {
  width: 300px;
  margin-right: 12px;
  padding: 8px 10px;
  border: 1px solid #B3B3B3;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .setting-tagname select.setting-site-name {
  padding: 7px 4px;
  margin-right: 8px;
}
body.cms .setting-tagname button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .setting-tagname button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .setting-taglist .taglist-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .setting-taglist .taglist-head > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 4px;
  background-color: #D1D1D1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
}
body.cms .setting-taglist .taglist-head .order {
  width: 50px;
  text-align: center;
}
body.cms .setting-taglist .taglist-head .name {
  width: calc(34% - 42px);
}
body.cms .setting-taglist .taglist-head .use {
  width: calc(22% - 42px);
}
body.cms .setting-taglist .taglist-head .slug {
  width: calc(22% - 42px);
}
body.cms .setting-taglist .taglist-head .description {
  width: calc(22% - 42px);
}
body.cms .setting-taglist .taglist-head .number {
  width: 59px;
  padding: 5px 4px;
  text-align: center;
}
body.cms .setting-taglist .taglist-head .delete {
  width: 59px;
  padding: 5px 4px;
  text-align: center;
  border-right: 1px solid #666;
}
body.cms .setting-taglist .taglist-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .setting-taglist .taglist-body > div .save-btn {
  display: none;
}
body.cms .setting-taglist .taglist-body > div input[type=text] {
  display: inline-block;
  width: calc(100% - 66px);
  border: 1px solid transparent;
  padding: 4px 4px;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  vertical-align: top;
}
body.cms .setting-taglist .taglist-body > div input[type=text]:hover {
  border-color: #B3B3B3;
}
body.cms .setting-taglist .taglist-body > div input[type=text]:focus, body.cms .setting-taglist .taglist-body > div input[type=text].focus {
  border-color: #B3B3B3;
}
body.cms .setting-taglist .taglist-body > div input[type=text]:focus + .save-btn, body.cms .setting-taglist .taglist-body > div input[type=text].focus + .save-btn {
  display: inline-block;
  width: 60px;
  margin-left: 6px;
  font-size: 11px;
  font-size: 1.1rem;
  vertical-align: top;
  line-height: 1.3;
  position: relative;
  top: 1px;
}
body.cms .setting-taglist .taglist-body > div input[type=text]:focus + .save-btn a, body.cms .setting-taglist .taglist-body > div input[type=text].focus + .save-btn a {
  display: block;
}
body.cms .setting-taglist .taglist-body > div input[type=text]:focus + .save-btn button, body.cms .setting-taglist .taglist-body > div input[type=text].focus + .save-btn button {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #008EE4;
  font-size: 12px;
}
body.cms .setting-taglist .taglist-body > div input[type=checkbox] {
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-appearance: checkbox;
}
body.cms .setting-taglist .taglist-body > div select {
  width: 100%;
  padding: 4px 4px;
}
body.cms .setting-taglist .taglist-body .order {
  width: 50px;
  padding: 9px 4px 0 4px;
  text-align: center;
}
body.cms .setting-taglist .taglist-body .name {
  width: calc(34% - 42px);
  padding: 4px 4px;
}
body.cms .setting-taglist .taglist-body .use {
  width: calc(22% - 42px);
  padding: 4px 4px;
}
body.cms .setting-taglist .taglist-body .slug {
  width: calc(22% - 42px);
  padding: 4px 4px;
}
body.cms .setting-taglist .taglist-body .description {
  width: calc(22% - 42px);
  padding: 4px 4px;
}
body.cms .setting-taglist .taglist-body .number {
  width: 59px;
  padding: 9px 8px 0 4px;
  text-align: right;
}
body.cms .setting-taglist .taglist-body .delete {
  width: 59px;
  text-align: center;
}
body.cms .setting-taglist .taglist-body .delete label {
  display: block;
  height: 100%;
  padding: 11px 4px 0 4px;
}

body.cms .setting-snsname {
  background-color: #F5F5F5;
  padding: 22px 30px;
  margin-bottom: 25px;
}
body.cms .setting-snsname input[type=text] {
  width: 300px;
  margin-right: 12px;
  padding: 7px 10px;
  border: 1px solid #B3B3B3;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .setting-snsname select.setting-site-name {
  padding: 7px 4px;
  margin-right: 8px;
}
body.cms .setting-snsname button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #666;
  border-radius: 3px;
  background: #666;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .setting-snsname button:hover {
  background-color: #fff;
  color: #666;
}

body.cms .setting-snslist .snslist-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: 1.3rem;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F5F5F5;
}
body.cms .setting-snslist .snslist-head > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 4px;
}
body.cms .setting-snslist .snslist-head .name {
  width: calc((100% - 80px) * 0.35);
  padding: 10px 30px;
}
body.cms .setting-snslist .snslist-head .url {
  width: calc((100% - 80px) * 0.35);
  padding: 10px 30px;
}
body.cms .setting-snslist .snslist-head .memo {
  width: calc((100% - 80px) * 0.3);
  padding: 10px 30px;
}
body.cms .setting-snslist .snslist-head .action {
  width: 80px;
  padding: 5px 4px;
  text-align: center;
}
body.cms .setting-snslist .snslist-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .setting-snslist .snslist-body .name {
  width: calc((100% - 80px) * 0.35);
  padding: 20px 30px;
}
body.cms .setting-snslist .snslist-body .url {
  width: calc((100% - 80px) * 0.35);
  padding: 20px 30px;
  word-break: break-all;
}
body.cms .setting-snslist .snslist-body .memo {
  width: calc((100% - 80px) * 0.3);
  padding: 20px 30px;
}
body.cms .setting-snslist .snslist-body .action {
  width: 80px;
  padding: 5px 4px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .setting-snslist .snslist-body .action label {
  display: block;
  height: 100%;
  padding: 11px 4px 0 4px;
}
body.cms .setting-snslist .snslist-body .action .option-menu {
  display: inline-block;
  line-height: 0;
  position: relative;
  cursor: pointer;
}
body.cms .setting-snslist .snslist-body .action .option-menu:hover {
  background-color: #F6F6F6;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -16px;
  z-index: 1;
  width: 60px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
  line-height: 1.6;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap > ul > li {
  margin: 2px 0;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap > ul > li:hover {
  background: #D9D9D9;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap > ul > li form {
  margin: 0;
  padding: 0;
}
body.cms .setting-snslist .snslist-body .action .option-menu .option-menu-list-wrap > ul > li form button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  color: #333;
  text-align: center;
  width: 100%;
}
body.cms .setting-snslist .snslist-body .action.option-menu-active .option-menu-list-wrap {
  display: block;
}

body.cms .category-config-list table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  border-collapse: collapse;
  border-spacing: 0;
}
body.cms .category-config-list table tr {
  height: 100%;
}
body.cms .category-config-list table tr th {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px dashed #333;
  padding: 5px 10px;
  text-align: left;
  font-weight: normal;
  background-color: #999;
  color: #fff;
}
body.cms .category-config-list table tr th:nth-child(1) {
  width: 20.95%;
  border-left: none;
}
body.cms .category-config-list table tr th:nth-child(2) {
  width: 19.96%;
}
body.cms .category-config-list table tr th:nth-child(3) {
  width: 19.96%;
}
body.cms .category-config-list table tr th:nth-child(4) {
  width: 9.73%;
}
body.cms .category-config-list table tr th:nth-child(5) {
  width: 19.66%;
}
body.cms .category-config-list table tr th:nth-child(6) {
  width: 9.7%;
}
body.cms .category-config-list table tr th:nth-child(6) .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .category-config-list table tr td {
  height: 100%;
  padding: 5px 10px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px dashed #333;
}
body.cms .category-config-list table tr td:nth-child(1) {
  border-left: none;
}
body.cms .category-config-list table tr td:nth-child(5) .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .category-config-list table tr td select {
  width: 100%;
}
body.cms .category-config-list table tr td .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
}
body.cms .category-config-list table tr td .wrap .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
}
body.cms .category-config-list table tr td .wrap .edit {
  height: 100%;
  padding-top: 5px;
  padding-left: 10px;
}
body.cms .category-config-list table tr.category3 td:nth-child(1) {
  padding-left: 30px;
}
body.cms .category-config-list .save-btn ul {
  display: table;
  margin: 40px auto 0 auto;
}
body.cms .category-config-list .save-btn ul li {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 3px;
  margin-right: 3px;
}
body.cms .category-config-list .save-btn ul li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .category-config-list .save-btn ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

body.cms .all-import .list-btn button {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 40px auto;
  padding: 20px 10px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

body.cms .all-import .list-btn button:hover {
  background: #fff;
  color: #4CA74F;
}

body.cms .password-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #777 !important;
}
body.cms .password-wrapper.modal {
  border: 1px solid #B3B3B3 !important;
  width: 50% !important;
}

body.cms .password-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
}

body.cms .password-toggle {
  width: 40px;
  border: none !important;
  background: #FFFFFF url(/img/icon-visibility.svg) no-repeat center center;
  background-size: 50% auto;
  cursor: pointer;
}
body.cms .password-toggle:hover {
  opacity: 0.7;
}
body.cms .password-toggle.is-visible {
  background-image: url(/img/icon-visibility-off.svg);
}

input::-ms-reveal {
  display: none;
}

body.cms.albums {
  background-color: #f6f6f6;
}

body.cms.albums .albums-list-wrap {
  padding-top: 35px;
  background-color: #f6f6f6;
}

body.cms.albums .albums-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1910px;
  margin: 0 auto;
  padding: 0 80px 60px 80px;
}

body.cms.albums .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.cms.albums .title-image {
  margin-right: 8px;
}

body.cms.albums .title-text {
  font-size: 12px;
  font-size: 1.2rem;
  color: #444;
}

body.cms.albums .title-text strong {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #222;
}

body.cms.albums .setting-area {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms.albums .setting-area a {
  display: block;
  width: 195px;
  padding: 13px 5px;
  border-radius: 5px;
  background-color: #222;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .setting-area a:hover {
  opacity: 0.8;
  text-decoration: none;
}

body.cms.albums .albums-setting-list {
  position: absolute;
  top: 0;
  right: calc(100% + 12px);
  z-index: 1;
  padding: 40px;
  border: 1px solid #999;
  background-color: #f6f6f6;
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  color: #222222;
}

body.cms.albums .albums-setting-list .setting-title {
  margin-bottom: 40px;
  font-size: 18px;
  font-size: 1.8rem;
}

body.cms.albums .albums-setting-list .setting-title .icons-setting-black {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  line-height: 0;
}

body.cms.albums .albums-setting-list .setting-title .icons-setting-black::before {
  font-size: 16px;
}

body.cms.albums .albums-setting-list label {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 20px;
}

body.cms.albums .albums-setting-list select {
  width: 128px;
  margin-top: 8px;
  padding: 8px;
  font-size: 16px;
  font-size: 1.6rem;
}

body.cms.albums .albums-setting-list .buttons {
  margin-top: 40px;
}

body.cms.albums .albums-setting-list .buttons input {
  width: 93px;
  margin-right: 8px;
  padding: 8px 0;
  background-color: #4ca74f;
  color: #fff;
  text-align: center;
  border: 1px solid #4ca74f;
  border-radius: 5px;
}

body.cms.albums .albums-setting-area {
  display: block;
  top: 0;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 40px;
}

body.cms.albums .albums-setting-area .setting-table-wrap table {
  width: 100%;
  background-color: #F3F3F3;
  border-collapse: collapse;
  zoom: 1;
  overflow: visible;
  margin-bottom: 25px;
  font-size: 1.3rem;
}
body.cms.albums .albums-setting-area .setting-table-wrap table:before, body.cms.albums .albums-setting-area .setting-table-wrap table:after {
  content: "";
  display: table;
}
body.cms.albums .albums-setting-area .setting-table-wrap table:after {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr {
  border-bottom: 1px solid #CCCCCC;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr:first-child {
  border-top: 1px solid #CCCCCC;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td {
  zoom: 1;
  overflow: visible;
  padding: 25px 35px 25px 35px;
  vertical-align: top;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td:before, body.cms.albums .albums-setting-area .setting-table-wrap table tr td:after {
  content: "";
  display: table;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td:after {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: 40px;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head:first-child {
  margin-top: 0;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head.input-head-parent {
  zoom: 1;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head.input-head-parent:before, body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head.input-head-parent:after {
  content: "";
  display: table;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .input-head.input-head-parent:after {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td:first-child {
  padding: 25px 20px 55px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #E6E6E6;
  width: 324px;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td:first-child .desc {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 20px;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td input {
  width: 100%;
  height: 36px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #222;
  padding: 6px 5px;
  border: 1px solid #CCCCCC;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td input[type=file] {
  border: none;
  font-size: 13px;
  font-size: 1.3rem;
  width: auto;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td input[type=radio] {
  -webkit-appearance: radio;
  display: inline;
  margin: 3px 3px 0 0;
  vertical-align: top;
  width: 20px;
  height: 8%;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td input[type=text] {
  margin-top: 3px;
  margin-bottom: 10px;
  margin-left: 3px;
  border: 1px solid #ccc;
  padding: 6px;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td input[type=number] {
  width: 80px;
  margin: 0 8px;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td textarea {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  color: #222;
  padding: 6px 5px;
  border: 1px solid #CCCCCC;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td textarea.long {
  width: 100%;
  resize: vertical;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td textarea.half {
  width: 50%;
  resize: vertical;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parents {
  float: left;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parents:after {
  zoom: 1;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parents:after:before, body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parents:after:after {
  content: "";
  display: table;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parents:after:after {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func {
  font-size: 16px;
  font-size: 1.6rem;
  float: right;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func:after {
  zoom: 1;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func:after:before, body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func:after:after {
  content: "";
  display: table;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func:after:after {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-func a {
  cursor: pointer;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-delete {
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #008EE4;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .parent-delete:hover {
  text-decoration: underline;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .txtBox {
  margin-left: 31px;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td .clearFixRadio {
  clear: both;
}
body.cms.albums .albums-setting-area .setting-table-wrap table tr td #nonLogin {
  margin-top: -22px;
  margin-left: 31px;
}

body.cms.albums .albums-setting-area .item-headings {
  margin-bottom: 12px;
  font-weight: bold;
}

body.cms.albums .albums-setting-area .item-listbox-notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.cms.albums .albums-setting-area .item-notes {
  margin-top: 12px;
}

body.cms.albums .albums-setting-area .radio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

body.cms.albums .albums-setting-area label {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 8px;
  margin-left: 2px;
}

body.cms.albums .albums-setting-area .buttons {
  margin-top: 40px;
}

body.cms.albums .albums-setting-area .buttons input {
  width: 93px;
  margin-right: 8px;
  padding: 8px 0;
  background-color: #4ca74f;
  color: #fff;
  text-align: center;
  border: 1px solid #4ca74f;
  border-radius: 5px;
}

body.cms.albums .albums-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1910px;
  margin: 0 auto;
  padding: 0 55px;
}

body.cms.albums .albums-list .site-block {
  width: calc(25% - 50px);
  margin: 0 25px 60px 25px;
}

body.cms.albums .albums-list .site-block a {
  display: block;
  color: #222;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body.cms.albums .albums-list .site-block a:hover {
  text-decoration: none;
  opacity: 0.7;
}

body.cms.albums .albums-list .site-block .image {
  position: relative;
  margin-bottom: 10px;
  padding-top: 75%;
  -webkit-box-shadow: 0 0 0 2px #999 inset;
  box-shadow: 0 0 0 2px #999 inset;
  background-color: #fff;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

body.cms.albums .albums-list .site-block .image .news-aaa {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 55px;
  font-size: 5.5rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.cms.albums .albums-list .site-block .image .movie {
  background: url(/project/static/img/movie-gray.svg) center center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 98px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.cms.albums .albums-list .site-block .image .add {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  padding-top: 89px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.8rem;
  font-size: 18px;
}

body.cms.albums .albums-list .site-block .image .add::before {
  content: "";
  position: absolute;
  top: 37px;
  left: 16px;
  display: block;
  width: 68px;
  height: 6px;
  background-color: #a1a1a1;
}

body.cms.albums .albums-list .site-block .image .add::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 47px;
  display: block;
  width: 6px;
  height: 68px;
  background-color: #a1a1a1;
}

body.cms.albums .albums-list .site-block .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.cms.albums .albums-list .site-block .title-wrap {
  position: relative;
  padding-right: 77px;
}

body.cms.albums .albums-list .site-block .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

body.cms.albums .albums-list .site-block .detail {
  font-size: 12px;
  font-size: 1.2rem;
  color: #444;
}

body.cms.albums .albums-list .site-block .number {
  position: absolute;
  right: 0;
  top: 10px;
  width: 72px;
  padding: 7px 0;
  text-align: center;
  border-radius: 100px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #444;
  color: #fff;
}

body.cms.albums .albums-contents .menu-area {
  position: relative;
  width: 220px;
  background-color: #383838;
  color: #fff;
}

body.cms.albums .albums-contents .menu-area .site-select-btn {
  position: relative;
  width: 100%;
  padding: 15px 28px 15px 54px;
  border-radius: 3px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  cursor: pointer;
}

body.cms.albums .albums-contents .menu-area .site-select-btn:hover,
body.cms.albums .albums-contents .menu-area .site-select-btn.active {
  background: #222;
}

body.cms.albums .albums-contents .menu-area .site-select-btn::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 28px;
  width: 10px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}

body.cms.albums .albums-contents .menu-area .site-select-btn::after {
  content: "";
  position: absolute;
  top: 26px;
  left: 34px;
  width: 10px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}

body.cms.albums .albums-contents .menu-area .site-select-btn .cms-album-black {
  line-height: 0;
}

body.cms.albums .albums-contents .menu-area .site-select-btn .cms-album-black::before {
  font-size: 8.5px;
}

body.cms.albums .albums-contents .menu-area .site-select-list {
  position: absolute;
  z-index: 2;
  display: none;
  width: 100%;
  min-height: calc(100% - 54px);
  background-color: #222;
}

body.cms.albums .albums-contents .menu-area .site-select-list.active {
  display: block;
}

body.cms.albums .albums-contents .menu-area .site-select-list a {
  display: block;
  padding: 4px 28px;
  color: #fff;
}

body.cms.albums .albums-contents .menu-area .site-select-list a:hover,
body.cms.albums .albums-contents .menu-area .site-select-list a.current {
  text-decoration: none;
  background-color: #383838;
}

body.cms.albums .albums-contents .menu-area .albums-capacity {
  margin: 12px 28px;
  font-size: 1.2rem;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

body.cms.albums .albums-contents .menu-area .title {
  margin-top: 10px;
  margin-bottom: 20px;
}

body.cms.albums .albums-contents .menu-area .title a {
  color: #fff;
}

body.cms.albums .albums-contents .menu-area .edit-select {
  position: relative;
  margin: 20px 28px;
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms.albums .albums-contents .menu-area .edit-select-btn {
  width: 29px;
  height: 29px;
  cursor: pointer;
  text-align: center;
  padding-top: 3px;
  background: #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .albums-contents .menu-area .edit-select-btn .edit-3dots {
  font-size: 13px;
}

body.cms.albums .albums-contents .menu-area .edit-select-btn:hover {
  opacity: 0.7;
}

body.cms.albums .albums-contents .menu-area .edit-select-list {
  display: none;
  position: absolute;
  top: -13px;
  left: 46px;
  z-index: 1;
  width: 100px;
  padding: 5px 0;
  border: 1px solid #808080;
  background: #222;
}

body.cms.albums .albums-contents .menu-area .edit-select-list::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -13px;
  display: block;
  width: 0;
  height: 0;
  border-right: 13px solid #808080;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

body.cms.albums .albums-contents .menu-area .edit-select-list::after {
  content: "";
  position: absolute;
  top: 19px;
  left: -11px;
  display: block;
  width: 0;
  height: 0;
  border-right: 11px solid #222;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

body.cms.albums .albums-contents .menu-area .edit-select-list a {
  display: block;
  width: 100%;
  margin: 5px 0;
  padding: 6px 20px;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .albums-contents .menu-area .edit-select-list.active {
  display: block;
}

body.cms.albums .albums-contents .menu-area .edit-select-list a:hover {
  background: #808080;
  text-decoration: none;
}

body.cms.albums .albums-contents .menu-area .edit-select-list li:first-child a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 17px;
  left: -13px;
  display: block;
  width: 0;
  height: 0;
  border-right: 13px solid #808080;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

body.cms.albums .albums-contents .menu-area .edit-select-list li:first-child a:hover::before {
  opacity: 1;
}

body.cms.albums .albums-contents .menu-area .edit-select-list a i {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
}

body.cms.albums .albums-contents .menu-area .folder-list {
  margin-top: 5px;
  font-size: 15px;
  font-size: 1.5rem;
}

body.cms.albums .albums-contents .menu-area .folder-list a {
  position: relative;
  display: block;
  padding: 3px 28px 3px 48px;
  color: #fff;
}

body.cms.albums .albums-contents .menu-area .folder-list a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 28px;
  display: block;
  width: 9px;
  height: 1px;
  background-color: #fff;
}

body.cms.albums .albums-contents .menu-area .folder-list a::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 32px;
  display: block;
  width: 1px;
  height: 9px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body.cms.albums .albums-contents .menu-area .folder-list .all a {
  padding-left: 28px;
}

body.cms.albums .albums-contents .menu-area .folder-list .all a::before,
body.cms.albums .albums-contents .menu-area .folder-list .all a::after {
  content: none;
}

body.cms.albums .albums-contents .menu-area .folder-list a.active::after {
  opacity: 0;
}

body.cms.albums .albums-contents .menu-area .folder-list [data-common-flag="0"].is-contentsPage {
  padding-left: 63px;
  background: url(/img/icon-access-control.svg) 40px 4px no-repeat;
  background-size: 20px 20px;
}

body.cms.albums .albums-contents .menu-area .folder-list a:hover {
  text-decoration: none;
  background-color: #222;
}

body.cms.albums .albums-contents .menu-area .folder-list > ul > li > ul a {
  padding-left: 63px;
}

body.cms.albums .albums-contents .menu-area .folder-list > ul > li > ul {
  display: none;
}

body.cms.albums .albums-contents .menu-area .folder-list > ul > li > ul a::before {
  top: 14px;
  left: 49px;
  width: 7px;
  height: 1px;
}

body.cms.albums .albums-contents .menu-area .folder-list > ul > li > ul a.active::after,
body.cms.albums .albums-contents .menu-area .folder-list > ul > li > ul a::after {
  top: 8px;
  left: 49px;
  width: 1px;
  height: 7px;
  opacity: 1;
}

body.cms.albums .albums-contents .list-area {
  width: calc(100% - 220px);
  padding: 6px 34px 40px 34px;
  background-color: #222;
  color: #fff;
}

body.cms.albums .albums-contents .list-area .albums-narrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.cms.albums .albums-contents .list-area .albums-narrow .narrow {
  margin-top: 10px;
}
body.cms.albums .albums-contents .list-area .albums-narrow .narrow.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.cms.albums .albums-contents .list-area .albums-narrow .narrow label {
  margin-right: 10px;
  position: relative;
  display: inline-block;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms.albums .albums-contents .list-area .albums-narrow .narrow label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms.albums .albums-contents .list-area .albums-narrow .narrow label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}

body.cms.albums .albums-contents .list-area .albums-narrow .narrow select {
  display: block;
  width: calc(100% + 22px);
  height: 40px;
  padding: 2px 24px 2px 12px;
  border: none;
  background: #383838;
  color: rgba(255, 255, 255, 0.7);
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms.albums .albums-contents .list-area .albums-narrow .narrow select::-ms-expand {
  display: none;
}

body.cms.albums .albums-contents .list-area .albums-narrow .narrow .album-meta {
  color: #FFFFFF;
  font-size: 12px;
  margin-left: 20px;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search form {
  position: relative;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search input[type=text] {
  height: 40px;
  padding: 5px 50px 5px 10px;
  background: #383838;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search > form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background-color: #383838;
  border: none;
  font-size: 0px;
  color: transparent;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search .upload {
  margin-left: 10px;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search .upload button {
  width: 140px;
  height: 40px;
  padding: 5px;
  background: #383838;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
}

body.cms.albums .albums-contents .list-area .albums-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 60px;
  margin-bottom: 12px;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice {
  font-size: 14px;
  font-size: 1.4rem;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li {
  margin-right: 20px;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li:last-child {
  margin-right: 0;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li a {
  color: rgba(255, 255, 255, 0.8);
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li label {
  position: relative;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.all label:hover {
  text-decoration: underline;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.all.active label::before {
  position: absolute;
  left: 4px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-right: 10px;
  vertical-align: top;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.all label::after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 5px;
  width: 11px;
  height: 11px;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

body.cms.albums .albums-contents .list-area .albums-choice .sort label {
  margin-right: 10px;
  position: relative;
  display: inline-block;
  background-color: #fff;
  overflow: hidden;
  vertical-align: middle;
}
body.cms.albums .albums-contents .list-area .albums-choice .sort label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms.albums .albums-contents .list-area .albums-choice .sort label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}

body.cms.albums .albums-contents .list-area .albums-choice .sort select {
  display: block;
  width: calc(100% + 22px);
  height: 40px;
  padding: 2px 24px 2px 12px;
  border: none;
  background: #383838;
  color: rgba(255, 255, 255, 0.7);
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms.albums .albums-contents .list-area .albums-choice .sort select::-ms-expand {
  display: none;
}

body.cms.albums .albums-contents .list-area .albums-choice .paging {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-choice .paging ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 120px;
  border-radius: 7px;
  background-color: #383838;
}

body.cms.albums .albums-contents .list-area .albums-choice .paging a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .albums-contents .list-area .albums-choice .paging a:hover {
  opacity: 0.7;
  text-decoration: none;
}

body.cms.albums .albums-contents .list-area .albums-choice .paging span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0 3px;
  background-color: #555;
  color: rgba(255, 255, 255, 0.7);
}

body.cms.albums .albums-contents .list-area .albums-choice .number {
  display: inline-block;
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.8);
}

body.cms.albums .albums-contents .list-area .albums-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6px;
}

body.cms.albums.load .albums-contents .list-area .albums-items {
  zoom: 0.8;
}

body.cms.albums .albums-contents .list-area .albums-item {
  position: relative;
  min-width: 260px;
  margin: 6px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
}

body.cms.albums .albums-contents .list-area .albums-item.files {
  min-width: 390px;
}

body.cms.albums .albums-contents .list-area .albums-item .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  max-height: 260px;
}

body.cms.albums .albums-contents .list-area .albums-item .image img {
  width: auto;
  max-height: 260px;
}

body.cms.albums .albums-contents .list-area .albums-item .detail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.38;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
body.cms.albums .albums-contents .list-area .albums-item .detail ._cp-detail-info-name {
  padding-right: 24px;
}
body.cms.albums .albums-contents .list-area .albums-item .detail ._cp-detail-info + table {
  display: none;
}
body.cms.albums .albums-contents .list-area .albums-item .detail ._cp-detail-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-color: #1d1515;
  cursor: pointer;
}
body.cms.albums .albums-contents .list-area .albums-item .detail ._cp-detail-icon:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016%22%20transform%3D%22translate(-573.673%20-650.997)%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_3%22%20data-name%3D%22%E5%90%88%E4%BD%93%203%22%20d%3D%22M-47.827-43v-5.5h-5.5v-1h5.5V-55h1v5.5h5.5v1h-5.5V-43Z%22%20transform%3D%22translate(627%20706)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
body.cms.albums .albums-contents .list-area .albums-item .detail.is-active table {
  display: table;
}
body.cms.albums .albums-contents .list-area .albums-item .detail.is-active ._cp-detail-icon::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms.albums .albums-contents .list-area .albums-item .detail table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}

body.cms.albums .albums-contents .list-area .albums-item .detail table td {
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-item .detail table td:first-child {
  width: 80px;
  padding: 0 10px 0 0;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-item .detail table td:last-child {
  width: calc(100% - 80px);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.cms.albums .albums-contents .list-area .albums-item .detail table td:first-child {
  width: 75px;
}

body.cms.albums .albums-contents .list-area .albums-item.active .detail {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

body.cms.albums .albums-contents .list-area .albums-item .detail-icons ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}

body.cms.albums .albums-contents .list-area .albums-item .detail-icons li {
  margin-right: 10px;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview {
  width: 32.81px;
  height: 32.81px;
  position: relative;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview > a {
  width: 100%;
  height: 100%;
  background-color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.914%22%20height%3D%2216.914%22%20viewBox%3D%220%200%2016.914%2016.914%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2828%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202828%22%20transform%3D%22translate(-414%20-659)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_147%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20147%22%20transform%3D%22translate(414%20659)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_615%22%20data-name%3D%22%E7%B7%9A%20615%22%20x2%3D%222%22%20y2%3D%222%22%20transform%3D%22translate(427.5%20672.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview > a i {
  display: none;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview:hover .preview-list {
  pointer-events: auto;
  opacity: 1;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list {
  position: absolute;
  left: 32px;
  bottom: 0;
  display: block;
  width: 124px;
  padding-left: 10px;
  pointer-events: none;
  opacity: 0;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list li {
  width: 114px;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list li:first-child a {
  padding-top: 10px;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list li:last-child a {
  padding-bottom: 10px;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 13px;
  background-color: #fff;
  font-size: 12px;
  color: #222;
}
body.cms.albums .albums-contents .list-area .albums-item .detail-icons li.preview .preview-list li a:hover {
  opacity: 1;
  background-color: #fff;
}

body.cms.albums .albums-contents .list-area .albums-item .detail-icons li a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .albums-contents .list-area .albums-item .detail-icons li a:hover {
  opacity: 0.7;
}

body.cms.albums .albums-contents .list-area .albums-item .detail-icons li a i {
  line-height: 0;
}

body.cms.albums .albums-contents .list-area .albums-item .check {
  position: absolute;
  top: 0;
  right: 0;
}

body.cms.albums .albums-contents .list-area .albums-item .check label {
  display: block;
  padding: 10px;
}

body.cms.albums .albums-contents .list-area .albums-item .check input {
  display: block;
  -webkit-appearance: checkbox;
}

body.cms.albums .albums-modal-wrap,
body.cms .cms-common-modal-wrap {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
body.cms.albums .albums-modal-wrap.is-inEditPage,
body.cms .cms-common-modal-wrap.is-inEditPage {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 6;
  display: none;
}
body.cms.albums .albums-modal-wrap.is-inEditPage.active,
body.cms .cms-common-modal-wrap.is-inEditPage.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms.albums .albums-modal-wrap input[type=text],
body.cms .cms-common-modal-wrap input[type=text] {
  width: 100%;
  padding: 3px;
  border: 1px solid #333;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms.albums .albums-modal-wrap input[type=checkbox],
body.cms .cms-common-modal-wrap input[type=checkbox] {
  display: inline;
  -webkit-appearance: checkbox;
}
body.cms.albums .albums-modal-wrap.active,
body.cms .cms-common-modal-wrap.active {
  pointer-events: auto;
}
body.cms.albums .albums-modal-wrap > div,
body.cms .cms-common-modal-wrap > div {
  display: none;
  width: 600px;
  max-height: 450px;
  background-color: #f6f6f6;
  padding: 40px;
  overflow-x: hidden;
  overflow-y: auto;
}
body.cms.albums .albums-modal-wrap > div h3,
body.cms .cms-common-modal-wrap > div h3 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
body.cms.albums .albums-modal-wrap > div h3 i,
body.cms .cms-common-modal-wrap > div h3 i {
  display: inline-block;
  margin-right: 10px;
  line-height: 0;
  vertical-align: bottom;
}
body.cms.albums .albums-modal-wrap > div h3 i:before,
body.cms .cms-common-modal-wrap > div h3 i:before {
  font-size: 16px;
}
body.cms.albums .albums-modal-wrap > div p,
body.cms .cms-common-modal-wrap > div p {
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn,
body.cms .cms-common-modal-wrap > div .bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn li,
body.cms .cms-common-modal-wrap > div .bottom-btn li {
  margin-right: 10px;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn li a,
body.cms .cms-common-modal-wrap > div .bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn li a:hover,
body.cms .cms-common-modal-wrap > div .bottom-btn li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn button,
body.cms .cms-common-modal-wrap > div .bottom-btn button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
body.cms.albums .albums-modal-wrap > div .bottom-btn button:hover,
body.cms .cms-common-modal-wrap > div .bottom-btn button:hover {
  opacity: 0.7;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
body.cms.albums .albums-modal-wrap > div .move-select,
body.cms.albums .albums-modal-wrap > div .duplicate-select,
body.cms.albums .albums-modal-wrap > div .file-setting-select,
body.cms .cms-common-modal-wrap > div .move-select,
body.cms .cms-common-modal-wrap > div .duplicate-select,
body.cms .cms-common-modal-wrap > div .file-setting-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms.albums .albums-modal-wrap > div .move-select,
body.cms.albums .albums-modal-wrap > div .duplicate-select,
body.cms .cms-common-modal-wrap > div .move-select,
body.cms .cms-common-modal-wrap > div .duplicate-select {
  margin-top: 15px;
  margin-bottom: -10px;
}
body.cms.albums .albums-modal-wrap > div .move-select label,
body.cms.albums .albums-modal-wrap > div .duplicate-select label,
body.cms .cms-common-modal-wrap > div .move-select label,
body.cms .cms-common-modal-wrap > div .duplicate-select label {
  display: inline-block;
  margin-right: 5px;
}
body.cms.albums .albums-modal-wrap > div .move-select select,
body.cms.albums .albums-modal-wrap > div .duplicate-select select,
body.cms .cms-common-modal-wrap > div .move-select select,
body.cms .cms-common-modal-wrap > div .duplicate-select select {
  max-width: 155px;
  padding: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-add,
body.cms .cms-common-modal-wrap > div .duplicate-select-add {
  margin-top: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-add a,
body.cms .cms-common-modal-wrap > div .duplicate-select-add a {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  color: #222;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-add a:before,
body.cms .cms-common-modal-wrap > div .duplicate-select-add a:before {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: #222;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-add a:after,
body.cms .cms-common-modal-wrap > div .duplicate-select-add a:after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: #222;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-add + div,
body.cms .cms-common-modal-wrap > div .duplicate-select-add + div {
  margin-top: 5px;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-remove,
body.cms .cms-common-modal-wrap > div .duplicate-select-remove {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  cursor: pointer;
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-remove:before,
body.cms .cms-common-modal-wrap > div .duplicate-select-remove:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 10px;
  width: 11px;
  height: 1px;
  background-color: #222;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.cms.albums .albums-modal-wrap > div .duplicate-select-remove:after,
body.cms .cms-common-modal-wrap > div .duplicate-select-remove:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 10px;
  width: 11px;
  height: 1px;
  background-color: #222;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms.albums .albums-modal-wrap > div.setting table,
body.cms .cms-common-modal-wrap > div.setting table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms.albums .albums-modal-wrap > div.setting table th,
body.cms .cms-common-modal-wrap > div.setting table th {
  width: 110px;
  padding: 0 5px 5px 0;
  text-align: left;
  font-weight: 400;
  vertical-align: top;
}
body.cms.albums .albums-modal-wrap > div.setting table td,
body.cms .cms-common-modal-wrap > div.setting table td {
  width: calc(100% - 110px);
  padding: 0 0 5px 0;
  vertical-align: top;
}
body.cms.albums .albums-modal-wrap > div.setting table td input[type=text],
body.cms .cms-common-modal-wrap > div.setting table td input[type=text] {
  position: relative;
  top: -6px;
  width: 100%;
  padding: 5px;
  border: 1px solid #999;
}
body.cms.albums .albums-modal-wrap > div.setting table td select,
body.cms .cms-common-modal-wrap > div.setting table td select {
  position: relative;
  top: -6px;
  display: inline-block;
  max-width: 202px;
  padding: 5px;
  margin-right: 6px;
}
body.cms.albums .albums-modal-wrap > div.setting table td select:last-child,
body.cms .cms-common-modal-wrap > div.setting table td select:last-child {
  margin-right: 0;
}
body.cms.albums .albums-modal-wrap > div.setting table td .dispFileId,
body.cms .cms-common-modal-wrap > div.setting table td .dispFileId {
  display: block;
  margin-bottom: 5px;
}

body.cms.albums .upload-area {
  width: calc(100% - 220px);
  padding: 15px 40px 40px 40px;
  background: #f6f6f6;
}

body.cms.albums .upload-area .back {
  margin-bottom: 10px;
  text-align: right;
}

body.cms.albums .upload-area .back a {
  display: inline-block;
  padding: 10px 20px;
  background: #444;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.cms.albums .upload-area .back a:hover {
  opacity: 0.7;
  text-decoration: none;
}

body.cms.albums .upload-area h1 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}

body.cms.albums .upload-area .capacity-size {
  margin: 20px 0 10px 0;
  text-align: center;
}

body.cms.albums .upload-area .capacity-size .file {
  margin-right: 30px;
}

body.cms.albums .upload-area .capacity-size .size {
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  color: #4ca74f;
}

body.cms.albums .upload-area .upload-detail {
  max-width: 1260px;
  width: 100%;
  margin: 30px auto 0 auto;
}

body.cms.albums .upload-area .upload-detail .folder-select {
  margin: 15px 0 25px 0;
}

body.cms.albums .upload-area .upload-detail .folder-select select {
  padding: 5px;
}

body.cms.albums .upload-area .upload-detail .upload-now-list li {
  -ms-grid-columns: 52px 360px 1fr 264px 89px 42px;
  grid-template-columns: 52px 360px 1fr 264px 89px 42px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2px;
  padding: 4px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  background: #fff;
}

.upload-head {
  padding: 10px 10px;
  background: #eee;
  border-bottom: 1px solid #202020;
  border-top: 1px solid #202020;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 412px 1fr 130px 130px 90px 42px;
  grid-template-columns: 412px 1fr 130px 130px 90px 42px;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .format {
  padding-right: 2px;
  padding-left: 2px;
  text-align: center;
  word-wrap: break-word;
  width: 50%;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .size {
  padding-right: 2px;
  padding-left: 2px;
  text-align: center;
  width: 50%;
  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;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .thumbnail:not(.load-album-link) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .name {
  padding-right: 10px;
  word-wrap: break-word;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .progressbar-wrap {
  padding-right: 10px;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .progressbar {
  border: 1px solid #999;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .progressbar-inner {
  height: 20px;
  background: #d4d8d8;
  -webkit-transition: width linear 0.5s;
  transition: width linear 0.5s;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .format-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .format-size::before,
body.cms.albums .upload-area .upload-detail .upload-now-list .format-size::after {
  content: "";
}

/*
body.cms.albums .upload-area .upload-detail .upload-now-list .format{
  width: 150px;
  padding-right: 10px;
  text-align: center;
}
body.cms.albums .upload-area .upload-detail .upload-now-list .size{
  width: 150px;
  text-align: center;
}*/
body.cms.albums .upload-area .upload-detail .upload-now-list .not-convert {
  text-align: center;
}

.upload-head .size,
.upload-head .mime-type {
  text-align: center;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .not-convert input[type=checkbox] {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-appearance: checkbox;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .remove {
  width: 42px;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .remove-btn {
  position: relative;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  cursor: pointer;
}

body.cms.albums .upload-area .upload-detail .upload-now-list .remove-btn::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 15px;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: #222;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.cms.albums .upload-area .upload-detail .upload-now-list .remove-btn::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 15px;
  display: inline-block;
  width: 9px;
  height: 1px;
  background-color: #222;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.cms.albums .upload-area .upload-detail .bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.cms.albums .upload-area .upload-detail .bottom-btn li {
  margin: 0 5px;
}

body.cms.albums .upload-area .upload-detail .bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms.albums .upload-area .upload-detail .bottom-btn li a.bottom-btn--120 {
  width: 120px;
}

body.cms.albums .upload-area .upload-detail .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item.files .detail tbody tr:first-child td:first-child {
  display: block;
  width: 100%;
}

@media all and (max-width: 1340px) {
  body.cms.albums .albums-list .site-block {
    width: calc(50% - 50px);
  }
  body.cms.albums .albums-contents .list-area .albums-narrow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.cms.albums .albums-contents .list-area .albums-choice {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.cms.albums .albums-contents .list-area .albums-item,
  body.cms.albums .albums-contents .list-area .albums-item.files {
    min-width: 210px;
  }
  body.cms.albums .albums-contents .list-area .albums-item .image img {
    max-height: 160px;
  }
  body.cms.albums .albums-contents .list-area .albums-item.files .image img {
    width: 50%;
    height: auto;
  }
  body.cms.albums .albums-contents .list-area .albums-item.files .image img {
    margin: 30px 0;
  }
}
@media all and (max-width: 680px) {
  body.cms.albums .albums-list-header {
    display: block;
    padding: 0 4.5% 30px 4.5%;
  }
  body.cms.albums .setting-area {
    margin-top: 10px;
  }
  body.cms.albums .setting-area a {
    margin-left: auto;
  }
  body.cms.albums .albums-setting-list .setting-title {
    margin-bottom: 20px;
  }
  body.cms.albums .albums-setting-list {
    top: calc(100% + 10px);
    right: 0;
    width: 100%;
    padding: 20px 4.5%;
    white-space: normal;
  }
  body.cms.albums .albums-setting-list label {
    margin-bottom: 10px;
  }
  body.cms.albums .albums-setting-list .buttons {
    margin-top: 20px;
  }
  body.cms.albums .albums-list {
    padding: 0 4.5%;
  }
  body.cms.albums .albums-list .site-block {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  body.cms.albums .albums-contents .list-area .albums-item,
  body.cms.albums .albums-contents .list-area .albums-item.files {
    min-width: 100%;
    margin: 6px;
  }
  body.cms.albums .albums-contents .list-area .albums-item .image img {
    height: auto;
    max-width: 100%;
  }
  body.cms.albums .albums-setting-area .setting-title {
    margin-bottom: 20px;
  }
  body.cms.albums .albums-setting-area {
    top: calc(100% + 10px);
    right: 0;
    width: 100%;
    padding: 20px 4.5%;
    white-space: normal;
  }
  body.cms.albums .albums-setting-area label {
    margin-bottom: 10px;
  }
  body.cms.albums .albums-setting-area .buttons {
    margin-top: 20px;
  }
}
.admin-settings-area .page-title .back-contents-list {
  position: absolute;
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.admin-settings-area .select-range {
  margin: 20px 0 10px 0;
}
.admin-settings-area .select-range input[type=radio] {
  position: relative;
  padding-left: 21px;
  margin-right: 20px;
}
.admin-settings-area .select-range input[type=radio] + label {
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
}
.admin-settings-area .select-range input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  border-radius: 50%;
  background: #fff;
}
.admin-settings-area .select-range input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 50%;
}
.admin-settings-area .select-range input[type=radio]:checked + label::after {
  background: #333;
}
.admin-settings-area label.select {
  position: relative;
  display: inline-block;
  width: auto;
  height: 24px;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
  margin-top: -2px;
}
.admin-settings-area label.select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
.admin-settings-area label.select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
.admin-settings-area label.select select {
  display: block;
  width: calc(100% + 22px);
  height: 22px;
  padding: 2px 24px 2px 2px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
.admin-settings-area label.select select::-ms-expand {
  display: none;
}
.admin-settings-area .invitation-list-wrap {
  font-size: 14px;
  font-size: 1.4rem;
}
.admin-settings-area .invitation-list-wrap .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 17px;
  padding-bottom: 5px;
}
.admin-settings-area .invitation-list-wrap .head .name {
  width: calc(100% - 390px);
}
.admin-settings-area .invitation-list-wrap .head .already {
  width: 210px;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .head .cms {
  width: 90px;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .head .staging {
  width: 90px;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .invitation-list {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 1px;
  border: 1px solid #999;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #999;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item:last-child {
  border-bottom: none;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item .name {
  width: calc(100% - 360px);
  padding: 5px 10px;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item .already-01 {
  width: 90px;
  padding: 5px 0;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item .already-02 {
  width: 90px;
  padding: 5px 0;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item .cms {
  width: 90px;
  padding: 5px 10px;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item .staging {
  width: 90px;
  padding: 5px 10px;
  text-align: center;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox {
  position: relative;
  display: inline-block;
  width: 100%;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox.check-disabled input[type=checkbox] + span::before {
  background-color: #ccc;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox.check-disabled input[type=checkbox] + span::after {
  opacity: 1;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox span {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 0;
  height: 0;
  opacity: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: top;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox] + span::before,
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  pointer-events: none;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 13px;
  height: 13px;
  border: 1px solid #999;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -1px 5px;
  width: 6px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
.admin-settings-area .invitation-list-wrap .invitation-list .item label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.admin-settings-area .tree-list-wrap {
  position: relative;
  height: calc(100vh - 220px);
  overflow-y: scroll;
  border: 1px solid #999;
  padding: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.admin-settings-area .tree-list-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.admin-settings-area .tree-list-wrap.no-pointer-events {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.75;
}
.admin-settings-area .tree-list-wrap.no-pointer-events::before {
  background-color: rgba(0, 0, 0, 0.5);
}
.admin-settings-area .tree-list-wrap.no-pointer-events .tree-list {
  height: 380px;
  overflow: hidden;
}
.admin-settings-area .tree-list {
  /*.link{
    position: relative;
    span.link{
      width: 1.8125em;
      height: 1.8125em;
      background-position: -94.875em -96.6875em;
      font-size: 11px;
      position: absolute;
      top: 10px;
      left: -27px;
    }
  }*/
}
.admin-settings-area .tree-list ul {
  padding-left: 27px;
}
.admin-settings-area .tree-list > ul {
  padding-top: 3px;
  padding-left: 4px;
}
.admin-settings-area .tree-list li {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
}
.admin-settings-area .tree-list li > div {
  min-height: 25px;
}
.admin-settings-area .tree-list .edit-check {
  position: relative;
  padding-left: 20px;
}
.admin-settings-area .tree-list .edit-check::before, .admin-settings-area .tree-list .edit-check::after {
  content: "";
  display: block;
  position: absolute;
}
.admin-settings-area .tree-list .edit-check::before {
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  top: 2px;
  left: 0;
}
.admin-settings-area .tree-list .edit-check.checked::after {
  width: 7px;
  height: 12px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 5px;
}
.admin-settings-area .tree-list .folder {
  min-height: 26px;
  margin-top: -3px;
  margin-left: -2px;
}
.admin-settings-area .tree-list .folder > label {
  font-weight: 700;
}
.admin-settings-area .tree-list .folder > .flag {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: -5px;
  margin-right: 8px;
  background-color: #4ca74f;
}
.admin-settings-area .tree-list .folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
.admin-settings-area .tree-list .folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.admin-settings-area .tree-list .folder > .flag.open::after {
  opacity: 0;
}
.admin-settings-area .message-area .text {
  margin: 40px 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.admin-settings-area .message-area input[type=text] {
  width: 100%;
  padding: 10px;
  border: 1px solid #999;
  font-size: 14px;
  font-size: 1.4rem;
}
.admin-settings-area .message-area textarea {
  width: 100%;
  min-height: 100px;
  height: 300px;
  margin: 0;
  padding: 10px;
  border: 1px solid #999;
  border-top: none;
  overflow-y: scroll;
  resize: vertical;
  font-size: 14px;
  font-size: 1.4rem;
}
.admin-settings-area .bottom-btn {
  margin-top: 40px;
  text-align: center;
}
.admin-settings-area .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
.admin-settings-area .bottom-btn a, .admin-settings-area .bottom-btn button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 15px;
  font-size: 1.5rem;
}
.admin-settings-area .bottom-btn a:hover, .admin-settings-area .bottom-btn button:hover {
  text-decoration: none;
  opacity: 0.7;
}

.site-settings-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.site-settings-wrap h3 + p {
  margin: -10px 0 15px 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.site-settings-wrap .bottom-btn {
  margin-top: 40px;
  text-align: center;
}
.site-settings-wrap .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
.site-settings-wrap .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.site-settings-wrap .bottom-btn a.wide {
  width: auto;
  padding: 10px;
}
.site-settings-wrap .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.setting-wrap .bottom-btn {
  margin-top: 40px;
  text-align: center;
}
.setting-wrap .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
.setting-wrap .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.setting-wrap .bottom-btn a.wide {
  width: auto;
  padding: 10px;
}
.setting-wrap .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

dl.site-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
dl.site-settings dt {
  width: 300px;
  margin: -15px 0 0;
}
dl.site-settings dd {
  position: relative;
  width: calc(100% - 300px);
  margin: 0 0 20px;
}
dl.site-settings dd .label-col3-wrap .label-col3 {
  display: inline-block;
  margin-right: 25px;
}
dl.site-settings dd .label-ttl {
  line-height: 43px;
  display: inline-block;
  padding-right: 10px;
}
dl.site-settings dd label.select {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 43px;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
dl.site-settings dd label.select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
dl.site-settings dd label.select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
dl.site-settings dd label.select select {
  display: block;
  width: calc(100% + 22px);
  height: 43px;
  padding: 10px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
dl.site-settings dd label.select select::-ms-expand {
  display: none;
}
dl.site-settings dd label.select.password {
  width: 160px;
}
dl.site-settings dd label.select.password select {
  width: calc(100% + 55px);
}
dl.site-settings dd input[type=radio] {
  display: none;
}
dl.site-settings dd input[type=radio] {
  position: relative;
  padding-left: 21px;
  margin-right: 20px;
}
dl.site-settings dd input[type=radio] + label {
  position: relative;
  padding-left: 20px;
}
dl.site-settings dd input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  border-radius: 50%;
  background: #fff;
}
dl.site-settings dd input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 50%;
}
dl.site-settings dd input[type=radio]:checked + label::after {
  background: #333;
}
dl.site-settings dd input[type=text],
dl.site-settings dd input[type=password] {
  width: 100%;
  padding: 10px;
  border: 1px solid #999;
  font-size: 14px;
  font-size: 1.4rem;
}
dl.site-settings dd input[type=text].short {
  max-width: 100px;
}
dl.site-settings dd input[type=file] {
  display: inline-block;
}
dl.site-settings dd textarea {
  height: 100px;
  min-height: 25px;
  resize: vertical;
  padding: 10px;
  border: 1px solid #999;
  font-size: 14px;
  font-size: 1.4rem;
}
dl.site-settings dd textarea + .btn {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
dl.site-settings dd textarea + .btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
dl.site-settings dd textarea + .btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
dl.site-settings dd textarea + .btn.add::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
dl.site-settings dd .c-checkbox:not(:first-child) {
  margin-top: 30px;
}
dl.site-settings dd .c-checkbox + p {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
dl.site-settings dd .site-settings-access {
  display: none;
  padding-left: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
dl.site-settings dd .site-settings-access.active {
  display: block;
}
dl.site-settings dd .site-settings-access .label-col3-wrap {
  margin-bottom: 10px;
}
dl.site-settings dd .site-settings-access .label-col3 {
  display: block;
  margin-bottom: 5px;
}
dl.site-settings dd .site-settings-access input[type=radio] + label::before {
  top: 3px;
}
dl.site-settings dd .site-settings-access input[type=radio] + label::after {
  top: 6px;
}
dl.site-settings dd .site-settings-access .item {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
dl.site-settings dd .site-settings-access .item:first-child .btn.del {
  display: none;
}
dl.site-settings dd .site-settings-access .item:last-child .btn.add {
  display: inline-block;
}
dl.site-settings dd .site-settings-access .item input[type=text] {
  display: inline-block;
}
dl.site-settings dd .site-settings-access .item p {
  display: inline-block;
  text-align: center;
}
dl.site-settings dd .site-settings-access .item .btn {
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
dl.site-settings dd .site-settings-access .item .btn::before, dl.site-settings dd .site-settings-access .item .btn::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 9px;
  display: block;
  width: 11px;
  height: 1px;
  background-color: #666;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
dl.site-settings dd .site-settings-access .item .btn::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
dl.site-settings dd .site-settings-access .item .btn.add {
  display: none;
}
dl.site-settings dd .site-settings-access .item .btn.del::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
dl.site-settings dd .site-settings-access .item .btn.del::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
dl.site-settings + h3 {
  margin-top: 40px;
}

.site-link-popup,
.album-link-popup,
.album-link-popup2 {
  display: none;
  width: 640px;
  max-height: 600px;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 100px;
  padding: 5px;
  left: calc(50% - 320px);
  background-color: #fff;
  z-index: 20;
}
.site-link-popup.active,
.album-link-popup.active,
.album-link-popup2.active {
  display: block;
}

.album-link-popup,
.album-link-popup2 {
  width: 1140px;
  left: calc(50% - 570px);
  overflow-y: hidden;
  min-height: 80vh;
  top: 50px;
}
@media all and (max-width: 1180px) {
  .album-link-popup,
  .album-link-popup2 {
    width: 90%;
    left: 5%;
  }
}

.background-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  margin: 0;
}

.page-top .foot-top:hover {
  background-color: #4CA74F;
}

.flow-list {
  margin: 0 0 100px;
}
.flow-list.is-scroll {
  margin-bottom: 0;
  max-height: 280px;
  overflow-y: auto;
}

.approval-flow-lists .flow-list {
  display: none;
}
.approval-flow-lists .flow-list.active {
  display: block;
}
.approval-flow-lists .flow-steps .flow-step {
  visibility: hidden;
  display: inline-block;
  width: 60px;
}
.approval-flow-lists .flow-steps .flow-member-list:first-child .flow-step {
  visibility: visible;
}
.approval-flow-lists .approver > .flow-member-list {
  visibility: hidden;
}
.approval-flow-lists .applicant .flow-step {
  visibility: hidden;
  display: inline-block;
  width: 60px;
}
.approval-flow-lists .applicant .flow-member-list:first-child .flow-step {
  visibility: visible;
}
.approval-flow-lists .flow-member-list {
  position: relative;
}

.support-mail-label {
  font-size: 13px;
  color: #333333;
  line-height: 23px;
}

#support-mail-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  padding: 10px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  text-align: center;
  color: #fff;
}

#support-mail-button:hover {
  background: #fff;
  color: #4CA74F;
  text-decoration: none;
}

.cms-top-sub-title {
  font-size: 14px !important;
  color: #222222 !important;
  font-weight: bold;
}

.cms-top-notice-link-to-list {
  top: -2px;
  right: 0;
  color: #333333 !important;
  display: inline-block;
  padding: 2px 10px 2px;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff !important;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-top-notice-link-to-list:hover {
  color: #fff !important;
  border: 1px solid #666 !important;
  background-color: #666 !important;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.cms-top-notice-head {
  font-size: 12px !important;
  color: #333333 !important;
  line-height: 18px !important;
}

.cms-top-notice-link {
  font-size: 13px !important;
  color: #5360AA !important;
  line-height: 20px !important;
}

.cms-top-notice-title {
  font-size: 13px !important;
  color: #333333 !important;
  line-height: 20px !important;
}

.website-list .paint-website-detail form {
  position: relative;
  z-index: 1;
}

.website-list .option-menu-active .paint-website-detail__layer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body.cms.newsrelease .page-edit .air-menu-area > div .air-window-block-contents[data-type=cp-original-block] .air-window-block-wraps .air-window-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-thumbnail__setting .album-remove {
  display: none;
  padding-left: 10px;
}
.cp-thumbnail__setting .album-remove.active {
  display: inline;
}

.thumbnail-setting-toggle {
  display: none;
}
.thumbnail-setting-toggle.is-active {
  display: block;
}

.cp-thumbnail__img {
  display: block;
  width: 115px;
  margin-bottom: 10px;
}

.album-link-img {
  display: block;
  width: 115px;
  margin-bottom: 10px;
}

.cp-recommend-setting__wrap .field-name {
  position: relative;
}

.add-btn.recommend-add {
  position: absolute;
  display: none;
  top: -3px;
  right: 5px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.add-btn.recommend-add.is-active {
  display: inline-block;
}
.add-btn.recommend-add::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.add-btn.recommend-add::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.recommend-remove.minus-btn {
  position: absolute;
  right: 0;
  top: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.recommend-remove.minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-recommend-setting-items {
  display: none;
}
.cp-recommend-setting-items.is-active {
  display: block;
  margin-top: 5px;
}

.cp-recommend-setting__item {
  position: relative;
  padding: 5px;
  background: #ddd;
  border-top: 1px solid #ccc;
}
.cp-recommend-setting__item:last-child {
  border-bottom: 1px solid #ccc;
}

.cp-template-edit__link-popup.cp-recommend__link-popup {
  top: calc(50% - 286px);
}
.cp-template-edit__link-popup.cp-recommend__link-popup ._cp-link__tabAreaBtn.js-cplinkPopup-tabBtn.fr-command[data-cmd=anchorLink] {
  display: none !important;
}
.cp-template-edit__link-popup.cp-recommend__link-popup ._cp-link__f-listAreaSize {
  display: none !important;
}

._cp-link__o-urlInput._cp-link__o-urlInput2 {
  margin-bottom: 5px;
}
._cp-link__o-urlInput._cp-link__o-urlInput2 ~ ._cp-link__o-urlLabel {
  display: none !important;
}

.cp-recommend-setting__load {
  display: none !important;
}

.fr-popup .fr-command.fr-btn[data-cmd=imageAlbumInfo] img {
  wdith: 18px;
  height: 16px;
}

.albums-item .size-vol-toggle {
  cursor: pointer;
}
.albums-item .size-vol-toggle .size-vol-icon::after {
  content: "+";
}
.albums-item .size-vol-toggle + tr {
  display: none;
}
.albums-item .size-vol-toggle.is-active .size-vol-icon::after {
  content: "-";
}
.albums-item .size-vol-toggle.is-active + tr {
  display: table-row;
}

.menu-area .menu > ul > li > ul {
  display: none;
}

.menu-area .menu > ul > li > p.active + ul {
  display: block;
}
.menu-area .menu > ul > li > p.active + ul a {
  padding-left: 35px;
}
.menu-area .menu > ul > li > p.active + ul a.active {
  background-color: #ddd;
}

.cms .content-link-tab ul {
  border: 1px solid #999;
  height: 100%;
}

.cms .content-link-tab.green ul {
  border-color: #4CA74F;
}

.cms .content-link-tab ul li {
  vertical-align: top;
  height: 100%;
}

.cms .content-link-tab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  color: #444344;
  padding: 10px 5px;
}

.cms .content-link-tab.green ul li a {
  color: #4CA74F;
}

.cms .content-link-tab ul li a:hover,
.cms .content-link-tab ul li.active a {
  background-color: #444344;
  color: #fff;
}

.cms .content-link-tab.green ul li a:hover,
.cms .content-link-tab.green ul li.active a {
  background-color: #4CA74F;
}

.block-sort-create-search {
  margin-bottom: 60px;
}
.block-sort-create-search.is-mbNarrow {
  margin-bottom: 5px;
}

.block-category-sort,
.block-sort {
  width: 260px;
  height: 40px;
  float: left;
  position: relative;
  display: inline-block;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
.block-category-sort.is-mini,
.block-sort.is-mini {
  width: 180px;
}
.block-category-sort::before,
.block-sort::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
.block-category-sort::after,
.block-sort::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}

.block-category-sort select,
.block-sort select {
  display: block;
  width: calc(100% + 22px);
  height: 40px;
  padding: 2px 24px 2px 12px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
.block-category-sort select::-ms-expand,
.block-sort select::-ms-expand {
  display: none;
}

.code-search {
  position: relative;
  width: 260px;
  height: 40px;
  float: right;
}

.code-search input[type=text] {
  width: 100%;
  height: 100%;
  border: solid 1px #999;
  color: #9C9C9C;
  padding: 0 38px 0 10px;
}

.code-search button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 38px;
  height: 38px;
  padding: 0;
  background: #fff;
  border: none;
  cursor: pointer;
}

.block-list .block-category {
  width: 205px;
  width: 17.9%;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
  overflow-x: hidden;
}
.block-list .block-category input {
  display: none;
}
.block-list .block-category select {
  display: none;
}
.block-list .setting .block-category input {
  display: block;
}
.block-list .setting .block-category select {
  display: block;
}
.block-list .setting .block-category span {
  display: none;
}
.block-list .block-name {
  width: 180px;
  width: 15.7%;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
  overflow-x: hidden;
  display: inline-block;
}
.block-list .block-name input {
  display: none;
}
.block-list .setting .block-name input {
  display: block;
}
.block-list .setting .block-name span {
  display: none;
}
.block-list .block-body {
  width: 200px;
  width: 17.5%;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
}
.block-list .block-body input {
  display: none;
}
.block-list .setting .block-body input {
  display: block;
}
.block-list .setting .block-body span {
  display: none;
}
.block-list .block-memo {
  width: 180px;
  width: 15.7%;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
}
.block-list .block-memo textarea {
  display: none;
}
.block-list .setting .block-memo textarea {
  display: block;
}
.block-list .setting .block-memo span {
  display: none;
}
.block-list .block-usage {
  width: 100px;
  width: 8.7%;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
}
.block-list .block-usage select {
  display: none;
}
.block-list .setting .block-usage select {
  display: block;
}
.block-list .setting .block-usage span {
  display: none;
}
.block-list .block-status {
  width: 50px;
  width: 4.4%;
  width: 9.5%;
  min-width: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 9.5%;
  flex: 1 1 9.5%;
  padding-right: 20px;
}
.block-list .option-name {
  display: inline-block;
  font-size: 1.4rem;
  padding-top: 3px;
}
.block-list .create-date,
.block-list .update-date {
  width: 10%;
  width: 9.5%;
  min-width: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 9.5%;
  flex: 1 1 9.5%;
  padding-right: 20px;
}
.block-list .st-date,
.block-list .pr-date {
  width: 9.5%;
  min-width: 100px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 9.5%;
  flex: 1 1 9.5%;
  padding-right: 20px;
}

.block-memo-text {
  width: auto;
  display: none;
}

.block-memo-text input {
  width: 100%;
  height: 32px;
  border: 1px solid #666666;
  background-color: #ffffff;
}

.block-submitarea {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.block-submit {
  padding: 3px;
  width: 80px;
  border: none;
  cursor: pointer;
  border: 1px solid #444344;
  font-size: 12px;
  background-color: transparent;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.block-code {
  width: 100px;
  min-width: 100px;
  width: 14.3%;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 14.3%;
  flex: 1 1 14.3%;
  padding-right: 20px;
}

.block-code span {
  display: block;
  word-break: break-all;
}

.block-code input {
  display: none;
}

.setting .block-code input {
  display: block;
}

.setting .block-code span {
  display: none;
}

.layout-title {
  margin-top: 80px;
}

.css-select-area {
  width: 260px;
  float: right;
}

.css-select-area select {
  width: 100%;
  height: 40px;
  border: solid 1px #999;
}

.config.cms-templates-config {
  position: absolute;
  right: 10px;
  top: -3px;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

/*以下ニュース*/
body.cms .cms-newsrelease .newsrelease-inner .config-wrap {
  display: none;
  position: absolute;
  top: 64px;
  right: -2px;
  z-index: 1;
  width: 160px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
  text-align: left;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap.active {
  display: block;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap ul {
  padding-left: 0;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li {
  margin: 6px 0;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li a,
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li button {
  display: block;
  padding: 3px 20px;
  color: #333;
  border: none;
  background-color: #fff;
  width: 100%;
}
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li a:hover, body.cms .cms-newsrelease .newsrelease-inner .config-wrap li a.active,
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li button:hover,
body.cms .cms-newsrelease .newsrelease-inner .config-wrap li button.active {
  background: #D9D9D9;
  text-decoration: none;
}

body.cms .cms-newsrelease .main-area {
  margin: 0 auto;
  width: 100%;
}
body.cms .cms-newsrelease .setting-area-wrap {
  position: sticky;
  top: 0;
  right: 0;
  height: 100vh;
  background: #F6F6F6;
}
body.cms .cms-newsrelease .setting-area {
  width: 0;
  background: #F6F6F6;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  height: 100%;
  overflow: hidden;
}
body.cms .cms-newsrelease .setting-area.active {
  width: 550px;
}
body.cms .cms-newsrelease .setting-area .setmenu-top-wrap {
  position: relative;
  border-bottom: #C6C5C5 1px solid;
  padding-bottom: 10px;
}
body.cms .cms-newsrelease .setting-area .setting-area-inner {
  position: relative;
  right: -550px;
  padding: 120px 40px 60px 40px;
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
  height: 100%;
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-newsrelease .setting-area .setting-cancel.cross-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-size: 1rem;
  padding-top: 26px;
  cursor: pointer;
}
body.cms .cms-newsrelease .setting-area .setting-cancel.cross-btn::before, body.cms .cms-newsrelease .setting-area .setting-cancel.cross-btn::after {
  content: "";
  width: 28px;
  height: 1px;
  background: #333;
  display: block;
  position: absolute;
  top: 13px;
  left: 1px;
}
body.cms .cms-newsrelease .setting-area .setting-cancel.cross-btn::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-newsrelease .setting-area .setting-cancel.cross-btn::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul {
  float: left;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li a {
  display: block;
  width: 80px;
  background-color: #818181;
  color: #FFF;
  padding: 8px 0;
  text-align: center;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li a:hover, body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li a.active {
  text-decoration: none;
  background-color: #4CA74F;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li.link-check {
  width: 40px;
  height: 40px;
  border: 1px solid #dcdddd;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul li.link-check a {
  background-color: #fff;
  width: 38px;
  height: 38px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn {
  position: relative;
  width: 100%;
  float: none;
  margin-top: 20px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn:first-child {
  margin-top: 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn li {
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 5px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn li a:hover {
  opacity: 0.7;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn li button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 14px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn li button:hover {
  opacity: 0.7;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn .setting-cancel.cross-btn {
  font-size: 10px;
  font-size: 1rem;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt {
  margin-top: 20px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt li a {
  width: 193px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt li a:hover, body.cms .cms-newsrelease .setting-area .setmenu-bt-ul.bottom-btn.link-check-bt li a.active {
  opacity: 0.7;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .prev-text-wrap {
  width: calc(100% - 376px);
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .setmenu-preview-btn {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .setmenu-preview-btn a {
  background-color: #FFF;
  border: #DCDDDD 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .setmenu-preview-btn i {
  line-height: 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .linkcheck-text-wrap {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .linkcheck-text-wrap a {
  background-color: #FFF;
  border: #DCDDDD 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .linkcheck-text-wrap a:hover, body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .linkcheck-text-wrap a.active {
  background-color: #4CA74F;
  border: #4CA74F 1px solid;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .linkcheck-text-wrap i {
  line-height: 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .op-cl-text-ul {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .op-cl-text-ul li {
  display: inline;
  margin-right: 7px;
  vertical-align: bottom;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .op-cl-text-ul li:last-child {
  margin-right: 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .op-cl-text-ul li a {
  color: #444;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .page-status-wrap {
  border-bottom: #C6C5C5 1px solid;
  padding: 10px 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result {
  border-bottom: #C6C5C5 1px solid;
  padding: 10px 0;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table td,
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table th {
  border: 1px solid #ccc;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table {
  border-collapse: collapse;
  margin-bottom: 0px;
  width: 100%;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table td {
  padding: 5px;
  border: 1px solid #ccc;
  line-height: 1.6;
  text-align: center;
  background: #fff;
  width: 42px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table td.result-desc-title {
  background: #D1D1D1;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table td.result-url {
  text-align: left;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table.back-link-result td.result-url {
  width: calc(100% - 52px);
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result table + .link-check-result-title {
  margin-top: 30px;
}
body.cms .cms-newsrelease .setting-area .setmenu-bt-ul .link-check-result-title {
  margin-bottom: 10px;
}
body.cms .cms-newsrelease .setting-area .title-file-wrap {
  border-bottom: #C6C5C5 1px solid;
  padding: 10px 0;
}
body.cms .cms-newsrelease .setting-area .title-file-wrap li {
  margin-bottom: 3px;
}
body.cms .cms-newsrelease .setting-area .title-file-wrap li:last-child {
  margin-bottom: 0;
}
body.cms .cms-newsrelease .setting-area .opcl-btn-list {
  border-bottom: #C6C5C5 1px solid;
  padding: 10px 0;
}
body.cms .cms-newsrelease .setting-area .opcl-btn-list.is-noBorder {
  border-bottom: none;
}
body.cms .cms-newsrelease .setting-area .opcl-btn-list dl dd {
  border-bottom: #C6C5C5 1px solid;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
body.cms .cms-newsrelease .setting-area .opcl-btn-list li:last-child dl dd {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.cms .cms-newsrelease .setting-area textarea {
  resize: vertical;
}
body.cms .cms-newsrelease .setting-area select {
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-newsrelease .setting-area input[type=number] {
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-newsrelease .setting-area .version-wrap {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}
body.cms .cms-newsrelease .setting-area .field-wrap li:not(:last-child) {
  margin-bottom: 10px;
}
body.cms .cms-newsrelease .setting-area .field-wrap li:first-child {
  padding-top: 0;
}
body.cms .cms-newsrelease .setting-area .field-wrap li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
body.cms .cms-newsrelease .setting-area .title-file-wrap li,
body.cms .cms-newsrelease .setting-area .page-status-wrap li,
body.cms .cms-newsrelease .setting-area .field-wrap li,
body.cms .cms-newsrelease .setting-area .approval-flow-wrap li,
body.cms .cms-newsrelease .setting-area .linkpage-info li,
body.cms .cms-newsrelease .setting-area .link-type-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms .cms-newsrelease .setting-area li label {
  display: block;
}
body.cms .cms-newsrelease .setting-area li .input-item {
  display: block;
  margin: 3px 0;
}
body.cms .cms-newsrelease .setting-area li .input-item .title {
  display: inline-block;
  width: 90px;
}
body.cms .cms-newsrelease .setting-area li .input-item label {
  display: inline-block;
  width: calc(100% - 90px);
}
body.cms .cms-newsrelease .setting-area li input[type=text] {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-newsrelease .setting-area li input[type=checkbox] {
  -webkit-appearance: checkbox;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}
body.cms .cms-newsrelease .setting-area li input[type=radio] {
  -webkit-appearance: radio;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}
body.cms .cms-newsrelease .setting-area .field-name-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 3px;
}
body.cms .cms-newsrelease .setting-area .field-name-wrap:last-child {
  margin-bottom: 0;
}
body.cms .cms-newsrelease .setting-area .field-name {
  width: 130px;
}
body.cms .cms-newsrelease .setting-area .field-name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}
body.cms .cms-newsrelease .setting-area .field {
  width: calc(100% - 130px);
  word-break: break-all;
}
body.cms .cms-newsrelease .setting-area .thumbnail:not(.load-album-link) {
  width: 96px;
  height: 72px;
  background: #fff;
  border: 1px solid #ddd;
}
body.cms .cms-newsrelease .setting-area .thumbnail:not(.load-album-link) img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 94px;
  height: 70px;
}
body.cms .cms-newsrelease .setting-area .field-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-newsrelease .setting-area .field-inner:last-child {
  margin-bottom: 0;
}
body.cms .cms-newsrelease .setting-area .field-inner h4 {
  width: 100px;
}
body.cms .cms-newsrelease .setting-area .field.link input[type=radio] {
  width: 13px;
  margin-top: 0;
  vertical-align: middle;
}
body.cms .cms-newsrelease .setting-area .field.link input[type=text] {
  width: calc(100% - 21px);
  margin-left: 5px;
  vertical-align: middle;
}
body.cms .cms-newsrelease .setting-area .field.link span.input {
  display: inline-block;
  padding: 3px 5px 2px 5px;
  vertical-align: middle;
}
body.cms .cms-newsrelease .setting-area .select-wrap {
  position: relative;
  top: 0;
}
body.cms .cms-newsrelease .setting-area .select-wrap.tag-select {
  margin-bottom: 5px;
}
body.cms .cms-newsrelease .setting-area .select-wrap + .approval-flow-lists {
  margin-top: 5px;
}
body.cms .cms-newsrelease .setting-area .field-inner .select-wrap {
  width: calc(100% - 100px);
}
body.cms .cms-newsrelease .setting-area .select-wrap select {
  width: 100%;
  padding: 3px;
  border: 1px solid #999;
}
body.cms .cms-newsrelease .setting-area .textarea-wrap {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-newsrelease .setting-area .textarea-wrap:last-child {
  margin-bottom: 0;
}
body.cms .cms-newsrelease .setting-area .textarea-wrap textarea {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 0;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap.is-bottomLine {
  border-bottom: #C6C5C5 1px solid;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap li:first-child {
  width: 130px;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap li:last-child {
  width: calc(100% - 130px);
  word-break: break-all;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap p {
  margin: 10px 0;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap label {
  display: inline-block;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .minus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-bottom: 5px;
  cursor: pointer;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap select {
  width: calc(100% - 25px);
  max-width: calc(100% - 25px);
  min-height: 26px;
  margin-bottom: 5px;
  vertical-align: top;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap textarea {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .cmsuser-add-btn {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  color: #008EE4;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .cmsuser-add-btn::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  left: auto;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
}
body.cms .cms-newsrelease .setting-area .approvalmail-wrap .cmsuser-add-btn::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  left: auto;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.cms .cms-newsrelease .setting-area .opendate-wrap {
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-newsrelease .setting-area .opendate-wrap li {
  margin-bottom: 5px;
}
body.cms .cms-newsrelease .setting-area .opendate-wrap li.name {
  width: 130px;
}
body.cms .cms-newsrelease .setting-area .opendate-wrap li.name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}
body.cms .cms-newsrelease .setting-area .opendate-wrap li:last-child {
  width: calc(100% - 130px);
}
body.cms .cms-newsrelease .setting-area .opendate-time {
  display: block;
  margin-top: 10px;
}
body.cms .cms-newsrelease .setting-area .opendate-time input[type=text] {
  width: 100px;
  margin: 0 8px 0 0;
  background: #fff;
}
body.cms .cms-newsrelease .setting-area .opendate-time input[type=number] {
  width: 50px;
  margin: 0 8px;
  background: #fff;
}
body.cms .cms-newsrelease .setting-area .opendate-time .term-input {
  display: inline-block;
}
body.cms .cms-newsrelease .setting-area .opendate-time .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
body.cms .cms-newsrelease .setting-area .opendate-time .icons-syslog-cal::before {
  font-size: 25px;
}
body.cms .cms-newsrelease .setting-area .notify-news-wrap {
  padding: 9px 0;
}
body.cms .cms-newsrelease .setting-area .notify-news-wrap.is-bottomLine {
  border-bottom: 1px solid #C6C5C5;
}
body.cms .cms-newsrelease .setting-area .notify-news-wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-newsrelease .setting-area .notify-news-wrap h4 {
  margin-bottom: 10px;
  width: 130px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-newsrelease .setting-area .notify-news-wrap textarea {
  width: calc(100% - 130px);
  display: block;
  word-break: break-all;
}
body.cms .cms-newsrelease .setting-area .approval-flow-wrap {
  padding: 9px 0;
}
body.cms .cms-newsrelease .setting-area .releasesender-wrap {
  padding-top: 10px;
}
body.cms .cms-newsrelease .setting-area .releasesender-wrap .field-name {
  display: inline-block;
  margin-bottom: 5px;
}
body.cms .cms-newsrelease .setting-area .cmsuser-add-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
body.cms .cms-newsrelease .setting-area .cmsuser-add-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
body.cms .cms-newsrelease .setting-area .cmsuser-add-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap {
  padding-top: 9px;
  padding-bottom: 9px;
  border-top: #C6C5C5 1px solid;
  border-bottom: #C6C5C5 1px solid;
  font-size: 15px;
  font-size: 1.5rem;
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap ul {
  height: 220px;
  overflow-y: scroll;
  padding: 6px 0;
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap li {
  position: relative;
  padding: 3px 40px 3px 0;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap .pagecheck-remove-btn {
  position: absolute;
  right: 10px;
  top: 0;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap .pagecheck-remove-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.cms .cms-newsrelease .setting-area .pagechecklist-wrap .pagecheck-remove-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-newsrelease .setting-area .linkpage-info {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}
body.cms .cms-newsrelease .setting-area .link-config {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}
body.cms .cms-newsrelease .setting-area .proofreading-result {
  border-bottom: #C6C5C5 1px solid;
  padding: 10px 0;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table td,
body.cms .cms-newsrelease .setting-area .proofreading-result table th {
  border: 1px solid #ccc;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table {
  border-collapse: collapse;
  margin-bottom: 0px;
  width: 100%;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table td {
  padding: 5px;
  border: 1px solid #ccc;
  line-height: 1.6;
  text-align: center;
  background: #fff;
  width: 42px;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table td.result-desc-title {
  background: #D1D1D1;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table td.result-url {
  text-align: left;
}
body.cms .cms-newsrelease .setting-area .proofreading-result table.back-link-result td.result-url {
  width: calc(100% - 52px);
}
body.cms .cms-newsrelease .setting-area .proofreading-result table + .link-check-result-title {
  margin-top: 30px;
}
body.cms .cms-newsrelease .setting-area .proofreading-result-title {
  margin-bottom: 10px;
}
body.cms .cms-newsrelease .setting-area body.cms .cms-contents .share-wrap .share-title {
  float: left;
}
body.cms .cms-newsrelease .setting-area body.cms .cms-contents .share-wrap .share-member {
  float: left;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap {
  position: relative;
  margin-top: 20px;
  padding-top: 25px;
  border-top: #C6C5C5 1px solid;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap .select-wrap {
  min-height: 30px;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap select {
  width: calc(100% - 40px);
}
body.cms .cms-newsrelease .setting-area .share-field-wrap .btn {
  position: absolute;
  top: 2px;
  right: 5px;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap .btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap .btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
body.cms .cms-newsrelease .setting-area .share-field-wrap .btn.add::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.cms .cms-newsrelease .setting-area .select-label {
  position: relative;
}
body.cms .cms-newsrelease .setting-area .select-label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  border-top: 6px solid #000;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
body.cms .cms-newsrelease .setting-area .select-label select {
  width: 100%;
  border: 1px solid #777;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 6px;
  padding-right: 20px;
}

.newsrelease-comment {
  margin-top: 60px;
  margin-bottom: 20px;
}

.news-event-btn-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -10px;
  margin-bottom: 10px;
}

.news-event-btn-area .news-btn,
.news-event-btn-area .event-btn {
  width: 100%;
  max-width: 160px;
  height: 58px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
}

.news-event-btn-area .news-btn a,
.news-event-btn-area .event-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 100%;
  border: 1px solid #ddd;
  color: #555;
}

.news-event-btn-area .news-btn.active a,
.news-event-btn-area .news-btn a:hover,
.news-event-btn-area .event-btn.active a,
.news-event-btn-area .event-btn a:hover {
  background-color: #7155A1;
  border-color: #7155A1;
  color: #fff;
  text-decoration: none;
}

.post-new {
  width: 160px;
  margin-left: auto;
}
.post-new a {
  display: block;
  width: 160px;
  height: 36px;
  padding: 0;
  overflow: hidden;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding-top: 7px;
  background-color: #7155A1;
  border: 1px solid #7155A1;
  border-radius: 4px;
}
.post-new a:hover {
  background: #fff;
  color: #7155A1;
  text-decoration: none;
}

.news-event-setup {
  min-height: 36px;
  font-size: 1.4rem;
  color: #fff;
  margin-left: 10px;
}
.news-event-setup a {
  display: block;
  height: 100%;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  background-color: #808080;
  border: 1px solid #808080;
  border-radius: 4px;
  margin-left: auto;
  width: 160px;
  min-height: 36px;
}
.news-event-setup a:hover {
  background: #fff;
  color: #808080;
  text-decoration: none;
}

.news-event-back {
  min-height: 36px;
  font-size: 1.4rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 10px;
  text-align: right;
}
.news-event-back a {
  display: inline-block;
  padding-top: 8px;
  margin-left: auto;
  min-height: 36px;
}

.newsrelease-article-list-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}

.newsrelease-list {
  position: relative;
}

.newsrelease-list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.newsrelease-list-btn li {
  max-width: 200px;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
.newsrelease-list-btn li a {
  display: block;
  padding: 10px 20px;
  color: #888888;
  border-bottom: 2px solid transparent;
}
.newsrelease-list-btn li a:hover,
.newsrelease-list-btn li a.active {
  text-decoration: none;
}
.newsrelease-list-btn li a i {
  display: inline-block;
  line-height: 0;
  margin-right: 10px;
  vertical-align: bottom;
}
.newsrelease-list-btn li.plans a:hover,
.newsrelease-list-btn li.plans a.active {
  border-bottom: 2px solid #2C7EC1;
  color: #202121;
}
.newsrelease-list-btn li.completed a:hover,
.newsrelease-list-btn li.completed a.active {
  border-bottom: 2px solid #289E92;
  color: #202121;
}
.newsrelease-list-btn li.making a:hover,
.newsrelease-list-btn li.making a.active {
  border-bottom: 2px solid #D4514C;
  color: #202121;
}
.newsrelease-list-btn li.draft a:hover,
.newsrelease-list-btn li.draft a.active {
  border-bottom: 2px solid #F19317;
  color: #202121;
}

.dustbox-list-btn {
  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;
  margin-top: -10px;
  margin-bottom: 10px;
}
.newsrelease-exec-search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.newsrelease-exec-search-area.dustbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 45px;
}
.newsrelease-exec-search-area.dustbox .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  font-size: 2rem;
  margin-right: 25px;
}
.newsrelease-exec-search-area.dustbox .title .icons-delete-gray {
  margin-right: 20px;
  margin-left: 10px;
}
.newsrelease-exec-search-area.dustbox .title .icons-delete-gray::before {
  font-size: 25.2px;
}
.newsrelease-exec-search-area.dustbox .list-number {
  padding-top: 0;
  font-size: 1.2rem;
  color: #666;
  margin-right: 25px;
}
.newsrelease-exec-search-area.dustbox .message {
  font-size: 1.2rem;
  color: #666;
}

.newsrelease-bulk-exec {
  margin-left: 30px;
}
.newsrelease-bulk-exec a {
  display: block;
  width: 80px;
  height: 32px;
  padding-top: 6px;
  border: solid 1px #999;
  text-align: center;
  font-size: 1.3rem;
  color: #333;
}
.newsrelease-bulk-exec a:hover, .newsrelease-bulk-exec a.active {
  background-color: #4CA74F;
  color: #fff;
  text-decoration: none;
  border: solid 1px #4CA74F;
}

.newsrelease-garbage {
  text-align: right;
}
.newsrelease-garbage.admin-user {
  margin-left: 20px;
}
.newsrelease-garbage.general-user {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.newsrelease-garbage a {
  display: inline-block;
  width: 25px;
  height: 30px;
  padding: 0;
  overflow: hidden;
}
.newsrelease-garbage a .icons-delete-gray::before {
  font-size: 25.2px;
}

.newsrelease-export {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.newsrelease-export a {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  overflow: hidden;
}
.newsrelease-export a .icons-export-excel::before {
  font-size: 25.2px;
}

.newsrelease-search input[type=text] {
  width: 100%;
  height: 100%;
  border: solid 1px #969899;
  padding: 3px 26px 3px 6px;
}

.newsrelease-search button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 26px;
  height: 26px;
  padding: 3px 0 0 0;
  background: #fff;
  border: none;
  cursor: pointer;
}

.newsrelease-list-number-sort-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.newsrelease-lists {
  border-top: 1px solid #DBDBDB;
  /*max-height: 600px;
  overflow-y: scroll;*/
}

.newsrelease-exec-search-area .list-number {
  padding-top: 4px;
  font-size: 1.3rem;
}

.newsrelease-display-count {
  width: 80px;
  height: 32px;
}
.newsrelease-display-count label {
  display: block;
  height: 100%;
  position: relative;
}
.newsrelease-display-count label:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  border-top: 6px solid #000;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.newsrelease-display-count select {
  width: 100%;
  height: 100%;
  border: 1px solid #969899;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 6px;
  padding-right: 20px;
}

.newsrelease-sort-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsrelease-sort-area li {
  margin-right: 10px;
  margin-bottom: 10px;
  height: 32px;
}

.newsrelease-sort-area li:last-child {
  margin-right: 0;
}

.newsrelease-sort-area li label {
  display: block;
  height: 100%;
  position: relative;
}
.newsrelease-sort-area li:not(.bulk-check) label:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  border-top: 6px solid #000;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.newsrelease-sort-area li select {
  width: 100%;
  height: 100%;
  border: 1px solid #969899;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 6px;
  padding-right: 20px;
}

.newsrelease-sort-area li input[type=text] {
  width: 100%;
  height: 100%;
  border: solid 1px #969899;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 3px 26px 3px 6px;
  background: #fff;
}

.newsrelease-sort-area li.newsrelease-key-word {
  position: relative;
}

.newsrelease-sort-area li.newsrelease-key-word button {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 26px;
  height: 26px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.newsrelease-sort-area li.newsrelease-key-word button .icons-search-gray::before {
  font-size: 16px;
  vertical-align: middle;
}

.newsrelease-paging {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  padding-left: 5px;
  padding-right: 15px;
  padding-top: 6px;
  font-size: 1.4rem;
}

li.newsrelease-list {
  display: table;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  padding: 10px 10px 10px 0;
}

li.newsrelease-list:hover,
li.newsrelease-list.active {
  background-color: #F5F5F5;
}

li.newsrelease-list .newsrelease-thumb-wrap {
  display: table-cell;
  width: 72px;
  vertical-align: top;
}

li.newsrelease-list .newsrelease-thumb {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 72px;
  height: 56px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1rem;
  border: 1px solid #ddd;
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

li.newsrelease-list .newsrelease-thumb:empty {
  background-color: #fff;
}

.newsrelease-overview {
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 210px);
  overflow-x: hidden;
}

.newsrelease-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 1.2rem;
}

.newsrelease-status-title {
  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;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 80px;
  height: 22px;
  margin-right: 8px;
  background-color: #666;
  color: #fff;
  text-align: center;
}
.newsrelease-status-title[data-status-title=作成中], .newsrelease-status-title[data-status-title=下書き] {
  background-color: #f19317;
}
.newsrelease-status-title[data-status-title=公開中], .newsrelease-status-title[data-status-title=公開中編集], .newsrelease-status-title[data-status-title=公開申請中], .newsrelease-status-title[data-status-title=公開処理中], .newsrelease-status-title[data-status-title=公開待ち] {
  background-color: #7155a0;
}
.newsrelease-status-title[data-status-title=終了申請中], .newsrelease-status-title[data-status-title=終了処理中], .newsrelease-status-title[data-status-title=終了待ち], .newsrelease-status-title[data-status-title=終了] {
  background-color: #999;
}

.newsrelease-status-restrict-name {
  margin-left: 18px;
  margin-right: 18px;
}

.newsrelease-status-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
  color: #666;
}
.newsrelease-status-text .categoryClass::before {
  content: " ＞ ";
}
.newsrelease-status-text .category::before {
  content: " ＞ ";
}

.newsrelease-status-tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 22px;
  color: #666;
}
.newsrelease-status-tag::before {
  position: absolute;
  left: 0;
  top: 4px;
}

.newsrelease-status-tag li {
  margin-right: 10px;
}

.newsrelease-status-release-schedule {
  margin-left: auto;
  margin-top: 1px;
}

.newsrelease-status-release-schedule-icon {
  background-color: #7155a0;
  color: #fff;
  padding: 3px 8px 1px 9px;
  display: inline-block;
  line-height: 1.4;
}

.newsrelease-status-close-schedule {
  margin-left: 10px;
  margin-top: 1px;
}

.newsrelease-status-close-schedule:empty {
  display: none;
}

.newsrelease-status-close-schedule-icon {
  background-color: #999999;
  color: #fff;
  padding: 3px 8px 1px 9px;
  display: inline-block;
  line-height: 1.4;
}

.newsrelease-title {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.newsrelease-title a {
  color: #222;
}

.newsrelease-detail {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.5;
}

.newsrelease-other {
  display: table-cell;
  width: 150px;
  vertical-align: middle;
  text-align: right;
}

.newsrelease-list .config.newsrelease-config {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.newsrelease-list .config.newsrelease-config a {
  display: inline-block;
  margin: 0 8px;
  line-height: 0;
}

.newsrelease-list:hover .config.newsrelease-config {
  opacity: 1;
}

.main-area.bulk .newsrelease-list .config.newsrelease-config {
  opacity: 1;
}
.main-area.bulk .newsrelease-list .config.newsrelease-config > a {
  display: none;
}
.main-area.bulk .newsrelease-list .config.newsrelease-config input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
}

/* フォームFORM */
.print-hide {
  display: none !important;
}

body.cms .cms-form.content-wrap {
  min-height: 100%;
}
body.cms .cms-form .page-title .form-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 49px;
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  float: right;
}
body.cms .cms-form .list-area {
  width: calc(100% - 220px);
  padding: 40px 50px;
}
body.cms .cms-form .list-area .form-area > .inner {
  max-width: 1460px;
}
@media all and (max-width: 1340px) {
  body.cms .cms-form .list-area .form-area > .inner {
    padding: 0;
  }
}
body.cms .cms-form .list-area .form-area .form-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
body.cms .cms-form .list-area .form-area .form-head .form-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-head .form-change li {
  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;
  width: 140px;
  height: 40px;
  margin-right: 8px;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 4px;
}
body.cms .cms-form .list-area .form-area .form-head .form-change li.active {
  background-color: #E7E6E5;
}
body.cms .cms-form .list-area .form-area .form-head .form-search {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin-right: 8px;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-head .form-search input[type=text] {
  width: 100%;
  height: 40px;
  padding: 11px 40px 11px 11px;
  border: 1px solid #E2E1E0;
  border-radius: 3px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .list-area .form-area .form-head .form-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 0;
  color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
}
body.cms .cms-form .list-area .form-area .add-form {
  display: table;
  margin: 0 0 25px auto;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .list-area .form-area .add-form:hover {
  text-decoration: underline;
}
body.cms .cms-form .list-area .form-area .form-change li {
  cursor: pointer;
}
body.cms .cms-form .list-area .form-area .form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms .cms-form .list-area .form-area .form-list.card > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  border-top: 6px solid #ccc;
  background: #fff;
}
body.cms .cms-form .list-area .form-area .form-list.card > li.not-auth {
  border-top-color: #ddd;
  color: #B3B3B3;
}
@media screen and (min-width: 1541px) {
  body.cms .cms-form .list-area .form-area .form-list.card > li {
    width: calc((100% - 20px) / 3);
  }
  body.cms .cms-form .list-area .form-area .form-list.card > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1540px) {
  body.cms .cms-form .list-area .form-area .form-list.card > li {
    width: calc((100% - 10px) / 2);
  }
  body.cms .cms-form .list-area .form-area .form-list.card > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1180px) {
  body.cms .cms-form .list-area .form-area .form-list.card > li {
    width: 100%;
    margin-right: 0;
  }
}
body.cms .cms-form .list-area .form-area .form-list.card > li .icons-circle-black-arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .icons-circle-black-3dots {
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}
body.cms .cms-form .list-area .form-area .form-list.card > li:hover .icons-circle-black-arrow, body.cms .cms-form .list-area .form-area .form-list.card > li.active .icons-circle-black-arrow {
  opacity: 1;
}
body.cms .cms-form .list-area .form-area .form-list.card > li:hover .icons-circle-black-arrow a, body.cms .cms-form .list-area .form-area .form-list.card > li.active .icons-circle-black-arrow a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
body.cms .cms-form .list-area .form-area .form-list.card > li:hover .icons-circle-black-3dots, body.cms .cms-form .list-area .form-area .form-list.card > li.active .icons-circle-black-3dots {
  opacity: 1;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu {
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 68px;
  line-height: 0;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu:hover {
  background-color: #F6F6F6;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -50px;
  z-index: 1;
  width: 130px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
  line-height: 1.6;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap > ul > li {
  margin: 2px 0;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap > ul > li:hover {
  background: #D9D9D9;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .option-menu-list-wrap > ul > li a {
  display: block;
  margin: -3px -10px;
  padding: 3px 10px;
  color: #333;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail {
  display: none;
  position: absolute;
  width: 412px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  right: -482px;
  top: calc(100% + 10px);
  z-index: 1;
  -webkit-box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
  box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li {
  width: 20%;
  height: 62px;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(1) {
  background-color: #0FB294;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(2) {
  background-color: #3BB469;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(3) {
  background-color: #2F8DCD;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(4) {
  background-color: #8D559F;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(5) {
  background-color: #30475D;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(6) {
  background-color: #249A7F;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(7) {
  background-color: #26A65A;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(8) {
  background-color: #2478B0;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(9) {
  background-color: #804296;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(10) {
  background-color: #2A3D4F;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(11) {
  background-color: #E8BF0C;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(12) {
  background-color: #DE7B10;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(13) {
  background-color: #DC4A35;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(14) {
  background-color: #EBEEEF;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(15) {
  background-color: #92A2A3;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(16) {
  background-color: #EB9903;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(17) {
  background-color: #CA5419;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(18) {
  background-color: #B83625;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(19) {
  background-color: #BBC2C6;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .paint-form-color li:nth-child(20) {
  background-color: #7C8A8B;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .formcolor-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .formcolor-bt button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu .paint-form-detail .formcolor-bt button:hover {
  background: #fff;
  color: #4CA74F;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .option-menu.paint-form-active .paint-form-detail {
  display: block;
}
body.cms .cms-form .list-area .form-area .form-list.card > li.option-menu-active .option-menu .option-menu-list-wrap {
  display: block;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .form-name {
  padding-right: 96px;
  margin-bottom: 28px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.4;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .detail .date {
  width: 50%;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .detail .site {
  width: 50%;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .add-formname input[type=text] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .site-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .site-add li {
  margin: 0 5px;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .site-add li button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #666;
  border-radius: 3px;
  background: #666;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .cms-form .list-area .form-area .form-list.card > li .site-add li button:hover {
  background: #fff;
  color: #666;
}
body.cms .cms-form .list-area .form-area .form-list.list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 4px;
  padding: 26px 18px 26px 18px;
  background-color: #fff;
  border-color: #ccc;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
body.cms .cms-form .list-area .form-area .form-list.list > li.not-auth {
  border-top-color: #ccc;
  color: #B3B3B3;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .color-box {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 0;
  height: 0;
  border: 14px solid;
  border-color: inherit;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .icons-circle-black-arrow {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .icons-circle-black-3dots {
  display: inline-block;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  line-height: 0;
}
body.cms .cms-form .list-area .form-area .form-list.list > li:hover, body.cms .cms-form .list-area .form-area .form-list.list > li.active {
  background-color: #F5F5F5;
}
body.cms .cms-form .list-area .form-area .form-list.list > li:hover .icons-circle-black-arrow, body.cms .cms-form .list-area .form-area .form-list.list > li.active .icons-circle-black-arrow {
  opacity: 1;
}
body.cms .cms-form .list-area .form-area .form-list.list > li:hover .icons-circle-black-arrow a, body.cms .cms-form .list-area .form-area .form-list.list > li.active .icons-circle-black-arrow a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
body.cms .cms-form .list-area .form-area .form-list.list > li:hover .icons-circle-black-3dots, body.cms .cms-form .list-area .form-area .form-list.list > li.active .icons-circle-black-3dots {
  opacity: 1;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  position: relative;
  margin-right: 10px;
  line-height: 0;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu:hover {
  background-color: #F6F6F6;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -51px;
  z-index: 1;
  width: 130px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
  line-height: 1.6;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap > ul > li {
  margin: 2px 0;
  padding: 3px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap > ul > li:hover {
  background: #D9D9D9;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .option-menu-list-wrap > ul > li a {
  display: block;
  margin: -3px -10px;
  padding: 3px 10px;
  color: #333;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail {
  display: none;
  position: absolute;
  width: 412px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  right: -482px;
  top: calc(100% + 10px);
  z-index: 1;
  -webkit-box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
  box-shadow: 10px 10px rgba(35, 24, 21, 0.15);
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li {
  width: 20%;
  height: 62px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(1) {
  background-color: #0FB294;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(2) {
  background-color: #3BB469;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(3) {
  background-color: #2F8DCD;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(4) {
  background-color: #8D559F;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(5) {
  background-color: #30475D;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(6) {
  background-color: #249A7F;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(7) {
  background-color: #26A65A;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(8) {
  background-color: #2478B0;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(9) {
  background-color: #804296;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(10) {
  background-color: #2A3D4F;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(11) {
  background-color: #E8BF0C;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(12) {
  background-color: #DE7B10;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(13) {
  background-color: #DC4A35;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(14) {
  background-color: #EBEEEF;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(15) {
  background-color: #92A2A3;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(16) {
  background-color: #EB9903;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(17) {
  background-color: #CA5419;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(18) {
  background-color: #B83625;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(19) {
  background-color: #BBC2C6;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .paint-form-color li:nth-child(20) {
  background-color: #7C8A8B;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .formcolor-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .formcolor-bt button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #4CA74F;
  border-radius: 3px;
  background: #4CA74F;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu .paint-form-detail .formcolor-bt button:hover {
  background: #fff;
  color: #4CA74F;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .option-menu.paint-form-active .paint-form-detail {
  display: block;
}
body.cms .cms-form .list-area .form-area .form-list.list > li.option-menu-active .option-menu .option-menu-list-wrap {
  display: block;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .form-name {
  width: 340px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: 10px;
  padding-top: 2px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 980px;
  padding-top: 5px;
  padding-left: 8%;
  color: #888;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .date .space {
  display: none;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .date div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 35px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .site br {
  display: none;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .detail .site div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 35px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .add-formname {
  width: 356px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .add-formname input[type=text] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .site-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 4px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .site-add li {
  margin: 0 2px;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .site-add li button {
  width: 80px;
  padding: 8px 4px 7px 4px;
  border: 1px solid #666;
  border-radius: 3px;
  background: #666;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
body.cms .cms-form .list-area .form-area .form-list.list > li .site-add li button:hover {
  background: #fff;
  color: #666;
}
body.cms .cms-form .list-area .form-area .form-list.list > li.add .color-box {
  display: none;
}
body.cms .cms-form .list-area .form-area .form-list.list .dataTable#listtable th:nth-child(1) {
  max-width: 509px;
}
body.cms .cms-form .list-area .form-area .form-list.list .dataTable#listtable th:nth-child(5),
body.cms .cms-form .list-area .form-area .form-list.list .dataTable#listtable th:nth-child(6) {
  min-width: 112px;
}
body.cms .cms-form .list-area .form-area .form-list.signature > li:not(.add) {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.cms .cms-form .list-area .form-area .form-list.signature > li:not(.add) .option-menu {
  margin-right: 0;
}
body.cms .cms-form .list-area .form-area .form-list.signature > li:not(.add) .option-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}
body.cms .cms-form .list-area .form-area .form-list.signature > li:not(.add) .option-menu ul > li {
  margin: 0 15px;
}
body.cms .cms-form .list-area .form-area .form-list.signature > li:not(.add) .option-menu ul > li a {
  display: block;
  width: 20px;
  height: 20px;
}
body.cms .cms-form .list-area .signature-edit .back {
  display: table;
  margin: 0 0 25px auto;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .list-area .signature-edit .back a {
  color: #333;
}
body.cms .cms-form .list-area .signature-edit .bottom-btn {
  margin-top: 40px;
  text-align: center;
}
body.cms .cms-form .list-area .signature-edit .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form .list-area .signature-edit .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form .list-area .signature-edit .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form .list-area .current-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
  padding: 30px 30px 20px 30px;
  background-color: #F6F6F6;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .list-area .current-plan span {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
body.cms .cms-form .list-area .current-plan .plan span {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
}
body.cms .cms-form .list-area .current-plan .bill a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-form .list-area .current-plan .bill a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form .list-area .form-plan {
  margin-bottom: 35px;
}
body.cms .cms-form .list-area .form-plan .head {
  font-weight: 700;
}
body.cms .cms-form .list-area .form-plan .sub-text {
  margin-bottom: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .list-area .form-plan table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form .list-area .form-plan table th {
  padding: 10px 0;
  font-weight: 400;
  text-align: center;
  background-color: #F6F6F6;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
body.cms .cms-form .list-area .form-plan table td {
  padding: 10px 0;
  border-bottom: 1px solid #333;
}
body.cms .cms-form .list-area .form-plan table td.number {
  text-align: center;
}
body.cms .cms-form .list-area .form-plan table td.month {
  text-align: center;
}
body.cms .cms-form .list-area .form-plan table td.month_estimate {
  text-align: center;
}
body.cms .cms-form .list-area .form-plan table td.year {
  text-align: center;
}
body.cms .cms-form .list-area .form-plan table td.year_estimate {
  text-align: center;
}
body.cms .cms-form .list-area .form-plan table td a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ddd;
  color: #333;
  width: 80%;
  margin: 0 auto;
  padding: 5px 3px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-plan table td a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form .list-area .form-plan table td a.current {
  background-color: #fa0;
}
body.cms .cms-form .list-area .form-contract .head {
  position: relative;
  display: inline-block;
  padding-right: 25px;
  font-weight: 700;
  cursor: pointer;
}
body.cms .cms-form .list-area .form-contract .head::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  display: inline-block;
  background-color: #222;
  width: 11px;
  height: 1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
body.cms .cms-form .list-area .form-contract .head::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  display: inline-block;
  background-color: #222;
  width: 11px;
  height: 1px;
}
body.cms .cms-form .list-area .form-contract .head.active::before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
body.cms .cms-form .list-area .form-pagetop a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 9;
  width: 40px;
  height: 40px;
  background-color: #333;
  border-radius: 50%;
}
@media screen and (max-width: 919px) {
  body.cms .cms-form .list-area .form-pagetop a {
    right: 10px;
    bottom: 70px;
  }
}
body.cms .cms-form .list-area .form-pagetop a:hover {
  background-color: #4CA74F;
}
body.cms .cms-form .list-area .form-pagetop a::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-form .list-area .form-pagetop a::after {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.cms .cms-form .plan-popup {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form .plan-popup > .inner {
  max-width: 600px;
  padding: 40px;
  background-color: #fff;
}
body.cms .cms-form .plan-popup .head {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form .plan-popup .body table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
}
body.cms .cms-form .plan-popup .body table td {
  padding: 3px 10px 3px 0;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form .plan-popup .body table td input[type=text] {
  width: 100%;
  border: 1px solid #ccc;
  padding: 3px;
}
body.cms .cms-form .plan-popup .body .bottom-btn {
  margin-top: 60px;
  text-align: center;
}
body.cms .cms-form .plan-popup .body .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form .plan-popup .body .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #666;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form .plan-popup .body .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form .background-layer {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
body.cms .cms-form-detail {
  /*.menu-area{
    .title{
      min-height: 80px;
      margin-top: 30px;
      font-size: 12px;
      font-size: 1.2rem;
      strong{
        display: inline-block;
        margin-top: 9px;
        font-size: 16px;
        font-size: 1.6rem;
        word-break: break-all;
      }
    }
  }*/
}
body.cms .cms-form-detail .list-area.print-show {
  display: block;
  width: 100%;
  padding: 0;
}
body.cms .cms-form-detail .list-area > .inner {
  max-width: 1460px;
  margin: 0 auto;
}
body.cms .cms-form-detail .list-area .page-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-detail .list-area .page-title-area .head-top {
  margin-left: auto;
  margin-bottom: 16px;
}
body.cms .cms-form-detail .list-area .page-title-area .head-top > div {
  margin-left: 6px;
  margin-bottom: 0px;
}
body.cms .cms-form-detail .list-area .page-title {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}
body.cms .cms-form-detail .list-area .head-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .list-area .head-top .tempate-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-detail .list-area .head-top .tempate-btn a {
  display: inline-block;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 15px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-detail .list-area .head-top .tempate-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form-detail .list-area .head-top > div {
  margin-bottom: 10px;
  margin-left: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .head-top > div a {
  color: #333;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-top .download-btn {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .head-top .download-btn a {
  color: #333;
}
body.cms .cms-form-detail .list-area .head-top .display-setting {
  margin-bottom: 10px;
  margin-left: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .head-top .display-setting a {
  color: #333;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-top .back-btn {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .head-top .back-btn a {
  color: #333;
}
body.cms .cms-form-detail .list-area .head-top .print-btn {
  margin-left: 25px;
  margin-bottom: 10px;
  font-size: 0;
}
body.cms .cms-form-detail .list-area .head-subtitle {
  font-weight: bold;
  font-size: 20px;
  margin-top: 51px;
  margin-bottom: 15px;
}
body.cms .cms-form-detail .list-area .head-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .list-area .head-text-wrap .text {
  padding-right: 20px;
  font-size: 13px;
}
body.cms .cms-form-detail .list-area a.head-button {
  color: #212121;
  cursor: pointer;
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff;
}
body.cms .cms-form-detail .list-area a.head-button:hover {
  border-color: #516481;
  background-color: #516481;
  color: #FFFFFF;
  text-decoration: none;
}
body.cms .cms-form-detail .list-area .tabLink {
  margin-bottom: 20px;
}
body.cms .cms-form-detail .list-area .tabLink ul {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
body.cms .cms-form-detail .list-area .tabLink ul li {
  display: table-cell;
  border: 1px solid #516481;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-detail .list-area .tabLink ul li a {
  display: block;
  padding: 17px 12px;
  color: #333;
  background-color: #fff;
}
body.cms .cms-form-detail .list-area .tabLink ul li a:hover {
  background-color: #516481;
  color: #fff;
  text-decoration: none;
}
body.cms .cms-form-detail .list-area .tabLink ul li.active a {
  background-color: #516481;
  color: #fff;
}
body.cms .cms-form-detail .list-area .head-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .list-area .head-middle .text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap > div {
  display: inline-block;
  margin-left: 20px;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap > div a {
  color: #444;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap > div a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap .all-open-close span {
  position: relative;
  display: inline-block;
  background-color: #666;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  border-radius: 2px;
  margin-left: 8px;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap .all-open-close span::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  width: 13px;
  height: 1px;
  background-color: #fff;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap .all-open-close span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  width: 13px;
  height: 1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-form-detail .list-area .head-middle .button-wrap .all-open-close.close span::after {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .head-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
body.cms .cms-form-detail .list-area .head-bottom .search {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 10px;
}
body.cms .cms-form-detail .list-area .head-bottom .search > .inner {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.cms .cms-form-detail .list-area .head-bottom .search input[type=text] {
  width: 100%;
  height: 40px;
  padding: 11px 40px 11px 11px;
  border: 1px solid #0D0D0D;
  border-radius: 3px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-detail .list-area .head-bottom .search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 0;
  color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
}
body.cms .cms-form-detail .list-area .head-bottom .paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 30px;
  margin-right: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .prev {
  position: relative;
  width: 18px;
  height: 18px;
  background-color: #F6F6F6;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-right: 5px solid #222;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .number {
  margin: 0 8px;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .next {
  position: relative;
  width: 18px;
  height: 18px;
  background-color: #F6F6F6;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid #222;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .prev.non,
body.cms .cms-form-detail .list-area .head-bottom .paging .next.non {
  pointer-events: none;
  background-color: transparent;
}
body.cms .cms-form-detail .list-area .head-bottom .paging .prev.non::before,
body.cms .cms-form-detail .list-area .head-bottom .paging .next.non::before {
  border-left-color: #8d8d8d;
  border-right-color: #8d8d8d;
}
body.cms .cms-form-detail .list-area .head-bottom .number {
  margin-bottom: 10px;
}
body.cms .cms-form-detail .list-area .head-bottom .number label {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  vertical-align: middle;
  background-color: #fff;
}
body.cms .cms-form-detail .list-area .head-bottom .number label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}
body.cms .cms-form-detail .list-area .head-bottom .number label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}
body.cms .cms-form-detail .list-area .head-bottom .number select {
  display: block;
  height: 38px;
  padding: 4px 36px 4px 14px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-bottom .number select::-ms-expand {
  display: none;
}
body.cms .cms-form-detail .list-area .head-bottom .sort {
  margin-bottom: 10px;
}
body.cms .cms-form-detail .list-area .head-bottom .sort label {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  vertical-align: middle;
  background-color: #fff;
}
body.cms .cms-form-detail .list-area .head-bottom .sort label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}
body.cms .cms-form-detail .list-area .head-bottom .sort label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}
body.cms .cms-form-detail .list-area .head-bottom .sort select {
  display: block;
  height: 38px;
  padding: 4px 36px 4px 14px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-bottom .sort select::-ms-expand {
  display: none;
}
body.cms .cms-form-detail .list-area .head-bottom .text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 10px;
}
body.cms .cms-form-detail .list-area .head-bottom .select label.select {
  position: relative;
  display: inline-block;
  min-width: 80px;
  height: 36px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms .cms-form-detail .list-area .head-bottom .select label.select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .cms-form-detail .list-area .head-bottom .select label.select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .cms-form-detail .list-area .head-bottom .select label.select select {
  display: block;
  width: calc(100% + 22px);
  height: 34px;
  padding: 5px 24px 5px 10px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .head-bottom .select label.select select::-ms-expand {
  display: none;
}
body.cms .cms-form-detail .list-area .report-list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .list-area .report-list table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
body.cms .cms-form-detail .list-area .report-list .list-head {
  border-top: 1px solid #0D0D0D;
  background-color: #F6F6F6;
}
body.cms .cms-form-detail .list-area .report-list .list-head.is-borderBottomGray {
  border-bottom: 1px solid #0D0D0D;
}
body.cms .cms-form-detail .list-area .report-list .list-head > td {
  padding: 9px 0px 7px 30px;
  border-bottom: 0px;
  font-size: 13px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .delete {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  vertical-align: middle;
  text-align: center;
}
body.cms .cms-form-detail .list-area .report-list .list-head .delete .icons-delete-gray {
  display: inline-block;
  cursor: pointer;
  line-height: 0;
  vertical-align: middle;
}
body.cms .cms-form-detail .list-area .report-list .list-head .delivery-date {
  width: 170px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .pin {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 30px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .hidden {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 30px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .number {
  min-width: 180px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .date {
  min-width: 180px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .attachment {
  min-width: 180px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .value {
  min-width: 286px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: initial;
}
body.cms .cms-form-detail .list-area .report-list .list-head .list-head-select-all,
body.cms .cms-form-detail .list-area .report-list .list-head .list-head-cancel-all {
  padding: 1px 2px 0;
  border: 1px solid transparent;
  border-radius: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  color: #516481;
  line-height: 1.3;
  width: 33px;
  text-align: center;
  font-size: 11px;
}
body.cms .cms-form-detail .list-area .report-list .list-head .list-head-select-all:hover,
body.cms .cms-form-detail .list-area .report-list .list-head .list-head-cancel-all:hover {
  background-color: #516481;
  color: #fff;
}
body.cms .cms-form-detail .list-area .report-list .list {
  border-bottom: 1px solid #D4D4D4;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
body.cms .cms-form-detail .list-area .report-list .list:hover {
  background-color: #F6F6F6;
}
body.cms .cms-form-detail .list-area .report-list .list:hover .pin i {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .report-list .list:hover .hidden i {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .report-list .list.list-pin .pin i {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .report-list .list.list-hidden {
  background-color: #E6E6E5;
  color: #666;
}
body.cms .cms-form-detail .list-area .report-list .list.list-hidden a {
  color: #666;
}
body.cms .cms-form-detail .list-area .report-list .list.list-hidden .hidden i {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .report-list .list > td {
  padding: 9px 0px 7px 30px;
  vertical-align: top;
  border-color: #BFBFBF;
  font-size: 13px;
}
body.cms .cms-form-detail .list-area .report-list .list .delete {
  min-width: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox span {
  display: inline-block;
  width: calc(100% - 28px);
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -3px 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .cms-form-detail .list-area .report-list .list .delete label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-detail .list-area .report-list .list .subject a {
  color: #5360aa;
  cursor: pointer;
}
body.cms .cms-form-detail .list-area .report-list .list .pin {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
body.cms .cms-form-detail .list-area .report-list .list .hidden {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
body.cms .cms-form-detail .list-area .report-list .list .value {
  word-wrap: break-word;
  word-break: break-all;
  white-space: initial;
}
body.cms .cms-form-detail .list-area .bottom-paging {
  margin-top: 80px;
}
body.cms .cms-form-detail .list-area .bottom-paging ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.cms .cms-form-detail .list-area .bottom-paging ul li {
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-detail .list-area .bottom-paging ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #555;
}
body.cms .cms-form-detail .list-area .bottom-paging ul li span.current {
  background-color: #666;
  color: #fff;
}
body.cms .cms-form-detail .list-area .bottom-paging ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #555;
}
body.cms .cms-form-detail .list-area .bottom-paging ul li a:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}
body.cms .cms-form-detail .list-area .report-detail .head {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
body.cms .cms-form-detail .list-area .report-detail table {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  border-collapse: collapse;
  border-spacing: 0;
}
body.cms .cms-form-detail .list-area .report-detail table th {
  width: 125px;
  font-weight: 400;
  font-size: 13px;
  vertical-align: top;
  text-align: left;
  padding: 4px 15px 4px 0;
}
body.cms .cms-form-detail .list-area .report-detail table td {
  vertical-align: top;
  padding: 4px 0;
  font-size: 13px;
}
body.cms .cms-form-detail .list-area .report-detail .report-detail-dl {
  padding: 14px 0;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-detail .list-area .report-detail .report-detail-dl dt {
  font-weight: bold;
}
body.cms .cms-form-detail .list-area .report-detail .report-detail-dl dd {
  margin-top: 8px;
}
body.cms .cms-form-detail .display-setting-popup {
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-detail .display-setting-popup .display-setting-popup-scroll {
  max-width: 600px;
  max-height: 100%;
  overflow-y: auto;
  z-index: 3;
}
body.cms .cms-form-detail .display-setting-popup .display-setting-popup-inner {
  padding: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}
body.cms .cms-form-detail .display-setting-popup .head {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-detail .display-setting-popup .body ul {
  margin-top: 20px;
}
body.cms .cms-form-detail .display-setting-popup .body ul li {
  margin: 4px 0;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox {
  position: relative;
  display: inline-block;
  padding-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox span {
  display: inline-block;
  max-width: 480px;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-top: 4px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -3px 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .cms-form-detail .display-setting-popup .body label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-detail .display-setting-popup .body .bottom-btn {
  margin-top: 60px;
  text-align: center;
}
body.cms .cms-form-detail .display-setting-popup .body .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form-detail .display-setting-popup .body .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #666;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form-detail .display-setting-popup .body .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form-detail .mass-email-popup {
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-detail .mass-email-popup > .inner {
  max-width: 1260px;
  max-height: 90vh;
  overflow-y: scroll;
  padding: 40px 90px 0 90px;
  background-color: #f6f6f6;
}
body.cms .cms-form-detail .mass-email-popup .head {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar {
  display: inline-block;
  margin-bottom: 10px;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar .comment {
  margin-bottom: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar .term-input {
  display: inline-block;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar .term-input .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar .term-input a {
  cursor: pointer;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar input[type=text] {
  width: 100px;
  margin: 0 8px 0 0;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .mass-email-popup .body .calendar input[type=number] {
  width: 70px;
  margin: 0 8px;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .mass-email-popup .body .bottom-btn {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
body.cms .cms-form-detail .mass-email-popup .body .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form-detail .mass-email-popup .body .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #666;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form-detail .mass-email-popup .body .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form-detail .mass-email-popup .body label.text {
  display: block;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .mass-email-popup .body label.text input[type=text] {
  width: 100%;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-detail .mass-email-popup .body label.textarea {
  display: block;
  margin-bottom: 10px;
}
body.cms .cms-form-detail .mass-email-popup .body label.textarea textarea {
  min-height: 80px;
  border: 1px solid #ccc;
  padding: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  resize: vertical;
}
body.cms .cms-form-detail .mass-email-popup .body label.textarea.h100 textarea {
  height: 100px;
}
body.cms .cms-form-detail .mass-email-popup .body label.textarea.h160 textarea {
  height: 160px;
}
body.cms .cms-form-detail .mass-email-popup .body .mb20 {
  margin-bottom: 20px;
}
body.cms .cms-form-detail .movie-edit-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
body.cms .cms-form-detail .movie-edit-popup {
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-detail .movie-edit-popup > .inner {
  max-width: 1260px;
  padding: 40px 90px;
  background-color: #f6f6f6;
}
body.cms .cms-form-detail .movie-edit-popup .head {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 20px;
}
body.cms .cms-form-detail .movie-edit-popup .body .bottom-btn {
  margin-top: 60px;
  text-align: center;
}
body.cms .cms-form-detail .movie-edit-popup .body .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form-detail .movie-edit-popup .body .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #666;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form-detail .movie-edit-popup .body .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
body.cms .cms-form-detail .movie-edit-popup .body label.textarea {
  display: block;
  margin-top: 10px;
}
body.cms .cms-form-detail .movie-edit-popup .body label.textarea textarea {
  min-height: 90px;
  border: 1px solid #ccc;
  padding: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  resize: vertical;
}
body.cms .cms-form-detail .movie-edit-popup .body .mb20 {
  margin-bottom: 20px;
}
body.cms .cms-form-detail .term-display-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
body.cms .cms-form-detail .term-display-popup {
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-detail .term-display-popup > .inner {
  max-width: 1260px;
  max-height: 90vh;
  overflow-y: scroll;
  padding: 40px 90px 0 90px;
  background-color: #f6f6f6;
}
body.cms .cms-form-detail .term-display-popup .head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #666;
}
body.cms .cms-form-detail .term-display-popup .head-wrap .head {
  font-size: 24px;
  font-size: 2.4rem;
}
body.cms .cms-form-detail .term-display-popup .head-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-detail .term-display-popup .head-wrap .btn-wrap a {
  display: block;
  margin-left: 8px;
  padding: 9px 12px;
  color: #fff;
  background: #4ca74f;
  border-radius: 3px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-detail .term-display-popup .head-wrap .btn-wrap a:hover {
  opacity: 0.7;
  text-decoration: none;
}
body.cms .cms-form-detail .term-display-popup .item-name {
  margin-bottom: 40px;
  font-size: 24px;
  font-size: 2.4rem;
}
body.cms .cms-form-detail .term-display-popup .body {
  margin-bottom: 20px;
  border: 1px solid #666;
}
body.cms .cms-form-detail .term-display-popup .body:last-child {
  margin-bottom: 40px;
}
body.cms .cms-form-detail .term-display-popup .body-title {
  padding: 6px 20px;
  background-color: #666;
  color: #fff;
}
body.cms .cms-form-detail .term-display-popup .body-content {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  background-color: #fff;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  background-color: #f0f2f3;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .value-1 {
  width: 36.2%;
  padding: 10px 0;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .equal {
  width: 17.3%;
  padding: 10px 0 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .value-2 {
  width: 23.5%;
  padding: 10px 0 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .value-2 p {
  margin-bottom: 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .value-2 p:last-child {
  margin-bottom: 0;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .or {
  width: 13.3%;
  padding: 10px 0 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 9.7%;
  min-width: 100px;
  padding: 0 0 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  border: 1px solid #ddd;
  cursor: pointer;
  background-color: #fff;
}
body.cms .cms-form-detail .term-display-popup .body-content .default-box .button a::before {
  content: "";
  display: block;
}
body.cms .cms-form-detail .term-display-popup .body-content .junction {
  width: 120px;
  margin: 10px 70px;
  padding: 8px;
  background-color: #666;
  color: #fff;
  text-align: center;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select > .inner {
  background-color: #666;
  color: #fff;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select > .inner.is-noPadding {
  padding-left: 0;
  padding-right: 0;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #333;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .head .item-1 {
  width: 60%;
  padding: 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .head .item-2 {
  width: 40%;
  padding: 10px 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #333;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question {
  position: relative;
  padding: 2px 0;
  width: 60%;
  border-right: 1px solid #333;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question::before {
  content: "";
  position: absolute;
  top: 0;
  left: 49px;
  display: block;
  height: 100%;
  width: 1px;
  background-color: #333;
  z-index: 100;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item.is-noEntry {
  padding: 20px 60px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item .number {
  width: 50px;
  padding: 8px 0 8px 10px;
  border-right: 1px solid #333;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item .text {
  width: calc(100% - 50px);
  padding: 5px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item .text .inner {
  padding: 3px 5px;
  border-radius: 3px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item .text .inner::before {
  display: inline-block;
  content: "";
  height: 14px;
  width: 22px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item.selected .text .inner {
  background-color: #4ca74f;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .question .item.selected .text .inner::before {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: -3px;
  content: "▲";
  -webkit-transform: rotate(90deg) translateX(-3px);
  -ms-transform: rotate(90deg) translateX(-3px);
  transform: rotate(90deg) translateX(-3px);
  height: 25px;
  width: 14px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .answer {
  width: 40%;
  padding: 2px 0;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .answer .item {
  padding: 5px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .answer .item .inner {
  padding: 3px 5px;
  border-radius: 3px;
}
body.cms .cms-form-detail .term-display-popup .body-content .question-select .select-area .answer .item.selected .inner {
  background-color: #4ca74f;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation {
  margin-bottom: 25px;
  background-color: #666;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation.is-loading {
  background-image: url(../img/spinning-circles.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45px auto;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation .title {
  width: 180px;
  padding-top: 4px;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation .button {
  width: calc(100% - 180px);
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio {
  position: relative;
  display: block;
  padding-top: 0;
  cursor: pointer;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio span {
  display: inline-block;
  width: calc(100% - 21px);
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio] {
  display: inline-block;
  width: 13px;
  height: 13px;
  opacity: 0;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  border-radius: 50%;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio] + span::before,
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio] + span::after {
  content: "";
  position: absolute;
  display: inline-block;
  pointer-events: none;
  border-radius: 50%;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio] + span::before {
  top: 4px;
  left: 0;
  z-index: 0;
  background-color: #666;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio] + span::after {
  top: 7px;
  left: 3px;
  z-index: 1;
  width: 7px;
  height: 7px;
  background-color: #fff;
  opacity: 0;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio input[type=radio]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-detail .term-display-popup .body-content .relation label.radio.short {
  display: inline-block;
  margin-right: 20px;
}
body.cms .cms-form-detail .term-display-popup .body-content .add-btn {
  margin-bottom: 10px;
  text-align: center;
}
body.cms .cms-form-detail .term-display-popup .body-content .add-btn a {
  display: inline-block;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 15px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-edit .list-area {
  padding: 40px 160px 40px 40px;
  background-color: #f0f2f3;
  border-left: 1px solid #dcdcdc;
}
body.cms .cms-form-edit .list-area > .inner {
  max-width: 1260px;
  margin: 0 auto;
}
body.cms .cms-form-edit .list-area .form-edit {
  position: relative;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn {
  position: absolute;
  top: 50px;
  left: calc(100% + 6px);
  display: table;
  padding: 1px 11px 0 12px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn > ul > li {
  position: relative;
  margin: 10px 0;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn > ul > li .more {
  position: absolute;
  top: -8px;
  left: 100%;
  width: 176px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn > ul > li .more::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 16px;
  z-index: 3;
  display: block;
  -webkit-transform: rotate(-45deg) skew(25deg, 25deg);
  -ms-transform: rotate(-45deg) skew(25deg, 25deg);
  transform: rotate(-45deg) skew(25deg, 25deg);
  width: 10px;
  height: 10px;
  background-color: #666;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn > ul > li .more .bg {
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 2;
  max-width: calc(100% - 14px);
  background-color: #666;
  border-radius: 3px;
  margin-left: 14px;
  padding: 2px 8px;
  color: #fff;
}
body.cms .cms-form-edit .list-area .form-edit .fixed-btn > ul > li:hover .more {
  opacity: 1;
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question-item {
  counter-increment: branch-number;
  margin-bottom: 24px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: margin 0.2s;
  transition: margin 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question-item.close {
  margin-bottom: 30px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  padding: 0 16px 0 0;
  color: #fff;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  overflow: hidden;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-00 {
  background-color: #3B3186;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-01 {
  background-color: #594096;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-02 {
  background-color: #4B78BC;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-03 {
  background-color: #2F9BD8;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-04 {
  background-color: #058F83;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-05 {
  background-color: #4B9F42;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-06 {
  background-color: #F49E15;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-07 {
  background-color: #E07711;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head.color-08 {
  background-color: #D7413B;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .branch-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 100%;
  min-height: 50px;
  width: 50px;
  color: #fff;
  background-color: #666;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .branch-number::before {
  content: "0" counter(branch-number, decimal-leading-zero);
  position: relative;
  top: 1px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .title {
  width: 48.2%;
  padding: 0 50px 0 25px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .status {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 0;
  text-align: center;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: inherit;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .sort-btn {
  position: absolute;
  left: calc(50% - 18px);
  top: calc(50% - 10px);
  cursor: -webkit-grab;
  cursor: grab;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .sort-btn:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  overflow: hidden;
  width: 216px;
  height: auto;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit.active {
  opacity: 1;
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid transparent;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li::before {
  content: "";
  display: block;
  margin: 3px 0 0 7px;
  width: 5px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li:not(.active):hover {
  -webkit-animation: paint-editHover 2s ease-in-out 0s infinite;
  animation: paint-editHover 2s ease-in-out 0s infinite;
}
@-webkit-keyframes paint-editHover {
  0% {
    top: 0;
  }
  12.5% {
    top: -2px;
  }
  25% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@keyframes paint-editHover {
  0% {
    top: 0;
  }
  12.5% {
    top: -2px;
  }
  25% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.active {
  border-color: #fff;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.active::before {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-00 {
  background-color: #3B3186;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-01 {
  background-color: #594096;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-02 {
  background-color: #4B78BC;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-03 {
  background-color: #2F9BD8;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-04 {
  background-color: #058F83;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-05 {
  background-color: #4B9F42;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-06 {
  background-color: #F49E15;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-07 {
  background-color: #E07711;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-edit li.color-08 {
  background-color: #D7413B;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .paint-btn {
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 1px 23px 0 10px;
  padding-top: 2px;
  text-align: center;
  background-color: inherit;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .toggle-btn {
  position: relative;
  width: 23px;
  min-width: 23px;
  height: 23px;
  cursor: pointer;
  vertical-align: top;
  background-color: inherit;
  right: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .toggle-btn::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  width: 13px;
  height: 1px;
  background-color: #fff;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .toggle-btn::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  width: 13px;
  height: 1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-head .toggle-btn.close::after {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields {
  padding: 35px 50px 30px 50px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields:last-child {
  border-bottom: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .branch-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .branch-title input[type=text] {
  width: calc(100% - 140px);
  padding: 10px 5px;
  font-size: 28px;
  font-size: 2.8rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .branch-description {
  padding-bottom: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .branch-description input[type=text] {
  width: calc(100% - 140px);
  padding: 6px 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .branch-description + .question-setting {
  margin-top: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields .checkbox-wrap {
  display: inline-block;
  width: 140px;
  text-align: center;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox {
  position: relative;
  display: block;
  padding-top: 0;
  cursor: pointer;
  text-align: left;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox span {
  display: inline-block;
  width: calc(100% - 28px);
  vertical-align: middle;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -3px 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question-item .question-fields label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question-item:nth-of-type(99) ~ .question-item .branch-number::before {
  content: counter(branch-number, decimal-leading-zero);
}
body.cms .cms-form-edit .list-area .form-edit .question {
  position: relative;
  /*z-index: 1;*/
  background-color: #fff;
  padding: 30px 50px 30px 50px;
  -webkit-transition: padding 0.2s, -webkit-box-shadow 0.2s;
  transition: padding 0.2s, -webkit-box-shadow 0.2s;
  transition: padding 0.2s, box-shadow 0.2s;
  transition: padding 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
  font-size: 16px;
  font-size: 1.6rem;
  /*&.is-branch{
    &.active{
      .item{
        .input{
          width: calc(50% - 12px);
        }
        .branch-select{
          display: inline-block;
        }
      }
    }
  }*/
}
body.cms .cms-form-edit .list-area .form-edit .question .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question .title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin-right: 50px;
}
body.cms .cms-form-edit .list-area .form-edit .question .title input[type=text] {
  width: 100%;
  padding: 10px 5px 9px;
  font-size: 28px;
  font-size: 2.8rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .title .hidden {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  color: transparent;
  padding: 0 5px;
  font-size: 28px;
  font-size: 2.8rem;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-select {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-select {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-desc {
  color: #aaa;
  display: block;
  overflow: hidden;
  font-weight: normal;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-selected {
  overflow: hidden;
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  color: #333;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-pointer {
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-pointer-down::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -1px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-pointer-down::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -1px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-options {
  max-height: 90vh;
  font-size: 16px;
  font-size: 1.6rem;
  list-style: none;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  display: none;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2000;
  margin: 0;
  padding: 4px 0;
  background: #fff;
  overflow: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-options li.none-img .dd-option-image {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option {
  pointer-events: none;
  padding: 4px 12px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option.is-active {
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-options > li:last-child > .dd-option {
  border-bottom: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option:hover {
  background: #f3f3f3;
  color: #000;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option-selected {
  background: #f6f6f6;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option-image,
body.cms .cms-form-edit .list-area .form-edit .question .dd-selected-image {
  vertical-align: middle;
  margin-right: 8px;
  max-width: 20px;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-option-image.none-img,
body.cms .cms-form-edit .list-area .form-edit .question .dd-selected-image.none-img {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-container {
  position: relative;
}
body.cms .cms-form-edit .list-area .form-edit .question .dd-selected-text,
body.cms .cms-form-edit .list-area .form-edit .question .dd-option-text {
  cursor: pointer;
  vertical-align: middle;
}
body.cms .cms-form-edit .list-area .form-edit .question:hover > .sort-btn {
  opacity: 1;
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question.active {
  z-index: 2;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
body.cms .cms-form-edit .list-area .form-edit .question.active > .sort-btn {
  opacity: 1;
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question.active .item:hover .sort-btn {
  opacity: 1;
  pointer-events: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question.active .dd-select {
  display: block;
}
body.cms .cms-form-edit .list-area .form-edit .question:last-child {
  padding-bottom: 25px;
}
body.cms .cms-form-edit .list-area .form-edit .question > .sort-btn {
  position: absolute;
  left: calc(50% - 18px);
  top: 10px;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question > .sort-btn:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.cms .cms-form-edit .list-area .form-edit .question .description {
  position: relative;
  padding-bottom: 6px;
  border-bottom: 1px dashed #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question .description input[type=text] {
  width: calc(100% - 111px);
  padding: 6px 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .description .checkbox-wrap {
  display: inline-block;
  width: 111px;
  text-align: center;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox {
  position: relative;
  display: block;
  padding-top: 0;
  cursor: pointer;
  text-align: left;
  top: 3px;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox span {
  padding-top: 2px;
  display: inline-block;
  width: calc(100% - 32px);
  vertical-align: middle;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 20px;
  height: 20px;
  opacity: 0;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #535453;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: 0 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #535453;
  border-bottom: 1px solid #535453;
  opacity: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .description label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div {
  width: 50%;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line {
  margin-right: 25px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row {
  margin-left: 25px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .input-wrap:before, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .input-wrap:before {
  width: calc(100% - 20px);
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .input-wrap .input .remove, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .input-wrap .input .remove {
  top: 0;
  right: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .item.head, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .item.head {
  margin-top: 25px;
  margin-bottom: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .item.head .input-wrap:before, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .item.head .input-wrap:before {
  width: 100%;
  left: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .item.head .input, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .item.head .input {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  padding-bottom: 13px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.line .item.add, body.cms .cms-form-edit .list-area .form-edit .question .item-wrap > div.row .item.add {
  margin-bottom: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap .item .input-wrap .input input {
  width: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question .item-wrap .item .input-wrap .input .remove {
  top: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 50px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 -50px;
  padding-left: 50px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.add, body.cms .cms-form-edit .list-area .form-edit .question .item.other {
  margin-bottom: 70px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.add .radio:before, body.cms .cms-form-edit .list-area .form-edit .question .item.other .radio:before {
  border-color: #005EAB;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.add .input, body.cms .cms-form-edit .list-area .form-edit .question .item.other .input {
  padding-top: 12px;
  padding-bottom: 12px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.other {
  margin-bottom: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.other .input {
  padding: 14px 4px;
  position: relative;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.other .input p {
  color: #9E9E9E;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.other .input p input {
  margin-left: 30px;
  border: 1px solid #9E9E9E;
  width: 320px;
  height: 28px;
  padding: 15px 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.other .input .remove {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}
body.cms .cms-form-edit .list-area .form-edit .question .item.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .sort-btn {
  position: absolute;
  left: 10px;
  top: 20px;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .sort-btn:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input-wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -40px;
  width: calc(100% - 92px);
  height: 0;
  border-bottom: 1px dashed #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 1.25;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input input[type=text] {
  width: calc(100% - 150px);
  margin-right: 10px;
  padding: 21px 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80px;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .picture span {
  display: block;
  text-align: center;
  line-height: 1.6;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 60px;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .remove::before {
  content: "";
  position: absolute;
  top: 30px;
  left: calc(50% - 5px);
  display: block;
  width: 16px;
  height: 2px;
  background-color: #666;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .remove::after {
  content: "";
  position: absolute;
  top: 30px;
  left: calc(50% - 5px);
  display: block;
  width: 16px;
  height: 2px;
  background-color: #666;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .remove.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .remove span {
  display: block;
  text-align: center;
  line-height: 1.6;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .add,
body.cms .cms-form-edit .list-area .form-edit .question .item .input .etc {
  display: inline-block;
  padding: 9px 4px 7px 4px;
  cursor: pointer;
  color: #2A63AF;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .add.disabled,
body.cms .cms-form-edit .list-area .form-edit .question .item .input .etc.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .input .space {
  display: inline-block;
  padding: 9px 8px 7px 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .branch-select {
  position: relative;
  display: none;
  min-width: 80px;
  max-width: calc(50% - 50px);
  height: 30px;
  border: 1px solid #ccc;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .branch-select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .branch-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .branch-select select {
  display: block;
  width: calc(100% + 22px);
  height: 28px;
  padding: 2px 60px 2px 2px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question .item .branch-select select::-ms-expand {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .text {
  padding: 8px 6px 14px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9E9E9E;
  margin-top: 11px;
  border-bottom: 1px dashed #C0C1C1;
  margin-bottom: 60px;
}
body.cms .cms-form-edit .list-area .form-edit .question.title .question-title input[type=text] {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 2rem;
}
body.cms .cms-form-edit .list-area .form-edit .question.title .question-description input[type=text] {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-edit .list-area .form-edit .question.image .question-title input[type=text] {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 2rem;
}
body.cms .cms-form-edit .list-area .form-edit .question.video .question-title input[type=text] {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 2rem;
}
body.cms .cms-form-edit .list-area .form-edit .question.radio .item .radio {
  margin-right: 12px;
  margin-left: 5px;
  margin-top: -1px;
}
body.cms .cms-form-edit .list-area .form-edit .question.radio .item .radio::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #707070;
  border-radius: 50%;
}
body.cms .cms-form-edit .list-area .form-edit .question.radio .item.add .radio:before {
  border-color: #005EAB;
}
body.cms .cms-form-edit .list-area .form-edit .question.check .item .check {
  margin-right: 12px;
  margin-left: 5px;
  margin-top: -1px;
}
body.cms .cms-form-edit .list-area .form-edit .question.check .item .check::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #707070;
}
body.cms .cms-form-edit .list-area .form-edit .question.select {
  counter-reset: selectNumber;
}
body.cms .cms-form-edit .list-area .form-edit .question.select .item .select::before {
  content: counter(selectNumber) ".";
  counter-increment: selectNumber;
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  right: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question.select .item.add .select:before {
  color: #005EAB;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit p {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .long-input {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .long-input input[type=text] {
  width: 100%;
  padding: 6px 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #999;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap .col2-input {
  width: 47.5%;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap .col2-input:nth-child(2n) {
  margin-left: 5%;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap .name {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap label {
  display: block;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit .col2-input-wrap label input[type=text] {
  padding: 6px 0;
  font-size: 24px;
  font-size: 2.4rem;
  color: #999;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  padding-top: 0;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox span {
  display: inline-block;
  width: calc(100% - 28px);
  vertical-align: middle;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -3px 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question.submit label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question .display-text {
  color: #191A1A;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  position: relative;
  border-bottom: 1px dashed #C0C1C1;
  padding: 20px 5px 16px;
}
body.cms .cms-form-edit .list-area .form-edit .question .display-text.address-text {
  padding: 26px 5px 34px;
}
body.cms .cms-form-edit .list-area .form-edit .question .full-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}
body.cms .cms-form-edit .list-area .form-edit .question .full-name > div {
  width: calc(50% - 30px);
}
body.cms .cms-form-edit .list-area .form-edit .question .calendar,
body.cms .cms-form-edit .list-area .form-edit .question .time {
  width: 100%;
  max-width: 540px;
  position: relative;
}
body.cms .cms-form-edit .list-area .form-edit .question .calendar .display-text,
body.cms .cms-form-edit .list-area .form-edit .question .time .display-text {
  width: calc(100% - 50px);
}
body.cms .cms-form-edit .list-area .form-edit .question .calendar i,
body.cms .cms-form-edit .list-area .form-edit .question .time i {
  position: absolute;
  right: 0;
  top: 20px;
}
body.cms .cms-form-edit .list-area .form-edit .question .calendar.birth {
  margin-bottom: 58px;
}
body.cms .cms-form-edit .list-area .form-edit .question .time {
  margin-bottom: 58px;
}
body.cms .cms-form-edit .list-area .form-edit .question .time.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .time.disabled + .question-setting {
  margin-top: 58px;
}
body.cms .cms-form-edit .list-area .form-edit .question .blank.last {
  margin-bottom: 58px;
}
body.cms .cms-form-edit .list-area .form-edit .question .address {
  width: 100%;
  max-width: 550px;
  position: relative;
  margin-top: 24px;
}
body.cms .cms-form-edit .list-area .form-edit .question .address i {
  position: absolute;
  left: 5px;
  top: 3px;
}
body.cms .cms-form-edit .list-area .form-edit .question .job {
  margin-top: 20px;
  margin-bottom: 70px;
}
body.cms .cms-form-edit .list-area .form-edit .question .job p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 9px;
}
body.cms .cms-form-edit .list-area .form-edit .question .job .dd-select:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question .job .dd-selected {
  padding-left: 0;
  padding-bottom: 4px;
}
body.cms .cms-form-edit .list-area .form-edit .question .job .dd-pointer {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  opacity: 0.54;
  margin-top: 0;
  right: 7px;
}
body.cms .cms-form-edit .list-area .form-edit .question .job .dd-pointer:before, body.cms .cms-form-edit .list-area .form-edit .question .job .dd-pointer:after {
  content: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 35px;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-image::before {
  content: "";
  display: block;
  width: 52px;
  height: 40px;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-image .box {
  max-width: calc(100% - 104px);
  text-align: center;
  line-height: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-image .change-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  border: 1px solid #ddd;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-image .change-btn::before {
  content: "";
  display: block;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 35px;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-video::before {
  content: "";
  display: block;
  width: 52px;
  height: 40px;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-video .box {
  max-width: calc(100% - 104px);
  text-align: center;
  line-height: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-video .change-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  border: 1px solid #ddd;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question .question-video .change-btn::before {
  content: "";
  display: block;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap {
  margin-top: 23px;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap > label {
  min-height: 48px;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-select:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-options {
  position: absolute;
  top: calc(50% - 46px);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-selected {
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-selected .dd-selected-text {
  padding-left: 12px;
  min-height: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-option-text {
  min-height: auto;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-pointer {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  opacity: 0.54;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-pointer:before, body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-pointer:after {
  content: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .scale-wrap .dd-container {
  margin: 0 38px;
}
body.cms .cms-form-edit .list-area .form-edit .question .radio-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 2px 16px;
  border-bottom: 1px dashed #C0C1C1;
  margin-bottom: 58px;
}
body.cms .cms-form-edit .list-area .form-edit .question .radio-display .label-checkbox {
  width: 162px;
  position: relative;
  padding-left: 44px;
  color: #191A1A;
}
body.cms .cms-form-edit .list-area .form-edit .question .radio-display .label-checkbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #535453;
  border-radius: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question .radio-display .label-checkbox.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-unit {
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 7px;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 50px;
  margin-bottom: 20px;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-select-wrap.disabled {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-select-wrap .dd-selected {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-select-wrap .dd-select:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #C0C1C1;
  position: absolute;
  left: 0;
  bottom: 8px;
}
body.cms .cms-form-edit .list-area .form-edit .question .year-month-date-select .calendar-select-wrap .dd-pointer {
  right: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .condition-select-text {
  font-size: 13px;
  font-size: 1.3rem;
  width: 160px;
  padding-top: 12px;
  padding-left: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting {
  margin-top: 15px;
  padding: 34px 0 0 0;
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .head-wrap .switch-btn-wrap span {
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .etc {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: -3px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .etc > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 12px;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .etc > div:last-child {
  margin-right: 0;
  margin-left: 28px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .etc > div span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-top: 3px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-display {
  vertical-align: top;
  cursor: pointer;
  margin-left: 19px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-display svg {
  margin-right: 6px;
  margin-top: -2px;
  vertical-align: top;
  fill: #ccc;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-display:hover svg, body.cms .cms-form-edit .list-area .form-edit .question-setting .term-display.active svg {
  fill: #4ca74f;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .require {
  margin-left: 22px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .require label.checkbox {
  position: relative;
  top: -1px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  position: relative;
  width: 48px;
  margin: -3px 2px 0 2px;
  background: #fff;
  vertical-align: top;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn input[type=checkbox] {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn label {
  display: block;
  height: 24px;
  background-color: #ccc;
  border-radius: 12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn input[type=checkbox]:checked + label {
  border-color: #4ca74f;
  background-color: #4ca74f;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn .sw-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .switch-btn input[type=checkbox]:checked ~ .sw-circle {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-head {
  cursor: pointer;
  margin-left: 29px;
  position: relative;
  top: -1px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body {
  display: none;
  margin-top: 18px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px dashed #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body > p {
  margin-top: 6px;
  margin-bottom: 15px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body > p.has-next {
  margin-bottom: 30px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body > p > label:nth-child(2) {
  margin-left: 70px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .text-extent label .input-placeholder {
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .text-extent label .input-underline {
  border-bottom: 1px solid #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .dd-options {
  position: absolute;
  top: calc(50% - 46px);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .dd-selected {
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 6px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .dd-pointer {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  opacity: 0.54;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .dd-pointer:before, body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .dd-pointer:after {
  content: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap.has-next {
  margin-bottom: 30px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap > .dd-container {
  margin-right: 22px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-cancel {
  width: 103px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-cancel svg {
  cursor: pointer;
  margin-bottom: 7px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  margin-bottom: 12px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item .setting-label {
  width: 190px;
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 4px;
  margin-right: 5px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item .setting-label + .wide-text {
  margin-top: 3px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item .setting-unit {
  margin-left: 14px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item .dd-select:before {
  content: " ";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #C0C1C1;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .setting-item .wide-text {
  width: calc(100% - 190px);
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap {
  width: calc(100% - 265px);
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap.max {
  width: calc(100% - 133px);
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap.max .second-select.condition {
  padding-right: 49px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap > div {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .second-wrap > div > .second-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .condition {
  padding-right: 76px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .condition.only-text {
  padding-right: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .result {
  width: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .result > div {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .result > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting .term-body .setting-wrap .result > div.setting-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox {
  position: relative;
  display: inline-block;
  padding-top: 0;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox span {
  display: inline-block;
  width: calc(100% - 32px);
  vertical-align: middle;
  padding-top: 1px;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 20px;
  height: 20px;
  opacity: 0;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #535453;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: 0 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #535453;
  border-bottom: 1px solid #535453;
  opacity: 0;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.select {
  position: relative;
  display: inline-block;
  min-width: 80px;
  height: 30px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.select select {
  display: block;
  width: calc(100% + 22px);
  height: 28px;
  padding: 2px 24px 2px 2px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
body.cms .cms-form-edit .list-area .form-edit .question-setting label.select select::-ms-expand {
  display: none;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 48px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label input {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  background: transparent;
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.short-text {
  width: 128px;
  margin-right: 24px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.wide-text {
  width: calc(100% - 128px);
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.short-num {
  width: 124px;
  margin-right: 27px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.short-num + .wide-text {
  width: calc(100% - 151px);
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.short-num + span {
  display: block;
  margin-right: 27px;
  padding-top: 12px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.middle-text {
  margin-right: 27px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.label-text {
  width: 398px;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label .input-placeholder {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9E9E9E;
  z-index: 0;
  padding-left: 0;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label .input-underline {
  position: absolute;
  bottom: 11px;
  left: 0;
  height: 1px;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #C0C1C1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-edit .list-area .form-edit .text-extent label.value-contain .input-placeholder {
  display: none;
}
body.cms .cms-form-setting .list-area {
  background-color: #f0f2f3;
  border-left: 1px solid #dcdcdc;
}
body.cms .cms-form-setting .list-area > .inner {
  max-width: 1260px;
  margin: 0 auto;
}
body.cms .cms-form-setting .list-area .setting-nav {
  margin-top: 60px;
  margin-bottom: 70px;
  border-bottom: 1px solid #ABABAB;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-setting .list-area .setting-nav .head {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .setting-nav .head.active span::after {
  opacity: 0;
}
body.cms .cms-form-setting .list-area .setting-nav .head span {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 10px;
  margin-top: -2px;
  vertical-align: middle;
  background-color: #666;
  border-radius: 2px;
}
body.cms .cms-form-setting .list-area .setting-nav .head span::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 9px;
  height: 1px;
  background: #fff;
}
body.cms .cms-form-setting .list-area .setting-nav .head span::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 9px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.cms .cms-form-setting .list-area .setting-nav nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .cms-form-setting .list-area .setting-nav nav ul {
  width: 25%;
  margin-bottom: 20px;
  padding-right: 10px;
}
body.cms .cms-form-setting .list-area .setting-nav nav ul li {
  margin: 10px 0;
}
body.cms .cms-form-setting .list-area .setting-nav nav ul li a {
  color: #747474;
}
body.cms .cms-form-setting .list-area .form-setting > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dt {
  width: 23%;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd {
  width: 73%;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd p {
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd p.small {
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .realtime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 90px;
  background-color: #fff;
  border: 1px dashed #ccc;
  padding: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .realtime p {
  margin: 0;
  text-align: center;
  color: #2f6fb8;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.text {
  display: block;
  margin-bottom: 20px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.text input[type=text] {
  width: 100%;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.text .comment {
  margin-bottom: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text {
  display: inline-block;
  width: 100%;
  max-width: 345px;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text span {
  display: inline-block;
  width: 100%;
  max-width: 75px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text input[type=text] {
  width: 100%;
  max-width: 230px;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.short {
  max-width: 165px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.short input[type=text] {
  max-width: 50px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.middle {
  max-width: 180px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.middle input[type=text] {
  max-width: 120px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.long {
  max-width: 695px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.long input[type=text] {
  max-width: 580px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.cases {
  max-width: none;
  width: auto;
  margin-left: 15px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.cases span {
  max-width: none;
  width: auto;
  margin-right: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-text.cases input[type=text] {
  max-width: none;
  width: auto;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-file {
  display: inline-block;
  width: 100%;
  max-width: 345px;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-file span {
  display: inline-block;
  width: 100%;
  max-width: 75px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.title-file input[type=file] {
  display: inline-block;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.textarea {
  display: block;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.textarea textarea {
  min-height: 80px;
  border: 1px solid #ccc;
  padding: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  resize: vertical;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.textarea .comment {
  margin-bottom: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-top: 0;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox span {
  display: inline-block;
  width: calc(100% - 24px);
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: top;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox] + span::before,
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  pointer-events: none;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox] + span::before {
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox] + span::after {
  z-index: 1;
  margin: -3px 7px;
  width: 8px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 0;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox input[type=checkbox]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.checkbox.short {
  display: inline-block;
  margin-right: 20px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-top: 0;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio span {
  display: inline-block;
  width: calc(100% - 21px);
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio] {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  border-radius: 50%;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio] + span::before,
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio] + span::after {
  content: "";
  position: absolute;
  display: inline-block;
  pointer-events: none;
  border-radius: 50%;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio] + span::before {
  top: 4px;
  left: 0;
  z-index: 0;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio] + span::after {
  top: 7px;
  left: 3px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #666;
  opacity: 0;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio input[type=radio]:checked + span::after {
  opacity: 1;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.radio.short {
  display: inline-block;
  margin-right: 20px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.select {
  position: relative;
  display: inline-block;
  min-width: 80px;
  height: 30px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.select select {
  display: block;
  width: calc(100% + 22px);
  height: 28px;
  padding: 2px 24px 2px 2px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.select select::-ms-expand {
  display: none;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-select {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-select li {
  display: table-cell;
  padding: 9px 4px;
  border: 1px solid #ccc;
  border-bottom: none;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-select li.selected {
  color: #fff;
  background-color: #666;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-content li {
  display: none;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-content li.show {
  display: block;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .tab-wrap .tab-content li textarea {
  margin: 0;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar {
  display: inline-block;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar .comment {
  margin-bottom: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar .term-input {
  display: inline-block;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar .term-input .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar .term-input a {
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar input[type=text] {
  width: 100px;
  margin: 0 8px 0 0;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar input[type=number] {
  width: 70px;
  margin: 0 8px;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .calendar-bdr {
  display: inline-block;
  width: 60px;
  height: 1px;
  margin: 0 15px;
  vertical-align: middle;
  background-color: #ccc;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .time {
  display: inline-block;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .time input[type=text] {
  width: 100px;
  margin: 0 8px 0 0;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .time input[type=number] {
  width: 70px;
  margin: 0 8px;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .time input[type=number]:first-child {
  margin-left: 0;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.mb20,
body.cms .cms-form-setting .list-area .form-setting > dl dd p.mb20 {
  margin-bottom: 20px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.mb30,
body.cms .cms-form-setting .list-area .form-setting > dl dd p.mb30 {
  margin-bottom: 30px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .qr-image img {
  margin-right: 50px;
  vertical-align: top;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.qr {
  display: block;
  margin-bottom: 10px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.qr input[type=text] {
  display: inline-block;
  width: calc(100% - 170px);
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd label.qr button {
  display: inline-block;
  width: 160px;
  margin-left: 10px;
  padding: 5px;
  border: none;
  color: #fff;
  background: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .qr-image img {
  display: none;
  margin-right: 50px;
  vertical-align: middle;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .qr-image img.show {
  display: inline-block;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .bottom-btn {
  margin-top: 60px;
  font-size: 14px;
  font-size: 1.4rem;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
body.cms .cms-form-setting .list-area .form-setting > dl dd .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.page-edit #dropdown-menu-cp_text_style-1 > .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a,
.page-edit #dropdown-menu-cp_list_ul-1 > .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0;
}
.page-edit .air-field-desc {
  width: 100%;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 3px;
}
.page-edit input[type=radio] {
  -webkit-appearance: radio;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}
.page-edit .air-window-wrap li {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-edit .air-window-wrap li:first-child .air-field-desc {
  margin-top: 0;
}
.page-edit .air-window-wrap li select {
  padding: 5px;
  font-size: 14px;
  border: 1px solid #777;
  -webkit-appearance: menulist;
  background: #fff;
}
.page-edit .air-window-wrap li .air-field .add-btn {
  margin-top: 2px;
}
.page-edit .air-window-wrap li textarea {
  padding: 5px;
  background: #fff;
  border: 1px solid #777;
}
.page-edit .air-window-wrap li .staging-url {
  font-size: 13px;
}
.page-edit .opendate-wrap li {
  margin-bottom: 5px;
}
.page-edit .opendate-wrap li.name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}
.page-edit .opendate-wrap li input[type=text] {
  width: 100%;
  padding: 3px;
  border: 1px solid #777;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-edit .opendate-wrap li input[type=checkbox] {
  -webkit-appearance: checkbox;
  display: inline-block;
  margin: 3px 3px 0 0;
  vertical-align: top;
}
.page-edit .opendate-wrap li input[type=number] {
  padding: 3px;
  border: 1px solid #777;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-edit .opendate-wrap li .air-field-name {
  width: 115px;
}
.page-edit .opendate-wrap li .air-field {
  width: calc(100% - 115px);
}
.page-edit .opendate-wrap li .field-inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-bottom: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}
.page-edit .opendate-wrap li .field-inner:last-child {
  margin-bottom: 0;
}
.page-edit .opendate-wrap li .field-inner h4 {
  width: 100px;
}
.page-edit .opendate-wrap li .select-wrap {
  position: relative;
  top: -5px;
  width: 100%;
}
.page-edit .opendate-wrap li .select-wrap + .select-wrap {
  margin-top: 5px;
}
.page-edit .opendate-wrap li .field-inner .select-wrap {
  width: calc(100% - 100px);
}
.page-edit .opendate-wrap li .select-wrap select {
  width: 100%;
  padding: 3px;
}
.page-edit .opendate-wrap .opendate-time {
  display: block;
  margin-top: 10px;
  margin-left: 22px;
}
.page-edit .opendate-wrap .opendate-time input[type=text] {
  width: 92px;
  margin: 0 8px 0 0;
}
.page-edit .opendate-wrap .opendate-time input[type=number] {
  width: 40px;
  margin: 0 8px;
}
.page-edit .opendate-wrap .opendate-time .term-input {
  display: inline-block;
}
.page-edit .opendate-wrap .opendate-time .icons-syslog-cal {
  display: inline-block;
  line-height: 0;
  vertical-align: top;
}
.page-edit .opendate-wrap .opendate-time .icons-syslog-cal:before {
  font-size: 25px;
}
.page-edit .version-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.page-edit .preview-button {
  width: 38px;
  height: 38px;
  margin-left: 15px;
}
.page-edit .preview-button a {
  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-color: #fff;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  border: 4px solid #adadad;
}
.page-edit .preview-button a i {
  line-height: 0;
}
.page-edit .preview-button a i:before {
  font-size: 12px;
}

body.cms .page-edit .air-menu-area {
  position: fixed;
  height: 100%;
  right: 0;
  z-index: 5;
  padding-top: 65px;
  top: 0;
}
body.cms .page-edit .air-menu-area > div .air-window-block-wraps {
  height: 100%;
}
body.cms .page-edit .air-menu-area > div .air-window-block-wraps .air-window-block-wrap {
  display: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.cms .page-edit .air-menu-area > div .air-window-block-wraps .air-window-block-wrap.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms .page-edit .air-menu-area > div .air-window-block-wraps .air-window-block-wrap .air-block-lists .air-text-block:nth-child(2n) {
  margin-left: 0;
}
body.cms .page-edit .air-menu-area > div .air-window-block-wraps .air-window-block-wrap .air-text-block {
  background-color: #fff;
  width: calc(100% - 50px);
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
body.cms .page-edit .air-menu-area > div .air-window-block-select select,
body.cms .page-edit .air-menu-area > div .air-window-site-select select {
  padding: 5px;
  width: 307px;
  height: 38px;
  border: 1px solid rgb(169, 169, 169);
  background: #fff;
  -webkit-appearance: menulist;
  font-size: 14px;
}

.cms-edit-header {
  position: relative;
  z-index: 6;
}

#froala-editor .fr-wrapper {
  width: 100%;
}

body.proofreading #proofreading-header {
  z-index: 99;
  width: 100%;
  background-color: #222;
  border-bottom: #555 1px solid;
  min-height: 50px;
  color: #fff;
}
body.proofreading #proofreading-header.active .title-wrap .title .btn:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.proofreading #proofreading-header.active .proofreading-content {
  display: block;
  border-top: 1px solid #555;
}
body.proofreading #proofreading-header.linkpage .proofreading-content {
  min-height: 80vh;
}
body.proofreading #proofreading-header .title-wrap {
  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 40px;
}
body.proofreading #proofreading-header .title-wrap .title {
  font-size: 18px;
  cursor: pointer;
  position: relative;
  width: 100px;
}
body.proofreading #proofreading-header .title-wrap .title .btn {
  position: absolute;
  right: 0;
  top: 12px;
}
body.proofreading #proofreading-header .title-wrap .title .btn:before, body.proofreading #proofreading-header .title-wrap .title .btn:after {
  content: "";
  width: 11px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body.proofreading #proofreading-header .title-wrap .title .btn:after {
  width: 1px;
  height: 11px;
  top: -5px;
  right: 5px;
}
body.proofreading #proofreading-header .title-wrap .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.proofreading #proofreading-header .title-wrap .menu ul li {
  margin-right: 10px;
}
body.proofreading #proofreading-header .title-wrap .menu ul li:first-child {
  margin-right: 20px;
}
body.proofreading #proofreading-header .title-wrap .menu ul li:last-child {
  margin-right: 0;
}
body.proofreading #proofreading-header .title-wrap .menu ul a {
  display: block;
  padding: 5px 0;
  text-align: center;
  width: 120px;
  color: #fff;
  background-color: #4CA74F;
  font-size: 14px;
}
body.proofreading #proofreading-header .title-wrap .menu ul a.cancel {
  background-color: #aaa;
}
body.proofreading #proofreading-header .proofreading-content {
  display: none;
  padding: 10px 40px;
}
body.proofreading #proofreading-header .proofreading-content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13px;
  font-size: 1.3rem;
}
body.proofreading #proofreading-header .proofreading-content dl dt {
  width: 150px;
  margin-bottom: 5px;
}
body.proofreading #proofreading-header .proofreading-content dl dd {
  width: calc(100% - 150px);
}
body.proofreading #froala-editor {
  margin: auto;
  position: relative;
  top: 50px;
}

/* 公開側のcssに上書きされないように !important必須 */
/* 公開側のcssに上書きされないように !important必須 */
/* 公開側のcssに上書きされないように !important必須 */
.cp-calendar-ui__opening-hours-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.cp-calendar-ui__opening-hours-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.cp-calendar-ui__opening-hours-color {
  width: 10px;
  height: 10px;
}

.close-day-start-end-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.close-day-start-end-group .cp-calendar-form__input {
  width: 180px;
}

.closed-day-content .cp-calendar-form__wrap {
  background-color: transparent;
}

.closed-day-item__header {
  background-color: #ddd;
  padding: 10px;
  position: relative;
  padding-left: 40px;
}
.closed-day-item__header .cp-calendar-form__wrap {
  margin-bottom: 0;
}

.closed-day-item__body {
  padding: 10px;
  padding-left: 40px;
  padding-bottom: 30px;
  display: none;
}

.is-open .closed-day-item__body {
  display: block;
}

.js-closedDay-sortHandle {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: url(/img/icon-handle.svg) center center no-repeat;
  background-size: 1.5em 1.5em;
  cursor: move;
  margin-left: 8px;
  vertical-align: middle;
}

.close-day-item__accordion-button {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  vertical-align: middle;
  position: absolute;
  top: 12px;
  left: 10PX;
  background-color: #222;
  cursor: pointer;
}
.close-day-item__accordion-button::before {
  content: "";
  position: absolute;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22_x32_%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22440.189%2C92.085%20256.019%2C276.255%2071.83%2C92.085%200%2C163.915%20256.019%2C419.915%20512%2C163.915%20%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22_x32_%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22440.189%2C92.085%20256.019%2C276.255%2071.83%2C92.085%200%2C163.915%20256.019%2C419.915%20512%2C163.915%20%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 12px auto;
  mask-size: 12px auto;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.is-open .close-day-item__accordion-button::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

._cp-btn__round-rect {
  display: inline-block;
  padding: 6px 30px;
  border-radius: 3px;
  font-weight: normal;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  min-height: 40px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
._cp-btn__round-rect.is-default {
  border: 1px solid #666666;
  background-color: #666666;
  color: #fff;
  text-decoration: none;
}
._cp-btn__round-rect.is-default:hover {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  color: #808080;
  border-color: #999999;
  background-color: #fff;
}
._cp-btn__round-rect.is-default-ol {
  border: 1px solid #999999;
  background-color: #fff;
  color: #333333;
  text-decoration: none;
}
._cp-btn__round-rect.is-default-ol:hover {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  color: #fff;
  background-color: #666666;
  border-color: #666666;
  font-weight: bold;
}

.cp-config {
  position: relative;
}
.cp-config:hover .cp-config__btn {
  content: "";
  background: #222222 url(/img/icon-config-on.svg) center center no-repeat;
  background-size: 22px 22px;
}
.cp-config.is-active .cp-config__btn {
  content: "";
  background: #222222 url(/img/icon-config-on.svg) center center no-repeat;
  background-size: 22px 22px;
}
.cp-config.is-active .cp-config__menu {
  display: block;
}

.cp-config__btn {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: none;
  height: 28px;
  width: 28px;
  outline: none;
  background: #fff url(/img/icon-config-off.svg) center center no-repeat;
  background-size: 28px 28px;
}
.cp-config__btn::before {
  content: "";
  background: #222222 url(/img/icon-config-on.svg) center center no-repeat;
}

.cp-config__menu {
  display: none;
  position: absolute;
  top: 40px;
  right: -4px;
  z-index: 5;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
}
.cp-config__menu::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: -7px;
  right: 4px;
  border-top: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  -webkit-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  -ms-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
  background-color: #fff;
}

.cp-config__menu-li {
  margin: 6px 0;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}

.cp-config__menu-a {
  display: block;
  padding: 3px 20px;
  color: #333;
  word-break: keep-all;
}
.cp-config__menu-a:hover {
  background: #D9D9D9;
  text-decoration: none;
}

._cp-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

._cp-description__main {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

._cp-description__sub {
  margin-left: 20px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

._cp-form__error {
  color: #f00;
  margin-top: 4px;
}

._cp-form__input {
  width: 100% !important;
  display: block !important;
  height: 32px !important;
  border: 1px solid #969899 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0px 6px 0px 6px !important;
  background-color: #fff !important;
  font-family: inherit !important;
}
._cp-form__input.is-inline-block {
  width: 100px !important;
  display: inline-block !important;
}

._cp-form__input-search {
  width: 100% !important;
  display: block !important;
  height: 32px !important;
  border: 1px solid #969899 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0px 40px 0px 6px !important;
  background-color: #fff !important;
  font-family: inherit !important;
}

._cp-form__input-search-btn {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  width: 34px !important;
  height: 34px !important;
  background: transparent !important;
  border: none !important;
  margin-top: -16px !important;
}

._cp-form__checkbox {
  display: none !important;
}
._cp-form__checkbox + ._cp-form__checkbox-label {
  position: relative !important;
  display: block !important;
  padding-left: 23px !important;
  cursor: pointer;
}
._cp-form__checkbox + ._cp-form__checkbox-label::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0px !important;
  margin-top: -14px !important;
  border: 1px solid #969899 !important;
  height: 18px !important;
  width: 18px !important;
  background-color: #fff;
}
._cp-form__checkbox + ._cp-form__checkbox-label:not(:last-child) {
  margin-bottom: 4px !important;
}
._cp-form__checkbox + ._cp-form__checkbox-label.is-inline {
  display: inline-block !important;
  margin-right: 10px !important;
}
._cp-form__checkbox:checked + ._cp-form__checkbox-label::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 3px !important;
  margin-top: -10px !important;
  height: 8px !important;
  width: 12px !important;
  border-left: 1px solid #969899;
  border-bottom: 1px solid #969899;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

._cp-form__radio {
  display: none !important;
}
._cp-form__radio + ._cp-form__radio-label {
  position: relative !important;
  display: block !important;
  padding-left: 23px !important;
  cursor: pointer;
}
._cp-form__radio + ._cp-form__radio-label::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0px !important;
  margin-top: -10px !important;
  border: 1px solid #969899 !important;
  border-radius: 50% !important;
  height: 18px !important;
  width: 18px !important;
  background-color: #fff;
}
._cp-form__radio + ._cp-form__radio-label:not(:last-child) {
  margin-bottom: 4px !important;
}
._cp-form__radio + ._cp-form__radio-label.is-inline {
  display: inline-block !important;
  margin-right: 10px !important;
}
._cp-form__radio:checked + ._cp-form__radio-label::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 3px !important;
  margin-top: -7px !important;
  background-color: #969899;
  border-radius: 50% !important;
  height: 12px !important;
  width: 12px !important;
}

._cp-form__select-label {
  position: relative !important;
  display: block !important;
}
._cp-form__select-label::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  margin-top: -3px !important;
  border-top: 6px solid #000 !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
}

._cp-form__select {
  width: 100% !important;
  display: block !important;
  height: 32px !important;
  border: 1px solid #969899 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0px 20px 0px 6px !important;
  background-color: #fff !important;
}

._cp-form__select-small {
  width: 100% !important;
  display: block !important;
  height: 22px !important;
  border: 1px solid #969899 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0px 20px 0px 6px !important;
  background-color: #fff !important;
}

._cp-form__textarea {
  width: 100% !important;
  display: block !important;
  min-height: 120px !important;
  border: 1px solid #969899 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 6px !important;
  background-color: #fff !important;
  resize: vertical !important;
  line-height: 30px;
}
._cp-form__textarea.is-large {
  min-height: 240px !important;
}

._cp-form__btn-submit {
  border: none !important;
  outline: none !important;
  padding: 0 12px !important;
  line-height: 32px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #4CA74F !important;
  color: #fff !important;
  text-align: center !important;
  border-radius: 2px !important;
  white-space: nowrap !important;
  display: inline-block;
  vertical-align: middle;
}
._cp-form__btn-submit:hover {
  opacity: 0.7 !important;
}
._cp-form__btn-submit.is-middle {
  min-width: 140px !important;
  font-size: 14px !important;
  padding: 4px !important;
}

._cp-form-modal {
  width: 1000px;
  height: 650px;
  max-height: 80vh;
  background-color: #fff;
  padding: 10px;
  font-size: 14px;
  overflow-y: auto;
}

._cp-form-modal__iframe {
  height: 500px;
}

._cp-form-modal__close-wrap {
  margin-top: 40px;
  text-align: center;
  line-height: 1.6;
}

._cp-form-modal__close {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  border: 1px solid #888;
  cursor: pointer;
}
._cp-form-modal__close::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: #888;
  top: 19px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
._cp-form-modal__close::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: #888;
  bottom: 18px;
  left: 9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

._cp-image-info {
  width: 560px;
  max-width: 600px;
  padding: 0 5px 20px;
}

._cp-image-info__tableWrap {
  border-top: 1px solid #ccc;
  padding: 15px 25px;
}
._cp-image-info__tableWrap .is-noBorder {
  border-top: none;
}

._cp-image-info__table {
  width: 100%;
}

._cp-image-info__th {
  width: 120px;
  padding: 10px 0;
  vertical-align: middle;
  font-size: 14px;
  font-family: Arial;
  font-weight: 400;
}
._cp-image-info__th.is-vTop {
  vertical-align: top;
}

._cp-image-info__td {
  padding: 5px 0 5px 10px;
  font-size: 14px;
  font-family: Arial;
  font-weight: 400;
  color: #222;
}
._cp-image-info__td.is-btn {
  width: 60px;
  font-weight: 700;
}

._cp-form__input + ._cp-image-info__td.is-btn {
  padding-left: 0;
}

._cp-image-info__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._cp-image-info__form-col {
  width: calc((100% - 10px) / 2);
}
._cp-image-info__form-col:not(:first-child) {
  margin-left: 10px;
}

._cp-image-info__input,
._cp-image-info__select {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px !important;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 15px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 46px;
}
._cp-image-info__input:focus,
._cp-image-info__select:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}

._cp-image-info__currentSize {
  font-size: 12px !important;
  color: #555 !important;
}

._cp-image-info__updateBtn {
  color: #0098F7;
  font-size: 14px;
}

._cp-image-info__useTitle {
  font-size: 13px;
  line-height: 1.38;
  color: #555;
  margin-bottom: 10px;
}

._cp-image-info__useData {
  padding: 5px 0;
  border-bottom: 1px solid #808080;
}
._cp-image-info__useData:first-child {
  border-top: 1px solid #808080;
}

._cp-image-info__alt-check-label {
  margin-top: 3px;
}

._cp-image-info__alt-check-text {
  font-size: 13px;
  padding-left: 20px;
  position: relative;
}
._cp-image-info__alt-check-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
}

#imageInfoPopupAltCheck:checked + ._cp-image-info__alt-check-text::before {
  background-color: #0098F7;
}

._cp-image-info__image-size {
  margin-top: 18px;
}

._cp-image-info__no-resize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px;
}
._cp-image-info__no-resize.is-checked ._cp-image-info__no-resize-check {
  background-color: #0098F7;
}

._cp-image-info__no-resize-check {
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #969899;
  margin-right: 5px;
}

._cp-image-info__no-resize-label {
  font-size: 14px;
  color: #222;
}

._cp-image-info__image-size-list {
  border-top: 1px solid #808080;
  padding-top: 14px;
}

._cp-image-info__image-size-list-item {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: #222;
}
._cp-image-info__image-size-list-item a {
  background: none !important;
}
._cp-image-info__image-size-list-item a::after, ._cp-image-info__image-size-list-item a::before {
  content: none !important;
}

._cp-image-info__image-size-list-icon {
  width: 14px;
  height: 14px;
  position: relative;
  margin-left: 6px;
  top: 2px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.001%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.001%2014%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21000%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021000%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230098f7%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23771%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023771%22%20transform%3D%22translate(-1220%20-472)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035557%22%20d%3D%22M8.112%2C0V1h4.181L4.066%2C9.228l.707.707L13%2C1.707V5.889h1V0Z%22%20transform%3D%22translate(1220%20472)%22%20fill%3D%22%230098f7%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23770%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023770%22%20transform%3D%22translate(1220%20472)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_23769%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2023769%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035558%22%20d%3D%22M13%2C12.508a.492.492%2C0%2C0%2C1-.491.492H1.491A.492.492%2C0%2C0%2C1%2C1%2C12.508V1.491A.491.491%2C0%2C0%2C1%2C1.491%2C1H6V0H1.491A1.492%2C1.492%2C0%2C0%2C0%2C0%2C1.491V12.508A1.492%2C1.492%2C0%2C0%2C0%2C1.491%2C14H12.509A1.492%2C1.492%2C0%2C0%2C0%2C14%2C12.508V8H13Z%22%20fill%3D%22%230098f7%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

._cp-image-info__sp-image {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #222;
  margin-bottom: 8px;
}

._cp-image-info__sp-image-select-button {
  font-size: 14px;
  color: #0098f7;
  display: inline-block;
  cursor: pointer;
}

._cp-image-info__sp-image-remove-button {
  font-size: 14px;
  font-family: Meiryo;
  color: #0098f7;
  display: inline-block;
  margin-left: 7px;
  cursor: pointer;
  display: none;
}
._cp-image-info__sp-image-remove-button.is-active {
  display: inline-block;
}

._cp-image-info__sp-image-select {
  margin-bottom: 8px;
}

.cp-layout__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  position: relative;
  min-height: 100vh;
}
.cp-layout__body .cp-layout__body-side {
  width: 220px;
  min-width: 220px;
  background: #F6F6F6;
  min-height: calc(100vh - 80px);
}
.cp-layout__body .cp-layout__body-main {
  padding: 40px 50px;
  width: calc(100% - 220px);
}

._cp-link {
  display: block !important;
}

._cp-link__tabArea {
  padding: 0 20px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border-bottom: 1px solid #D6D6D6 !important;
}

._cp-link__tabAreaBtn {
  background: transparent !important;
  color: #333333 !important;
  -moz-outline: 0 !important;
  outline: none !important;
  border: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-align: left !important;
  margin: 4px 2px 0 !important;
  padding: 0 !important;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  border-radius: 4px 4px 0 0 !important;
  background-clip: padding-box !important;
  z-index: 2 !important;
  position: relative !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  height: 40px !important;
}
._cp-link__tabAreaBtn.is-active, ._cp-link__tabAreaBtn:hover {
  background-color: #D6D6D6 !important;
}
._cp-link__tabAreaBtn i {
  display: block !important;
  width: 24px !important;
  float: none !important;
  margin: 8px 7px !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1 !important;
}
._cp-link__tabAreaBtn svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  float: none !important;
  margin: 8px 7px !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1 !important;
  color: #333333 !important;
}

._cp-link__layer {
  display: none !important;
  width: 680px !important;
}
._cp-link__layer.is-active {
  display: block !important;
}

/**
 * 内部リンク（ページ、ニュース）
 */
/* フィルターエリア */
._cp-link__i-filterArea {
  background-color: #D6D6D6 !important;
  padding: 14px 20px 17px !important;
}

._cp-link__i-filterAreaRow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
._cp-link__i-filterAreaRow:nth-of-type(n+2) {
  margin-top: 8px !important;
  display: none !important;
}
._cp-link__i-filterAreaRow:nth-of-type(n+2).is-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

._cp-link__i-filterAreaCol {
  width: auto !important;
}
._cp-link__i-filterAreaCol:nth-of-type(n+2) {
  margin-left: 10px !important;
}

._cp-link__i-filterAreaSelectSite {
  display: none !important;
}
._cp-link__i-filterAreaSelectSite.is-active {
  display: block !important;
}

._cp-link__i-filterAreaSelectNewslereaseType {
  display: none !important;
}
._cp-link__i-filterAreaSelectNewslereaseType.is-active {
  display: block !important;
}

._cp-link__i-filterAreaSelectKoukai {
  display: none !important;
}
._cp-link__i-filterAreaSelectKoukai.is-active {
  display: block !important;
}

/* リストエリア */
._cp-link__i-listArea {
  max-height: 450px !important;
  min-height: 200px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

._cp-link__i-listAreaRoot {
  padding: 0 20px !important;
  list-style: none !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  position: relative !important;
}
._cp-link__i-listAreaRoot:before {
  position: absolute !important;
  height: 1px !important;
  width: 100% !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  content: "" !important;
  background: #ddd !important;
  margin-top: -1px !important;
}
._cp-link__i-listAreaRoot.is-loading {
  min-height: 150px;
  background: url(/img/loading.svg) center center no-repeat;
  background-size: 45px auto;
}
._cp-link__i-listAreaRoot.is-loading::before {
  display: none;
}

._cp-link__i-listAreaUl {
  padding: 0 0 0 30px !important;
  list-style: none !important;
  margin: 0 !important;
}

._cp-link__i-listAreaLi {
  border-top: 1px solid #ddd !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}
._cp-link__i-listAreaLi.is-active:after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  height: 100% !important;
  width: 200vw !important;
  top: 0 !important;
  left: -50vw !important;
  display: block !important;
  background: #f6f6f6 !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0.1s !important;
  transition-duration: 0.1s !important;
  -webkit-transition-property: background, color, border !important;
  transition-property: background, color, border !important;
  -webkit-transition-timing-function: ease-in-out !important;
  transition-timing-function: ease-in-out !important;
}

._cp-link__i-listAreaNotfond {
  padding: 10px 0 !important;
}

._cp-link__i-listAreaInner {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  min-height: 40px !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 3px 0 !important;
  width: 100% !important;
}
._cp-link__i-listAreaInner:before {
  position: absolute !important;
  height: 1px !important;
  width: 200vw !important;
  top: 0 !important;
  left: -50vw !important;
  display: block !important;
  content: "" !important;
  background: #ddd !important;
  margin-top: -1px !important;
}

._cp-link__i-listAreaFolderIcon {
  position: relative !important;
  display: inline-block !important;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
  margin-right: 8px !important;
  background-color: #333333 !important;
}
._cp-link__i-listAreaFolderIcon:before {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  top: 10px !important;
  background-color: #fff !important;
  width: 7px !important;
  height: 1px !important;
}
._cp-link__i-listAreaFolderIcon:after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 7px !important;
  width: 1px !important;
  height: 7px !important;
  background-color: #fff !important;
  -webkit-transition: opacity 0.2s !important;
  transition: opacity 0.2s !important;
}
._cp-link__i-listAreaFolderIcon.is-open:after {
  opacity: 0 !important;
}
._cp-link__i-listAreaFolderIcon.is-close:after {
  opacity: 1 !important;
}

._cp-link__i-listAreaLinkName {
  -webkit-box-flex: 100 !important;
  -ms-flex-positive: 100 !important;
  flex-grow: 100 !important;
  position: relative !important;
}
._cp-link__i-listAreaLinkName.is-active:after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  height: 100% !important;
  width: 200vw !important;
  top: 0 !important;
  left: -50vw !important;
  display: block !important;
  background: #f6f6f6 !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0.1s !important;
  transition-duration: 0.1s !important;
  -webkit-transition-property: background, color, border !important;
  transition-property: background, color, border !important;
  -webkit-transition-timing-function: ease-in-out !important;
  transition-timing-function: ease-in-out !important;
}

._cp-link__i-listAreaLinkNameTitle,
._cp-link__i-listAreaLinkNameDate {
  color: #222222 !important;
}

._cp-link__i-listAreaAnchor {
  margin-left: 20px !important;
  width: 84px !important;
  max-width: 84px !important;
  min-width: 84px !important;
  position: relative !important;
}

._cp-link__i-listAreaAnchorClick {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

._cp-link__i-listAreaBlank {
  margin-left: 20px !important;
  white-space: nowrap !important;
}

._cp-link__i-listAreaBlankCheck {
  display: inline-block !important;
  -webkit-appearance: checkbox !important;
  position: relative !important;
  top: 0 !important;
  vertical-align: bottom !important;
  margin-right: 6px !important;
}

._cp-link__i-listAreaBtnWrap {
  margin-left: 20px !important;
}

._cp-link__i-listAreaBtn {
  color: #0098F7 !important;
  font-weight: bold !important;
}

/* 外部リンク */
._cp-link__o-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 20px 20px 20px 30px !important;
}

._cp-link__o-urlCol {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  position: relative !important;
  padding: 15px 0 !important;
}

._cp-link__o-urlInput {
  height: 46px !important;
  width: 100% !important;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  border: solid 1px #999999 !important;
  color: #222222 !important;
  font-size: 14px !important;
  background: #FFF !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 4px 12px !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border 0.5s, padding 0.5s !important;
}
._cp-link__o-urlInput:hover {
  border: solid 1px #515151 !important;
}
._cp-link__o-urlInput:focus {
  border: solid 2px #0098f7 !important;
  padding: 3px 11px !important;
}

._cp-link__o-urlLabel {
  position: absolute !important;
  top: 29px !important;
  left: 12px !important;
  font-size: 14px !important;
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -ms-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  z-index: 3 !important;
  display: block !important;
  background: #FFF !important;
  padding: 0 !important;
  cursor: text !important;
  color: gray !important;
  width: auto !important;
  left: 4px !important;
  padding: 0 4px !important;
  font-size: 11px !important;
  top: 9px !important;
}

._cp-link__o-blankCol {
  white-space: nowrap !important;
  margin-left: 20px !important;
}

._cp-link__o-btnCol {
  white-space: nowrap !important;
  margin-left: 20px !important;
}

._cp-link__o-ok {
  height: 36px !important;
  line-height: 1 !important;
  color: #0098F7 !important;
  font-weight: bold !important;
  padding: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: 0 !important;
  background: 0 0 !important;
  font-size: 16px !important;
  outline: 0 !important;
  -webkit-transition: background 0.2s ease 0s !important;
  transition: background 0.2s ease 0s !important;
}

/* 添付ファイルエリア */
._cp-link__f-filterArea {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  background-color: #D6D6D6 !important;
  padding: 14px 20px 17px !important;
}

._cp-link__f-filterAreaChildCol {
  margin-left: 10px !important;
}

._cp-link__f-filterAreaChildSelect {
  display: none !important;
}
._cp-link__f-filterAreaChildSelect.is-active {
  display: block !important;
}

._cp-form__input-radio-label {
  font-size: 12px !important;
  margin-right: 5px !important;
  color: #333 !important;
}

._cp-form__input-radio {
  -webkit-appearance: radio !important;
  display: inline-block !important;
  margin: 3px 3px 0 0 !important;
  vertical-align: top !important;
}

._cp-link__f-filterAreaBtnCol {
  margin-left: 10px !important;
  position: relative !important;
}

._cp-link__f-filterAreaInput {
  margin-left: 20px !important;
  position: relative !important;
}

._cp-link__f-filterAreaBtn {
  margin-left: 20px !important;
  position: relative !important;
}

._cp-link__f-listArea {
  max-height: 450px !important;
  min-height: 200px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

._cp-link__f-listAreaRoot {
  padding: 0 20px !important;
  list-style: none !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  position: relative !important;
}

._cp-link__f-listAreaLi {
  border-top: 1px solid #ddd !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

._cp-link__f-listAreaInner {
  position: relative !important;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  min-height: 40px !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  padding: 3px 0 !important;
}
._cp-link__f-listAreaInner:before {
  position: absolute !important;
  height: 1px !important;
  width: 200vw !important;
  top: 0 !important;
  left: -50vw !important;
  display: block !important;
  content: "" !important;
  background: #ddd !important;
  margin-top: -1px !important;
}

._cp-link__f-listAreaName {
  -webkit-box-flex: 100 !important;
  -ms-flex-positive: 100 !important;
  flex-grow: 100 !important;
  word-break: break-all;
}

._cp-link__f-listAreaSize {
  margin-left: 20px !important;
  width: 84px !important;
  max-width: 84px !important;
  min-width: 84px !important;
  position: relative !important;
}

._cp-link__f-listAreaSizeCheck {
  display: inline-block !important;
  -webkit-appearance: checkbox !important;
  position: relative !important;
  top: 0 !important;
  vertical-align: bottom !important;
  margin-right: 6px !important;
}

._cp-link__f-listAreaBtn {
  margin-left: 20px !important;
}

._cp-link__f-listAreaPaging {
  padding: 8px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #ddd;
}

._cp-link__f-listAreaPagingPrev {
  cursor: pointer !important;
  margin-right: auto !important;
  background-color: transparent !important;
  border: 1px solid #D6D6D6 !important;
  outline: none !important;
  padding: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 10px !important;
  text-align: center !important;
  width: 48px !important;
  line-height: 28px !important;
  border-radius: 2px !important;
  font-weight: bold !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
._cp-link__f-listAreaPagingPrev:hover {
  text-decoration: none !important;
  background-color: #D6D6D6 !important;
}

._cp-link__f-listAreaPagingNext {
  cursor: pointer;
  margin-left: auto;
  background-color: transparent !important;
  border: 1px solid #D6D6D6 !important;
  outline: none !important;
  padding: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 10px !important;
  text-align: center !important;
  width: 48px !important;
  line-height: 28px !important;
  border-radius: 2px !important;
  font-weight: bold !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
._cp-link__f-listAreaPagingNext:hover {
  text-decoration: none !important;
  background-color: #D6D6D6 !important;
}

/* アンカーリンク */
._cp-link__a-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 20px 20px 20px 30px !important;
}

._cp-link__a-idCol {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  position: relative !important;
  padding: 15px 0 !important;
}

._cp-link__a-anchorInput {
  height: 46px !important;
  width: 100% !important;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  border: solid 1px #999999 !important;
  color: #222222 !important;
  font-size: 14px !important;
  background: #FFF !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 4px 12px !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-transition: border 0.5s, padding 0.5s !important;
}
._cp-link__a-anchorInput:hover {
  border: solid 1px #515151 !important;
}
._cp-link__a-anchorInput:focus {
  border: solid 2px #0098f7 !important;
  padding: 3px 11px !important;
}

._cp-link__a-anchorLabel {
  position: absolute !important;
  top: 29px !important;
  left: 12px !important;
  font-size: 14px !important;
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -ms-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  z-index: 3 !important;
  display: block !important;
  background: #FFF !important;
  padding: 0 !important;
  cursor: text !important;
  color: gray !important;
  width: auto !important;
  left: 4px !important;
  padding: 0 4px !important;
  font-size: 11px !important;
  top: 9px !important;
}

._cp-link__a-spacerCol {
  white-space: nowrap !important;
  margin-left: 20px !important;
}

._cp-link__a-btnCol {
  white-space: nowrap !important;
  margin-left: 20px !important;
}

._cp-link__a-ok {
  height: 36px !important;
  line-height: 1 !important;
  color: #0098F7 !important;
  padding: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: 0 !important;
  background: 0 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  outline: 0 !important;
  -webkit-transition: background 0.2s ease 0s !important;
  transition: background 0.2s ease 0s !important;
}

.cp-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/spinning-circles.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45px auto;
  z-index: 19;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.cp-loading.is-show {
  display: block;
}

.cp-main-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
}
.cp-main-title .cp-main-title__right {
  margin-left: auto;
}
.cp-main-title .cp-main-title__text {
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 0 !important;
}
.cp-main-title .cp-main-title__link {
  white-space: nowrap;
  color: #0071BB;
  font-size: 13px;
}
.cp-main-title .cp-main-title__link:hover {
  text-decoration: underline;
}
.cp-main-title .cp-main-title__btn {
  top: -2px;
  right: 0;
  color: #212121;
  display: inline-block;
  padding: 10px 35px;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cp-main-title .cp-main-title__btn:hover {
  color: #fff;
  border: 1px solid #666;
  background-color: #666;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.cp-menu-area .cp-menu-area__title {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 25px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.cp-menu-area .cp-menu-area__menu {
  font-size: 13px;
  font-size: 1.3rem;
}
.cp-menu-area .cp-menu-area__menu a {
  display: block;
  padding: 8px 20px 8px 25px;
  color: #222;
}
.cp-menu-area .cp-menu-area__menu a:hover, .cp-menu-area .cp-menu-area__menu a.active {
  background: #D1D1D1;
  text-decoration: none;
}
.cp-menu-area .cp-menu-area__menu a + span {
  display: none;
}

._cp-notice-edit__wrap {
  width: 800px;
  margin: 40px auto 80px;
}

._cp-notice-edit__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
}

._cp-notice-edit__table-th {
  width: 130px;
  padding: 10px 20px 8px;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
}

._cp-notice-edit__table-td {
  padding: 10px 20px 8px;
  font-size: 14px;
}

._cp-notice-edit__require {
  font-family: "Meiryo", "Lato", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  color: #f00;
}

._cp-notice-edit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._cp-notice-edit__col.is-date {
  width: 150px;
}
._cp-notice-edit__col.is-time {
  width: 50px;
}

._cp-notice-edit__btn-wrap {
  text-align: center;
  margin-top: 40px;
}

._cp-form__radio:checked + ._cp-form__radio-label::after {
  background-color: #222222;
}

._cp-notice-list__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

._cp-notice-list__pager-1 {
  margin-left: auto;
}

._cp-notice-list__pager-2 {
  margin-left: 10px;
}

._cp-notice-list__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
  margin-bottom: 80px;
}

._cp-notice-list__table-th {
  background-color: #eee;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  padding: 10px 20px;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
}

._cp-notice-list__table-td {
  padding: 10px 20px;
  font-size: 14px;
  background-color: #fff;
  border-bottom: 1px solid #DBDBDB;
}

._cp-notice-modal {
  width: 800px;
  max-height: 60vh;
  background-color: #fff;
  padding: 40px;
  font-size: 14px;
  overflow-y: scroll;
}

._cp-notice-modal__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._cp-notice-modal__meta-date {
  white-space: nowrap;
  margin-right: 20px;
}

._cp-notice-modal__title {
  margin-top: 20px;
  padding-bottom: 14px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}

._cp-notice-modal__body {
  margin-top: 20px;
  line-height: 2.4;
}

._cp-notice-modal__close-wrap {
  margin-top: 40px;
  text-align: center;
  line-height: 1.6;
}

._cp-notice-modal__close {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  border: 1px solid #888;
  cursor: pointer;
}
._cp-notice-modal__close::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: #888;
  top: 19px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
._cp-notice-modal__close::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: #888;
  bottom: 18px;
  left: 9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

._cp-restrict-list__add {
  background-color: #F5F5F5;
  padding: 22px 30px;
  margin-bottom: 25px;
}
._cp-restrict-list__add input[type=text] {
  width: 300px;
  margin-right: 12px;
  padding: 7px 10px;
  border: 1px solid #B3B3B3;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
._cp-restrict-list__add button {
  width: 80px;
  padding: 8px 4px;
  border: 1px solid #666;
  border-radius: 3px;
  background: #666;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border;
  transition-property: background-color, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
._cp-restrict-list__add button:hover {
  background-color: #fff;
  color: #666;
}

._cp-restrict-list {
  padding-bottom: 80px;
}

._cp-restrict-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: 1.3rem;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F5F5F5;
}
._cp-restrict-list__head > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 4px;
}
._cp-restrict-list__head .restrictName {
  width: calc((100% - 140px) * 0.4);
  padding: 10px 30px;
}
._cp-restrict-list__head .ipAccess {
  width: calc((100% - 140px) * 0.2);
  padding: 10px 30px;
}
._cp-restrict-list__head .basicAuth {
  width: calc((100% - 140px) * 0.2);
  padding: 10px 30px;
}
._cp-restrict-list__head .synchronizedAt {
  width: calc((100% - 140px) * 0.2);
  padding: 10px 30px;
}
._cp-restrict-list__head .number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
._cp-restrict-list__head .action {
  width: 96px;
  padding: 5px 4px;
  text-align: center;
}

._cp-restrict-list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._cp-restrict-list__body .restrictName {
  width: calc((100% - 140px) * 0.4);
  padding: 20px 30px;
}
._cp-restrict-list__body .ipAccess {
  width: calc((100% - 140px) * 0.2);
  padding: 20px 30px;
  word-break: break-all;
}
._cp-restrict-list__body .basicAuth {
  width: calc((100% - 140px) * 0.2);
  padding: 20px 30px;
}
._cp-restrict-list__body .synchronizedAt {
  width: calc((100% - 140px) * 0.2);
  padding: 20px 30px;
}
._cp-restrict-list__body .number {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  text-align: center;
}
._cp-restrict-list__body .action {
  width: 96px;
  padding: 5px 4px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._cp-restrict-list__body .action label {
  display: block;
  height: 100%;
  padding: 11px 4px 0 4px;
}
._cp-restrict-list__body:hover {
  background-color: #f6f6f6;
}
._cp-restrict-list__body:hover ._cp-restrict-list__action,
._cp-restrict-list__body:hover ._cp-restrict-list__handle,
._cp-restrict-list__body:hover ._cp-restrict-list__menu {
  opacity: 1;
}

._cp-restrict-list__title-input {
  border: 0px;
  width: 100%;
  background-color: transparent;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 4px 8px;
  line-height: 1.6;
}

._cp-restrict-list__action {
  min-width: 96px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._cp-restrict-list__handle {
  display: inline-block;
  opacity: 0;
  height: 28px;
  width: 28px;
  border: none;
  cursor: move;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/icon-handle.svg) 0 0 no-repeat;
  background-size: 28px 28px;
}

._cp-restrict-list__menu {
  display: inline-block;
  opacity: 0;
  height: 28px;
}

._cp-restrict-modal__allowIp-wrap {
  display: none;
}
._cp-restrict-modal__allowIp-wrap.is-active {
  display: block;
}

._cp-restrict-modal__basicAuth-wrap {
  display: none;
}
._cp-restrict-modal__basicAuth-wrap.is-active {
  display: block;
}

._cp-restrict-modal__basicAuthType {
  margin-top: 20px;
}

._cp-restrict-modal__checkbox {
  display: block;
  position: relative;
  margin: 1em 0;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* テキストの選択を防ぐ */
}
._cp-restrict-modal__checkbox.is-td-top {
  margin-top: 0px !important;
}

._cp-restrict-modal__checkbox input {
  display: none; /* 本来のcheckboxは非表示にする */
}

._cp-restrict-modal__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: solid 2px #d4dae2;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

._cp-restrict-modal__checkmark:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 8px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0; /* 透明にしておく */
}

._cp-restrict-modal__checkbox input:checked + ._cp-restrict-modal__checkmark {
  background: #2e80ff;
  border-color: #2e80ff;
}

._cp-restrict-modal__checkbox input:checked + ._cp-restrict-modal__checkmark:after {
  opacity: 1;
}

._cp-restrict-modal__radio {
  position: relative;
  display: block; /* 縦並びに */
  margin: 0.5em 0; /* 前後のスペース */
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._cp-restrict-modal__radio input {
  display: none; /* 本来のradioは非表示にする */
}

._cp-restrict-modal__radio-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: solid 2px #d4dae2;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

._cp-restrict-modal__radio-mark:after {
  content: "";
  position: absolute;
  background: #2e80ff;
  border-radius: 50%;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  opacity: 0; /* 透明にしておく */
}

._cp-restrict-modal__radio input:checked + ._cp-restrict-modal__radio-mark:after {
  opacity: 1;
}

._cp-restrict-modal__checkbox-radio {
  position: relative;
  display: block; /* 縦並びに */
  margin: 0.5em 0; /* 前後のスペース */
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; /* テキストの選択を防ぐ */
}

._cp-restrict-modal__checkbox-radio input {
  display: none; /* 本来のcheckboxは非表示にする */
}

._cp-restrict-modal__checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: solid 2px #d4dae2;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

._cp-restrict-modal__checkmark-radio:after {
  content: "";
  position: absolute;
  background: #2e80ff;
  border-radius: 50%;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  opacity: 0; /* 透明にしておく */
}

._cp-restrict-modal__checkbox-radio input:checked + ._cp-restrict-modal__checkmark-radio:after {
  opacity: 1; /* 透明を解除 */
}

._cp-restrict-modal__basicAuth-wrap .basic-auth-items {
  font-size: 15px;
  font-size: 1.5rem;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items.active {
  display: block;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line {
  margin-bottom: 4px;
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line:first-child .minus-btn {
  display: none;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line p {
  display: inline-block;
  text-align: center;
  margin-right: 4px;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line input[type=text] {
  display: inline-block;
  width: 40%;
  margin-right: 4px;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line .password-warpper {
  display: inline-block;
  width: 50%;
  margin-right: 4px;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line .minus-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 4px;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-line .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 5px;
  display: block;
  width: 12px;
  height: 2px;
  background: #333;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .item-footer {
  text-align: right;
  padding-bottom: 3px;
  padding-right: 13%;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .plus-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .plus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 11px;
  height: 2px;
  background: #333;
}
._cp-restrict-modal__basicAuth-wrap .basic-auth-items .plus-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 11px;
  height: 2px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

._cp-slide-modal__bg {
  display: none;
}
._cp-slide-modal__bg.is-active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

._cp-slide-modal__wrap {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 20;
}

._cp-slide-modal__main {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  width: 0;
  max-width: 580px;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
._cp-slide-modal__main.is-active {
  width: 80vw;
  max-height: 100vh;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

._cp-slide-modal__ajax-iframe {
  width: 100%;
  height: inherit;
}

._cp-tag-copy__btn-wrap {
  text-align: right;
  margin-bottom: 27px;
}

._cp-tag-copy__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #444344;
  color: #fff;
  padding: 5px 14px 3px;
  border-radius: 2px;
}

._cp-tag-copy__hiddenbox {
  height: 0;
  opacity: 0;
}

._mod-air-window__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._mod-air-window__btn-item:not(:first-child) {
  margin-left: 4px;
}

._mod-air-window__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 80px;
  border: 0px;
  background-color: #818181;
  color: #FFF;
  padding: 8px 0;
  text-align: center;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
._mod-air-window__btn.active, ._mod-air-window__btn:hover {
  text-decoration: none;
  background-color: #4CA74F;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

._cp-palette-popup {
  position: absolute !important;
  z-index: 2 !important;
}
._cp-palette-popup.is-hide {
  display: none !important;
}

._cp-palette-popup__loading-area.is-loading {
  min-height: 64px !important;
  background-image: url(../img/spinner.gif) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 32px auto !important;
}

._cp-palette-popup__tab-area {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 264px !important;
  border-radius: 6px 6px 0 0 !important;
  border-bottom: 1px solid #ccc !important;
  overflow: hidden !important;
}

._cp-palette-popup__tab-btn {
  width: 50% !important;
  padding: 5px !important;
  text-align: center !important;
  color: #333 !important;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
  border-radius: 0 !important;
  border: 0px !important;
  background-color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
._cp-palette-popup__tab-btn.is-active, ._cp-palette-popup__tab-btn:hover {
  background-color: #666666 !important;
  color: #fff !important;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}

._cp-palette-popup__select-area {
  padding: 10px !important;
  background-color: #E8E8E8 !important;
}

._cp-palette-popup__tab-content {
  max-height: 300px !important;
  padding: 0 10px 10px !important;
  overflow-y: auto !important;
}

._cp-palette-popup__palette {
  margin-top: 10px !important;
  display: none !important;
  padding-left: 20px !important;
}
._cp-palette-popup__palette.is-active {
  display: block !important;
}

._cp-palette-popup__palette-name {
  font-size: 12px !important;
  line-height: 1.5 !important;
  word-break: break-all !important;
  margin-bottom: 5px !important;
  color: #555555 !important;
}
._cp-palette-popup__palette-name:not(:first-child) {
  margin-top: 39px !important;
}

._cp-palette-popup__color {
  padding: 5px 15px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  line-height: 18px;
  position: relative !important;
  font-family: "メイリオ" !important;
}
._cp-palette-popup__color.is-active {
  outline: 2px solid #ccc;
}
._cp-palette-popup__color:hover {
  color: #555555 !important;
}

._cp-palette-popup__color.fr-active-item:after {
  content: "" !important;
  width: 15px !important;
  height: 15px !important;
  position: absolute !important;
  top: 8px !important;
  left: -18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px auto !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23000%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22512%2C256.001%20195.491%2C18.616%20195.491%2C153.599%200%2C153.599%200%2C358.403%20195.491%2C358.403%20195.491%2C493.384%20%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

._cp-palette-popup__color-code {
  min-width: 70px !important;
  font-size: 10px !important;
  pointer-events: none !important;
}

._cp-palette-popup__color-name {
  font-size: 10px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0px !important;
  flex: 1 1 0 !important;
  word-break: break-all !important;
  pointer-events: none !important;
}

._cp-palette-popup__bottom {
  background-color: #E8E8E8 !important;
  padding: 8px 10px 14px 10px !important;
}

._cp-palette-popup__bottom-title {
  line-height: 1.5 !important;
  font-size: 12px !important;
  font-family: "メイリオ" !important;
}

._cp-palette-popup__bottom-body {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

._cp-palette-popup__bottom-left {
  background-color: #ffffff !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0px !important;
  flex: 1 1 0 !important;
  width: 180px !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}

._cp-palette-popup__bottom-left-1 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 20px !important;
  flex: 0 1 20px !important;
  text-align: center !important;
  color: #999999 !important;
  border-right: 1px solild #CCCCCC !important;
}

._cp-palette-popup__bottom-left-2 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 20px !important;
  flex: 0 1 20px !important;
  text-align: center !important;
  color: #999999 !important;
}
._cp-palette-popup__bottom-left-2 > label {
  display: none !important;
}

._cp-palette-popup__bottom-left-3 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 70px !important;
  flex: 0 1 70px !important;
  height: 28px !important;
  margin-left: auto !important;
}

._cp-palette-popup__bottom-input {
  width: 90px !important;
  height: 28px !important;
  font-weight: bold !important;
  font-size: 12px !important;
  border: none !important;
  font-family: "メイリオ" !important;
}

._cp-palette-popup__bottom-right {
  width: 61px !important;
  margin-left: 4px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

._cp-palette-popup__bottom-btn {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #666666 !important;
  color: #fff !important;
  font-size: 10px !important;
  text-align: center !important;
  width: 28px !important;
  line-height: 28px !important;
  border-radius: 2px !important;
  font-weight: bold !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
._cp-palette-popup__bottom-btn:hover {
  background-color: #D6D6D6 !important;
}

._cp-palette-setting {
  margin-top: 40px;
}

._cp-palette-setting__title-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F5F5F5;
  border-bottom: 1px solid #DDDDDD;
  min-height: 58px;
}
._cp-palette-setting__title-flex:hover ._cp-palette-setting__title-handle,
._cp-palette-setting__title-flex:hover ._cp-palette-setting__title-menu {
  opacity: 1;
}

._cp-palette-setting__title-main {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin: 0px !important;
  padding: 0 16px;
  min-width: 0;
}

._cp-palette-setting__title-main-inner {
  position: relative;
  max-width: 100%;
}

._cp-palette-setting__title-input {
  border: 0px;
  width: 100%;
  background-color: transparent;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 4px 8px;
  line-height: 1.6;
}

._cp-palette-setting__title-sub {
  min-width: 96px;
  padding: 0 15px;
  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;
}

._cp-palette-setting__title-handle {
  display: inline-block;
  opacity: 0;
  height: 28px;
  width: 28px;
  border: none;
  cursor: move;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/icon-handle.svg) 0 0 no-repeat;
  background-size: 28px 28px;
}

._cp-palette-setting__title-menu {
  display: inline-block;
  height: 28px;
  opacity: 0;
}

._cp-palette-setting__body {
  font-size: 0;
  background-color: #F5F5F5;
  padding: 20px 20px 10px;
}
._cp-palette-setting__body > ._cp-palette-setting__color--hint {
  border: 2px dashed #ccc;
  width: 334px;
  height: 54px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

._cp-palette-setting__color {
  border-radius: 3px;
  max-height: 54px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

._cp-palette-setting__color-inner {
  width: 334px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
._cp-palette-setting__color-inner:hover {
  border-color: #4CA64F;
}
._cp-palette-setting__color-inner:hover ._cp-palette-setting__color-handle,
._cp-palette-setting__color-inner:hover ._cp-palette-setting__color-delete {
  opacity: 1;
}

._cp-palette-setting__color-inner1 {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  max-width: 50px;
  border: 1px solid #EFF0F4;
  text-align: center;
  padding-top: 7px;
}

._cp-palette-setting__color-inner2 {
  width: 72px;
  max-width: 72px;
  min-width: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._cp-palette-setting__color-inner3 {
  width: 212px;
  max-width: 212px;
  min-width: 212px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding-right: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

._cp-palette-setting__color-thumb {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  background-color: #ccc;
  display: inline-block;
}

._cp-palette-setting__color-code {
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  background-color: transparent;
  padding: 2px 0 2px 8px;
  line-height: 20px;
}

._cp-palette-setting__color-name {
  display: block;
  width: 100%;
  font-size: 12px;
  background-color: transparent;
  padding: 2px 8px;
  line-height: 20px;
}

._cp-palette-setting__color-handle {
  display: block;
  opacity: 0;
  position: absolute;
  right: 29px;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  border: none;
  cursor: move;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/icon-handle.svg) 0 0 no-repeat;
  background-size: 20px 20px;
}

._cp-palette-setting__color-delete {
  opacity: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #777777;
}
._cp-palette-setting__color-delete::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 10px;
  height: 11px;
  width: 1px;
  display: block;
  background-color: #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
._cp-palette-setting__color-delete::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 10px;
  height: 11px;
  width: 1px;
  display: block;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

._cp-sender-list {
  margin-top: 40px;
}

._cp-sender-list__title-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F5F5F5;
  border-bottom: 1px solid #DDDDDD;
  min-height: 58px;
}
._cp-sender-list__title-flex:hover ._cp-sender-list__title-handle,
._cp-sender-list__title-flex:hover ._cp-sender-list__title-menu {
  opacity: 1;
}

._cp-sender-list__title-main {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin: 0px !important;
  padding: 0 16px;
  min-width: 0;
}

._cp-sender-list__title-main-inner {
  position: relative;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._cp-sender-list__title-input {
  border: 0px;
  width: 100%;
  background-color: transparent;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 4px 8px;
  line-height: 1.6;
}

._cp-sender-list__title-sub {
  min-width: 96px;
  padding: 0 15px;
  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;
}

._cp-sender-list__title-handle {
  display: inline-block;
  opacity: 0;
  height: 28px;
  width: 28px;
  border: none;
  cursor: move;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/icon-handle.svg) 0 0 no-repeat;
  background-size: 28px 28px;
}

._cp-sender-list__title-menu {
  display: inline-block;
  height: 28px;
  opacity: 0;
}

._cp-sender-list__body {
  background-color: #F5F5F5;
  padding: 20px 20px 10px;
}

.cp-template-edit__editor-wrap {
  position: relative;
}

.cp-template-edit__link-popup {
  display: none;
  position: absolute;
  top: 0;
  left: calc(50% - 345px);
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  z-index: 20;
}
.cp-template-edit__link-popup.is-active {
  display: block;
}

.cp-template-edit__link-popup ._cp-link__i-listAreaBlankCheck,
.cp-template-edit__link-popup ._cp-link__f-listAreaSizeCheck {
  top: -2px !important;
}

.cp-template-edit__template-popup {
  display: none;
  position: absolute;
  top: 0;
  left: calc(50% - 345px);
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  z-index: 20;
}
.cp-template-edit__template-popup.is-active {
  display: block;
}

.cp-template-news-setting__radio {
  display: none !important;
}

.cp-template-edit__block-version-change {
  margin-bottom: 30px;
}

.cp-template-edit__block-version-change-form {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-template-edit__block-version-change-form select {
  display: block;
  width: calc(100% + 22px);
  height: 40px;
  padding: 2px 24px 2px 12px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
.cp-template-edit__block-version-change-form button {
  color: #fff;
  background-color: #4CA74F;
  width: 150px;
  height: 40px;
  border: none;
}

.cp-template-edit__block-version-change-select {
  width: 260px;
  height: 40px;
  float: left;
  position: relative;
  display: inline-block;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
  margin-right: 10px;
}
.cp-template-edit__block-version-change-select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
.cp-template-edit__block-version-change-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}

.cp-edit-block-setting__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1160px;
  width: 100%;
  height: 70px;
}

.cp-edit-block-setting__news-setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1160px;
  width: 100%;
}

.fr-block.fr-block-close .cp-edit-block-setting__news-setting {
  display: none;
}

.cp-edit-block-setting__menu-col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: auto;
  width: calc(100% - 294px);
}

.cp-edit-block-setting__menu-col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  width: 294px;
}

.cp-edit-block-setting__menu-name {
  font-size: 12px;
  line-height: 1.4;
  width: 164px;
}

.cp-edit-block-setting__menu-name-wider {
  font-size: 12px;
  line-height: 1.4;
  width: 284px;
}

.cp-edit-block-setting__menu-select {
  position: relative;
}

.cp-edit-block-setting__menu-select-clickarea {
  display: block;
  position: relative;
}
.cp-edit-block-setting__menu-select-clickarea:before {
  height: 28px;
  content: "";
  width: calc(100% + 40px);
  position: absolute;
  left: -20px;
  top: -6px;
}

.cp-edit-block-setting__menu-dropdown-title,
.cp-edit-block-setting__menu-dropdown-title-wider {
  font-size: 12px;
  line-height: 1.4;
  width: 100px;
  margin-right: 20px;
  border: 1px solid #999;
  padding: 2px 5px;
  display: block;
  cursor: pointer;
  height: 24px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.cp-edit-block-setting__menu-dropdown-title:after,
.cp-edit-block-setting__menu-dropdown-title-wider:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  right: 10px;
  top: calc(50% - 3px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.733%22%20height%3D%226.46%22%20viewBox%3D%220%200%2010.733%206.46%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1166%22%20data-name%3D%22%E3%83%91%E3%82%B9%201166%22%20d%3D%22M1806.732%2C660.044l5%2C5.385%2C5-5.385%22%20transform%3D%22translate(-1806.365%20-659.704)%22%20fill%3D%22none%22%20stroke%3D%22%23202121%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-dropdown-title.is-active:after,
.cp-edit-block-setting__menu-dropdown-title-wider.is-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-edit-block-setting__menu-dropdown-title-wider {
  width: 200px;
}

.cp-edit-block-setting__menu-dropdown-option-title {
  font-size: 12px;
  line-height: 1.4;
  width: 110px;
  border: 1px solid #999;
  padding: 2px 5px;
  display: block;
  cursor: pointer;
  height: 24px;
  position: relative;
}
.cp-edit-block-setting__menu-dropdown-option-title:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  right: 10px;
  top: calc(50% - 3px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.733%22%20height%3D%226.46%22%20viewBox%3D%220%200%2010.733%206.46%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1166%22%20data-name%3D%22%E3%83%91%E3%82%B9%201166%22%20d%3D%22M1806.732%2C660.044l5%2C5.385%2C5-5.385%22%20transform%3D%22translate(-1806.365%20-659.704)%22%20fill%3D%22none%22%20stroke%3D%22%23202121%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-dropdown-option-title.is-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-edit-block-setting__block-menu-dropdown-lists {
  position: absolute;
  min-width: 170px !important;
  width: auto !important;
  list-style: none !important;
  margin: 0 !important;
  top: 30px;
  left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}
.cp-edit-block-setting__block-menu-dropdown-lists.is-active {
  overflow: visible;
}

.cp-edit-block-setting__block-option-dropdown-lists {
  position: absolute;
  width: 165px;
  list-style: none !important;
  margin: 0 !important;
  top: 30px;
  left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}
.cp-edit-block-setting__block-option-dropdown-lists.is-active {
  overflow: visible;
}

.cp-edit-block-setting__menu-dropdown-lists {
  position: absolute;
  width: 92px !important;
  list-style: none !important;
  margin: 0 !important;
  top: 30px;
  left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  list-style: none !important;
}
.cp-edit-block-setting__menu-dropdown-lists.is-active {
  overflow: visible;
}

.cp-edit-block-setting__menu-dropdown-option-lists {
  position: absolute;
  width: 136px !important;
  list-style: none !important;
  margin: 0 !important;
  top: -5px;
  left: 82px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}

.cp-edit-block-setting__menu-dropdown-li {
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 6px 20px !important;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  white-space: nowrap !important;
}
.cp-edit-block-setting__menu-dropdown-li:hover, .cp-edit-block-setting__menu-dropdown-li.is-active {
  background-color: #D2D2D2;
}
.cp-edit-block-setting__menu-dropdown-li:empty {
  display: none;
}

.is-active > .cp-edit-block-setting__menu-dropdown-li {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.cp-edit-block-setting__menu-dropdown-copy {
  width: 153px;
  top: 30px;
}

.cp-edit-block-setting__menu-memo {
  margin-left: 10px;
  width: 368px;
}

.cp-edit-block-setting__memo-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
  padding: 0;
  position: relative;
}
.cp-edit-block-setting__memo-textarea:empty:before {
  content: "メモ";
  color: #333333;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 5px;
}

.cp-edit-block-setting__menu-copy-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 70px;
  padding-left: 32px;
  border: none;
}
.cp-edit-block-setting__menu-copy-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-copy-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 25px;
  height: 24px;
  top: calc(50% - 12px);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2108%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202108%22%20transform%3D%22translate(-1377%20-513)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1943%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201943%22%20transform%3D%22translate(1384%20513)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1942%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201942%22%20transform%3D%22translate(1377%20519)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-copy-button:after {
  content: none;
}
.cp-edit-block-setting__menu-copy-button.is-active:before, .cp-edit-block-setting__menu-copy-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2226%22%20viewBox%3D%220%200%2027%2026%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2518%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202518%22%20transform%3D%22translate(-1025%20-1175)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1943%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201943%22%20transform%3D%22translate(1033%201176)%22%20fill%3D%22%23f19317%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%22-0.5%22%20y%3D%22-0.5%22%20width%3D%2219%22%20height%3D%2219%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1942%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201942%22%20transform%3D%22translate(1026%201182)%22%20fill%3D%22%23f19317%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%22-0.5%22%20y%3D%22-0.5%22%20width%3D%2219%22%20height%3D%2219%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-delete-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 56px;
  padding-left: 26px;
  margin-left: 15px;
}
.cp-edit-block-setting__menu-delete-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-delete-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 24px;
  top: calc(50% - 12px);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224.5%22%20viewBox%3D%220%200%2020%2024.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2110%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202110%22%20transform%3D%22translate(-937%20-512.5)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1944%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201944%22%20transform%3D%22translate(938%20519)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Cpath%20d%3D%22M0%2C0H18a0%2C0%2C0%2C0%2C1%2C0%2C0V16a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M1%2C.5H17a.5.5%2C0%2C0%2C1%2C.5.5V16A1.5%2C1.5%2C0%2C0%2C1%2C16%2C17.5H2A1.5%2C1.5%2C0%2C0%2C1%2C.5%2C16V1A.5.5%2C0%2C0%2C1%2C1%2C.5Z%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1945%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201945%22%20transform%3D%22translate(937%20515)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%20%3Cpath%20d%3D%22M2%2C0H18a2%2C2%2C0%2C0%2C1%2C2%2C2V5a0%2C0%2C0%2C0%2C1%2C0%2C0H0A0%2C0%2C0%2C0%2C1%2C0%2C5V2A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M2%2C.5H18A1.5%2C1.5%2C0%2C0%2C1%2C19.5%2C2V4a.5.5%2C0%2C0%2C1-.5.5H1A.5.5%2C0%2C0%2C1%2C.5%2C4V2A1.5%2C1.5%2C0%2C0%2C1%2C2%2C.5Z%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1160%22%20data-name%3D%22%E3%83%91%E3%82%B9%201160%22%20d%3D%22M386%2C132.228v-1.114A1.114%2C1.114%2C0%2C0%2C1%2C387.114%2C130h4.456a1.114%2C1.114%2C0%2C0%2C1%2C1.114%2C1.114v1.114%22%20transform%3D%22translate(557.917%20383)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202109%22%20transform%3D%22translate(-477)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_405%22%20data-name%3D%22%E7%B7%9A%20405%22%20y2%3D%2211%22%20transform%3D%22translate(1419%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_406%22%20data-name%3D%22%E7%B7%9A%20406%22%20y2%3D%2211%22%20transform%3D%22translate(1424%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_407%22%20data-name%3D%22%E7%B7%9A%20407%22%20y2%3D%2211%22%20transform%3D%22translate(1429%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-delete-button:after {
  content: none;
}
.cp-edit-block-setting__menu-delete-button.is-active:before, .cp-edit-block-setting__menu-delete-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224.5%22%20viewBox%3D%220%200%2020%2024.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2192%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202192%22%20transform%3D%22translate(-1326%20-1175.5)%22%3E%20%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1944%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201944%22%20d%3D%22M0%2C0H18a0%2C0%2C0%2C0%2C1%2C0%2C0V16a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%20transform%3D%22translate(1327%201182)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1945%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201945%22%20d%3D%22M2%2C0H18a2%2C2%2C0%2C0%2C1%2C2%2C2V5a0%2C0%2C0%2C0%2C1%2C0%2C0H0A0%2C0%2C0%2C0%2C1%2C0%2C5V2A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22%20transform%3D%22translate(1326%201178)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1160%22%20data-name%3D%22%E3%83%91%E3%82%B9%201160%22%20d%3D%22M386%2C132.228v-1.114A1.114%2C1.114%2C0%2C0%2C1%2C387.114%2C130h4.456a1.114%2C1.114%2C0%2C0%2C1%2C1.114%2C1.114v1.114%22%20transform%3D%22translate(946.917%201046)%22%20fill%3D%22none%22%20stroke%3D%22%23f19317%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202109%22%20transform%3D%22translate(-88%20663)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_405%22%20data-name%3D%22%E7%B7%9A%20405%22%20y2%3D%2211%22%20transform%3D%22translate(1419%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_406%22%20data-name%3D%22%E7%B7%9A%20406%22%20y2%3D%2211%22%20transform%3D%22translate(1424%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_407%22%20data-name%3D%22%E7%B7%9A%20407%22%20y2%3D%2211%22%20transform%3D%22translate(1429%20522)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-group-exec {
  padding-left: 5px;
}

.cp-edit-block-setting__menu-group-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-edit-block-setting__menu-group-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cp-edit-block-setting__menu-group-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-edit-block-setting__menu-above-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 15px;
}
.cp-edit-block-setting__menu-above-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-above-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2126%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202126%22%20transform%3D%22translate(-1444.5%20-512)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1939%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201939%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1445%20512.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2107%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202107%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_404%22%20data-name%3D%22%E7%B7%9A%20404%22%20y2%3D%228%22%20transform%3D%22translate(1457%20522.5)%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_15%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2015%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(1453%20519)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-above-button:after {
  content: none;
}
.cp-edit-block-setting__menu-above-button.is-active:before, .cp-edit-block-setting__menu-above-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2194%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202194%22%20transform%3D%22translate(-1408%20-1175.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1939%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201939%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1408%201175.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_404%22%20data-name%3D%22%E7%B7%9A%20404%22%20y2%3D%228%22%20transform%3D%22translate(1420%201185.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_15%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2015%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(1416%201182)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-below-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.cp-edit-block-setting__menu-below-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-below-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2118%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202118%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1939%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201939%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2107%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202107%22%20transform%3D%22translate(8%206)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_404%22%20data-name%3D%22%E7%B7%9A%20404%22%20y1%3D%228%22%20transform%3D%22translate(4)%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_15%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2015%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(8%2011.5)%20rotate(180)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-below-button:after {
  content: none;
}
.cp-edit-block-setting__menu-below-button.is-active:before, .cp-edit-block-setting__menu-below-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2195%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202195%22%20transform%3D%22translate(-1442%20-1175.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1957%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201957%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1442%201175.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2131%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202131%22%20transform%3D%22translate(1450%201181.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_404%22%20data-name%3D%22%E7%B7%9A%20404%22%20y1%3D%228%22%20transform%3D%22translate(4)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_15%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2015%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(8%2011.5)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-open-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.cp-edit-block-setting__menu-open-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-open-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2184%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202184%22%20transform%3D%22translate(-1476.5%20-1961)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1951%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201951%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1477%201961.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_409%22%20data-name%3D%22%E7%B7%9A%20409%22%20x2%3D%2212%22%20transform%3D%22translate(1483%201973.5)%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-open-button:after {
  content: none;
}
.cp-edit-block-setting__menu-open-button.is-active:before, .cp-edit-block-setting__menu-open-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2196%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202196%22%20transform%3D%22translate(-1476%20-1175.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1951%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201951%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1476%201175.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_409%22%20data-name%3D%22%E7%B7%9A%20409%22%20x2%3D%2212%22%20transform%3D%22translate(1482%201187.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-publish-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-block-setting__menu-publish-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-publish-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cp-edit-block-setting__menu-group-input {
  display: none !important;
}
.cp-edit-block-setting__menu-group-input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  cursor: pointer;
  height: 24px;
  width: 82px;
  padding-left: 29px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1950%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201950%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(0.5%200.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-group-input:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #666;
  border: 1px solid #666;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1950%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201950%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1249%22%20data-name%3D%22%E3%83%91%E3%82%B9%201249%22%20d%3D%22M16.59%2C7.58%2C10%2C14.17%2C7.41%2C11.59%2C6%2C13l4%2C4%2C8-8Z%22%20transform%3D%22translate(1%20-0.08)%22%20fill%3D%22%23fff%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-publish-input {
  display: none !important;
}
.cp-edit-block-setting__menu-publish-input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  cursor: pointer;
  padding-left: 30px;
  height: 24px;
  width: 70px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1950%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201950%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(0.5%200.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-publish-input:checked + label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2520%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202520%22%20transform%3D%22translate(-1381%20-1176)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1955%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201955%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1381%201176)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1165%22%20data-name%3D%22%E3%83%91%E3%82%B9%201165%22%20d%3D%22M2075.4%2C525.306l4.444%2C4.435%2C8.757-8.787%22%20transform%3D%22translate(-689.401%20663.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.fr-block.fr-block-close .cp-edit-block-setting__menu-open-button:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2521%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202521%22%20transform%3D%22translate(-1476%20-1593.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1964%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201964%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1476%201593.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_419%22%20data-name%3D%22%E7%B7%9A%20419%22%20x2%3D%2212%22%20transform%3D%22translate(1482%201605.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_418%22%20data-name%3D%22%E7%B7%9A%20418%22%20x2%3D%2212%22%20transform%3D%22translate(1488%201599.5)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-other-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.cp-edit-block-setting__menu-other-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2526%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202526%22%20transform%3D%22translate(-1422.5%20-274.508)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2069%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202069%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1423%20275.008)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89_9%22%20data-name%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%209%22%20transform%3D%22translate(1433.5%20277.798)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-277.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-270.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-263.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-other-button:hover:before, .cp-edit-block-setting__menu-other-button.is-active:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2526%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202526%22%20transform%3D%22translate(-1422.5%20-274.508)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2069%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202069%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1423%20275.008)%22%20fill%3D%22%23707070%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89_9%22%20data-name%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%209%22%20transform%3D%22translate(1433.5%20277.798)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-277.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-270.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-263.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-block-setting__menu-ratio {
  position: absolute;
  top: -5px;
  left: 110px;
  width: 220px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  padding: 0 20px;
  z-index: 4;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cp-edit-block-setting__menu-ratio-desc {
  color: #666;
  font-size: 12px;
  margin-bottom: 14px;
  margin-top: 17px;
}

.cp-edit-block-setting__menu-ratio-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.cp-edit-block-setting__menu-ratio-select {
  width: 100px;
  border: 1px solid #0098F7;
  font-size: 13px;
  padding: 6px;
}

.cp-edit-block-setting__menu-ratio-button {
  font-size: 16px;
  color: #0098F7;
  margin-left: 30px;
}

.cp-edit-block-setting__menu-style {
  position: absolute;
  top: -5px;
  left: 110px;
  width: 804px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-block-setting__menu-style.is-active {
  padding: 15px;
}

.cp-edit-block-setting__menu-style-table {
  font-size: 13px;
}

.cp-edit-block-setting__menu-style-table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.cp-edit-block-setting__menu-style-table-tr > div:first-child {
  width: 124px;
  font-weight: bold;
  white-space: nowrap;
}
.cp-edit-block-setting__menu-style-table-tr > div:nth-child(2) {
  width: 300px;
}
.cp-edit-block-setting__menu-style-table-tr > div:nth-child(2).is-wide {
  width: 500px;
}
.cp-edit-block-setting__menu-style-table-tr > div:last-child {
  width: 300px;
}
.cp-edit-block-setting__menu-style-table-tr > div:last-child.is-narrow {
  width: 100px;
}

.cp-edit-block-setting__menu-style-table-tr-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}
.cp-edit-block-setting__menu-style-table-tr-col2 > div:first-child {
  width: 124px;
  font-weight: bold;
}
.cp-edit-block-setting__menu-style-table-tr-col2 > div:nth-child(2) {
  width: calc(100% - 124px);
}

.cp-edit-block-setting__menu-style-table-th {
  background-color: #D2D2D2;
  font-weight: bold;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 10px;
}

.cp-edit-block-setting__menu-style-table-td {
  padding: 5px 10px 10px;
}

.cp-edit-block-setting__menu-style-display-text {
  font-size: 13px;
  color: #0000FF;
  display: inline-block;
  margin-bottom: 5px;
}
.cp-edit-block-setting__menu-style-display-text:empty::before {
  content: "未指定";
  color: #0000FF;
}
.cp-edit-block-setting__menu-style-display-text:empty + .cp-edit-block-setting__menu-style-display-cancel {
  display: none;
}

[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_text_color]:empty::before,
[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_text_color]:empty::before,
[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_text_color]:empty::before,
[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_text_color]:empty::before,
[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_text_color]:empty::before,
[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_text_color]:empty::before {
  content: "テキスト";
}

[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_background_color]:empty::before,
[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_background_color]:empty::before {
  content: "ボタン";
}

[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_background_color]:empty::before,
[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_background_color]:empty::before {
  content: "タブ";
}

[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_background_color]:empty::before,
[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_background_color]:empty::before {
  content: "開閉式";
}

[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_border_color]:empty::before,
[data-relate-block-template=buttonSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_border_color]:empty::before,
[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_border_color]:empty::before,
[data-relate-block-template=tabSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_border_color]:empty::before,
[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_border_color]:empty::before,
[data-relate-block-template=accordionSetting_v3] .cp-edit-block-setting__menu-style-display-text[name=pc_hover_border_color]:empty::before {
  content: "囲み線";
}

.cp-edit-block-setting__menu-style-display-text-sp {
  color: #0000FF;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
}
.cp-edit-block-setting__menu-style-display-text-sp:empty::before {
  content: "PC設定と同じ";
  color: #0000FF;
}
.cp-edit-block-setting__menu-style-display-text-sp:empty + .cp-edit-block-setting__menu-style-display-cancel {
  display: none;
}

.cp-edit-block-setting__menu-style-display-input {
  font-size: 13px;
  width: 47px;
  height: 28px;
  border: 1px solid #0098F7;
  padding: 5px;
  margin-bottom: 5px;
}

.cp-edit-block-setting__menu-style-display-input-class {
  font-size: 13px;
  width: 150px;
  height: 28px;
  border: 1px solid #0098F7;
  padding: 5px;
  margin-bottom: 5px;
}

.cp-edit-block-setting__menu-style-custom-block-input {
  font-size: 13px;
  width: 250px;
  height: 28px;
  border: 1px solid #0098F7;
  padding: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.cp-edit-block-setting__menu-style-custom-block-desc {
  font-size: 13px;
  color: red;
  margin-top: 5px;
}

.cp-edit-block-setting__menu-style-table-separation {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.cp-edit-block-setting__menu-style-display-label {
  padding-right: 5px;
  padding-left: 5px;
}

.cp-edit-block-setting__menu-style-display-cancel {
  color: #0000FF;
  display: inline-block;
  margin-left: 10px;
}

.cp-edit-block-setting__menu-style-space {
  display: inline-block;
  width: 20px;
}

.cp-edit-block-setting__menu-anchor-input {
  width: 68px;
  height: 32px;
  padding: 5px 10px;
  font-size: 13px;
  border: 1px solid #0098F7;
}

.cp-edit-block-setting__form-block-select {
  width: 416px;
  font-size: 13px;
  padding: 3px;
  border: 1px solid #ACACAC;
}

.cp-edit-block-setting__fr-switch-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
.cp-edit-block-setting__fr-switch-btn-wrap > span {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 5px;
}

.cp-edit-block-setting__fr-switch-btn {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  position: relative;
  width: 48px;
  margin: 0 2px 0 2px;
  vertical-align: top;
}
.cp-edit-block-setting__fr-switch-btn input[type=checkbox] {
  display: none;
}
.cp-edit-block-setting__fr-switch-btn label {
  display: block;
  height: 24px;
  border-color: #4ca74f;
  background-color: #4ca74f;
  border-radius: 12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-block-setting__fr-switch-btn input[type=checkbox]:checked + label {
  border: 1px solid #444344;
  background-color: #fff;
}
.cp-edit-block-setting__fr-switch-btn input[type=checkbox]:checked + label + .sw-circle {
  background-color: #444344;
}
.cp-edit-block-setting__fr-switch-btn .sw-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.cp-edit-block-setting__fr-switch-btn input[type=checkbox]:checked ~ .sw-circle {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

.cp-edit-fr-block__setting-menu-color-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  width: 120px;
  margin-left: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-fr-block__setting-menu-color-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-fr-block__setting-menu-color-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cp-edit-fr-block__setting-menu-color-input {
  display: none !important;
}
.cp-edit-fr-block__setting-menu-color-input + label {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  cursor: pointer;
  padding-left: 30px;
  height: 24px;
  width: 130px;
}
.cp-edit-fr-block__setting-menu-color-input + label::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.cp-edit-fr-block__setting-menu-color-lists {
  display: none;
  width: 250px;
  height: 50px;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
  position: absolute;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 17px;
  position: absolute;
  right: 10px;
  top: 55px;
}

.is-fr-husen-color .cp-edit-fr-block__setting-menu-color-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-edit-fr-block__setting-menu-color-item {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cp-edit-block-setting__menu-close-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  margin-right: 20px;
}
.cp-edit-block-setting__menu-close-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.709%22%20height%3D%2210.709%22%20viewBox%3D%220%200%2010.709%2010.709%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_14%22%20data-name%3D%22%E5%90%88%E4%BD%93%2014%22%20d%3D%22M16456.354%2C18613.063l-4.645%2C4.645-.709-.705%2C4.645-4.648-4.645-4.645.709-.711%2C4.645%2C4.646L16461%2C18607l.711.711-4.646%2C4.645%2C4.646%2C4.648-.711.705Z%22%20transform%3D%22translate(-16451%20-18606.998)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.cp-edit-block-setting__menu-close-button:after {
  content: none;
}

.cp-edit-fr-group {
  position: relative;
}
.cp-edit-fr-group:before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #D24843;
  left: calc((-100vw + 177px + 100%) / 2);
  width: calc(100vw - 177px);
  z-index: -2;
}
.cp-edit-fr-group:after {
  content: "";
  position: absolute;
  height: calc(100% - 106px);
  top: 99px;
  background-color: #fff;
  left: calc((-100vw + 189px + 100%) / 2);
  width: calc(100vw - 189px);
  z-index: -2;
}
.cp-edit-fr-group.is-fr-group-close {
  cursor: -webkit-grab;
  cursor: grab;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: element;
  -khtml-user-drag: element;
}
.cp-edit-fr-group.is-fr-group-close .cp-edit-fr-group__blocks {
  height: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  font-size: 0 !important;
}
.cp-edit-fr-group.is-fr-group-close .cp-edit-fr-group__blocks * {
  display: none !important;
}

.cp-edit-fr-group[data-group-color="#FEC303"]:before {
  background-color: #FEC303;
}

.cp-edit-fr-group[data-group-color="#FF9122"]:before {
  background-color: #FF9122;
}

.cp-edit-fr-group[data-group-color="#FF2A22"]:before {
  background-color: #FF2A22;
}

.cp-edit-fr-group[data-group-color="#FF2282"]:before {
  background-color: #FF2282;
}

.cp-edit-fr-group[data-group-color="#7A22FF"]:before {
  background-color: #7A22FF;
}

.cp-edit-fr-group[data-group-color="#01A7DB"]:before {
  background-color: #01A7DB;
}

.cp-edit-fr-group[data-group-color="#01DB82"]:before {
  background-color: #01DB82;
}

.cp-edit-fr-group[data-group-color="#08DB01"]:before {
  background-color: #08DB01;
}

.cp-edit-fr-group__setting-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1160px;
  width: 100%;
  height: 98px;
}

.cp-edit-fr-group__setting-menu-col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: auto;
  width: calc(100% - 294px);
}

.cp-edit-fr-group__setting-menu-col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  width: 439px;
  position: relative;
}

.cp-edit-fr-group__setting-menu-name {
  margin-right: 10px;
}

.cp-edit-fr-group__setting-menu-name-input {
  max-width: 395px;
  width: 100%;
  height: 32px;
  font-size: 12px;
  color: #666;
  padding: 0 10px;
  line-height: 1.6;
  background-color: #fff !important;
}

.cp-edit-fr-group__setting-menu-memo {
  margin-left: 10px;
  width: 368px;
}

.cp-edit-fr-group__setting-menu-memo-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  position: relative;
  height: 36px;
  color: #fff;
}
.cp-edit-fr-group__setting-menu-memo-textarea:empty:before {
  content: "メモ";
  color: #fff;
  z-index: -1;
  position: absolute;
  top: 8px;
  left: 5px;
}

.cp-edit-fr-group__setting-menu-release-group-button {
  padding-left: 30px;
  font-size: 12px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.cp-edit-fr-group__setting-menu-release-group-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: top left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2898%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202898%22%20transform%3D%22translate(-1249.75%20-2585.953)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1950%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201950%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1250.25%202586.453)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1249%22%20data-name%3D%22%E3%83%91%E3%82%B9%201249%22%20d%3D%22M16.59%2C7.58%2C10%2C14.17%2C7.41%2C11.59%2C6%2C13l4%2C4%2C8-8Z%22%20transform%3D%22translate(1251.25%202586.373)%22%20fill%3D%22%23666%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-fr-group__setting-menu-publish-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-fr-group__setting-menu-publish-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-fr-group__setting-menu-publish-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cp-edit-fr-group__setting-menu-publish-input {
  display: none !important;
}
.cp-edit-fr-group__setting-menu-publish-input + label {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  cursor: pointer;
  padding-left: 30px;
  height: 24px;
  width: 70px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2104%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202104%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(0.5%200.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
.cp-edit-fr-group__setting-menu-publish-input:checked + label {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2605%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202605%22%20transform%3D%22translate(-1210.5%20-3361.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1950%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201950%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1211%203362)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1249%22%20data-name%3D%22%E3%83%91%E3%82%B9%201249%22%20d%3D%22M16.59%2C7.58%2C10%2C14.17%2C7.41%2C11.59%2C6%2C13l4%2C4%2C8-8Z%22%20transform%3D%22translate(1212%203361.92)%22%20fill%3D%22%23d24843%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-fr-group__setting-menu-open-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.cp-edit-fr-group__setting-menu-open-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-fr-group__setting-menu-open-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2184%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202184%22%20transform%3D%22translate(-1476.5%20-1961)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1951%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201951%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1477%201961.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_409%22%20data-name%3D%22%E7%B7%9A%20409%22%20x2%3D%2212%22%20transform%3D%22translate(1483%201973.5)%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-fr-group__setting-menu-open-button:after {
  content: none;
}
.cp-edit-fr-group__setting-menu-open-button.is-active:before, .cp-edit-fr-group__setting-menu-open-button:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2196%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202196%22%20transform%3D%22translate(-1476%20-1175.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1951%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201951%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1476%201175.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_409%22%20data-name%3D%22%E7%B7%9A%20409%22%20x2%3D%2212%22%20transform%3D%22translate(1482%201187.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-fr-group.is-fr-group-close .cp-edit-fr-group__setting-menu-open-button:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2521%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202521%22%20transform%3D%22translate(-1476%20-1593.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1964%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201964%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1476%201593.5)%22%20fill%3D%22%23f19317%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_419%22%20data-name%3D%22%E7%B7%9A%20419%22%20x2%3D%2212%22%20transform%3D%22translate(1482%201605.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_418%22%20data-name%3D%22%E7%B7%9A%20418%22%20x2%3D%2212%22%20transform%3D%22translate(1488%201599.5)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-fr-group__setting-menu-other-button {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.cp-edit-fr-group__setting-menu-other-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2606%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202606%22%20transform%3D%22translate(-1422.5%20-3361.754)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2069%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202069%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1423%203362.254)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89_9%22%20data-name%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%209%22%20transform%3D%22translate(1433.5%203365.044)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-277.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-270.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-263.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23707070%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-edit-fr-group__setting-menu-other-button:hover:before, .cp-edit-fr-group__setting-menu-other-button.is-active:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2526%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202526%22%20transform%3D%22translate(-1422.5%20-274.508)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2069%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202069%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(1423%20275.008)%22%20fill%3D%22%23707070%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89_9%22%20data-name%3D%22%E3%83%AA%E3%83%94%E3%83%BC%E3%83%88%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%209%22%20transform%3D%22translate(1433.5%20277.798)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-277.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-270.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20transform%3D%22translate(-1446.5%20-263.798)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_965-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%20965%22%20d%3D%22M48.155%2C98.906a2%2C2%2C0%2C1%2C1%2C2-2%2C2%2C2%2C0%2C0%2C1-2%2C2%22%20transform%3D%22translate(1400.345%20182.892)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-fr-group__setting-menu-select {
  position: relative;
}

.cp-edit-fr-group__setting-menu-select-clickarea {
  display: block;
  position: relative;
}
.cp-edit-fr-group__setting-menu-select-clickarea:before {
  height: 28px;
  content: "";
  width: calc(100% + 40px);
  position: absolute;
  left: -20px;
  top: -6px;
}

.cp-edit-fr-group__setting-menu-dropdown-lists {
  position: absolute;
  width: 92px !important;
  list-style: none !important;
  margin: 0 !important;
  top: 30px;
  left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}
.cp-edit-fr-group__setting-menu-dropdown-lists.is-active {
  overflow: visible;
}

.cp-edit-fr-group__setting-menu-dropdown-option-lists {
  position: absolute;
  width: 136px !important;
  list-style: none !important;
  margin: 0 !important;
  top: -5px;
  left: 82px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}

.cp-edit-fr-group__setting-menu-dropdown-li {
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 6px 15px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  cursor: pointer;
}
.cp-edit-fr-group__setting-menu-dropdown-li:hover {
  background-color: #D2D2D2;
}

.is-active > .cp-edit-fr-group__setting-menu-dropdown-li {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.cp-edit-fr-group__setting-menu-color-button {
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  width: 130px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-fr-group__setting-menu-color-button:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-fr-group__setting-menu-color-button:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.cp-edit-fr-group__setting-menu-color-input {
  display: none !important;
}
.cp-edit-fr-group__setting-menu-color-input + label {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px auto;
  cursor: pointer;
  padding-left: 30px;
  height: 24px;
  width: 130px;
}
.cp-edit-fr-group__setting-menu-color-input + label::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.cp-edit-fr-group__setting-menu-color-lists {
  display: none;
  width: 250px;
  height: 50px;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
  position: absolute;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 17px;
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 1;
}

.is-fr-group-color .cp-edit-fr-group__setting-menu-color-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-edit-fr-group__setting-menu-color-item {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cp-edit-copy__popup {
  display: none;
  position: absolute;
  top: 0;
  padding: 5px;
  z-index: 20;
  width: 1300px;
  left: calc(50% - 650px);
  height: calc(100vh + 200px);
  overflow-y: hidden;
}
.cp-edit-copy__popup.is-active {
  display: block;
}

.cp-edit-copy__front-area {
  background-color: #666;
}

.cp-edit-copy__front-area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  max-width: 1160px;
  width: 100%;
  height: 100px;
  position: relative;
  z-index: 1;
}

.cp-edit-copy__dragarea {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: move;
  z-index: 0;
  top: 0;
  left: 0;
}

.cp-edit-copy__choose-page {
  width: 320px;
  position: relative;
  z-index: 1;
}

.cp-edit-copy__chosen {
  font-size: 14px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
  border: 1px solid #ACACAC;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cp-edit-copy__chosen:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 13px;
  width: 13px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.733%22%20height%3D%228.075%22%20viewBox%3D%220%200%2013.733%208.075%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1025%22%20data-name%3D%22%E3%83%91%E3%82%B9%201025%22%20d%3D%22M1806.732%2C660.044l6.5%2C7%2C6.5-7%22%20transform%3D%22translate(-1806.366%20-659.704)%22%20fill%3D%22none%22%20stroke%3D%22%23202121%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.cp-edit-copy__choose-page-lists {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 13px;
  background-color: #fff;
  width: 320px;
  padding: 0 10px;
  z-index: 1;
}
.cp-edit-copy__choose-page-lists.is-active {
  display: block;
}

.cp-edit-copy__choose-page-desc {
  margin-left: 25px;
  font-size: 15px;
  color: #fff;
}

.cp-edit-copy__button-area {
  width: 100%;
  height: 100px;
  background-color: #EEE;
  border: 6px solid #666;
  border-top: 2px solid #666;
  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;
}

.cp-edit-copy__insert-button {
  width: 100px;
  height: 40px;
  color: #fff;
  background-color: #666;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 2;
  margin-right: 20px;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.cp-edit-copy__cancel-button {
  width: 100px;
  height: 40px;
  color: #666;
  background-color: #fff;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 2;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.cp-edit-copy__load-area {
  background-color: #fff;
  border-left: 6px solid #666;
  border-right: 6px solid #666;
  height: calc(100vh - 200px);
}

.cp-edit-copy__select-block {
  position: relative;
}
.cp-edit-copy__select-block:before {
  content: "";
  position: absolute;
  height: 50px;
  top: 0;
  background-color: #666666;
  left: calc((-100vw + 40px + 100%) / 2);
  width: calc(100vw - 40px);
  z-index: -2;
}
.cp-edit-copy__select-block:after {
  content: "";
  position: absolute;
  height: calc(100% - 50px);
  top: 50px;
  left: calc((-100vw + 40px + 100%) / 2);
  width: calc(100vw - 40px);
  border: 1px solid #707070;
  z-index: -2;
}

.cp-edit-copy__select-block .cp-edit-fr-group:before {
  left: calc((-100vw + 40px + 100%) / 2);
  width: calc(100vw - 40px);
}
.cp-edit-copy__select-block .cp-edit-fr-group:after {
  left: calc((-100vw + 52px + 100%) / 2);
  width: calc(100vw - 52px);
}

.cp-edit-copy__select-block .fr-block:before {
  left: calc((-100vw + 40px + 100%) / 2);
  width: calc(100vw - 40px);
}
.cp-edit-copy__select-block .fr-block:after {
  left: calc((-100vw + 40px + 100%) / 2);
  width: calc(100vw - 40px);
}

.cp-edit-copy__select-area {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cp-edit-copy__select-label {
  padding-left: 30px;
  font-size: 12px;
  color: #fff;
  position: relative;
  cursor: pointer;
  line-height: 1.8;
  display: inline-block;
}
.cp-edit-copy__select-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: top left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2117%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202117%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(0.5%200.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

input[name=copyBlocks]:checked + .cp-edit-copy__select-label:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2606%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202606%22%20transform%3D%22translate(-341.5%20-2384)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2096%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202096%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(342%202384.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23999%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1249%22%20data-name%3D%22%E3%83%91%E3%82%B9%201249%22%20d%3D%22M16.59%2C7.58%2C10%2C14.17%2C7.41%2C11.59%2C6%2C13l4%2C4%2C8-8Z%22%20transform%3D%22translate(342%202384.21)%22%20fill%3D%22%23666%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-edit-copy__select-html * {
  pointer-events: none !important;
}

.cp-block-window__li {
  display: none;
}
.cp-block-window__li.is-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-block-window__li.is-discard {
  display: none !important;
}
.cp-block-window__li:hover .cp-block-window__apply-button {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-block-window__li:hover .cp-block-window__li-sort {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cp-block-window__li:hover .cp-block-window__custom-block-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: auto;
}

[data-type=cp-original-block] .cp-block-window__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-block-window__li {
  width: 100%;
  height: 54px;
  background: #fff;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 80px;
  margin-bottom: 6px;
  position: relative;
  border-radius: 2px;
}

.cp-block-window__li-sort {
  width: 48px;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 14px;
  align-items: center;
  position: absolute;
  left: 3px;
  top: 0;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1;
}
.cp-block-window__li-sort svg path {
  fill: #ccc;
}

.cp-block-window__custom-block-close {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 10px;
  top: calc(50% - 14px);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  pointer-events: none;
}
.cp-block-window__custom-block-close::before, .cp-block-window__custom-block-close::after {
  content: "";
  width: 28px;
  height: 1px;
  background: #333;
  display: block;
  position: absolute;
  top: 13px;
  left: 1px;
}
.cp-block-window__custom-block-close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cp-block-window__custom-block-close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cp-block-window__block-text {
  margin-left: 34px;
  font-size: 15px;
  line-height: 0.1;
}

.cp-block-window__original-block-text {
  margin-left: -15px;
  font-size: 15px;
  line-height: 0.1;
}

.cp-block-window__apply-button {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.cp-block-window__version-label {
  position: relative;
  display: inline-block;
  width: 125px;
  border: 1px solid darkgray;
  overflow: hidden;
}
.cp-block-window__version-label:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.cp-block-window__version-select {
  display: block;
  width: calc(100% + 50px);
  margin: 0 auto;
  padding: 9px 27px 9px 10px !important;
  height: 38px !important;
  border: none;
  background-color: #333 !important;
  color: #fff !important;
  font-size: 14px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cp-block-window__version-select-box {
  margin-bottom: 7px;
  position: absolute;
  top: 158px;
  right: 100px;
}

.air-block-type-tabs[data-type=cp-original-block] + .cp-block-window__version-select-box {
  display: none;
}

.cp-block-window__version-select-box[data-display-version=false] {
  display: none !important;
}

.cp-block-window__ul {
  width: 100%;
}

.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wrap li[data-version="2"] {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  width: 170px;
  height: auto;
  font-size: 0;
  margin: 0 !important;
  padding: 0;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

#baseBlock1,
#baseBlock2,
#baseBlock3,
#baseBlock4,
#baseBlock5,
#baseBlock6,
#baseBlock7,
#baseBlock8,
#baseBlock9,
#baseBlock10,
#baseBlock11,
#baseBlock12 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wrap li[data-version="2"] .cp-block-window__block-text {
  display: none;
}

.cp-block-window--contents-wrap[data-version="2"] .air-window-block-contents:not([data-type=cp-original-block]) .cp-block-window__ul:not(#customBlockUl) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 170px 170px;
  grid-template-columns: 170px 170px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 6px;
}

.cp-block-window--contents-wrap[data-version="2"] [data-type=cp-original-block] .cp-block-window__ul {
  display: block;
}

.air-window-block-wrap li[data-version="2"] .cp-block-window__apply-button svg {
  display: none;
}

.air-window-block-wrap li[data-version="2"] .cp-block-window__apply-button::before {
  content: "挿入";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 60px);
  width: 120px;
  height: 40px;
  color: pointer;
  background: #444;
  text-align: center;
  font-size: 12px;
  padding-top: 12px;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  border-radius: 4px;
}

.air-window-block-wrap li[data-version="2"]:hover .cp-block-window__apply-button::before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.9;
}

.cp-basic-block {
  position: relative;
  margin: 40px 0;
  line-height: 1.8;
  z-index: 0;
}
.cp-basic-block:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(100% + 40px);
  pointer-events: none;
}

.cp-basic-block .cp-inner .cp-h1-text:first-child,
.cp-basic-block .cp-inner .cp-h2-text:first-child,
.cp-basic-block .cp-inner .cp-h3-text:first-child,
.cp-basic-block .cp-inner .cp-h4-text:first-child,
.cp-basic-block .cp-inner .cp-h5-text:first-child {
  margin-top: 0;
}

.cp-basic-block .cp-inner img {
  max-width: 100%;
  height: auto;
}

.cp-basic-block__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cp-basic-block__row.is-float {
  display: block;
}

.cp-basic-block__col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  word-break: break-all;
}
.cp-basic-block__col + .cp-basic-block__col {
  margin-left: 30px;
}
.cp-basic-block__col.is-float-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
.cp-basic-block__col.is-float-left > .cp-inner {
  display: inline-block;
}
.cp-basic-block__col.is-float-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
}
.cp-basic-block__col.is-float-right > .cp-inner {
  display: inline-block;
}

.cp-basic-block__row.is-float .cp-basic-block__col + .cp-basic-block__col {
  margin-left: 0;
}

.cp-basic-block__row[data-ratio="1-2"] .cp-basic-block__col:last-child,
.cp-basic-block__row[data-ratio="2-1"] .cp-basic-block__col:first-child {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.cp-basic-block__row[data-ratio="3-1"] .cp-basic-block__col:first-child,
.cp-basic-block__row[data-ratio="1-3"] .cp-basic-block__col:last-child {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col:last-child {
    margin-bottom: 0;
  }
  .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col.is-float-left, .cp-basic-block__row:not(.is-no-step-down) .cp-basic-block__col.is-float-right {
    float: none;
    margin: 0 auto 30px;
  }
}
.cp-basic-block__col .cp-inner:empty:before, .cp-basic-block__col .cp-inner:empty:after {
  pointer-events: none;
  font-size: 15px;
  display: block;
}
.cp-basic-block__col .cp-inner:empty:before {
  content: "テキストや画像を入力してください。";
}
.cp-basic-block__col .cp-inner:empty:after {
  color: #FF0000;
  content: "注）コピー＆ペーストのときは、「書式を保持しない」を選択してください。";
}
.cp-basic-block__col .cp-inner:empty:focus:before, .cp-basic-block__col .cp-inner:empty:focus:after {
  content: none;
}

.cp-basic-block__table .cp-basic-block__col .cp-inner:empty:before {
  content: "表組を挿入してください。";
}

.cp-basic-block__husen .cp-basic-block__col .cp-inner:empty:before {
  content: "付箋テキストを入力してください。";
}
.cp-basic-block__husen .cp-basic-block__col .cp-inner:empty:after {
  color: #FF0000;
  content: "注）付箋ブロックはブロック内には挿入できません。\a注）このブロックは編集画面にのみ表示されます。";
  white-space: pre;
}

.cp-basic-block__image-text-wrap > * {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}
.cp-basic-block__image-text-wrap:before {
  top: -21px;
  height: calc(100% + 42px);
}

[data-area=content] .cp-basic-block__buttons ul {
  list-style: none !important;
  margin: 0 !important;
}

.cp-basic-block__buttons ul {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  counter-reset: number;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cp-basic-block__buttons li {
  margin-bottom: 20px;
  width: 100%;
  counter-increment: number 1;
  max-width: 350px;
  list-style: none !important;
}

.cp-basic-block__buttons li a {
  position: relative;
  display: block;
  text-align: inherit;
  padding: 7px 5px;
  border-radius: 0;
  border: 1px solid #A5A5A5;
  background-color: #fff;
  word-break: break-all;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

.cp-basic-block__buttons .cp-basic-block__col .cp-inner:empty:before {
  content: "ボタン名を入力しリンク設定" counter(number);
}

.cp-basic-block__buttons .cp-basic-block__col .cp-inner:empty:after {
  content: none;
}

.cp-basic-block__buttons .cp-basic-block__row[data-position=center] ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cp-basic-block__buttons .cp-basic-block__row[data-position=right] ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col2 > li {
  width: calc(50% - 15px);
  margin-right: 30px;
}
.cp-basic-block__buttons ul.cp-basic-block__buttons-col2 > li:nth-child(2n) {
  margin-right: 0;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col3 > li {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
}
.cp-basic-block__buttons ul.cp-basic-block__buttons-col3 > li:nth-child(3n) {
  margin-right: 0;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col4 > li {
  width: calc((100% - 90px) / 4);
  margin-right: 30px;
}
.cp-basic-block__buttons ul.cp-basic-block__buttons-col4 > li:nth-child(4n) {
  margin-right: 0;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col5 > li {
  width: calc((100% - 120px) / 5);
  margin-right: 30px;
}
.cp-basic-block__buttons ul.cp-basic-block__buttons-col5 > li:nth-child(5n) {
  margin-right: 0;
}

.cp-basic-block__buttons ul.cp-basic-block__buttons-col6 > li {
  width: calc((100% - 150px) / 6);
  margin-right: 30px;
}
.cp-basic-block__buttons ul.cp-basic-block__buttons-col6 > li:nth-child(6n) {
  margin-right: 0;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li,
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li:nth-child(2n), .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li:nth-child(3n), .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li:nth-child(4n), .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li:nth-child(5n), .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col2 > li:nth-child(6n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li:nth-child(2n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li:nth-child(3n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li:nth-child(4n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li:nth-child(5n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col3 > li:nth-child(6n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li:nth-child(2n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li:nth-child(3n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li:nth-child(4n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li:nth-child(5n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col4 > li:nth-child(6n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li:nth-child(2n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li:nth-child(3n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li:nth-child(4n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li:nth-child(5n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col5 > li:nth-child(6n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li:nth-child(2n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li:nth-child(3n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li:nth-child(4n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li:nth-child(5n),
  .cp-basic-block__buttons .cp-basic-block__row:not(.is-no-step-down) ul.cp-basic-block__buttons-col6 > li:nth-child(6n) {
    margin-right: auto;
  }
}
.cp-basic-block__tab-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label {
  padding: 10px 25px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  background: #F5F5F5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #1A5948;
}

.cp-basic-block__tab-contents .cp-basic-block__child-label:hover {
  color: #fff;
  background: #1A5948;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input {
  display: none !important;
}

.cp-basic-block__tab-contents .cp-basic-block__child-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background: #1A5948;
}

.cp-basic-block__tab-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {
  padding: 10px;
  height: auto;
  overflow: hidden;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  opacity: 1;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__tab-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.cp-basic-block__accordion-contents {
  width: 100%;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label {
  padding: 10px 25px;
  display: block;
  width: 100%;
  background: #F5F5F5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #1A5948;
  position: relative;
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label::after {
  content: "";
  width: 24px;
  height: 24px !important;
  position: absolute;
  right: 20px;
  top: calc(50% - 12px) !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_10%22%20data-name%3D%22%E5%90%88%E4%BD%93%2010%22%20d%3D%22M16462.5%2C18631v-12H16451v-1h11.5v-11h1v11h11.5v1h-11.5v12Z%22%20transform%3D%22translate(-16451%20-18607)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-label:hover {
  color: #fff;
  background: #1A5948;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-basic-block__accordion-contents .cp-basic-block__child-label:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%221%22%20viewBox%3D%220%200%2024%201%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3032%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203032%22%20transform%3D%22translate(-656%20-2572)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2474%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202474%22%20transform%3D%22translate(656%202572)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%221%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input {
  display: none !important;
}

.cp-basic-block__accordion-contents .cp-basic-block__child-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label {
  color: #fff;
  background: #1A5948;
}
.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-basic-block__accordion-contents input.cp-basic-block__child-input:checked + .cp-basic-block__child-label + .cp-basic-block__child-content {
  padding: 10px;
  height: auto;
  overflow: hidden;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  opacity: 1;
}

.cp-basic-block__accordion-all-toggle-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cp-basic-block__accordion-all-toggle-button {
  cursor: pointer;
  padding-left: 25px;
  margin-bottom: 10px;
  position: relative;
}

.cp-basic-block__accordion-all-toggle-button:before {
  content: "全て開く";
}

.cp-basic-block__accordion-all-toggle-button[data-is-active="1"]:before {
  content: "全て閉じる";
}

.cp-basic-block__accordion-all-toggle-button-icon {
  position: absolute;
  top: 50%;
  left: 0;
}

.cp-basic-block__accordion-all-toggle-button-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
}

.cp-basic-block__accordion-all-toggle-button-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-basic-block__accordion-all-toggle-button[data-is-active="1"] .cp-basic-block__accordion-all-toggle-button-icon:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

[data-area=content] .cp-basic-block__anchors ul {
  list-style: none !important;
  margin: 0 !important;
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h2 li {
  display: none;
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h2::after {
  color: red;
  content: "自動でH2見出しが読み込まれます";
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h2h3 li {
  display: none;
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h2h3::after {
  color: red;
  content: "自動でH2H3見出しが読み込まれます";
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h3 li {
  display: none;
}
[data-area=content] .cp-basic-block__anchors ul.is-load-h3::after {
  color: red;
  content: "自動でH3見出しが読み込まれます";
}

.cp-basic-block__anchors::after {
  /*content: 'アンカー名を入力し、リンクを設定してくだい。';*/
  color: #FF0000;
  text-align: center;
  display: block;
  margin-top: 20px;
  font-size: 14px;
}

.cp-basic-block__anchors ul {
  counter-reset: number;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -5px 0;
  padding: 0;
  list-style: none !important;
}

.cp-basic-block__anchors li {
  position: relative;
  margin-right: 15px;
  margin-bottom: 5px;
  counter-increment: number 1;
  padding-left: 0;
  list-style: none !important;
}

.cp-basic-block__anchors li a {
  color: #222;
  text-decoration: underline;
}

.cp-basic-block__anchors .cp-basic-block__col ul li:empty:before {
  content: "アンカー" counter(number);
  opacity: 0.7;
}

.cp-basic-block__anchors .cp-basic-block__col ul li:focus:empty:before {
  content: none;
}

.cp-basic-block__outer-codes-text-top.cp-inner:empty:before,
.cp-basic-block__outer-codes-text-bottom.cp-inner:empty:before {
  content: "キャプション";
}

.cp-basic-block__col .cp-basic-block__outer-codes-text-top.cp-inner:empty:after,
.cp-basic-block__col .cp-basic-block__outer-codes-text-bottom.cp-inner:empty:after {
  content: none;
}

.fr-html .cp-basic-block__outer-codes-text-middle::after {
  content: none;
}

.cp-basic-block__outer-codes-text-middle {
  margin: 10px 0;
  position: relative;
}
.cp-basic-block__outer-codes-text-middle:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.cp-basic-block__outer-codes-text-middle.cp-videos-thumb::before {
  padding-top: 0;
}

.cp-basic-block__outer-codes-text-middle--relative {
  margin: 10px 0;
  position: relative;
}

.cp-basic-block__outer-codes-text-middle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.cp-basic-block__outer-codes-text-middle span:empty::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #0098F7;
  border-radius: 2px;
  z-index: 0;
}
.cp-basic-block__outer-codes-text-middle span:empty::after {
  content: "埋込コードを入力します";
  color: #808080;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
  z-index: 0;
}

.cp-basic-block__outer-codes-text-middle--relative span {
  width: 100%;
  height: 100%;
  border: 1px solid #0098F7;
  display: block;
}
.cp-basic-block__outer-codes-text-middle--relative span:empty {
  min-height: 300px;
}
.cp-basic-block__outer-codes-text-middle--relative span:empty::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  z-index: 0;
}
.cp-basic-block__outer-codes-text-middle--relative span:empty::after {
  content: "埋込コードを入力します";
  color: #808080;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 0 5px;
  background-color: #fff;
  font-size: 12px;
  z-index: 0;
}

.cp-basic-block__outer-codes-text-middle .cp-external-text-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  border: none;
  resize: none;
  background-repeat: no-repeat;
  background-size: 44px auto;
  background-position: right 10px bottom 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3020%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203020%22%20transform%3D%22translate(-462%20-402)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2455%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202455%22%20transform%3D%22translate(462%20402)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ebebeb%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2243%22%20height%3D%2243%22%20rx%3D%223.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3017%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203017%22%20transform%3D%22translate(-498.728%20-559.172)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1401%22%20data-name%3D%22%E3%83%91%E3%82%B9%201401%22%20d%3D%22M972.667%2C973.443H988.5l-1.785%2C1.785H972.667a.878.878%2C0%2C0%2C0-.62.262.86.86%2C0%2C0%2C0-.261.616v18.343a.877.877%2C0%2C0%2C0%2C.261.62.892.892%2C0%2C0%2C0%2C.62.257h18.338a.878.878%2C0%2C0%2C0%2C.878-.877V981.7l1.785-1.785v14.532a2.665%2C2.665%2C0%2C0%2C1-2.663%2C2.663H972.667A2.665%2C2.665%2C0%2C0%2C1%2C970%2C994.448V976.106a2.665%2C2.665%2C0%2C0%2C1%2C2.667-2.663Z%22%20transform%3D%22translate(0%20-1.539)%22%20fill%3D%22%230098f7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1402%22%20data-name%3D%22%E3%83%91%E3%82%B9%201402%22%20d%3D%22M1000.921%2C973.921l-1.468-1.468-1.464-1.464a.747.747%2C0%2C0%2C0-1.055%2C0l-2.089%2C2.089%2C3.988%2C3.988%2C2.089-2.089a.746.746%2C0%2C0%2C0%2C0-1.055ZM981.73%2C990.732l5.038-2.7a4.98%2C4.98%2C0%2C0%2C0-2.89-2.89l-2.7%2C5.034Zm-1.642%2C1.089c-.008%2C0-.013-.013-.017-.017a.737.737%2C0%2C0%2C1-.135-.81l3.355-6.271a1.21%2C1.21%2C0%2C0%2C1%2C.076-.148h0a1.13%2C1.13%2C0%2C0%2C1%2C.114-.135l10.8-10.8%2C3.988%2C3.987-10.8%2C10.8a.907.907%2C0%2C0%2C1-.139.114h0a.989.989%2C0%2C0%2C1-.143.076l-6.271%2C3.355a.743.743%2C0%2C0%2C1-.81-.135c-.008%2C0-.013-.013-.017-.017Z%22%20transform%3D%22translate(-5.683)%22%20fill%3D%22%230098f7%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-basic-block__outer-codes-text-middle .cp-external-text-area::-webkit-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle .cp-external-text-area::-moz-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle .cp-external-text-area:-ms-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle .cp-external-text-area::-ms-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle .cp-external-text-area::placeholder {
  color: transparent;
}

.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  border: none;
  resize: none;
  background-repeat: no-repeat;
  background-size: 44px auto;
  background-position: right 10px bottom 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3020%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203020%22%20transform%3D%22translate(-462%20-402)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2455%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202455%22%20transform%3D%22translate(462%20402)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ebebeb%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2243%22%20height%3D%2243%22%20rx%3D%223.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3017%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203017%22%20transform%3D%22translate(-498.728%20-559.172)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1401%22%20data-name%3D%22%E3%83%91%E3%82%B9%201401%22%20d%3D%22M972.667%2C973.443H988.5l-1.785%2C1.785H972.667a.878.878%2C0%2C0%2C0-.62.262.86.86%2C0%2C0%2C0-.261.616v18.343a.877.877%2C0%2C0%2C0%2C.261.62.892.892%2C0%2C0%2C0%2C.62.257h18.338a.878.878%2C0%2C0%2C0%2C.878-.877V981.7l1.785-1.785v14.532a2.665%2C2.665%2C0%2C0%2C1-2.663%2C2.663H972.667A2.665%2C2.665%2C0%2C0%2C1%2C970%2C994.448V976.106a2.665%2C2.665%2C0%2C0%2C1%2C2.667-2.663Z%22%20transform%3D%22translate(0%20-1.539)%22%20fill%3D%22%230098f7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1402%22%20data-name%3D%22%E3%83%91%E3%82%B9%201402%22%20d%3D%22M1000.921%2C973.921l-1.468-1.468-1.464-1.464a.747.747%2C0%2C0%2C0-1.055%2C0l-2.089%2C2.089%2C3.988%2C3.988%2C2.089-2.089a.746.746%2C0%2C0%2C0%2C0-1.055ZM981.73%2C990.732l5.038-2.7a4.98%2C4.98%2C0%2C0%2C0-2.89-2.89l-2.7%2C5.034Zm-1.642%2C1.089c-.008%2C0-.013-.013-.017-.017a.737.737%2C0%2C0%2C1-.135-.81l3.355-6.271a1.21%2C1.21%2C0%2C0%2C1%2C.076-.148h0a1.13%2C1.13%2C0%2C0%2C1%2C.114-.135l10.8-10.8%2C3.988%2C3.987-10.8%2C10.8a.907.907%2C0%2C0%2C1-.139.114h0a.989.989%2C0%2C0%2C1-.143.076l-6.271%2C3.355a.743.743%2C0%2C0%2C1-.81-.135c-.008%2C0-.013-.013-.017-.017Z%22%20transform%3D%22translate(-5.683)%22%20fill%3D%22%230098f7%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area::-webkit-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area::-moz-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area:-ms-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area::-ms-input-placeholder {
  color: transparent;
}
.cp-basic-block__outer-codes-text-middle--relative .cp-external-text-area::placeholder {
  color: transparent;
}

.cp-basic-block__outer-codes-text-middle iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cp-basic-block__outer-codes-text-middle--relative iframe {
  position: relative;
  max-width: 100%;
}

.cp-basic-block__outer-codes.cp-videos,
.cp-basic-block__outer-codes-wrap.cp-videos {
  display: block;
}

.cp-basic-block__outer-codes-wrap > * {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}
.cp-basic-block__outer-codes-wrap:before {
  top: -21px;
  height: calc(100% + 42px);
}

.cp-basic-block__col .cp-basic-block__image-album-text .cp-inner:empty:before {
  content: "テキスト";
}

.cp-basic-block__col .cp-basic-block__image-album-text .cp-inner:empty:after {
  content: none;
}

.cp-basic-block__image-album-text {
  margin-top: 10px;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row.is-step-down-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:first-child {
    margin-bottom: 0;
  }
  .cp-basic-block__row.is-step-down-reverse .cp-basic-block__col:last-child {
    margin-bottom: 30px;
  }
}
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left > .cp-inner,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right > .cp-inner {
  width: 100%;
}
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left > .cp-inner img,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right > .cp-inner img {
  max-width: none;
  width: 100%;
}

.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-right {
  width: 33.3333333333%;
}

.cp-basic-block__row.is-float[data-ratio="2-1"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-2"] .cp-basic-block__col.is-float-right {
  width: 66.6666666667%;
}

.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-right {
  width: 25%;
}

.cp-basic-block__row.is-float[data-ratio="3-1"] .cp-basic-block__col.is-float-left,
.cp-basic-block__row.is-float[data-ratio="1-3"] .cp-basic-block__col.is-float-right {
  width: 75%;
}

.cp-basic-block__row.is-float:not([data-ratio="1-2"]):not([data-ratio="1-3"]):not([data-ratio="2-1"]):not([data-ratio="3-1"]) .cp-basic-block__col.is-float-right,
.cp-basic-block__row.is-float:not([data-ratio="1-2"]):not([data-ratio="1-3"]):not([data-ratio="2-1"]):not([data-ratio="3-1"]) .cp-basic-block__col.is-float-left {
  width: 50%;
}

@media screen and (max-width: 959px) {
  .cp-basic-block__row.is-float[data-ratio="1-2"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
  .cp-basic-block__row.is-float[data-ratio="2-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
  .cp-basic-block__row.is-float[data-ratio="2-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
  .cp-basic-block__row.is-float[data-ratio="1-2"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
  .cp-basic-block__row.is-float[data-ratio="1-3"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
  .cp-basic-block__row.is-float[data-ratio="3-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right,
  .cp-basic-block__row.is-float[data-ratio="3-1"]:not(.is-no-step-down) .cp-basic-block__col.is-float-left,
  .cp-basic-block__row.is-float[data-ratio="1-3"]:not(.is-no-step-down) .cp-basic-block__col.is-float-right {
    width: 100%;
  }
  .cp-basic-block__row.is-float:not(.is-no-step-down):not([data-ratio="1-2"]):not([data-ratio="1-3"]):not([data-ratio="2-1"]):not([data-ratio="3-1"]) .cp-basic-block__col.is-float-right,
  .cp-basic-block__row.is-float:not(.is-no-step-down):not([data-ratio="1-2"]):not([data-ratio="1-3"]):not([data-ratio="2-1"]):not([data-ratio="3-1"]) .cp-basic-block__col.is-float-left {
    width: 100%;
  }
}
.cp-edit-copy__select-block .cp-edit-fr-child-block:before {
  left: calc((-100vw + 50px + 100%) / 2);
  width: calc(100vw - 50px);
}
.cp-edit-copy__select-block .cp-edit-fr-child-block:after {
  left: calc((-100vw + 60px + 100%) / 2);
  width: calc(100vw - 60px);
}

.cp-edit-fr-child-block {
  position: relative;
  padding-bottom: 20px;
}
.cp-edit-fr-child-block:before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #ccc;
  left: calc((-100vw + 189px + 100%) / 2);
  width: calc(100vw - 189px);
  z-index: -2;
}
.cp-edit-fr-child-block:after {
  content: "";
  position: absolute;
  height: calc(100% - 45px);
  top: 40px;
  background-color: #fff;
  left: calc((-100vw + 199px + 100%) / 2);
  width: calc(100vw - 199px);
  z-index: -2;
}

.cp-edit-fr-child-block__setting-menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1160px;
  width: 100%;
  height: 40px;
  padding: 0 5px;
}

.cp-edit-fr-group__setting-menu-name {
  margin-right: 10px;
}

.cp-edit-fr-group__setting-menu-name-input {
  max-width: 395px;
  width: 100%;
  height: 32px;
  font-size: 12px;
  color: #666;
  padding: 0 10px;
  line-height: 1.6;
  background-color: #fff !important;
}

.cp-edit-fr-child-block__setting-button {
  background-color: #fff;
  font-size: 12px;
  line-height: 1.4;
  width: 170px;
  margin-right: 20px;
  border: 1px solid #999;
  padding: 2px 5px;
  display: block;
  cursor: pointer;
  height: 24px;
  position: relative;
}
.cp-edit-fr-child-block__setting-button:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  right: 10px;
  top: calc(50% - 3px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.733%22%20height%3D%226.46%22%20viewBox%3D%220%200%2010.733%206.46%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1166%22%20data-name%3D%22%E3%83%91%E3%82%B9%201166%22%20d%3D%22M1806.732%2C660.044l5%2C5.385%2C5-5.385%22%20transform%3D%22translate(-1806.365%20-659.704)%22%20fill%3D%22none%22%20stroke%3D%22%23202121%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-edit-fr-child-block__setting-button.is-active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-edit-fr-child-block__setting-menu-select {
  position: relative;
}

.cp-edit-fr-child-block__setting-dropdown-lists {
  position: absolute;
  width: 170px !important;
  list-style: none !important;
  margin: 0 !important;
  top: 30px;
  left: 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  background-color: #fff;
  z-index: 4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 0;
  overflow: hidden;
}
.cp-edit-fr-child-block__setting-dropdown-lists.is-active {
  overflow: visible;
}

.cp-edit-fr-child-block__setting-menu-dropdown-li {
  font-size: 12px !important;
  line-height: 1.4;
  padding: 6px 15px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cp-edit-fr-child-block__setting-menu-dropdown-li:hover {
  background-color: #D2D2D2;
}

.cp-edit-fr-child-block__setting-menu-child-name {
  width: 100%;
  background-color: #F5F5F5;
  border: 1px solid #1A5948;
  min-height: 50px;
  padding: 10px 25px;
  font-size: 15px;
  margin: 20px auto 0;
}
.cp-edit-fr-child-block__setting-menu-child-name:empty:before, .cp-edit-fr-child-block__setting-menu-child-name:empty:after {
  pointer-events: none;
  font-size: 15px;
  display: block;
}
.cp-edit-fr-child-block__setting-menu-child-name:empty:before {
  content: "タブ名を入力してください";
}
.cp-edit-fr-child-block__setting-menu-child-name:empty:focus:before, .cp-edit-fr-child-block__setting-menu-child-name:empty:focus:after {
  content: none;
}

.cp-basic-block__accordion-contents .cp-edit-fr-child-block__setting-menu-child-name:empty:before {
  content: "開閉式タイトルを入力してください" !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  position: relative !important;
}
.cp-basic-block__accordion-contents .cp-edit-fr-child-block__setting-menu-child-name:empty:focus:before, .cp-basic-block__accordion-contents .cp-edit-fr-child-block__setting-menu-child-name:empty:focus:after {
  content: none !important;
}

.cp-edit-fr-child-block__insert {
  padding: 20px 0;
}
.cp-edit-fr-child-block__insert:empty:before, .cp-edit-fr-child-block__insert:empty:after {
  pointer-events: none;
  font-size: 15px;
  display: block;
  color: #FF0000;
}
.cp-edit-fr-child-block__insert:empty:before {
  content: "タブに挿入するテキスト、画像、ブロックを挿入してください";
}
.cp-edit-fr-child-block__insert:empty:focus:before, .cp-edit-fr-child-block__insert:empty:focus:after {
  content: none;
}

.cp-basic-block__accordion-contents .cp-edit-fr-child-block__insert:empty:before {
  content: "開閉式に挿入するテキスト、画像、ブロックを挿入してください";
}
.cp-basic-block__accordion-contents .cp-edit-fr-child-block__insert:empty:focus:before, .cp-basic-block__accordion-contents .cp-edit-fr-child-block__insert:empty:focus:after {
  content: none;
}

.cp-edit-fr-child-block-wrap .cp-edit-block-setting__menu-group-button {
  display: none;
}

.cp-edit-fr-child-blocks {
  width: 100%;
}

.cp-edit-fr-child-block__setting-menu-child-load-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  padding: 0 25px;
  background-color: #F5F5F5;
  margin-top: 10px;
}

.cp-edit-fr-child-block__setting-menu-child-load-page-container {
  display: inline-block;
  color: #0000FF;
  cursor: pointer;
}
.cp-edit-fr-child-block__setting-menu-child-load-page-container:empty:before, .cp-edit-fr-child-block__setting-menu-child-load-page-container:empty:after {
  pointer-events: none;
  font-size: 15px;
  display: block;
}
.cp-edit-fr-child-block__setting-menu-child-load-page-container:empty:before {
  content: "ページを選択してください";
}

.cp-edit-fr-child-block__load-page-popup {
  display: none;
  position: absolute;
  top: calc(50% - 210px);
  padding: 15px;
  z-index: 20;
  width: 840px;
  left: calc(50% - 420px);
  overflow-y: hidden;
  background-color: #fff;
  border: 1px solid #707070;
}
.cp-edit-fr-child-block__load-page-popup.is-active {
  display: block;
}

.cp-edit-fr-child-block__load-page-popup-ul {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 13px;
  background-color: #fff;
  width: 100%;
  padding: 0 10px;
  z-index: 1;
}

.cp-edit-fr-child-block__load-page-popup-ul ._cp-link__i-listAreaLinkNameTitle {
  display: block;
}

.cp-edit-fr-child-block__load-page-popup-select-wrap {
  margin-bottom: 15px;
}

.cp-edit-fr-child-block__load-page-popup-select {
  padding: 5px;
  width: 180px;
  font-size: 12px;
}

.cp-template-news-setting__title {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

.cp-template-news-setting__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.cp-template-news-setting__dt {
  padding: 10px;
  border-top: 1px solid #eee;
  width: 200px;
  position: relative;
  font-size: 12px;
}
.cp-template-news-setting__dt.is-only-event {
  display: none;
}

.fr-setting-block[data-block-id="40"] .cp-template-news-setting__dt.is-only-event {
  display: block;
}

.cp-template-news-setting__dd {
  width: calc(100% - 200px);
  padding: 10px;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cp-template-news-setting__dd.is-only-event {
  display: none;
}

.fr-setting-block[data-block-id="40"] .cp-template-news-setting__dd.is-only-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-template-news-setting__label-wrap {
  display: inline-block;
  margin-right: 20px;
}

.cp-template-news-setting__label-term-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  width: 100%;
}

.cp-template-news-setting__label-flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.cp-template-news-setting__label {
  display: inline-block;
  margin-right: 20px;
}
.cp-template-news-setting__label.is-mb10 {
  margin-bottom: 10px;
}

.cp-template-news-setting__label-calendar-wrap {
  padding-left: 90px;
}
.cp-template-news-setting__label-calendar-wrap + .cp-template-news-setting__label-calendar-wrap {
  margin-top: 10px;
}

.cp-template-news-setting__label-calendar-wrap-span {
  padding: 0 6px;
  font-size: 13px;
}

.cp-template-news-setting__label-child {
  padding-left: 40px;
  margin-top: 5px;
  display: block;
}

.cp-template-news-setting__input-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.cp-template-news-setting__input-text::before {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.cp-template-news-setting__radio:checked + .cp-template-news-setting__input-text::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #333;
  position: absolute;
  z-index: 1;
  left: 5px;
  top: 5px;
}

.cp-template-news-setting__select {
  -webkit-appearance: none;
  width: 180px;
  margin-right: 14px;
  padding: 2px 25px 2px 10px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: right 9px top 11px;
  background-size: 9px 5px;
  font-size: 1.4rem;
  color: #222;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.707%22%20height%3D%225.061%22%20viewBox%3D%220%200%208.707%205.061%22%3E%3Cpath%20d%3D%22M-11160.027%2C44.333l-4.354-4.353.707-.707%2C3.646%2C3.646%2C3.646-3.646.707.707Z%22%20transform%3D%22translate(11164.381%20-39.273)%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E");
}
.cp-template-news-setting__select.is-mini {
  width: 80px;
  margin-right: 0;
}
.cp-template-news-setting__select.is-wide {
  width: 365px;
}

.cp-template-news-setting__select-category-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cp-template-news-setting__select-category-child,
.cp-template-news-setting__select-category-class {
  display: none;
}

.cp-template-news-setting__select-category.is-tag .cp-template-news-setting__select-category-class {
  display: block;
}

.cp-template-news-setting__select-category-child.is-active,
.cp-template-news-setting__select-category-class.is-active {
  display: block;
}

.cp-template-news-setting__term-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 10px;
}

.cp-template-news-setting__term-date {
  width: 150px;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 1.4rem;
  margin-right: 5px;
  line-height: 1;
}

.cp-template-news-setting__term-date-icon {
  line-height: 1;
}

.cp-template-news-setting__select-category {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-template-news-setting__select-category + .cp-template-news-setting__select-category {
  margin-top: 10px;
}

.cp-template-news-setting__select-category-plus-button {
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  position: absolute;
  right: 0;
  top: 8px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-template-news-setting__select-category-plus-button::before, .cp-template-news-setting__select-category-plus-button::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  top: 12px;
  left: 5px;
  background-color: #333;
}
.cp-template-news-setting__select-category-plus-button::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cp-template-news-setting__select-category-plus-button:hover {
  border: 1px solid #ccc;
  background-color: #eee;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-template-news-setting__select-category-minus-button {
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cp-template-news-setting__select-category-minus-button::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  top: 12px;
  left: 5px;
  background-color: #333;
}
.cp-template-news-setting__select-category-minus-button:hover {
  border: 1px solid #ccc;
  background-color: #eee;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cp-template-news-setting__editor-tool {
  background-color: #272727;
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cp-template-news-setting__reload-button {
  background-color: #4CA74F;
  color: #fff;
  padding: 3px 10px;
  cursor: pointer;
  width: 120px;
  text-align: center;
  margin-left: 5px;
}

.cp-template-news-setting__cat-area-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-template-news-setting__cat-area-box + .cp-template-news-setting__cat-area-box {
  margin-top: 10px;
}

.cp-template-news-setting__cat-area-box-major,
.cp-template-news-setting__cat-area-box-class,
.cp-template-news-setting__cat-area-box-cat {
  width: 180px;
  margin-right: 18px;
  padding: 10px;
  border: 1px solid #ccc;
  padding: 2px 25px 2px 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  white-space: nowrap;
  background: #eee;
}

.cp-template-news-setting__tag-area-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-template-news-setting__tag-area-box + .cp-template-news-setting__tag-area-box {
  margin-top: 10px;
}

.cp-template-news-setting__tag-area-box-class,
.cp-template-news-setting__tag-area-box-tag {
  width: 180px;
  margin-right: 18px;
  padding: 10px;
  border: 1px solid #ccc;
  padding: 2px 25px 2px 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  white-space: nowrap;
  background: #eee;
}

.cp-template-news-setting__cat-default-area,
.cp-template-news-setting__cat-add-area,
.cp-template-news-setting__tag-default-area,
.cp-template-news-setting__tag-add-area {
  width: 100%;
}

.cp-template-news-setting__news-cat-wrap,
.cp-template-news-setting__event-cat-wrap,
.cp-template-news-setting__tag-wrap {
  display: none;
  position: absolute;
  top: calc(50% - 28px);
  padding: 15px;
  z-index: 20;
  width: 510px;
  left: calc(50% - 255px);
  overflow-y: hidden;
  background-color: #fff;
  border: 1px solid #707070;
}
.cp-template-news-setting__news-cat-wrap.is-active,
.cp-template-news-setting__event-cat-wrap.is-active,
.cp-template-news-setting__tag-wrap.is-active {
  display: block;
}

.cp-template-news-setting__insert-news-cat-button,
.cp-template-news-setting__insert-news-cat-button {
  width: 80px;
  display: inline-block;
  padding: 3px;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
  border-radius: 4px;
}

.cp-template-news-setting__cat-add-area,
.cp-template-news-setting__tag-add-area {
  margin-top: 10px;
}

.cp-template-news-setting__cat-add-area .cp-template-news-setting__cat-area-box-major,
.cp-template-news-setting__cat-add-area .cp-template-news-setting__cat-area-box-class,
.cp-template-news-setting__cat-add-area .cp-template-news-setting__cat-area-box-cat,
.cp-template-news-setting__tag-add-area .cp-template-news-setting__cat-area-box-class,
.cp-template-news-setting__tag-add-area .cp-template-news-setting__cat-area-box-cat {
  background-color: #fff;
}

.cp-template-edit__preset-popup {
  display: none;
  position: absolute;
  top: 0;
  left: calc(50% - 490px);
  padding: 5px;
  background-color: #F6F6F6;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  z-index: 20;
  padding: 30px 20px;
}
.cp-template-edit__preset-popup.is-active {
  display: block;
}

.cp-template-edit__preset-popup-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 980px;
}

.cp-template-edit__preset-popup-item {
  width: calc((100% - 42px) / 5);
}

.cp-template-edit__preset-popup-item-head {
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.5rem;
}

.cp-template-edit__preset-popup-item-thumb {
  height: 82px;
  background-color: #fff;
  border: 1px solid #707070;
  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;
  margin-bottom: 5px;
}

.cp-template-edit__preset-popup-item-desc {
  font-size: 1.3rem;
  margin-bottom: 5px;
}

.cp-template-edit__preset-popup-item-button {
  height: 36px;
  background-color: #222;
  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;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  cursor: pointer;
  margin-top: 5px;
}

.cp-template-edit__preset-popup-item-source {
  display: none;
}

.cp-template-news-setting__input {
  border: 1px solid #ccc;
  padding: 5px;
  width: 80px;
}
.cp-template-news-setting__input.is-wide {
  width: 160px;
}

.cp-template-ranking__types {
  width: 100%;
  background-color: #eee;
  padding: 10px;
  width: 680px;
}
.cp-template-ranking__types > div {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}
.cp-template-ranking__types > div:last-child {
  margin-bottom: 0;
}

.cp-template-ranking__types-title {
  width: 120px;
  font-size: 1.3rem;
  position: relative;
}
.cp-template-ranking__types-title .cp-template-news-setting__select-category-plus-button {
  top: -3px;
  right: 10px;
}

.cp-template-ranking__types-select {
  width: calc(100% - 120px);
}

.cp-template-ranking__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-template-ranking__filter-item + .cp-template-ranking__filter-item {
  margin-top: 5px;
}

.cp-edit-fr-block[data-relate-block-template=newsSetting_v3] .fr-html {
  display: none;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] {
  width: 440px;
  margin: 10px 0;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3]::before {
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 4px);
  background-color: #7A22FF;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3]::after {
  content: none !important;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .fr-html {
  background-color: #fff !important;
  padding: 10px !important;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .fr-setting-block {
  width: 100% !important;
  left: 0 !important;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .cp-edit-block-setting__menu {
  height: 60px;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#FEC303"]:before {
  background-color: #FEC303;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#FF9122"]:before {
  background-color: #FF9122;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#FF2A22"]:before {
  background-color: #FF2A22;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#FF2282"]:before {
  background-color: #FF2282;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#7A22FF"]:before {
  background-color: #7A22FF;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#01A7DB"]:before {
  background-color: #01A7DB;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#01DB82"]:before {
  background-color: #01DB82;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3][data-husen-color="#08DB01"]:before {
  background-color: #08DB01;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .cp-edit-block-setting__menu-group-input + label {
  background-image: none;
  color: #fff;
}
.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .cp-edit-block-setting__menu-group-input + label::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3] .cp-edit-block-setting__menu-group-input:checked + label::after {
  background-color: transparent;
}

.cp-edit-fr-block[data-relate-block-template=husenSetting_v3].cp-edit-block-setting__menu-col-right {
  width: 235px;
}

.cp-news-attr-setting__key-slug {
  position: relative;
}
.cp-news-attr-setting__key-slug::after {
  content: "※ハイフン不可";
  font-size: 10px;
  position: absolute;
  left: 15px;
  bottom: -22px;
}
.cp-news-attr-setting__key-slug[data-default="1"]::after {
  content: none;
}

.cp-news-attr-setting__form-input {
  position: relative;
}
.cp-news-attr-setting__form-input:first-child .minus-btn {
  display: none;
}
.cp-news-attr-setting__form-input + .cp-news-attr-setting__form-input {
  margin-top: 10px;
}
.cp-news-attr-setting__form-input .minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  right: 0;
  top: 0;
}
.cp-news-attr-setting__form-input .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-news-attr-setting__form-input-lists {
  position: absolute;
  top: 29px;
  left: 0;
  width: calc(100% - 50px);
  z-index: 1;
  display: none;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
}

.cp-news-attr-setting__form-input-check {
  display: none !important;
}

.cp-news-attr-setting__form-input-check:checked + .cp-news-attr-setting__form-input-lists {
  display: block;
}

.cp-news-attr-setting__form-input-head {
  position: relative;
  padding-right: 29px;
  width: calc(100% - 50px);
}

.cp-news-attr-setting__form-input-button {
  width: 29px;
  height: 29px;
  background-color: #555;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.cp-news-attr-setting__form-input-button::after {
  content: "";
  position: absolute;
  top: calc(50% - 4.5px);
  left: calc(50% - 9.5px);
  width: 19px;
  height: 9px;
  background-size: 17px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.414%22%20height%3D%229.121%22%20viewBox%3D%220%200%2015.414%209.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44239%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044239%22%20d%3D%22M-1483.61-12402.443l-7.707-7.707%2C1.414-1.414%2C6.293%2C6.293%2C6.293-6.293%2C1.414%2C1.414Z%22%20transform%3D%22translate(1491.317%2012411.564)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.cp-news-attr-setting__load-attr-item {
  width: 100%;
  height: 29px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #333;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding-left: 5px;
  border-bottom: 1px solid #777;
}
.cp-news-attr-setting__load-attr-item:hover {
  background-color: #666;
}

body.cms .news-cate-list.cp-news-attr-setting__list {
  border: none;
}

body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap input[type=text] {
  background-color: #fff;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap input[type=text][disabled=disabled] {
  background-color: #eee;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap input[type=text]:focus {
  border-color: #B3B3B3;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid #333;
  padding: 15px 40px 30px;
  position: relative;
  background-color: #eee;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-wrap:last-child {
  border-bottom: 1px solid #333;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-item {
  border: none;
  width: 40%;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-item:hover {
  background-color: transparent;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-body {
  width: 60%;
  background-color: #fff;
  padding: 10px;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-name-wrap .flag {
  display: none;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-item {
  border: none;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__value-item {
  border-top: none;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__value-item:hover {
  background-color: transparent;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-name-wrap {
  min-width: auto;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-handle {
  opacity: 1;
  position: absolute;
  left: 10px;
  top: 24px;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-button {
  position: static;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-button a {
  opacity: 1;
  display: block;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-config {
  position: absolute;
  right: 5px;
  top: 15px;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__value-color {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  min-width: auto !important;
  margin-left: 10px !important;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__key-add {
  border-top: 1px solid #333;
  padding-top: 30px;
}
body.cms .news-cate-list.cp-news-attr-setting__list .cp-news-attr-setting__wrap .cp-news-attr-setting__value-add {
  margin-top: 10px;
  padding: 5px 0;
}

.cp-calendar-form__description {
  font-size: 13px;
  line-height: 23px;
  text-align: left;
  color: #222;
  margin-bottom: 40px;
}

.cp-calendar-form__wrap {
  padding: 34px 34px;
  background-color: #F5F5F5;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 220px 1fr;
  grid-template-columns: 220px 1fr;
  margin-bottom: 10px;
}
.cp-calendar-form__wrap.is-mini {
  padding: 0;
  -ms-grid-columns: 130px 1fr;
  grid-template-columns: 130px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1300px) {
  .cp-calendar-form__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cp-calendar-form__wrap:not(.is-mini) > .cp-calendar-form__label {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
.cp-calendar-form__label {
  font-size: 15px;
}

.cp-calendar-form__input-group-inner {
  overflow: hidden;
}

.cp-calendar-form__preview-btn,
.cp-calendar-form__publish-btn {
  width: 100px;
  height: 32px;
  border-radius: 16px;
  background: transparent;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #222;
  font-size: 12px;
  position: absolute;
  right: 110px;
  top: 0;
  background-color: #fff;
  padding-left: 28px;
}
.cp-calendar-form__preview-btn:hover,
.cp-calendar-form__publish-btn:hover {
  background-color: #222;
  color: #fff;
}
.cp-calendar-form__preview-btn:hover:before,
.cp-calendar-form__publish-btn:hover:before {
  background-color: #fff;
}
.cp-calendar-form__preview-btn:before,
.cp-calendar-form__publish-btn:before {
  content: "";
  position: absolute;
  left: 9px;
  top: calc(50% - 7px);
  width: 15.05px;
  height: 14px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 15.05px 14px;
  mask-size: 15.05px 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #222;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.049%22%20height%3D%2213.999%22%20viewBox%3D%220%200%2015.049%2013.999%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201351%22%20transform%3D%22translate(-1754.125%20-96.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_866%22%20data-name%3D%22%E3%83%91%E3%82%B9%20866%22%20d%3D%22M18.431%2C16.057a6.051%2C6.051%2C0%2C1%2C0-1.894%2C2.3%2C6.091%2C6.091%2C0%2C0%2C0%2C1.894-2.3m-5.457%2C1.82a4.38%2C4.38%2C0%2C1%2C1%2C4.38-4.378%2C4.379%2C4.379%2C0%2C0%2C1-4.38%2C4.378%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M21.51%2C18.884l-2.136-1.961a7.3%2C7.3%2C0%2C0%2C1-1.925%2C2.271l2.05%2C1.881a1.487%2C1.487%2C0%2C0%2C0%2C2.011-2.191%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.049%22%20height%3D%2213.999%22%20viewBox%3D%220%200%2015.049%2013.999%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201351%22%20transform%3D%22translate(-1754.125%20-96.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_866%22%20data-name%3D%22%E3%83%91%E3%82%B9%20866%22%20d%3D%22M18.431%2C16.057a6.051%2C6.051%2C0%2C1%2C0-1.894%2C2.3%2C6.091%2C6.091%2C0%2C0%2C0%2C1.894-2.3m-5.457%2C1.82a4.38%2C4.38%2C0%2C1%2C1%2C4.38-4.378%2C4.379%2C4.379%2C0%2C0%2C1-4.38%2C4.378%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M21.51%2C18.884l-2.136-1.961a7.3%2C7.3%2C0%2C0%2C1-1.925%2C2.271l2.05%2C1.881a1.487%2C1.487%2C0%2C0%2C0%2C2.011-2.191%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-calendar-form__publish-btn {
  right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.cp-calendar-form__publish-btn::before {
  width: 15px;
  height: 15px;
  -webkit-mask-size: 15px auto;
  mask-size: 15px auto;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.994%2C0.006C114.607%2C0.013%2C0.012%2C114.612%2C0%2C256c0.012%2C141.387%2C114.607%2C255.986%2C255.994%2C255.994%20C397.393%2C511.986%2C511.992%2C397.387%2C512%2C256C511.992%2C114.612%2C397.393%2C0.013%2C255.994%2C0.006z%20M97.607%2C97.612%20c23.34-23.328%2C51.761-41.475%2C83.455-52.725c-15.183%2C18.375-27.84%2C41.906-37.757%2C69.116H82.772%20C87.452%2C108.308%2C92.396%2C102.824%2C97.607%2C97.612z%20M65.612%2C138.003h69.986c-9.008%2C31.929-14.41%2C67.834-15.363%2C105.997H32.327%20C34.374%2C205.196%2C46.3%2C169.088%2C65.612%2C138.003z%20M65.612%2C373.997C46.3%2C342.912%2C34.374%2C306.804%2C32.327%2C268h87.991%20c0.961%2C38.124%2C6.21%2C74.092%2C15.206%2C105.998H65.612z%20M97.607%2C414.386c-5.211-5.211-10.156-10.695-14.836-16.39h60.573%20c4.28%2C11.774%2C9.019%2C22.944%2C14.312%2C33.21c6.954%2C13.438%2C14.758%2C25.468%2C23.348%2C35.89C149.332%2C455.846%2C120.931%2C437.699%2C97.607%2C414.386z%20M243.998%2C479.667c-3.746-0.196-7.469-0.477-11.164-0.86c-5.89-2.64-11.722-6.25-17.5-10.961%20c-17.632-14.359-33.976-38.671-46.398-69.85h75.061V479.667z%20M243.998%2C373.997h-83.436c-9.477-31.171-15.316-67.311-16.328-105.998%20h99.763V373.997z%20M243.998%2C244H144.31c1.008-38.71%2C6.875-74.819%2C16.359-105.997h83.33V244z%20M243.998%2C114.003h-74.951%20c3.109-7.79%2C6.367-15.312%2C9.934-22.195c10.64-20.625%2C23.17-36.89%2C36.354-47.656c5.777-4.71%2C11.609-8.32%2C17.5-10.96%20c3.695-0.382%2C7.417-0.664%2C11.164-0.859V114.003z%20M446.392%2C138.003c19.312%2C31.085%2C31.234%2C67.194%2C33.281%2C105.997h-87.991%20c-0.961-38.124-6.21-74.092-15.21-105.997H446.392z%20M414.393%2C97.612c5.211%2C5.211%2C10.156%2C10.696%2C14.836%2C16.391h-60.577%20c-4.281-11.773-9.023-22.945-14.312-33.21c-6.953-13.437-14.758-25.468-23.347-35.89C362.668%2C56.16%2C391.065%2C74.301%2C414.393%2C97.612z%20M267.998%2C32.333c3.746%2C0.195%2C7.469%2C0.484%2C11.16%2C0.859c5.89%2C2.649%2C11.723%2C6.25%2C17.504%2C10.96%20c17.636%2C14.359%2C33.976%2C38.671%2C46.397%2C69.85h-75.061V32.333z%20M267.998%2C138.003h83.436c9.476%2C31.171%2C15.32%2C67.31%2C16.328%2C105.997%20h-99.764V138.003z%20M267.998%2C268h99.685c-1.007%2C38.71-6.874%2C74.818-16.359%2C105.998h-83.326V268z%20M296.661%2C467.846%20c-5.781%2C4.711-11.614%2C8.313-17.504%2C10.961c-3.691%2C0.375-7.414%2C0.664-11.16%2C0.86v-81.67h74.951%20c-3.109%2C7.789-6.367%2C15.312-9.933%2C22.195C322.376%2C440.816%2C309.845%2C457.081%2C296.661%2C467.846z%20M414.393%2C414.386%20c-23.336%2C23.328-51.764%2C41.476-83.459%2C52.725c15.187-18.375%2C27.835-41.905%2C37.757-69.115h60.538%20C424.548%2C403.692%2C419.604%2C409.176%2C414.393%2C414.386z%20M446.392%2C373.997h-69.998c9.008-31.929%2C14.414-67.842%2C15.367-105.998h87.912%20C477.626%2C306.804%2C465.704%2C342.912%2C446.392%2C373.997z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.994%2C0.006C114.607%2C0.013%2C0.012%2C114.612%2C0%2C256c0.012%2C141.387%2C114.607%2C255.986%2C255.994%2C255.994%20C397.393%2C511.986%2C511.992%2C397.387%2C512%2C256C511.992%2C114.612%2C397.393%2C0.013%2C255.994%2C0.006z%20M97.607%2C97.612%20c23.34-23.328%2C51.761-41.475%2C83.455-52.725c-15.183%2C18.375-27.84%2C41.906-37.757%2C69.116H82.772%20C87.452%2C108.308%2C92.396%2C102.824%2C97.607%2C97.612z%20M65.612%2C138.003h69.986c-9.008%2C31.929-14.41%2C67.834-15.363%2C105.997H32.327%20C34.374%2C205.196%2C46.3%2C169.088%2C65.612%2C138.003z%20M65.612%2C373.997C46.3%2C342.912%2C34.374%2C306.804%2C32.327%2C268h87.991%20c0.961%2C38.124%2C6.21%2C74.092%2C15.206%2C105.998H65.612z%20M97.607%2C414.386c-5.211-5.211-10.156-10.695-14.836-16.39h60.573%20c4.28%2C11.774%2C9.019%2C22.944%2C14.312%2C33.21c6.954%2C13.438%2C14.758%2C25.468%2C23.348%2C35.89C149.332%2C455.846%2C120.931%2C437.699%2C97.607%2C414.386z%20M243.998%2C479.667c-3.746-0.196-7.469-0.477-11.164-0.86c-5.89-2.64-11.722-6.25-17.5-10.961%20c-17.632-14.359-33.976-38.671-46.398-69.85h75.061V479.667z%20M243.998%2C373.997h-83.436c-9.477-31.171-15.316-67.311-16.328-105.998%20h99.763V373.997z%20M243.998%2C244H144.31c1.008-38.71%2C6.875-74.819%2C16.359-105.997h83.33V244z%20M243.998%2C114.003h-74.951%20c3.109-7.79%2C6.367-15.312%2C9.934-22.195c10.64-20.625%2C23.17-36.89%2C36.354-47.656c5.777-4.71%2C11.609-8.32%2C17.5-10.96%20c3.695-0.382%2C7.417-0.664%2C11.164-0.859V114.003z%20M446.392%2C138.003c19.312%2C31.085%2C31.234%2C67.194%2C33.281%2C105.997h-87.991%20c-0.961-38.124-6.21-74.092-15.21-105.997H446.392z%20M414.393%2C97.612c5.211%2C5.211%2C10.156%2C10.696%2C14.836%2C16.391h-60.577%20c-4.281-11.773-9.023-22.945-14.312-33.21c-6.953-13.437-14.758-25.468-23.347-35.89C362.668%2C56.16%2C391.065%2C74.301%2C414.393%2C97.612z%20M267.998%2C32.333c3.746%2C0.195%2C7.469%2C0.484%2C11.16%2C0.859c5.89%2C2.649%2C11.723%2C6.25%2C17.504%2C10.96%20c17.636%2C14.359%2C33.976%2C38.671%2C46.397%2C69.85h-75.061V32.333z%20M267.998%2C138.003h83.436c9.476%2C31.171%2C15.32%2C67.31%2C16.328%2C105.997%20h-99.764V138.003z%20M267.998%2C268h99.685c-1.007%2C38.71-6.874%2C74.818-16.359%2C105.998h-83.326V268z%20M296.661%2C467.846%20c-5.781%2C4.711-11.614%2C8.313-17.504%2C10.961c-3.691%2C0.375-7.414%2C0.664-11.16%2C0.86v-81.67h74.951%20c-3.109%2C7.789-6.367%2C15.312-9.933%2C22.195C322.376%2C440.816%2C309.845%2C457.081%2C296.661%2C467.846z%20M414.393%2C414.386%20c-23.336%2C23.328-51.764%2C41.476-83.459%2C52.725c15.187-18.375%2C27.835-41.905%2C37.757-69.115h60.538%20C424.548%2C403.692%2C419.604%2C409.176%2C414.393%2C414.386z%20M446.392%2C373.997h-69.998c9.008-31.929%2C14.414-67.842%2C15.367-105.998h87.912%20C477.626%2C306.804%2C465.704%2C342.912%2C446.392%2C373.997z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-calendar-form__input-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 144px 1fr;
  grid-template-columns: 144px 1fr;
}
.cp-calendar-form__input-group + .cp-calendar-form__input-group {
  margin-top: 25px;
}

.cp-calendar-form__select-label {
  width: 120px;
  height: 30px;
  position: relative;
  display: inline-block;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
.cp-calendar-form__select-label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
.cp-calendar-form__select-label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
.cp-calendar-form__select-label select {
  display: block;
  width: calc(100% + 22px);
  height: 30px;
  padding: 2px 24px 2px 10px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 1.5rem;
  cursor: pointer;
}
.cp-calendar-form__select-label select::-ms-expand {
  display: none;
}

.cp-calendar-form__select-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-calendar-form__select-group span {
  padding: 0 8px;
}

.cp-calendar-form__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px 10px;
}
.cp-calendar-form__radio-group.mt {
  margin-top: 25px;
}
.cp-calendar-form__radio-group + .cp-calendar-form__radio-group {
  margin-top: 18px;
}

.cp-calendar-form__radio,
.cp-calendar-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  min-width: 135px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  font-size: 15px;
}
.cp-calendar-form__radio::before,
.cp-calendar-form__checkbox::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 100%;
}
.cp-calendar-form__radio.is-holiday,
.cp-calendar-form__checkbox.is-holiday {
  white-space: nowrap;
  font-size: 13px;
  padding-left: 30px;
}

.cp-calendar-form__radio.with-image {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cp-calendar-form__checkbox.no-min-width {
  min-width: 0;
  padding-left: 30px;
}
.cp-calendar-form__checkbox::before {
  border-radius: 0;
}

input:checked + .cp-calendar-form__radio::after,
input:checked + .cp-calendar-form__checkbox::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #333;
  position: absolute;
  z-index: 1;
  left: 3.5px;
  top: 3.5px;
  border-radius: 100%;
}

input:checked + .cp-calendar-form__checkbox::after {
  border-radius: 0;
}

.cp-calendar-form__color-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-calendar-form__color-input {
  margin-right: 5px;
}
.cp-calendar-form__color-input input[type=color] {
  width: 30px;
  height: 33px;
  vertical-align: -3px;
  position: relative;
  top: 4px;
}
.cp-calendar-form__color-input input[type=text] {
  width: 70px;
  height: 30px;
  border: 1px solid #ccc;
}
.cp-calendar-form__input {
  max-width: 600px;
  width: 100%;
  height: 30px;
  background: #fff;
  border: 1px solid #999;
  padding: 3px 10px;
}
.cp-calendar-form__input + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__input-hidden + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cp-calendar-form__date-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cp-calendar-form__closed-day-entry + .cp-calendar-form__closed-day-entry {
  border-top: 1px solid #ccc;
}
.cp-calendar-form__closed-day-entry:last-child {
  margin-bottom: 24px;
}

.cp-calendar-form__add-closed-day-btn {
  border: none;
  background-color: transparent;
  font-size: 15px;
  color: #0074ff;
}

.date-picker-ym,
.date-picker-ymd,
.date-picker-ymdhm {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
}
.date-picker-ym + .cp-template-news-setting__term-date-icon,
.date-picker-ymd + .cp-template-news-setting__term-date-icon,
.date-picker-ymdhm + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__table-row {
  display: -ms-grid;
  display: grid;
}
.cp-calendar-form__table-row.is-header {
  background-color: #F5F5F5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.is-opening .cp-calendar-form__table-row {
  -ms-grid-columns: 85px 1fr 1fr 245px 130px 1fr 1fr;
  grid-template-columns: 85px 1fr 1fr 245px 130px 1fr 1fr;
}

.is-specified .cp-calendar-form__table-row {
  -ms-grid-columns: 335px 1fr 1fr 1fr 130px 1fr 1fr 95px;
  grid-template-columns: 335px 1fr 1fr 1fr 130px 1fr 1fr 95px;
}

.is-holiday .cp-calendar-form__table-row {
  -ms-grid-columns: 175px 130px 1fr;
  grid-template-columns: 175px 130px 1fr;
}

.cp-calendar-form__table-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
}
.cp-calendar-form__table-cell.is-holiday {
  min-height: 80px;
}

.cp-calendar-form__table-cell-time {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 5px;
}
.cp-calendar-form__table-cell-time:focus, .cp-calendar-form__table-cell-time:hover {
  border: 1px solid #ccc;
}

.cp-calendar-form__table-cell-date-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-calendar-form__table-cell-date-input-group .date-input {
  width: 92px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0 5px;
}
.cp-calendar-form__table-cell-date-input-group .date-icon {
  margin-left: 10px;
}

.cp-calendar-form__table-cell-date-separator {
  margin: 0 5px;
}

.cp-calendar-form__datecolor-form {
  margin-bottom: 30px;
}

.cp-calendar-form__datecolor-spacer {
  height: 200px;
}

.cp-calendar-form__table-cell-button {
  width: 100px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}
.cp-calendar-form__table-cell-button.is-save {
  background-color: #4CA74F;
  color: #fff;
}
.cp-calendar-form__table-cell-button.is-remove {
  background-color: #FF0000;
  color: #fff;
}

.cp-calendar-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cp-calendar-form__header-button {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0074ff;
  font-size: 15px;
  cursor: pointer;
}

.cp-calendar-form__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.cp-calendar-form__year-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.cp-calendar-form__year-selector span {
  margin-left: 10px;
}

.cp-calendar-event__display-label {
  margin-bottom: 10px;
}

.cp-calendar-event__select-inner-wrap {
  position: relative;
  margin-bottom: 11px;
}
.cp-calendar-event__select-inner-wrap .select-label {
  width: calc(100% - 25px);
}
.cp-calendar-event__select-inner-wrap .cp-calendar-event__minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  right: 0;
  top: 0;
}
.cp-calendar-event__select-inner-wrap .cp-calendar-event__minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-calenda-event__colors {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px 1fr;
  grid-template-columns: 140px 1fr;
}
.cp-calenda-event__colors + .cp-calenda-event__colors {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calenda-event__colors-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40px 1fr;
  grid-template-columns: 40px 1fr;
}
.cp-calenda-event__colors-item .cp-calendar-form__color-input input[type=text] {
  width: 70px !important;
}

.cp-calendar-event__colors-item-text {
  padding-top: 3px;
}
.cp-calendar-event__colors-item-text.is-letter {
  padding-top: 11px;
}

.cp-calendar-evennt__exlude-day-add {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 6px;
  left: 6px;
}
.cp-calendar-evennt__exlude-day-add::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.cp-calendar-evennt__exlude-day-add::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cp-calendar-evennt__exlude-day-remove {
  position: relative;
  display: inline-block;
  top: 6px;
  left: 6px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  right: 0;
  top: 7px;
}
.cp-calendar-evennt__exlude-day-remove::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-calenda-event__colors-body .cp-calenda-event__colors-item:first-child .cp-calendar-evennt__exlude-day-remove {
  display: none;
}
.cp-calenda-event__colors-body .cp-calenda-event__colors-item + .cp-calenda-event__colors-item .cp-calendar-evennt__exlude-day-add {
  display: none;
}

.cp-calendar-event__color-other {
  display: none;
}
.cp-calendar-event__color-other.is-active {
  display: block;
}

.newsrelease-calendar-select-wrap + .newsrelease-calendar-select-wrap {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calendar-detail__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
  grid-template-columns: 90px 1fr;
  font-size: 12px;
}
.cp-calendar-detail__item dd {
  padding-left: 10px;
}
.cp-calendar-detail__item + .cp-calendar-detail__item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calendar-detail__item-excluded-day + .cp-calendar-detail__item-excluded-day::before {
  content: ",";
}

.cp-calendar-source__editor-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cp-calendar-editor__wrap + .cp-calendar-editor__wrap {
  margin-top: 40px;
}

.cp-calendar-ui__preview {
  max-width: 1320px;
  padding: 0 20px 100px;
  margin: 40px auto;
  min-height: 100vh;
}

.cp-calendar-ui__calendar-container {
  font-family: Meiryo;
}

.cp-calendar-ui__calendar-header {
  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;
  margin-bottom: 26px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__calendar-header {
    margin-bottom: 16px;
  }
}
.cp-calendar-ui__month-year {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.875;
  text-align: left;
  color: #222;
}

.cp-calendar-ui__date-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.cp-calendar-ui__date-selector-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.cp-calendar-ui__header-select,
.cp-calendar-ui__calendar-filter-select {
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  min-width: 80px;
}
.cp-calendar-ui__header-select:focus,
.cp-calendar-ui__calendar-filter-select:focus {
  outline: none;
  border-color: #007bff;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.cp-calendar-ui__header-select:hover,
.cp-calendar-ui__calendar-filter-select:hover {
  border-color: #adb5bd;
}

.cp-calendar-ui__calendar-filter-select {
  min-width: 150px;
}

.cp-calendar-ui__calendar-filter-label {
  padding-right: 10px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-year {
    font-size: 24px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 16px;
  }
}
.cp-calendar-ui__navigation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__navigation-buttons {
    width: 100%;
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cp-calendar-ui__nav-btn {
  width: 80px;
  height: 40px;
  border-radius: 6px;
  background: #222;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  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;
  border: none;
  position: relative;
}
.cp-calendar-ui__nav-btn::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  left: 11px;
  top: calc(50% - 5px);
  background-color: #fff;
  -webkit-mask-size: 6px 10px;
  mask-size: 6px 10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46803%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046803%22%20d%3D%22M-11335.479%2C6194.225a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1-.293-.707%2C1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414l-3.293%2C3.293%2C3.293%2C3.292a1%2C1%2C0%2C0%2C1%2C0%2C1.414A1%2C1%2C0%2C0%2C1-11335.479%2C6194.225Z%22%20transform%3D%22translate(11340.479%20-6184.225)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46803%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046803%22%20d%3D%22M-11335.479%2C6194.225a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1-.293-.707%2C1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414l-3.293%2C3.293%2C3.293%2C3.292a1%2C1%2C0%2C0%2C1%2C0%2C1.414A1%2C1%2C0%2C0%2C1-11335.479%2C6194.225Z%22%20transform%3D%22translate(11340.479%20-6184.225)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.cp-calendar-ui__current-month,
.cp-calendar-ui__current-week,
.cp-calendar-ui__current-day {
  background: #666;
}
.cp-calendar-ui__current-month::before,
.cp-calendar-ui__current-week::before,
.cp-calendar-ui__current-day::before {
  content: none;
}

.cp-calendar-ui__next-month::before,
.cp-calendar-ui__next-week::before,
.cp-calendar-ui__next-day::before {
  left: auto;
  right: 11px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cp-calendar-ui__weekday-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__weekday-header,
  .cp-calendar-ui__week-view-container .cp-calendar-ui__weekday-header {
    display: none;
  }
}
.cp-calendar-ui__weekday {
  height: 60px;
  width: 100%;
  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-color: #666;
  color: #fff;
  border-right: 1px solid #CCCCCC;
}
.cp-calendar-ui__weekday:last-child {
  border-right: none;
}

.cp-calendar-ui__calendar-grid,
.cp-calendar-ui__week-view-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid #ccc;
  border-top: none;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__calendar-grid,
  .cp-calendar-ui__week-view-container {
    display: block;
    border-top: 1px solid #ccc;
  }
}
.cp-calendar-ui__date-number {
  height: 30px;
  background-color: #f0f6fd;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 9px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="1"]::after {
    content: "（月）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="2"]::after {
    content: "（火）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="3"]::after {
    content: "（水）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="4"]::after {
    content: "（木）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="5"]::after {
    content: "（金）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="6"]::after {
    content: "（土）";
  }
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-number[data-weekday="0"]::after {
    content: "（日）";
  }
}
.cp-calendar-ui__date-container {
  min-height: 200px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-container {
    min-height: 100px;
  }
}
.cp-calendar-ui__calendar-day {
  border-right: 1px solid #CCCCCC;
}
.cp-calendar-ui__calendar-day:nth-child(7n) {
  border-right: none;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__calendar-day {
    border-right: none;
  }
}
.cp-calendar-ui__date-container {
  position: relative;
  padding: 8px 7px;
}

.cp-calendar-ui__label {
  padding: 7px;
  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;
  border-radius: 4px;
  height: 40px;
}
.cp-calendar-ui__label + .cp-calendar-ui__label {
  margin-top: 8px;
}

.cp-calendar-ui__label-sp {
  visibility: hidden;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__label-sp {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    height: 40px;
  }
  .cp-calendar-ui__label-sp + .cp-calendar-ui__label-sp {
    margin-top: 8px;
  }
  .cp-calendar-ui__label-sp.is-empty {
    display: none;
  }
}
.cp-calendar-ui__event-title {
  font-size: 14px;
  line-height: 1.28;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__label-text {
  font-size: 14px;
  line-height: 1.28;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__period-event-bar {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  height: 40px;
  z-index: 10;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 7px;
}
.cp-calendar-ui__period-event-bar:hover {
  opacity: 0.9;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__period-event-bar {
    display: none;
  }
}
.cp-calendar-ui__period-event-text {
  font-size: 14px;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__other-month {
  background-color: #ddd;
  color: #666;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__other-month {
    display: none;
  }
}
.cp-calendar-ui__settings-form {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.cp-calendar-ui__settings-form h3 {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #333;
  border-bottom: 2px solid #007bff;
  padding-bottom: 10px;
}

.cp-calendar-ui__setting-section {
  margin-bottom: 25px;
}
.cp-calendar-ui__setting-section h4 {
  margin: 0 0 15px 0;
  font-size: 16px;
  color: #495057;
  font-weight: 600;
}

.cp-calendar-ui__note {
  font-size: 12px;
  color: #6c757d;
  font-weight: normal;
}

.cp-calendar-ui__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.cp-calendar-ui__radio-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cp-calendar-ui__radio-option:hover {
  background-color: #e9ecef;
}
.cp-calendar-ui__radio-option input[type=radio] {
  margin: 0;
  cursor: pointer;
  display: block;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.cp-calendar-ui__radio-option span {
  font-size: 14px;
  color: #495057;
}

.cp-calendar-ui__select {
  padding: 4px 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  background-color: #fff;
  cursor: pointer;
}
.cp-calendar-ui__select:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

.cp-calendar-ui__input {
  width: 60px;
  padding: 4px 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
}
.cp-calendar-ui__input:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

.cp-calendar-ui__date-range {
  margin-top: 10px;
  margin-left: 20px;
}

.cp-calendar-ui__date-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.cp-calendar-ui__date-input span {
  font-size: 13px;
  color: #6c757d;
  min-width: 30px;
}

.cp-calendar-ui__week-view .cp-calendar-ui__calendar-grid,
.cp-calendar-ui__day-view .cp-calendar-ui__calendar-grid {
  display: none;
}

.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container {
  cursor: pointer;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container:hover {
  background-color: #e3f2fd;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__event-list {
  display: none;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-header {
  margin-bottom: 10px;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__dayofweek-container {
  display: none;
}

.cp-calendar-ui__day-view-container {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__date-number {
  margin-bottom: 10px;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__navigation-buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__label-sp {
  visibility: visible;
}

.cp-calendar-ui__day-header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.cp-calendar-ui__date-selector {
  display: none;
}

.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view[data-display-count=single] .cp-calendar-ui__month-year {
  display: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view[data-display-count=single] .cp-calendar-ui__date-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container {
  display: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__weekday {
  height: auto;
  background-color: #F0F0F0;
  color: #222;
  padding: 10px 0;
  font-size: 14px;
  border-right: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-day {
  border-right: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  padding: 5px 0;
  position: relative;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__other-month {
  background-color: transparent !important;
  color: #999 !important;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-number {
  font-size: 14px;
  height: 24px;
  border-radius: 100%;
  text-align: center;
  width: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-number.has-event {
  text-decoration: underline;
  cursor: pointer;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-day.is-hover .cp-calendar-ui__date-container {
  display: block;
  position: absolute;
  width: 180px;
  min-height: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  top: 28px;
  left: 0;
  z-index: 1;
  max-height: 150px;
  overflow-y: auto;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__label-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__period-event-bar {
  display: none;
}

.cp-calendar-ui__multi-month-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cp-calendar-ui__month-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cp-calendar-ui__month-container .cp-calendar-ui__weekday-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.cp-calendar-ui__month-container .cp-calendar-ui__weekday-header .cp-calendar-ui__weekday {
  padding: 8px 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.cp-calendar-ui__month-container .cp-calendar-ui__month-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
}
.cp-calendar-ui__month-container .cp-calendar-ui__month-year {
  font-size: 18px;
}

.cp-calendar-ui__event-category {
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 5px;
}

.cp-calendar-ui__event-cat-text-title {
  font-size: 14px;
  line-height: 1.28;
}

.cp-calendar-ui__label-cat-text {
  margin-bottom: 5px;
  display: block;
  color: #222;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xdsoft_datetimepicker {
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73%, #f4f8fa));
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#f4f8fa",GradientType=0 );
  /* IE6-9 */
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f8fa), color-stop(73%, #FFF));
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f8fa", endColorstr="#FFF",GradientType=0 );
  /* IE6-9 */
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.8;
  z-index: 2000;
}

.sortLists li.placeholder {
  position: relative;
  /** More li styles **/
}

.sortLists li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

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

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

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---------------------------------------- */
.ball-pulse-sync > div, .ball-pulse > div, .ball-scale-random > div, .ball-scale > div {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
}

@-webkit-keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}
@keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div {
  width: 15px;
  height: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.ball-pulse-sync > div {
  width: 15px;
  height: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale > div {
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

.ball-scale-random {
  width: 37px;
  height: 40px;
}

.ball-scale-random > div {
  position: absolute;
  height: 30px;
  width: 30px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

.ball-rotate, .ball-rotate > div {
  position: relative;
}

.ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}

.ball-scale-random > div:nth-child(1) {
  margin-left: -7px;
  -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
  animation: ball-scale 1s 0.2s ease-in-out infinite;
}

.ball-scale-random > div:nth-child(3) {
  margin-left: -2px;
  margin-top: 9px;
  -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
  animation: ball-scale 1s 0.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ball-rotate > div {
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ball-rotate > div:first-child {
  -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}

.ball-rotate > div:after, .ball-rotate > div:before {
  margin: 2px;
  content: "";
  position: absolute;
  opacity: 0.8;
}

.ball-rotate > div:before {
  top: 0;
  left: -28px;
}

.ball-rotate > div:after {
  top: 0;
  left: 25px;
}

.ball-clip-rotate > div {
  border-radius: 100%;
  margin: 2px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 26px;
  width: 26px;
  background: 0 0 !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}

.ball-clip-rotate-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.ball-clip-rotate-pulse > div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -7px;
  -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

.ball-clip-rotate-pulse > div:last-child {
  position: absolute;
  width: 30px;
  height: 30px;
  left: -16px;
  top: -2px;
  background: 0 0;
  border: 2px solid;
  border-color: #fff transparent;
  -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.ball-beat > div, .ball-scale-multiple > div {
  background-color: #fff;
  border-radius: 100%;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate-multiple {
  position: relative;
}

.ball-clip-rotate-multiple > div {
  position: absolute;
  left: -20px;
  top: -20px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  -webkit-animation: rotate 1s 0s ease-in-out infinite;
  animation: rotate 1s 0s ease-in-out infinite;
}

.ball-clip-rotate-multiple > div:last-child {
  display: inline-block;
  top: -10px;
  left: -10px;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  border-color: #fff transparent;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.ball-scale-ripple > div {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.ball-scale-ripple-multiple > div:nth-child(0) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.ball-scale-ripple-multiple > div:nth-child(1) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.ball-scale-ripple-multiple > div {
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-beat > div {
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.35s !important;
  animation-delay: -0.35s !important;
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}

.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.ball-scale-multiple > div {
  position: absolute;
  left: -30px;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}

.ball-triangle-path > div:nth-child(1), .ball-triangle-path > div:nth-child(2) {
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px);
  }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px);
  }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px);
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px);
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.99px, -37.51px);
  -ms-transform: translate(-29.99px, -37.51px);
  transform: translate(-29.99px, -37.51px);
}

.ball-triangle-path > div:nth-child(1) {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.ball-grid-beat > div, .ball-pulse-rise > div {
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
}

.ball-grid-beat > div, .ball-grid-pulse > div, .ball-pulse-rise > div {
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  background-color: #fff;
  margin: 2px;
}

.ball-triangle-path > div:nth-of-type(1) {
  top: 50px;
}

.ball-triangle-path > div:nth-of-type(2) {
  left: 25px;
}

.ball-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px;
}

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.ball-pulse-rise > div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

.ball-pulse-rise > div:nth-child(2n) {
  -webkit-animation-name: ball-pulse-rise-even;
  animation-name: ball-pulse-rise-even;
}

.ball-pulse-rise > div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd;
}

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ball-grid-beat {
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.ball-grid-beat {
  width: 57px;
}

.ball-grid-beat > div:nth-child(1) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  -webkit-animation-duration: 1.45s;
  animation-duration: 1.45s;
}

.ball-grid-beat > div:nth-child(2) {
  -webkit-animation-delay: -20ms;
  animation-delay: -20ms;
  -webkit-animation-duration: 0.97s;
  animation-duration: 0.97s;
}

.ball-grid-beat > div:nth-child(3) {
  -webkit-animation-delay: 0.66s;
  animation-delay: 0.66s;
  -webkit-animation-duration: 1.23s;
  animation-duration: 1.23s;
}

.ball-grid-beat > div:nth-child(4) {
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
  -webkit-animation-duration: 1.24s;
  animation-duration: 1.24s;
}

.ball-grid-beat > div:nth-child(5) {
  -webkit-animation-delay: -0.19s;
  animation-delay: -0.19s;
  -webkit-animation-duration: 1.13s;
  animation-duration: 1.13s;
}

.ball-grid-beat > div:nth-child(6) {
  -webkit-animation-delay: 0.69s;
  animation-delay: 0.69s;
  -webkit-animation-duration: 1.42s;
  animation-duration: 1.42s;
}

.ball-grid-beat > div:nth-child(7) {
  -webkit-animation-delay: 0.58s;
  animation-delay: 0.58s;
  -webkit-animation-duration: 1.14s;
  animation-duration: 1.14s;
}

.ball-grid-beat > div:nth-child(8) {
  -webkit-animation-delay: 0.21s;
  animation-delay: 0.21s;
  -webkit-animation-duration: 1.17s;
  animation-duration: 1.17s;
}

.ball-grid-beat > div:nth-child(9) {
  -webkit-animation-delay: -0.18s;
  animation-delay: -0.18s;
  -webkit-animation-duration: 0.65s;
  animation-duration: 0.65s;
}

.ball-grid-beat > div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  float: left;
  -webkit-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.ball-grid-pulse {
  width: 57px;
}

.ball-grid-pulse > div:nth-child(1) {
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}

.ball-grid-pulse > div:nth-child(2) {
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.ball-grid-pulse > div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
  -webkit-animation-duration: 0.63s;
  animation-duration: 0.63s;
}

.ball-grid-pulse > div:nth-child(4) {
  -webkit-animation-delay: -30ms;
  animation-delay: -30ms;
  -webkit-animation-duration: 1.24s;
  animation-duration: 1.24s;
}

.ball-grid-pulse > div:nth-child(5) {
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
  -webkit-animation-duration: 1.37s;
  animation-duration: 1.37s;
}

.ball-grid-pulse > div:nth-child(6) {
  -webkit-animation-delay: 0.43s;
  animation-delay: 0.43s;
  -webkit-animation-duration: 1.55s;
  animation-duration: 1.55s;
}

.ball-grid-pulse > div:nth-child(7) {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.ball-grid-pulse > div:nth-child(8) {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-duration: 0.97s;
  animation-duration: 0.97s;
}

.ball-grid-pulse > div:nth-child(9) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.63s;
  animation-duration: 0.63s;
}

.ball-grid-pulse > div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  float: left;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px;
}

.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}

.ball-spin-fade-loader > div, .ball-spin-loader > div {
  -webkit-animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}

.ball-spin-fade-loader > div {
  background-color: #fff;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ball-spin-loader {
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.ball-spin-loader {
  position: relative;
}

.ball-spin-loader > span:nth-child(1) {
  top: 45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
  animation: ball-spin-loader 2s 0.9s infinite linear;
}

.ball-spin-loader > span:nth-child(2) {
  top: 30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
  animation: ball-spin-loader 2s 1.8s infinite linear;
}

.ball-spin-loader > span:nth-child(3) {
  top: 0;
  left: 45px;
  -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
  animation: ball-spin-loader 2s 2.7s infinite linear;
}

.ball-spin-loader > span:nth-child(4) {
  top: -30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
  animation: ball-spin-loader 2s 3.6s infinite linear;
}

.ball-spin-loader > span:nth-child(5) {
  top: -45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
  animation: ball-spin-loader 2s 4.5s infinite linear;
}

.ball-spin-loader > span:nth-child(6) {
  top: -30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
  animation: ball-spin-loader 2s 5.4s infinite linear;
}

.ball-spin-loader > span:nth-child(7) {
  top: 0;
  left: -45px;
  -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
  animation: ball-spin-loader 2s 6.3s infinite linear;
}

.ball-spin-loader > span:nth-child(8) {
  top: 30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
  animation: ball-spin-loader 2s 7.2s infinite linear;
}

.ball-spin-loader > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: green;
}

.ball-zig-zag-deflect > div, .ball-zig-zag > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px 2px 2px 15px;
  top: 4px;
  left: -7px;
}

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}

.ball-zig-zag > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
}

.ball-zig-zag > div:first-child {
  -webkit-animation: ball-zig 0.7s 0s infinite linear;
  animation: ball-zig 0.7s 0s infinite linear;
}

.ball-zig-zag > div:last-child {
  -webkit-animation: ball-zag 0.7s 0s infinite linear;
  animation: ball-zag 0.7s 0s infinite linear;
}

@-webkit-keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}

.ball-zig-zag-deflect > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
}

.line-scale-party > div, .line-scale-pulse-out-rapid > div, .line-scale-pulse-out > div, .line-scale > div {
  width: 4px;
  height: 35px;
  display: inline-block;
}

.line-scale-party > div, .line-scale-pulse-out-rapid > div, .line-scale-pulse-out > div, .line-scale > div, .line-spin-fade-loader > div {
  border-radius: 2px;
  margin: 2px;
  background-color: #fff;
}

.ball-zig-zag-deflect > div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear;
}

.ball-zig-zag-deflect > div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear;
}

@-webkit-keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
@keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
  -webkit-animation-duration: 0.54s;
  animation-duration: 0.54s;
}

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
  -webkit-animation-duration: 1.15s;
  animation-duration: 1.15s;
}

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 40ms;
  animation-delay: 40ms;
  -webkit-animation-duration: 0.77s;
  animation-duration: 0.77s;
}

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
  -webkit-animation-duration: 0.61s;
  animation-duration: 0.61s;
}

.line-scale-party > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

@-webkit-keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
@keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
.line-scale-pulse-out > div {
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: -0.4s !important;
  animation-delay: -0.4s !important;
}

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: -0.2s !important;
  animation-delay: -0.2s !important;
}

@-webkit-keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
}
@keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
}
.line-scale-pulse-out-rapid > div {
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}

.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
  -webkit-animation-delay: -0.25s !important;
  animation-delay: -0.25s !important;
}

.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
}

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px;
}

.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(2) {
  top: 13.64px;
  left: 13.64px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(4) {
  top: -13.64px;
  left: 13.64px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(6) {
  top: -13.64px;
  left: -13.64px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(8) {
  top: 13.64px;
  left: -13.64px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}

.line-spin-fade-loader > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px;
}

@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.triangle-skew-spin > div {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.square-spin > div {
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

.pacman > div:first-of-type, .pacman > div:nth-child(2) {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  position: relative;
  left: -30px;
}

@-webkit-keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
@keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
.pacman {
  position: relative;
}

.pacman > div:nth-child(3) {
  -webkit-animation: pacman-balls 1s -0.66s infinite linear;
  animation: pacman-balls 1s -0.66s infinite linear;
}

.pacman > div:nth-child(4) {
  -webkit-animation: pacman-balls 1s -0.33s infinite linear;
  animation: pacman-balls 1s -0.33s infinite linear;
}

.pacman > div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear;
}

.pacman > div:first-of-type {
  -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
  animation: rotate_pacman_half_up 0.5s 0s infinite;
}

.pacman > div:nth-child(2) {
  -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
  animation: rotate_pacman_half_down 0.5s 0s infinite;
  margin-top: -50px;
}

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translate(0, -6.25px);
  -ms-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px);
  top: 25px;
  left: 70px;
}

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg);
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg);
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  -ms-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px);
}

.cube-transition > div {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out;
}

.cube-transition > div:last-child {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden;
}

.semi-circle-spin > div {
  position: absolute;
  border-width: 0;
  border-radius: 100%;
  -webkit-animation: spin-rotate 0.6s 0s infinite linear;
  animation: spin-rotate 0.6s 0s infinite linear;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
  background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
  width: 100%;
  height: 100%;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}

.sp-val {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}

.sp-hue {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.cms-home a {
  color: #535fa9;
}
.cms-home .newsrelease-area {
  position: relative;
}
.cms-home .news-list li {
  z-index: 2;
}
.cms-home .news-list li.active {
  z-index: 3;
}
.cms-home .newsrelease-area .news-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cms-home .website-area {
  position: relative;
}
.cms-home .website-list li {
  z-index: 2;
}
.cms-home .website-list li.active {
  z-index: 3;
}
.cms-home .website-area .site-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cms-home .card.add.hidden {
  display: none;
}
.cms-home .card .option-menu {
  cursor: pointer;
}
.cms-home .option-menu-list-wrap.hidden {
  display: none;
}
.cms-home .color-change-form {
  padding: 5px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.cms-home .color-change-form .input-text {
  border: 1px solid #ccc;
  padding: 5px;
  width: calc(100% - 46px);
  font-size: 1.6rem;
}
.cms-home .color-change-form .submit-button {
  border: none;
  width: 45px;
  padding: 5px;
  font-size: 1.4rem;
}
.cms-home .sitecolor-bt .submit-button {
  margin-right: 10px;
}
.cms-home .website-list .card .paint-website-active .paint-website-detail ul.paint-website-color li.active {
  border: 2px solid #ccc;
}
.cms-home .card.option-menu-active {
  z-index: 10;
}

.cms-page-edit {
  /*a[data-link-type="page"],
  a[data-link-type="link"],
  a[data-link-type="news"],
  a[data-link-type="event"],
  a[data-outer-link],*/
  /*a[data-link-type="page"]:hover::after,
  a[data-link-type="link"]:hover::after,
  a[data-link-type="news"]:hover::after,
  a[data-link-type="event"]:hover::after,
  a[data-outer-link]:hover::after,*/
  /*a[data-outer-link]:before,*/
  /* simplebar */
  /* Rtl support */
}
.cms-page-edit a::before,
.cms-page-edit a::after {
  -webkit-transition: 0s;
  transition: 0s;
}
.cms-page-edit .air-editor-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.cms-page-edit .air-editor-wrap .editor-loading {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
}
.cms-page-edit .air-editor-wrap .editor-loading .loader {
  width: 50px;
  height: 50px;
  margin: auto;
}
.cms-page-edit .air-editor-wrap .editor-loading .loader .ball-scale-ripple > div {
  border-color: #4CA74F;
}
.cms-page-edit .air-editor-wrap .air-editor-edit-area,
.cms-page-edit .air-editor-wrap #editor-settings {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cms-page-edit .air-editor-wrap.load-complete .air-editor-edit-area,
.cms-page-edit .air-editor-wrap.load-complete #editor-settings {
  opacity: 1;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.cms-page-edit .air-editor-edit-area {
  width: 100%;
  position: relative;
  z-index: 1;
}
.cms-page-edit .air-editor-info-area {
  padding-top: 90px;
  z-index: 2;
}
.cms-page-edit .fr-block.fr-block-close {
  cursor: -webkit-grab;
  cursor: grab;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: element;
  -khtml-user-drag: element;
}
.cms-page-edit .fr-block.fr-block-close .fr-html {
  height: 0;
  padding: 0;
  min-height: auto;
}
.cms-page-edit .fr-block.fr-block-close .fr-html > * {
  display: none;
}
.cms-page-edit .fr-block.fr-block-close .fr-html:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cms-page-edit .fr-block.fr-block-close .fr-html:before {
  background: #ddd;
}
.cms-page-edit div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  left: 70%;
}
.cms-page-edit div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  visibility: hidden;
}
.cms-page-edit .fr-custom-link-layer {
  width: 760px;
  display: none;
}
.cms-page-edit .fr-custom-link-layer.active {
  display: block;
}
.cms-page-edit .fr-custom-link-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cms-page-edit .air-edit-area .folder {
  padding-left: 14px;
}
.cms-page-edit .air-edit-area .page {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .fr-contents-list .page .insert-link {
  padding-left: 20px;
}
.cms-page-edit .fr-contents-list div > i {
  padding-right: 0.5em;
}
.cms-page-edit .fr-contents-list .folder.root {
  padding-left: 0;
}
.cms-page-edit .fr-contents-list {
  display: none;
}
.cms-page-edit .fr-inner-link .fr-contents-list,
.cms-page-edit .pdf-lists {
  display: block;
  max-height: 300px;
  min-height: 300px;
  overflow-y: scroll;
}
.cms-page-edit .fr-inner-link .fr-contents-list > ul,
.cms-page-edit .pdf-lists > ul {
  margin-left: 0;
  list-style: none;
}
.cms-page-edit .fr-block .fr-html {
  position: relative;
  /*margin-bottom: 75px;*/
  min-height: 30px;
  padding: 50px 0;
  content-visibility: auto;
  contain-intrinsic-size: 400px;
}
.cms-page-edit .fr-block .fr-html:before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: calc((-100vw + 177px + 100%) / 2);
  width: calc(100vw - 177px);
  pointer-events: none;
}
@media (max-width: 680px) {
  .cms-page-edit .fr-block .fr-html:before {
    left: calc((-100vw + 127px + 100%) / 2);
    width: calc(100vw - 127px);
  }
}
.cms-page-edit .fr-block.fr-block-close .fr-html:before {
  border: 4px solid #444344;
}
.cms-page-edit .block-data {
  cursor: pointer;
}
.cms-page-edit .fr-box.fr-basic .fr-element {
  overflow: visible;
  max-width: 1200px;
  margin: auto;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting {
  position: sticky;
  bottom: 0;
  line-height: 1.8;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  z-index: 1;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting.is-active {
  z-index: 3;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block {
  background-color: transparent;
  position: relative;
  left: calc((-100vw + 177px + 100%) / 2);
  width: calc(100vw - 177px);
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block:before {
  content: "";
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block.is-active {
  z-index: 3;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-block:not(.cp-edit-fr-block) .fr-setting-block {
  max-height: 48px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-block:not(.cp-edit-fr-block) .fr-setting-block.open {
  max-height: none;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-icon-dot {
  background: url(/img/block-setting/dot.svg) no-repeat center center;
  background-size: 15px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-setting {
  background: url(/img/block-setting/setting.svg) no-repeat center center;
  background-size: 18px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-duplicate {
  background: url(/img/block-setting/duplicate.svg) no-repeat center center;
  background-size: 18px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-copy {
  background: url(/img/block-setting/copy.svg) no-repeat center center;
  background-size: 18px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-toggle {
  background: url(/img/block-setting/toggle.svg) no-repeat center center;
  background-size: 18px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-removal {
  background: url(/img/block-setting/removal.svg) no-repeat center center;
  background-size: 15px 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-setting, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-duplicate, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-copy, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-toggle, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-removal {
  position: relative;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-setting::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-duplicate::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-copy::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-toggle::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-removal::before {
  position: absolute;
  top: 36px;
  z-index: 10;
  display: block;
  padding: 2px 16px;
  border-radius: 2px;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #444;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-setting::before {
  content: "設定";
  left: -14px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-duplicate::before {
  content: "複製";
  left: -14px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-copy::before {
  content: "クリップボードにコピー";
  left: -62px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-toggle::before {
  content: "開閉";
  left: -14px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-removal::before {
  content: "削除";
  left: -14px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-setting:hover::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-duplicate:hover::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-copy:hover::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-toggle:hover::before, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-block .fr-button-removal:hover::before {
  opacity: 1;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-block:hover .fr-setting-btn-wrap {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap {
  padding: 4px 10px;
  padding-right: 30px;
  padding-top: 6px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap svg {
  width: 100%;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-icon-dot {
  width: 15px;
  height: 18px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap input[type=text] {
  background-color: transparent;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-select {
  width: 225px;
  cursor: pointer;
  margin-right: 20px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-select select {
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right > div {
  min-width: 28px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 25px;
  cursor: pointer;
  padding: 5px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right > div:last-child {
  margin-right: 0;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right > div svg {
  width: 18px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right > div.fr-button-removal svg {
  width: 15px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-setting-right .fr-button-publish {
  min-width: 134px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn-wrap > span {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  position: relative;
  width: 48px;
  margin: 0 2px 0 2px;
  vertical-align: top;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn input[type=checkbox] {
  display: none;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn label {
  display: block;
  height: 24px;
  border-color: #4ca74f;
  background-color: #4ca74f;
  border-radius: 12px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn input[type=checkbox]:checked + label {
  border: 1px solid #444344;
  background-color: #fff;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn input[type=checkbox]:checked + label + .sw-circle {
  background-color: #444344;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn .sw-circle {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-btn-wrap .fr-switch-btn input[type=checkbox]:checked ~ .sw-circle {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input[type=text] {
  background-color: transparent;
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input::-webkit-input-placeholder {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input::-moz-placeholder {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input:-ms-input-placeholder {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input::-ms-input-placeholder {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo input::placeholder {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo .block-name, .cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo .option-name {
  color: #999;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo .block-name {
  width: 150px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-memo .option-name {
  width: 80px;
}
.cms-page-edit.cms .page-edit .air-edit-area .fr-setting-list .btn {
  width: 115px;
}
.cms-page-edit.cms .page-edit .air-menu-area > div .window-btn li button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
}
.cms-page-edit.cms .page-edit .air-menu-area > div .window-btn li button:hover {
  opacity: 0.8;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms-page-edit .hidden-alert {
  display: none;
}
.cms-page-edit .hidden-alert.open {
  display: block;
}
.cms-page-edit .update-message {
  position: fixed;
  top: 0;
  z-index: 100;
  left: 0;
  width: 100%;
  border-left: none;
  border-right: none;
}
.cms-page-edit .fr-popup .fr-action-buttons button.outer-link-insert,
.cms-page-edit .fr-popup .fr-action-buttons button.anchor-link-insert {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: 0 0;
  font-size: 16px;
  outline: 0;
  -webkit-transition: background 0.2s ease 0s;
}
.cms-page-edit .list-area .tree-list {
  position: relative;
  overflow: hidden;
}
.cms-page-edit .pdf-lists {
  overflow-x: hidden;
  overflow-y: scroll;
}
.cms-page-edit .list-area .tree-list ul,
.cms-page-edit .list-area .tree-list ul.trashcan {
  padding-left: 15px;
  list-style: none;
  margin-left: 0;
}
.cms-page-edit .list-area .tree-list > ul,
.cms-page-edit .pdf-lists {
  padding-left: 0;
  list-style: none;
  margin-left: 0;
}
.cms-page-edit .list-area .tree-list > ul.is-loading,
.cms-page-edit .pdf-lists.is-loading {
  min-height: 150px;
  background: url(/img/loading.svg) center center no-repeat;
  background-size: 45px auto;
}
.cms-page-edit .list-area .tree-list > ul.is-loading::before,
.cms-page-edit .pdf-lists.is-loading::before {
  display: none;
}
.cms-page-edit .list-area .tree-list > ul > li,
.cms-page-edit .pdf-lists > ul > li {
  border-top: 1px solid #ddd;
  padding-left: 0;
}
.cms-page-edit .pdf-lists > ul > li {
  overflow: hidden;
  padding-left: 15px;
}
.cms-page-edit .list-area .tree-list li {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms-page-edit .list-area .tree-list li.message {
  padding: 10px;
}
.cms-page-edit .list-area .tree-list div.folder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}
.cms-page-edit .list-area .tree-list li.page,
.cms-page-edit .list-area .tree-list li.link {
  position: relative;
  min-height: 40px;
  padding-left: 10px;
}
.cms-page-edit .list-area .tree-list li.page > div,
.cms-page-edit .list-area .tree-list li.link > div,
.cms-page-edit .pdf-lists li > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms-page-edit .list-area .tree-list li.separate {
  height: 0;
  overflow: hidden;
  border-bottom: none;
}
.cms-page-edit .list-area .tree-list li.page::before,
.cms-page-edit .list-area .tree-list li.link::before,
.cms-page-edit .list-area .tree-list div.folder::before {
  position: absolute;
  height: 1px;
  width: 200vw;
  left: -50vw;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms-page-edit .list-area .tree-list li.page::after,
.cms-page-edit .list-area .tree-list li.link::after,
.cms-page-edit .list-area .tree-list div.folder::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 200vw;
  top: 0;
  left: -50vw;
  display: block;
  background: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cms-page-edit .list-area .tree-list li.active:after,
.cms-page-edit .list-area .tree-list li.page:hover::after,
.cms-page-edit .list-area .tree-list li.link:hover::after,
.cms-page-edit .list-area .tree-list div.folder:hover::after,
.cms-page-edit .pdf-lists li.active:after,
.cms-page-edit .pdf-lists li:hover:after {
  background: #f6f6f6;
}
.cms-page-edit .list-area .tree-list div.folder > .flag {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #4ca74f;
}
.cms-page-edit .list-area .tree-list div.folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
.cms-page-edit .list-area .tree-list div.folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cms-page-edit .list-area .tree-list div.folder > .flag.open::after {
  opacity: 0;
}
.cms-page-edit .list-area .tree-list div.folder > .flag.close::after {
  opacity: 1;
}
.cms-page-edit .list-area .tree-list div.folder.draft .flag,
.cms-page-edit .list-area .tree-list #draft_root_node .flag {
  background-color: #666;
}
.cms-page-edit .list-area .tree-list > ul::before {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms-page-edit .list-area .tree-list li > div > a,
.cms-page-edit .air-edit-area .list-area .tree-list li > div > a {
  padding: 11px 0 8px 0;
  word-break: break-all;
  color: #333;
  display: block;
  width: calc(100% - 310px);
}
.cms-page-edit .list-area .tree-list li > div > a.config-arrow, .cms-page-edit .list-area .tree-list li > div > a.config-button,
.cms-page-edit .air-edit-area .list-area .tree-list li > div > a.config-arrow,
.cms-page-edit .air-edit-area .list-area .tree-list li > div > a.config-button {
  width: 30px;
  position: absolute;
  right: 10px;
}
.cms-page-edit .list-area .tree-list li > div > a.config-button,
.cms-page-edit .air-edit-area .list-area .tree-list li > div > a.config-button {
  color: #1e88e5;
  font-weight: bold;
}
.cms-page-edit .pdf-lists li > div > a {
  padding: 11px 0 8px 0;
  word-break: break-all;
  color: #333;
  display: block;
  width: calc(100% - 198px);
}
.cms-page-edit .pdf-lists li > div > a.config-arrow, .cms-page-edit .pdf-lists li > div > a.config-button {
  width: 30px;
  position: absolute;
  right: 10px;
}
.cms-page-edit .pdf-lists li > div > a.config-button {
  color: #1e88e5;
  font-weight: bold;
}
.cms-page-edit .inner-link-select-anchor,
.cms-page-edit .news-link-select-anchor {
  max-width: 100px;
  width: 100%;
  position: relative;
}
.cms-page-edit .inner-link-select-anchor .click-layer,
.cms-page-edit .news-link-select-anchor .click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cms-page-edit .inner-link-select-anchor select,
.cms-page-edit .news-link-select-anchor select {
  width: 100%;
  position: relative;
  z-index: 0;
  font-size: 13px;
}
.cms-page-edit .inner-link-select-anchor.loaded .click-layer, .cms-page-edit .inner-link-select-anchor.own-page .click-layer,
.cms-page-edit .news-link-select-anchor.loaded .click-layer,
.cms-page-edit .news-link-select-anchor.own-page .click-layer {
  display: none;
}
.cms-page-edit .folder.handle > a {
  font-weight: 700;
}
.cms-page-edit .list-area .tree-list input[type=checkbox],
.cms-page-edit .pdf-lists li input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
  position: relative;
  top: 0;
}
.cms-page-edit .list-area .tree-list .edit-check,
.cms-page-edit .air-edit-area .list-area .tree-list .edit-check,
.cms-page-edit .pdf-lists li .edit-check {
  position: absolute;
  right: 60px;
  top: auto;
}
.cms-page-edit .pdf-lists .paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid #ddd;
}
.cms-page-edit .pdf-lists .paging {
  display: inline-block;
  padding-right: 10px;
}
.cms-page-edit .filter-area {
  padding: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.cms-page-edit .filter-area .select-second > div {
  display: none;
}
.cms-page-edit .filter-area .select-second > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .filter-area select {
  min-width: 150px;
  padding: 5px;
  margin-right: 10px;
  font-size: 13px;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgb(169, 169, 169);
  -webkit-appearance: menulist;
}
.cms-page-edit .filter-area .select-news-release {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .filter-area .select-four {
  display: none;
}
.cms-page-edit .filter-area .select-four.active {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .filter-area .select-button {
  display: block;
  width: 94px;
  min-width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 14px;
  cursor: pointer;
}
.cms-page-edit .filter-area .select-button:hover {
  opacity: 0.7;
}
.cms-page-edit .news-link-insert-button .date {
  display: inline-block;
  width: 80px;
}
.cms-page-edit .album-search-input {
  position: relative;
}
.cms-page-edit .album-search-input input {
  border: 1px solid #ccc;
  padding: 5px;
  height: 34px;
  padding-right: 34px;
  width: 190px;
}
.cms-page-edit .album-search-input button {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  background: transparent;
  border: none;
  padding-top: 10px;
}
.cms-page-edit .image-load-button {
  color: #008EE4;
}
.cms-page-edit .image-cancel-button {
  color: #008EE4;
  display: inline-block;
  margin-left: 10px;
}
.cms-page-edit #editor-settings {
  display: none;
}
.cms-page-edit #editor-settings.show {
  display: block;
}
.cms-page-edit span[data-type=cp-anchor] {
  position: relative;
}
.cms-page-edit span[data-type=cp-anchor]:before {
  content: "\f13d" attr(id);
  font-size: 12px !important;
  font: normal normal normal 14px/1 FontAwesome;
  color: #4CA74F;
}
.cms-page-edit hr[data-type=cp-anchor-dmy] {
  vertical-align: top !important;
  display: inline !important;
  background-color: transparent !important;
  clear: initial !important;
  page-break-after: auto !important;
  border: none !important;
}
.cms-page-edit a[data-link-type=outerlink] {
  position: relative;
  display: inline-block;
}
.cms-page-edit a[data-link-type=outerlink]:hover::after {
  content: attr(href) !important;
  display: block !important;
  position: absolute !important;
  top: 40px !important;
  left: 5px !important;
  background: #f6f6f6 !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 5px !important;
  color: #333 !important;
  white-space: nowrap;
}
.cms-page-edit a[data-link-type=page]:before,
.cms-page-edit a[data-link-type=link]:before,
.cms-page-edit a[data-link-type=news]:before,
.cms-page-edit a[data-link-type=event]:before {
  content: "\f0c1";
  font-size: 12px !important;
  font: normal normal normal 14px/1 FontAwesome;
  color: #4CA74F;
}
.cms-page-edit a[data-link-type=outerlink]:before {
  content: "\f0c1";
  font-size: 12px !important;
  font: normal normal normal 14px/1 FontAwesome;
  color: #008EE4;
}
.cms-page-edit a[data-link-type=album]:before,
.cms-page-edit a.fr-file:before,
.cms-page-edit a.fr-movie:before,
.cms-page-edit a.fr-music:before {
  content: "\f15b";
  font-size: 12px !important;
  font: normal normal normal 14px/1 FontAwesome;
  color: #4CA74F;
}
.cms-page-edit a.fr-movie:before {
  content: "\f008";
}
.cms-page-edit a.fr-music:before {
  content: "\f027";
}
.cms-page-edit .fr-view .fr-file:after {
  content: none;
}
.cms-page-edit .air-link-lists .list-area .tree-list li > div > a {
  width: 100%;
}
.cms-page-edit .link-lists .list-area .tree-list li > div > a::after {
  content: none;
}
.cms-page-edit .air-link-lists .list-area {
  height: 300px;
  overflow-y: scroll;
}
.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wraps li {
  position: relative;
}
.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wraps .air-block-lists li:hover .block-apply-button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.9;
}
.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wrap li {
  position: relative;
}
.cms-page-edit .page-edit .air-menu-area > div .air-window-block-wrap .air-block-lists li:hover .block-apply-button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.9;
}
.cms-page-edit .fr-popup .fr-image-upload-layer .fr-form input,
.cms-page-edit .fr-popup .fr-file-upload-layer .fr-form input {
  display: inline-block;
}
.cms-page-edit [data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.cms-page-edit .simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.cms-page-edit .simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.cms-page-edit .simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.cms-page-edit .simplebar-content {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: scroll; /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
}
.cms-page-edit .simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.cms-page-edit .simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.cms-page-edit .simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.cms-page-edit .simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.cms-page-edit .simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 19px;
  min-height: 10px;
}
.cms-page-edit .simplebar-scrollbar::before {
  position: absolute;
  content: "";
  background: #a0a0a0 no-repeat center top 12px url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjQxMjExIiBoZWlnaHQ9IjUuMjEwNDUiIHZpZXdCb3g9IjAgMCA4LjQxMjExIDUuMjEwNDUiPjx0aXRsZT7jgqLjgrvjg4Pjg4ggNjk8L3RpdGxlPjxwb2x5Z29uIHBvaW50cz0iNy42OCA1LjIxIDQuMjA2IDEuNDcgMC43MzIgNS4yMSAwIDQuNTMgNC4yMDYgMCA4LjQxMiA0LjUzIDcuNjggNS4yMSIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==);
  background-size: 9px 6px;
  border-radius: 3px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.cms-page-edit .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 1;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.cms-page-edit .simplebar-scrollbar::after {
  position: absolute;
  content: "";
  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjQxMjExIiBoZWlnaHQ9IjUuMjEwNDUiIHZpZXdCb3g9IjAgMCA4LjQxMjExIDUuMjEwNDUiPjx0aXRsZT7jgqLjgrvjg4Pjg4ggNzA8L3RpdGxlPjxwb2x5Z29uIHBvaW50cz0iNC4yMDYgNS4yMSAwIDAuNjggMC43MzIgMCA0LjIwNiAzLjc0MSA3LjY4IDAgOC40MTIgMC42OCA0LjIwNiA1LjIxIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
  background-size: 9px 6px;
  opacity: 1;
  height: 6px;
  width: 9px;
  left: 5px;
  bottom: 14px;
}
.cms-page-edit .simplebar-track.simplebar-vertical {
  top: 0;
  width: 23px;
}
.cms-page-edit .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.cms-page-edit .simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.cms-page-edit .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.cms-page-edit .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
.cms-page-edit [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.cms-page-edit .hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.cms-page-edit .fr-link-insert-layer-text.hidden {
  display: none;
}
.cms-page-edit span.cp-remove-tag {
  display: inline-block;
  width: 1px;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .select {
  position: relative;
  width: 370px;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .minus-btn {
  position: absolute;
  right: 0;
  top: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .air-window-wrap .air-field {
  width: 100%;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .air-window-btn {
  padding-left: 100px;
}
.cms-page-edit .page-edit .air-menu-area > .proofreading-window .air-window-btn.is-newDesign {
  margin-top: 0;
  padding-left: 0;
  padding-top: 9px;
  border-top: 1px solid #C6C5C5;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .minus-btn {
  position: absolute;
  right: 0;
  top: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-title {
  margin-bottom: 20px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .air-field {
  width: calc(100% - 100px);
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .air-field .select-wrap {
  width: 280px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .air-field .select-wrap select {
  width: 100%;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-btn {
  padding-left: 100px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-btn.is-newDesign {
  margin-top: 0;
  padding-left: 0;
  padding-top: 9px;
  border-top: 1px solid #C6C5C5;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .opendate-wrap li {
  margin-bottom: 0;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .air-field-name {
  width: 100px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .air-window-wrap .air-field-name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .notify-news-wrap {
  padding: 9px 0;
  padding-right: 40px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .notify-news-wrap.is-noPadding {
  padding: 0;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .notify-news-wrap h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .notify-news-wrap label {
  margin-top: 5px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approval-flow-wrap {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approval-flow-wrap.is-noBorder {
  border-bottom: 0px;
  padding: 0;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .cmsuser-add-btn {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  color: #008EE4;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .cmsuser-add-btn::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .cmsuser-add-btn::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cms-page-edit .page-edit .air-menu-area > .publish-window input[type=checkbox] {
  -webkit-appearance: checkbox;
  display: inline-block;
  margin: 7px 3px 0 0;
  vertical-align: top;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window input[type=radio] {
  -webkit-appearance: radio;
  display: inline-block;
  margin: 7px 3px 0 0;
  vertical-align: top;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap {
  border-bottom: #C6C5C5 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap.is-noBorder {
  border-bottom: 0px;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap .select-wrap .select {
  position: relative;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap p {
  margin: 10px 0;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap select {
  width: calc(100% - 30px) !important;
  min-height: 26px;
  margin-bottom: 5px;
  vertical-align: top;
}
.cms-page-edit .page-edit .air-menu-area > .publish-window .approvalmail-wrap textarea {
  width: 280px;
  margin-bottom: 10px;
  resize: vertical;
}
.cms-page-edit .fr-info-inner {
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
}
.cms-page-edit .fr-info-inner a {
  color: #1e88e5;
}
.cms-page-edit .cp-border {
  top: 12px;
}
.cms-page-edit .air-block-type-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #333333;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab {
  width: 50%;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab:first-child {
  border-right: none;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab:first-child a {
  border-radius: 4px 0 0/4px 0 0 0;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab:last-child a {
  border-radius: 0 4px 0/0 4px 0 0;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab a {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  height: 48px;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab a:hover {
  text-decoration: none;
}
.cms-page-edit .air-block-type-tabs .air-block-type-tab.air-active a {
  color: #fff;
  background-color: #444;
}
.cms-page-edit .air-window-block-contents {
  height: 100%;
  display: none;
}
.cms-page-edit .air-window-block-contents.air-active {
  display: block;
}
.cms-page-edit .air-cat-add-button,
.cms-page-edit .air-cat-minus-button {
  width: 10px;
  display: inline-block;
  position: relative;
  height: 10px;
  cursor: pointer;
}
.cms-page-edit .air-cat-add-button:before, .cms-page-edit .air-cat-add-button:after,
.cms-page-edit .air-cat-minus-button:before,
.cms-page-edit .air-cat-minus-button:after {
  content: " ";
  width: 10px;
  height: 1px;
  position: absolute;
  top: 5px;
  left: 0;
  background-color: #333;
}
.cms-page-edit .air-cat-add-button:after,
.cms-page-edit .air-cat-minus-button:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cms-page-edit .air-cat-minus-button {
  margin-left: 10px;
}
.cms-page-edit .air-cat-minus-button:after {
  content: none;
}
.cms-page-edit .air-cat-select-wrap {
  margin-bottom: 5px;
}
.cms-page-edit .air-filter-label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-page-edit .air-edit-area .fr-setting-list .air-block .news-all-section.air-input-item-wrap {
  padding: 5px 0;
  border-top: 1px solid #ccc;
}
.cms-page-edit .air-edit-area .fr-setting-list .air-block .news-all-section.air-input-item-wrap .air-input-item {
  margin-bottom: 0;
}
.cms-page-edit .air-edit-area .fr-setting-list .air-block .news-all-section.air-input-item-wrap select {
  font-size: 14px;
}
.cms-page-edit .air-news-block-wrap .air-news-block:first-child .news-block-remove-button {
  display: none;
}
.cms-page-edit .air-news-block {
  padding: 10px;
  background: #eaeaea;
  border-top: 1px solid #999;
  position: relative;
}
.cms-page-edit .news-block-remove-button {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 10px;
  right: 10px;
  border-radius: 100%;
  background-color: #999;
  cursor: pointer;
}
.cms-page-edit .news-block-remove-button:before {
  content: " ";
  width: 16px;
  height: 3px;
  position: absolute;
  top: 16px;
  left: 9px;
  background-color: #fff;
}
.cms-page-edit .air-news-block-add {
  padding: 10px 0;
  border-top: 1px solid #999;
  width: 100%;
  font-size: 14px;
  cursor: pointer;
}
.cms-page-edit .page-edit .fr-toolbar .fr-newline {
  position: relative;
  background-color: #ccc;
}
.cms-page-edit .page-edit .fr-toolbar .fr-newline:before {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: #ccc;
  width: calc(100vw - 177px);
}
.cms-page-edit .page-edit .fr-toolbar .fr-newline:before {
  left: calc((-100vw + 177px + 100%) / 2);
}
.cms-page-edit .page-edit .fr-toolbar .fr-more-toolbar {
  left: 0;
}
.cms-page-edit .fr-view span[style*=font-size] *,
.cms-page-edit .fr-element span[style*=font-size] * {
  font-size: inherit;
}
.cms-page-edit .page-edit .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible !important;
}
.cms-page-edit .fr-command.fr-btn[data-cmd=cp_fontSize] + .fr-dropdown-menu .fr-dropdown-list li,
.cms-page-edit .fr-command.fr-btn[data-cmd=cp_fontSize] + .fr-dropdown-menu .fr-dropdown-list li a,
.cms-page-edit .fr-command.fr-btn[data-cmd=fontSize] + .fr-dropdown-menu .fr-dropdown-list li,
.cms-page-edit .fr-command.fr-btn[data-cmd=fontSize] + .fr-dropdown-menu .fr-dropdown-list li a {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
.cms-page-edit .fr-block[data-relate-block-template=formSetting_v3] .fr-html {
  padding: 0;
}
.cms-page-edit .fr-editor .button-inner {
  border: 1px dashed #ccc;
}
.cms-page-edit .fr-element table td.fr-selected-cell,
.cms-page-edit .fr-element table th.fr-selected-cell {
  border: 2px double #0098f7 !important;
}

.cms-site-template .filter-area {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.cms-site-template .filter-area .select-second > div {
  display: none;
}
.cms-site-template .filter-area .select-second > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-site-template .filter-area select {
  width: 180px;
  padding: 5px;
  margin-right: 10px;
}
.cms-site-template .filter-area .select-news-release {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-site-template .list-area .tree-list {
  position: relative;
  overflow: hidden;
}
.cms-site-template .list-area .tree-list ul,
.cms-site-template .list-area .tree-list ul.trashcan {
  padding-left: 15px;
}
.cms-site-template .list-area .tree-list > ul,
.cms-site-template .pdf-lists {
  padding-left: 0;
}
.cms-site-template .list-area .tree-list > ul > li,
.cms-site-template .pdf-lists > ul > li {
  border-top: 1px solid #ddd;
  padding-left: 0;
}
.cms-site-template .list-area .tree-list li {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms-site-template .list-area .tree-list div.folder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}
.cms-site-template .list-area .tree-list li.page,
.cms-site-template .list-area .tree-list li.link {
  position: relative;
  min-height: 40px;
  padding-left: 10px;
}
.cms-site-template .list-area .tree-list li.page > div,
.cms-site-template .list-area .tree-list li.link > div,
.cms-site-template .pdf-lists li > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms-site-template .list-area .tree-list li.separate {
  height: 0;
  overflow: hidden;
  border-bottom: none;
}
.cms-site-template .list-area .tree-list li.page::before,
.cms-site-template .list-area .tree-list li.link::before,
.cms-site-template .list-area .tree-list div.folder::before {
  position: absolute;
  height: 1px;
  width: 200vw;
  left: -50vw;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms-site-template .list-area .tree-list li.page::after,
.cms-site-template .list-area .tree-list li.link::after,
.cms-site-template .list-area .tree-list div.folder::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 200vw;
  top: 0;
  left: -50vw;
  display: block;
  background: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cms-site-template .list-area .tree-list li.active:after,
.cms-site-template .list-area .tree-list li.page:hover::after,
.cms-site-template .list-area .tree-list li.link:hover::after,
.cms-site-template .list-area .tree-list div.folder:hover::after,
.cms-site-template .pdf-lists li.active:after,
.cms-site-template .pdf-lists li:hover:after {
  background: #f6f6f6;
}
.cms-site-template .list-area .tree-list div.folder > .flag {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #4ca74f;
}
.cms-site-template .list-area .tree-list div.folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
.cms-site-template .list-area .tree-list div.folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cms-site-template .list-area .tree-list div.folder > .flag.open::after {
  opacity: 0;
}
.cms-site-template .list-area .tree-list div.folder > .flag.close::after {
  opacity: 1;
}
.cms-site-template .list-area .tree-list div.folder.draft .flag,
.cms-site-template .list-area .tree-list #draft_root_node .flag {
  background-color: #666;
}
.cms-site-template .list-area .tree-list > ul::before {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms-site-template .list-area .tree-list li > div > a,
.cms-site-template .pdf-lists li > div > a {
  padding: 11px 0 8px 0;
  word-break: break-all;
  color: #333;
  display: block;
  width: calc(100% - 310px);
}
.cms-site-template .inner-link-select-anchor {
  max-width: 100px;
  width: 100%;
  position: relative;
}
.cms-site-template .inner-link-select-anchor.loaded .click-layer {
  display: none;
}
.cms-site-template .inner-link-select-anchor .click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cms-site-template .inner-link-select-anchor select {
  width: 100%;
}
.cms-site-template .folder.handle > a {
  font-weight: 700;
}
.cms-site-template .list-area .tree-list input[type=checkbox],
.cms-site-template .pdf-lists li input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
  position: relative;
  top: 2px;
}
.cms-site-template .list-area .tree-list .edit-check,
.cms-site-template .pdf-lists li .edit-check {
  position: absolute;
  right: 60px;
  top: auto;
}
.cms-site-template .list-area .tree-list .config-button,
.cms-site-template .pdf-lists li .config-button {
  width: 30px;
  position: absolute;
  right: 10px;
  color: #1e88e5;
  font-weight: bold;
}
.cms-site-template .system-form-button {
  margin-top: 40px;
}
.cms-site-template .submit-button {
  width: 300px;
  background: transparent;
  padding: 0;
  margin: auto;
  margin-bottom: 20px;
}
.cms-site-template .submit-button button {
  color: #fff;
  background-color: #4CA74F;
  width: 100%;
  height: 100%;
  border: none;
  padding: 10px;
}
.cms-site-template .system-form-button .cancel-button {
  text-align: center;
  color: #008EE4;
}
.cms-site-template .block-category-sort input[type=text] {
  border: 1px solid #ccc;
  padding: 9px 10px;
}
.cms-site-template .code-search select {
  width: 100%;
  height: 40px;
  border: solid 1px #DBDDDD;
}
.cms-site-template .editor-tool {
  padding: 5px;
  background-color: #272727;
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms-site-template .editor-tool a {
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  display: block;
  margin-right: 10px;
}
.cms-site-template .editor-tool .font-size small {
  font-size: 11px;
  padding: 0 5px;
}
.cms-site-template .editor-tool .font-size input {
  padding: 3px;
  background-color: #f0f0f0;
}
.cms-site-template .editor-wrap {
  width: 100%;
}
.cms-site-template .editor-menu {
  margin-bottom: 20px;
}
.cms-site-template .editor-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cms-site-template #previewArea {
  width: 100%;
  height: 400px;
  overflow: auto;
  padding: 10px;
  border: 10px solid #eee;
  overflow-x: hidden;
}
.cms-site-template #editor,
.cms-site-template #editorCss {
  width: 100%;
  height: 400px;
}
.cms-site-template #previewArea.loading {
  opacity: 0.5;
}
.cms-site-template .block-category-sort {
  margin-right: 10px;
}
.cms-site-template .block-category-sort.name-input {
  border: none;
  margin-bottom: 20px;
  height: auto;
  width: auto;
}
.cms-site-template .block-category-sort.name-input:after, .cms-site-template .block-category-sort.name-input:before {
  content: none;
}
.cms-site-template .album-link-img {
  display: block;
  max-width: 110px;
}
.cms-site-template .child-select select {
  display: none;
}
.cms-site-template .child-select select.active {
  display: block;
}

.cms-site-template-all .block-button-wrap {
  opacity: 0;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 170px;
  flex: 0 0 170px;
  padding-right: 20px;
  height: 0px;
  overflow: hidden;
}
.cms-site-template-all .setting .block-button-wrap {
  opacity: 1;
  height: auto;
  overflow: auto;
}
.cms-site-template-all .block-button-wrap a {
  font-size: 12px;
  cursor: pointer;
}
.cms-site-template-all .block-button-wrap button {
  cursor: pointer;
}
.cms-site-template-all .block-add-button {
  cursor: pointer;
}
.cms-site-template-all .block-add-button.hide {
  display: none;
}
.cms-site-template-all .category-add-button {
  cursor: pointer;
}
.cms-site-template-all .category-add-button.hide {
  display: none;
}
.cms-site-template-all .list-head .block-head {
  background-color: #eee;
}
.cms-site-template-all .block-head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  position: relative;
  min-height: 44px;
}
.cms-site-template-all .block-head.is-noSpacing {
  padding-left: 0;
  padding-right: 0;
}
.cms-site-template-all .block-head:before {
  content: " ";
  width: 200%;
  height: 1px;
  background-color: #DBDBDB;
  position: absolute;
  left: -100%;
  bottom: 0;
}
.cms-site-template-all .block-head:hover:after {
  content: " ";
  width: 200%;
  height: 100%;
  background-color: #F5F5F5;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: -1;
}
.cms-site-template-all .block-list input[type=text] {
  border: 1px solid #ccc;
  padding: 5px 10px;
  width: 100%;
}
.cms-site-template-all .block-submit:hover {
  background-color: #444344;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}
.cms-site-template-all .block-add {
  position: relative;
}
.cms-site-template-all .block-add:before {
  content: " ";
  width: 200%;
  height: 1px;
  background-color: #DBDBDB;
  position: absolute;
  left: -100%;
  bottom: 0;
}
.cms-site-template-all .block-detail {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.cms-site-template-all .block-list-inner form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms-site-template-all .block-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cms-site-template-all .block-detail-wrap {
  width: 100%;
}
.cms-site-template-all .block-detail-inner-wrap {
  width: 100%;
}
.cms-site-template-all .block-list {
  overflow: hidden;
  margin-bottom: 200px;
  font-size: 14px;
  font-size: 1.4rem;
}
.cms-site-template-all .block-list select {
  height: 26px;
  width: 100%;
}
.cms-site-template-all .config.cms-templates-config {
  top: 10px;
  right: 40px;
}
.cms-site-template-all .block-list-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.cms-site-template-all .block-list .block-list-wrap {
  position: relative;
  border: none;
}
.cms-site-template-all .block-list .block-list-wrap .block-name {
  padding-top: 0;
}
.cms-site-template-all .block-list .block-list-wrap:before {
  content: " ";
  width: 200%;
  height: 1px;
  background-color: #DBDBDB;
  position: absolute;
  left: -100%;
  bottom: 0;
}
.cms-site-template-all .block-list-wrap:hover:after {
  content: " ";
  width: 200%;
  height: 100%;
  background-color: #F5F5F5;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: -1;
}
.cms-site-template-all .block-list-wrap:hover .config.cms-templates-config {
  opacity: 1;
}
.cms-site-template-all .block-list-inner-news:hover .config.cms-templates-config {
  opacity: 1;
}
.cms-site-template-all .block-detail-wrap .block-add,
.cms-site-template-all .category-add {
  display: none;
}
.cms-site-template-all .block-head:hover .page-config {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  opacity: 1;
}
.cms-site-template-all .page-config-wrap {
  position: relative;
}
.cms-site-template-all .page-config {
  position: absolute;
  top: 5px;
  right: 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  min-height: 38px;
  padding: 4px 0;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cms-site-template-all .page-config .config-3dots {
  cursor: pointer;
}
.cms-site-template-all .page-config > input {
  display: inline-block;
  -webkit-appearance: checkbox;
}
.cms-site-template-all .config-wrap {
  display: none;
  position: fixed;
  z-index: 5;
  top: 42px;
  right: -25px;
  width: 160px;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 5px 0;
}
.cms-site-template-all .config-wrap.active {
  display: block;
}
.cms-site-template-all .config-wrap:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #C9C9C9;
}
.cms-site-template-all .config-wrap:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #fff;
}
.cms-site-template-all .config-wrap ul {
  padding-left: 0;
}
.cms-site-template-all .config-wrap li {
  margin: 6px 0;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}
.cms-site-template-all .config-wrap li a {
  display: block;
  padding: 3px 20px;
  color: #333;
  width: 100%;
  cursor: pointer;
}
.cms-site-template-all .config-wrap li button {
  display: block;
  padding: 3px 20px;
  color: #333;
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: left;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-site-template-all .config-wrap li a:hover,
.cms-site-template-all .config-wrap li button:hover,
.cms-site-template-all .config-wrap li a.active {
  background: #D9D9D9;
  text-decoration: none;
}
.cms-site-template-all .config.page-config.body-config {
  top: 1px;
}

.cms.contents-page .site-link-popup .filter-area {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cms.contents-page .site-link-popup .filter-area.is-loading {
  pointer-events: none;
}
.cms.contents-page .site-link-popup .filter-area .select-second > div {
  display: none;
}
.cms.contents-page .site-link-popup .filter-area .select-second > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms.contents-page .site-link-popup .filter-area select {
  width: 150px;
  padding: 5px;
  margin-right: 10px;
}
.cms.contents-page .site-link-popup .filter-area .select-news-release {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms.contents-page .site-link-popup .filter-area .select-third2 {
  display: none;
}
.cms.contents-page .site-link-popup .filter-area .select-third2.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms.contents-page .site-link-popup .filter-area .select-four {
  display: none;
}
.cms.contents-page .site-link-popup .filter-area .select-four.active {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms.contents-page .site-link-popup .filter-area .select-button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 14px;
  cursor: pointer;
}
.cms.contents-page .site-link-popup .filter-area .select-button:hover {
  opacity: 0.7;
}
.cms.contents-page .site-link-popup .list-area .tree-list {
  position: relative;
  overflow: hidden;
}
.cms.contents-page .site-link-popup .list-area .tree-list ul,
.cms.contents-page .site-link-popup .list-area .tree-list ul.trashcan {
  padding-left: 15px;
}
.cms.contents-page .site-link-popup .list-area .tree-list > ul,
.cms.contents-page .site-link-popup .pdf-lists {
  padding-left: 0;
}
.cms.contents-page .site-link-popup .list-area .tree-list > ul > li,
.cms.contents-page .site-link-popup .pdf-lists > ul > li {
  border-top: 1px solid #ddd;
  padding-left: 0;
}
.cms.contents-page .site-link-popup .list-area .tree-list li {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.page,
.cms.contents-page .site-link-popup .list-area .tree-list li.link {
  position: relative;
  min-height: 40px;
  padding-left: 10px;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.page > div,
.cms.contents-page .site-link-popup .list-area .tree-list li.link > div,
.cms.contents-page .site-link-popup .pdf-lists li > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.separate {
  height: 0;
  overflow: hidden;
  border-bottom: none;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.page::before,
.cms.contents-page .site-link-popup .list-area .tree-list li.link::before,
.cms.contents-page .site-link-popup .list-area .tree-list div.folder::before {
  position: absolute;
  height: 1px;
  width: 200vw;
  left: -50vw;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.page::after,
.cms.contents-page .site-link-popup .list-area .tree-list li.link::after,
.cms.contents-page .site-link-popup .list-area .tree-list div.folder::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 200vw;
  top: 0;
  left: -50vw;
  display: block;
  background: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cms.contents-page .site-link-popup .list-area .tree-list li.active:after,
.cms.contents-page .site-link-popup .list-area .tree-list li.page:hover::after,
.cms.contents-page .site-link-popup .list-area .tree-list li.link:hover::after,
.cms.contents-page .site-link-popup .list-area .tree-list div.folder:hover::after,
.cms.contents-page .site-link-popup .pdf-lists li.active:after,
.cms.contents-page .site-link-popup .pdf-lists li:hover:after {
  background: #f6f6f6;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder > .flag {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #4ca74f;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder > .flag.open::after {
  opacity: 0;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder > .flag.close::after {
  opacity: 1;
}
.cms.contents-page .site-link-popup .list-area .tree-list div.folder.draft .flag,
.cms.contents-page .site-link-popup .list-area .tree-list #draft_root_node .flag {
  background-color: #666;
}
.cms.contents-page .site-link-popup .list-area .tree-list > ul::before {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.cms.contents-page .site-link-popup .list-area .tree-list li > div > a,
.cms.contents-page .site-link-popup .pdf-lists li > div > a {
  padding: 11px 0 8px 0;
  word-break: break-all;
  color: #333;
  display: block;
  width: calc(100% - 265px);
}
.cms.contents-page .site-link-popup .list-area .tree-list li > div > a.config-button {
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  color: #1e88e5;
  font-weight: bold;
}
.cms.contents-page .site-link-popup .inner-link-select-anchor,
.cms.contents-page .site-link-popup .news-link-select-anchor {
  max-width: 100px;
  width: 100%;
  position: relative;
}
.cms.contents-page .site-link-popup .inner-link-select-anchor.loaded .click-layer,
.cms.contents-page .site-link-popup .news-link-select-anchor.loaded .click-layer {
  display: none;
}
.cms.contents-page .site-link-popup .inner-link-select-anchor .click-layer,
.cms.contents-page .site-link-popup .news-link-select-anchor .click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cms.contents-page .site-link-popup .inner-link-select-anchor select,
.cms.contents-page .site-link-popup .news-link-select-anchor select {
  width: 100%;
}
.cms.contents-page .site-link-popup .folder.handle > a {
  font-weight: 700;
}
.cms.contents-page .site-link-popup .list-area .tree-list input[type=checkbox],
.cms.contents-page .site-link-popup .pdf-lists li input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
  position: relative;
  top: 2px;
}
.cms.contents-page .site-link-popup .list-area .tree-list .edit-check,
.cms.contents-page .site-link-popup .pdf-lists li .edit-check {
  position: absolute;
  right: 10px;
  top: auto;
}
.cms.contents-page .cms-contents .setting-area .publish-window,
.cms.contents-page .cms-contents .setting-area .draft-share-window {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms.contents-page .cms-contents .setting-area .publish-window .minus-btn,
.cms.contents-page .cms-contents .setting-area .draft-share-window .minus-btn {
  position: absolute;
  right: 0;
  top: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.cms.contents-page .cms-contents .setting-area .publish-window .minus-btn::before,
.cms.contents-page .cms-contents .setting-area .draft-share-window .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-title,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-title {
  margin-bottom: 20px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .field,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .field {
  width: calc(100% - 100px);
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .field .select-wrap,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .field .select-wrap {
  width: 280px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .field .select-wrap select,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .field .select-wrap select {
  width: 100%;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-btn,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-btn {
  padding-left: 100px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .opendate-wrap li,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .opendate-wrap li {
  margin-bottom: 0;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .opendate-wrap li.name .required::before,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .opendate-wrap li.name .required::before {
  content: "*";
  margin-left: 5px;
  color: #e60000;
}
.cms.contents-page .cms-contents .setting-area .publish-window .window-wrap .field-name,
.cms.contents-page .cms-contents .setting-area .draft-share-window .window-wrap .field-name {
  width: 100px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .notify-news-wrap,
.cms.contents-page .cms-contents .setting-area .draft-share-window .notify-news-wrap {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
  padding-right: 40px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .notify-news-wrap h4,
.cms.contents-page .cms-contents .setting-area .draft-share-window .notify-news-wrap h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}
.cms.contents-page .cms-contents .setting-area .publish-window .notify-news-wrap label,
.cms.contents-page .cms-contents .setting-area .draft-share-window .notify-news-wrap label {
  margin-top: 5px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .approval-flow-wrap,
.cms.contents-page .cms-contents .setting-area .draft-share-window .approval-flow-wrap {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
}
.cms.contents-page .cms-contents .setting-area .publish-window .cmsuser-add-btn,
.cms.contents-page .cms-contents .setting-area .draft-share-window .cmsuser-add-btn {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  color: #008EE4;
}
.cms.contents-page .cms-contents .setting-area .publish-window .cmsuser-add-btn::before,
.cms.contents-page .cms-contents .setting-area .draft-share-window .cmsuser-add-btn::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  left: auto;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
}
.cms.contents-page .cms-contents .setting-area .publish-window .cmsuser-add-btn::after,
.cms.contents-page .cms-contents .setting-area .draft-share-window .cmsuser-add-btn::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  left: auto;
  display: block;
  width: 9px;
  height: 1px;
  background: #008EE4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cms.contents-page .cms-contents .setting-area .publish-window .approvalmail-wrap,
.cms.contents-page .cms-contents .setting-area .draft-share-window .approvalmail-wrap {
  padding: 10px 0;
  border-bottom: #C6C5C5 1px solid;
  padding-right: 40px;
}
.cms.contents-page .cms-contents .setting-area .publish-window .approvalmail-wrap p,
.cms.contents-page .cms-contents .setting-area .draft-share-window .approvalmail-wrap p {
  margin: 10px 0;
}
.cms.contents-page .cms-contents .setting-area .publish-window .approvalmail-wrap select,
.cms.contents-page .cms-contents .setting-area .draft-share-window .approvalmail-wrap select {
  width: 340px;
  min-height: 26px;
  margin-bottom: 5px;
  vertical-align: top;
}
.cms.contents-page .cms-contents .setting-area .publish-window .approvalmail-wrap textarea,
.cms.contents-page .cms-contents .setting-area .draft-share-window .approvalmail-wrap textarea {
  width: 340px;
  margin-bottom: 10px;
}
.cms.contents-page .site-linkcheck-head {
  font-size: 13px;
  font-size: 1.3rem;
}
.cms.contents-page .site-linkcheck-head span {
  display: inline-block;
  width: 120px;
  text-align: center;
}
.cms.contents-page .linkcheck-area {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  padding: 4px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms.contents-page .linkcheck-area span {
  display: block;
  width: 90px;
  text-align: center;
}
.cms.contents-page .linkcheck-area span:first-child {
  margin-right: 34px;
}
.cms.contents-page .cms-contents .setting-area .draft-share-window .select-wrap .select {
  position: relative;
  margin-top: 10px;
}
.cms.contents-page .cms-contents .setting-area .draft-share-window .select-wrap .select select {
  width: calc(100% - 60px);
}
.cms.contents-page .cms-contents .setting-area .draft-share-window .cmsuser-add-btn {
  margin-top: 10px;
}
.cms.contents-page .cms-contents.linkcheck .setting-area-inner .setmenu-bt-ul.linkcheck-edit-ul li {
  display: none;
}
.cms.contents-page .cms-contents.linkcheck .setting-area-inner .setmenu-bt-ul.linkcheck-edit-ul li.linkcheck-edit-link {
  display: inline-block;
}
.cms.contents-page .cms-contents.linkcheck .setting-area-inner .linkcheck-text-wrap.active {
  display: none;
}
.cms.contents-page .site-link-check-button button {
  border: none;
  padding: 10px;
  color: #fff;
  background-color: #4CA74F;
  min-width: 100px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms.contents-page .site-link-check-button button.cancel {
  background-color: #818181;
}
.cms.contents-page .site-link-check-button button:hover {
  opacity: 0.8;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms.contents-page .link-type-label .active-display {
  display: none;
}
.cms.contents-page .link-type-label.active .active-display {
  display: block;
  padding: 10px 0;
}
.cms.contents-page .head-alert #cancelButton {
  font-size: 12px;
}
@media all and (max-width: 1280px) {
  .cms.contents-page .cms-contents .list-area.active .btn-area,
  .cms.contents-page .cms-contents .list-area.active .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cms.contents-page .cms-contents .list-area.active .list-btn button {
  padding: 5px;
}
.cms.contents-page .prop-toggle,
.cms.contents-page .radio-toggle {
  display: none;
}
.cms.contents-page .prop-toggle.active,
.cms.contents-page .radio-toggle.active {
  display: block;
}

.cms-setting .user-search-wrap {
  position: relative;
  z-index: 6;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cms-setting .user-search-wrap.organization {
  display: block;
  width: 100%;
}
.cms-setting .user-search-wrap.organization .user-search-box {
  width: 100%;
}
.cms-setting .user-search-wrap.organization .user-search-box-lists {
  position: relative;
  display: block;
  width: 100%;
  height: 890px;
  border-top: 1px solid #ccc;
}
.cms-setting .user-search-wrap.organization .user-search-box-lists.sortLists {
  height: auto;
  overflow-y: visible;
  overflow-x: hidden;
  padding-bottom: 30px;
}
.cms-setting .user-search-wrap.organization .organizaition-link-lists {
  margin-top: 8px;
}
.cms-setting .user-search-wrap.organization .organizaition-link-lists li {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.cms-setting .user-search-wrap.organization .organizaition-link-lists li:nth-child(odd) {
  margin-right: 20px;
}
.cms-setting .user-search-wrap .user-search-box {
  width: 25%;
  position: relative;
}
.cms-setting .user-search-wrap .user-search-box.org {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.cms-setting .user-search-wrap .user-search-box.org .user-search-box-button {
  width: 90%;
  background: transparent;
}
.cms-setting .user-search-wrap .user-search-box.org .user-search-box-button i {
  top: 5px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.org .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cms-setting .user-search-wrap .user-search-box.org .user-search-box-button + input {
  padding-right: 30px;
}
.cms-setting .user-search-wrap .user-search-box.position {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.cms-setting .user-search-wrap .user-search-box.position .user-search-box-button {
  width: 90%;
  background: transparent;
}
.cms-setting .user-search-wrap .user-search-box.position .user-search-box-button i {
  top: 5px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.position .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cms-setting .user-search-wrap .user-search-box.position .user-search-box-button + input {
  padding-right: 30px;
}
.cms-setting .user-search-wrap .user-search-box.position .groupUl > li > ul li {
  display: none;
}
.cms-setting .user-search-wrap .user-search-box.position .groupUl > li > ul.active li {
  display: block;
}
.cms-setting .user-search-wrap .user-search-box.area .user-search-box-button {
  width: 90%;
  background: transparent;
}
.cms-setting .user-search-wrap .user-search-box.area .user-search-box-button i {
  top: 5px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.area .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cms-setting .user-search-wrap .user-search-box.area .user-search-box-button + input {
  padding-right: 30px;
}
.cms-setting .user-search-wrap .user-search-box.area .user-search-box-lists span {
  padding-left: 10px;
}
.cms-setting .user-search-wrap .user-search-box.bunrui {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 20%;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-button {
  width: 90%;
  background: transparent;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-button i {
  top: 5px;
  position: absolute;
  right: 10px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-button.active i {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-button + input {
  padding-right: 30px;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-lists {
  height: auto;
  overflow: hidden;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-lists ul li span {
  padding-left: 10px;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .user-search-box-lists ul li:last-child span {
  border-bottom: none;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .select-list {
  width: 90%;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .select-list .select-head {
  border-color: #ccc;
  border-radius: 0;
}
.cms-setting .user-search-wrap .user-search-box.bunrui .select-list ul li {
  width: 90%;
}
.cms-setting .user-search-wrap .user-search-box.keyword {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cms-setting .user-search-wrap .user-search-box.reset {
  width: 36px;
  height: 36px;
  margin-left: 4px;
  position: relative;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.reset:hover {
  background-color: #555;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-search-wrap .user-search-box.reset:after {
  content: " ";
  position: absolute;
  top: 11px;
  left: 9px;
  font-size: 15px;
}
.cms-setting .user-search-wrap .user-search-box.reset .user-search-box-top > input {
  width: 36px;
  height: 36px;
  font-size: 0px;
  font-size: 0rem;
  padding-right: 0;
  background-color: transparent;
  border: none;
  z-index: 5;
  position: relative;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top {
  zoom: 1;
  position: relative;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top:before, .cms-setting .user-search-wrap .user-search-box .user-search-box-top:after {
  content: "";
  display: table;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top:after {
  clear: both;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input {
  border: 1px solid #ccc;
  height: 36px;
  width: 90%;
  padding-right: 10px;
  padding-left: 10px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder-shown {
  color: #222;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #222;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input:placeholder-shown {
  color: #222;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input::-webkit-input-placeholder {
  color: #666;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder {
  color: #666;
  opacity: 1;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #666;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-top .user-search-box-button + input {
  padding-right: 46px;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-button {
  position: absolute;
  top: 0;
  right: 10%;
  width: 36px;
  height: 36px;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  cursor: pointer;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-button .search-submit {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
  padding-right: 0;
  background-color: transparent;
  z-index: 3;
}
.cms-setting .user-search-wrap .user-search-box .user-search-box-button .filter-icon {
  position: absolute;
  top: 5px;
  right: 10px;
}
.cms-setting .user-search-wrap .user-search-box-button.active {
  background-color: #4CA74F;
}
.cms-setting .user-search-wrap .user-search-box.keyword input {
  width: 80%;
  padding-right: 5px;
}
.cms-setting .user-search-wrap .user-search-box.keyword .user-search-box-button {
  right: 0;
  left: auto;
  background-color: #4CA74F;
  border-color: #4CA74F;
}
.cms-setting .user-search-wrap .user-search-box.keyword .user-search-box-button:after {
  content: " ";
  position: absolute;
  top: 9px;
  left: 9px;
}
.cms-setting .user-search-wrap .user-search-box-lists {
  display: none;
  position: absolute;
  z-index: 5;
  background-color: #F3F3F3;
  border: 1px solid #ccc;
  border-top: none;
  width: 90%;
  height: 450px;
  overflow-y: scroll;
}
.cms-setting .user-search-wrap .user-search-box-lists select {
  display: none;
}
.cms-setting .user-search-wrap .user-search-box-lists .thisOrg > span {
  background-color: #DBDBDB;
}
.cms-setting .user-search-wrap .user-search-box-lists span {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px 10px 4px 35px;
  font-size: 14px;
  font-size: 1.4rem;
}
.cms-setting .user-search-wrap .user-search-box-lists span:hover {
  background-color: #DBDBDB;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul > li > ul > li {
  display: none;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul > li > ul > li.active {
  display: block;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul > li > ul > li.active > ul li {
  display: none;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul > li > ul > li.active > ul li.active {
  display: block;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul ul {
  padding-left: 15px;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul span + ul {
  position: relative;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul span + ul:after {
  content: " ";
  top: -24px;
  left: 10px;
  position: absolute;
  cursor: pointer;
}
.cms-setting .user-search-wrap .user-search-box-lists > ul span.last-child {
  border-bottom: none;
}
.cms-setting .user-add-table-wrap {
  margin-top: 55px;
}
.cms-setting .user-add-table-wrap .bottom-btn {
  margin-top: 40px;
  text-align: center;
}
.cms-setting .user-add-table-wrap .bottom-btn li {
  display: inline-block;
  margin: 0 5px;
}
.cms-setting .user-add-table-wrap .bottom-btn a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cms-setting .user-add-table-wrap .bottom-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.cms-setting .user-add-table-wrap form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cms-setting .user-add-table-wrap form .users-list {
  width: 10%;
}
.cms-setting .user-add-table-wrap form .users-list p {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  font-weight: bold;
  margin-bottom: 15px;
}
.cms-setting .user-add-table-wrap form .users-list p .users-size {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.cms-setting .user-add-table-wrap form .users-list.included {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.cms-setting .user-add-table-wrap form .users-list.operation {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 260px;
  padding: 0 80px;
  margin-top: 120px;
}
.cms-setting .user-add-table-wrap form .users-list.operation input, .cms-setting .user-add-table-wrap form .users-list.operation button {
  display: block;
  margin: auto;
  margin-bottom: 18px;
  background-color: #fff;
  width: 100%;
  max-width: 120px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  border: 1px solid #4CA74F;
  color: #4CA74F;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .user-add-table-wrap form .users-list.operation input:hover, .cms-setting .user-add-table-wrap form .users-list.operation button:hover {
  background-color: #4CA74F;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
}
.cms-setting .user-add-table-wrap form .users-list.added {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-top: 0;
}
.cms-setting .user-add-table-wrap form .users-list select {
  width: 100%;
  background-color: #F3F3F3;
  border: 1px solid #939393;
}
.cms-setting .user-add-table-wrap form .users-list select option {
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 3px 10px;
  border-bottom: 1px solid #CCCCCC;
}
.cms-setting .user-add-table-wrap form .users-list select.min-h-300 {
  min-height: 300px;
}
.cms-setting .cms-log .syslog-table-wrap .top-paging a {
  color: #222;
}
.cms-setting .cms-log .syslog-table-wrap .paging-nav a {
  color: #4CA74F;
}
.cms-setting .cms-log .pagination {
  margin-top: 50px;
  margin-bottom: 50px;
}
.cms-setting .cms-log .user-search-wrap .user-search-box .user-search-box-top > input {
  height: 36px;
}
.cms-setting .cms-log .user-search-wrap .user-search-box.keyword .user-search-box-button:after {
  left: 7px;
  top: 8px;
}
.cms-setting .cms-log .user-search-wrap .user-search-box.reset {
  width: 36px;
  height: 36px;
}
.cms-setting .cms-log .user-search-wrap .user-search-box.download button {
  background-color: #4CA74F;
}
.cms-setting .cms-log .syslog-search-wrap.cms-admin .syslog-result,
.cms-setting .cms-log .syslog-search-wrap.cms-admin .syslog-operation {
  width: 100%;
}
.cms-setting .cms-log .syslog-search-wrap .syslog-right {
  width: calc(100% - 570px);
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box {
  width: 36px;
  height: 36px;
  margin-top: 20px;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.is-mt0 {
  margin-top: 0;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top {
  zoom: 1;
  position: relative;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top:before, .cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top:after {
  content: "";
  display: table;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top:after {
  clear: both;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input {
  border: 1px solid #ccc;
  height: 36px;
  width: 90%;
  padding-right: 66px;
  padding-left: 10px;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder-shown {
  color: #222;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #222;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input:placeholder-shown {
  color: #222;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input::-webkit-input-placeholder {
  color: #666;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input:-moz-placeholder {
  color: #666;
  opacity: 1;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input::-moz-placeholder {
  color: #666;
  opacity: 1;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-top > input:-ms-input-placeholder {
  color: #666;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-button {
  width: 36px;
  height: 36px;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-button:after {
  content: " ";
  position: absolute;
  left: 7px;
  top: 8px;
  height: 25px;
  background-color: #4CA74F;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .user-search-box-button.is-green {
  background-color: #4CA74F;
  border-color: #4CA74F;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .search-submit {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  cursor: pointer;
  padding-right: 0;
  background-color: transparent;
  z-index: 3;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box .search-submit:after {
  content: " ";
  position: absolute;
  top: 15px;
  left: 15px;
  height: 25px;
  background-color: #4CA74F;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.reset {
  width: 36px;
  height: 36px;
  margin-left: 4px;
  position: relative;
  background-color: #666;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.reset:hover {
  background-color: #555;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.reset:after {
  content: " ";
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 15px;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.reset .user-search-box-top > input {
  width: 36px;
  height: 36px;
  font-size: 0px;
  font-size: 0rem;
  padding-right: 0;
  background-color: transparent;
  border: none;
  z-index: 5;
  position: relative;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.download {
  width: 140px;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.download.is-right {
  text-align: right;
}
.cms-setting .cms-log .syslog-search-wrap .user-search-box.download button {
  width: 90%;
  height: 36px;
  border: none;
  background-color: #4CA74F;
  text-align: center;
  color: #fff;
  font-family: "Lato", "Meiryo", "HiraKakuProN-W6", "ヒラギノ角ゴProN W6", "メイリオ", sans-serif;
  padding: 6px 0;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.cms-setting .cms-log-table tr td:nth-child(5) {
  max-width: 450px;
  word-break: break-all;
}

.cms-dustbox .cms-contents .list-area .tree-list li.page > div,
.cms-dustbox .cms-contents .list-area .tree-list li.link > div,
.cms-dustbox .cms-contents .list-area .tree-list div.folder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cms-dustbox .admin-settings-area.cms-contents .list-area .tree-list > ul {
  padding-left: 4px;
}
.cms-dustbox .admin-settings-area.cms-contents .list-area .tree-list div.folder > .flag {
  margin-top: 4px;
}
.cms-dustbox .admin-settings-area .tree-list .edit-check {
  margin-top: 11px;
}
.cms-dustbox .admin-settings-area .tree-list .flag + .edit-check {
  margin-left: 2px;
}
.cms-dustbox .delete-info {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 75px;
  margin-left: auto;
  padding-top: 11px;
}
.cms-dustbox .delete-date {
  margin-left: 20px;
}
.cms-dustbox .admin-settings-area.cms-contents .list-area .tree-list li.hidden {
  min-height: auto;
}
.cms-dustbox .admin-settings-area.cms-contents .list-area .tree-list li.hidden > div {
  display: none;
  min-height: auto;
}
.cms-dustbox .admin-settings-area .tree-list .edit-check.disabled:before {
  background-color: #ccc;
}
.cms-dustbox .pagechecklist .check-page.disable .pagecheck-remove-btn {
  display: none;
}

.newsrelease-category .newsrelease-category-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease-category .newsrelease-category-select-wrap:last-child {
  margin-bottom: 0;
}
.newsrelease-category .newsrelease-category-select-wrap.destination-add {
  display: none;
}
.newsrelease-category .newsrelease-category-select-wrap:last-child .add-btn {
  display: inline-block;
}
.newsrelease-category .newsrelease-category-select-wrap select {
  padding: 3px;
  width: 250px;
}
.newsrelease-category .newsrelease-category-select-wrap .site-select {
  width: 100%;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-category-select-wrap .site-select select {
  background-color: #DBEADB;
  border: 1px solid #4DA74F !important;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap .block-type {
  width: 100%;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap .block-type-wrap {
  width: 100%;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap .block-type-item {
  display: none;
  position: relative;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap .block-type-item.active {
  display: block;
}
.newsrelease-category .newsrelease-category-select-wrap .newsrelease-destination-wrap .block-type-item .minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  top: 3px;
  left: 100%;
}
.newsrelease-category .newsrelease-category-select-wrap .add-btn {
  position: relative;
  display: none;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-category-select-wrap .add-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-category-select-wrap .add-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease-category .newsrelease-category-select-wrap .minus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-category-select-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-category-select-wrap + .newsrelease-category-select-wrap {
  margin-top: 10px;
}
.newsrelease-category .newsrelease-category-select .plus-btn-wrap {
  text-align: right;
  width: 100%;
  display: none;
}
.newsrelease-category .newsrelease-category-select .plus-btn-wrap.active {
  display: block;
}
.newsrelease-category .newsrelease-category-select .plus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-category-select .plus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-category-select .plus-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease-category .page-block-select-wrap > div {
  display: none;
}
.newsrelease-category .page-block-select-wrap > div.active {
  display: block;
}
.newsrelease-category .bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.newsrelease-category .bottom-btn li {
  margin-right: 10px;
}
.newsrelease-category .bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.newsrelease-category .bottom-btn li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.newsrelease-category .bottom-btn button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.newsrelease-category .bottom-btn button:hover {
  opacity: 0.7;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.newsrelease-category .delete-form {
  display: none;
}
.newsrelease-category .sns-lists .memo,
.newsrelease-category .sns-lists .file {
  width: 100%;
}
.newsrelease-category .sns-lists .action {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.newsrelease-category .sns-lists .action form {
  margin: 0 10px;
}
.newsrelease-category .sender-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease-category .sender-wrap select {
  width: 100%;
}
.newsrelease-category .sender-wrap .sender-edit-area {
  width: calc(100% - 400px);
  padding-right: 50px;
}
.newsrelease-category .sender-wrap .sender-select-form {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease-category .sender-wrap .sender-select-form .users-list.operation {
  width: 100px;
}
.newsrelease-category .sender-wrap .sender-select-form .users-list.operation button {
  display: block;
  margin: auto;
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid #4CA74F;
  color: #4CA74F;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  margin-top: 0;
  width: 100%;
}
.newsrelease-category .sender-wrap .sender-select-form .users-list.operation button:hover {
  color: #fff;
  background-color: #4CA74F;
}
.newsrelease-category .sender-wrap .sender-select-form .users-list.added {
  width: 300px;
  padding-left: 20px;
}
.newsrelease-category .sender-list .title {
  margin-bottom: 10px;
}
.newsrelease-category .sender-list .bottom-btn {
  margin-bottom: 40px;
  margin-top: 20px;
}

.newsrelease-category .newsrelease-tag-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease-category .newsrelease-tag-select-wrap:last-child {
  margin-bottom: 0;
}
.newsrelease-category .newsrelease-tag-select-wrap:last-child .add-btn {
  display: inline-block;
}
.newsrelease-category .newsrelease-tag-select-wrap select {
  padding: 3px;
  width: 250px;
}
.newsrelease-category .newsrelease-tag-select-wrap .tag-major-select {
  width: 100%;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-tag-select-wrap .tag-major-select select {
  background-color: #DBEADB;
  border: 1px solid #4DA74F !important;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap .block-type {
  width: 100%;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap .block-type-wrap {
  width: 100%;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap .block-type-item {
  display: none;
  position: relative;
  margin-bottom: 5px;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap .block-type-item.active {
  display: block;
}
.newsrelease-category .newsrelease-tag-select-wrap .newsrelease-tag-wrap .block-type-item .minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  top: 3px;
  left: 100%;
}
.newsrelease-category .newsrelease-tag-select-wrap .add-btn {
  position: relative;
  display: none;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-tag-select-wrap .add-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-tag-select-wrap .add-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease-category .newsrelease-tag-select-wrap .minus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-tag-select-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-tag-select-wrap + .newsrelease-tag-select-wrap {
  margin-top: 10px;
}
.newsrelease-category .newsrelease-tag-select .tag-select.select-wrap .minus-btn {
  position: absolute;
  top: 1px;
  right: -25px;
}
.newsrelease-category .newsrelease-tag-select .plus-btn-wrap {
  text-align: right;
  width: 100%;
  display: none;
}
.newsrelease-category .newsrelease-tag-select .plus-btn-wrap.active {
  display: block;
}
.newsrelease-category .newsrelease-tag-select .plus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease-category .newsrelease-tag-select .plus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease-category .newsrelease-tag-select .plus-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease-category .bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.newsrelease-category .bottom-btn li {
  margin-right: 10px;
}
.newsrelease-category .bottom-btn li a {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.newsrelease-category .bottom-btn li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.newsrelease-category .bottom-btn button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.newsrelease-category .bottom-btn button:hover {
  opacity: 0.7;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.newsrelease-category .delete-form {
  display: none;
}
.newsrelease-category .taglist-body form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease-category .taglist-body button,
.newsrelease-category .taglist-body input[type=submit] {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #008EE4;
  font-size: 12px;
}
.newsrelease-category .taglist-body button:hover,
.newsrelease-category .taglist-body input[type=submit]:hover {
  text-decoration: underline;
}
.newsrelease-category #delete_form input[type=submit] {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #008EE4;
  font-size: 12px;
}

.newsrelease .setting-area .draft-check-wrap {
  margin-top: 10px;
}
.newsrelease .setting-area .draft-check {
  position: relative;
  padding-left: 35px;
  padding-top: 7px;
  margin-left: 10px;
}
.newsrelease .setting-area .draft-check::before, .newsrelease .setting-area .draft-check::after {
  content: "";
  display: block;
  position: absolute;
}
.newsrelease .setting-area .draft-check::before {
  width: 30px;
  height: 30px;
  border: 2px solid #666;
  top: 2px;
  left: 0;
  background: #fff;
}
.newsrelease .setting-area .draft-check.checked::after {
  width: 15px;
  height: 24px;
  border-bottom: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 9px;
}
.newsrelease .setting-area .prev-text-wrap {
  width: calc(100% - 380px);
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsrelease .setting-area .setmenu-preview-btn {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.newsrelease .setting-area .setmenu-preview-btn a {
  background-color: #FFF;
  border: #DCDDDD 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.newsrelease .setting-area .setmenu-preview-btn i {
  line-height: 0;
}
.newsrelease .setting-area .linkcheck-text-wrap {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  margin-left: 4px;
}
.newsrelease .setting-area .linkcheck-text-wrap a {
  background-color: #FFF;
  border: #DCDDDD 1px solid;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.newsrelease .setting-area .linkcheck-text-wrap a:hover, .newsrelease .setting-area .linkcheck-text-wrap a.active {
  background-color: #4CA74F;
  border: #4CA74F 1px solid;
}
.newsrelease .setting-area .linkcheck-text-wrap i {
  line-height: 0;
}
.newsrelease .setting-area .op-cl-text-ul {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.newsrelease .setting-area .op-cl-text-ul li {
  display: inline;
  margin-right: 7px;
  vertical-align: bottom;
}
.newsrelease .setting-area .op-cl-text-ul li:last-child {
  margin-right: 0;
}
.newsrelease .setting-area .op-cl-text-ul li a {
  color: #444;
}
.newsrelease .setting-area .page-status-wrap {
  border-bottom: #C6C5C5 1px solid;
  padding: 9px 0;
}
.newsrelease .setting-area .page-status-table {
  border-collapse: collapse;
  width: 100%;
}
.newsrelease .setting-area .page-status-table td {
  vertical-align: top;
}
.newsrelease .setting-area .page-status-table td.nobr {
  white-space: nowrap;
}
.newsrelease .setting-area .page-status-table td.page-status-table__title {
  width: 130px;
}
.newsrelease .select-category-wrap .select-category-wrap-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 4px;
}
.newsrelease .select-category-wrap .select-category-classes {
  margin-right: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.newsrelease .select-category-wrap .select-category-classes > div {
  display: none;
}
.newsrelease .select-category-wrap .select-category-classes > div.active {
  display: block;
}
.newsrelease .select-category-wrap .select-categories {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.newsrelease .select-category-wrap .select-categories > div {
  display: none;
}
.newsrelease .select-category-wrap .select-categories > div.active {
  display: block;
}
.newsrelease .field-name {
  position: relative;
}
.newsrelease .field-name .add-btn {
  position: absolute;
  display: inline-block;
  top: -3px;
  right: 5px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease .field-name .add-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease .field-name .add-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease .newsrelease-load-area {
  display: none;
}
.newsrelease.newsrelease-category .newsrelease-category-select-wrap:first-child .minus-btn {
  display: inline-block;
}
.newsrelease.newsrelease-tag .newsrelease-tag-select-wrap:first-child .minus-btn {
  display: inline-block;
}
.newsrelease .site-select select {
  background-color: #DBEADB;
  border: 1px solid #4DA74F !important;
}
.newsrelease .site-select,
.newsrelease .page-block-select-wrap {
  width: 100%;
}
.newsrelease .site-select select,
.newsrelease .page-block-select-wrap select {
  width: 100%;
}
.newsrelease .newsrelease-category-select,
.newsrelease .newsrelease-tag-select {
  width: calc(100% - 25px);
}
.newsrelease .newsrelease-category-select .plus-btn-wrap,
.newsrelease .newsrelease-tag-select .plus-btn-wrap {
  text-align: right;
  width: 100%;
}
.newsrelease .newsrelease-category-select .plus-btn,
.newsrelease .newsrelease-tag-select .plus-btn {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease .newsrelease-category-select .plus-btn::before,
.newsrelease .newsrelease-tag-select .plus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease .newsrelease-category-select .plus-btn::after,
.newsrelease .newsrelease-tag-select .plus-btn::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.newsrelease .article-type-wrap {
  display: none;
}
.newsrelease .article-type-wrap.active {
  display: block;
}
.newsrelease .article-type-wrap .article-type-box {
  display: none;
  margin-top: 10px;
}
.newsrelease .article-type-wrap .article-type-box.active {
  display: block;
}
.newsrelease .icon-wrap {
  position: relative;
}
.newsrelease .icon-wrap:not(:last-child) {
  margin-bottom: 10px;
}
.newsrelease .icon-wrap .minus-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease .icon-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease .icon-wrap .icon-term-input .icon-term-arrow1 {
  margin-left: 8px;
  margin-right: 8px;
}
.newsrelease .setting-area li .schedule-wrap {
  position: relative;
}
.newsrelease .setting-area li .schedule-wrap:not(:last-child) {
  margin-bottom: 10px;
}
.newsrelease .setting-area li .schedule-wrap .icon-term-input:not(:last-child) {
  margin-bottom: 4px;
}
.newsrelease .setting-area li .schedule-wrap .icon-term-input input[type=text] {
  width: 100px;
}
.newsrelease .setting-area li .schedule-wrap .icon-term-input input[type=number] {
  width: 44px;
}
.newsrelease .setting-area li .schedule-wrap .icon-term-input .icon-term-arrow1 {
  margin-left: 8px;
  margin-right: 8px;
}
.newsrelease .setting-area li .schedule-wrap .icon-term-input .icon-term-arrow2 {
  margin-left: 25px;
  margin-right: 8px;
}
.newsrelease .setting-area li .schedule-wrap .minus-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.newsrelease .setting-area li .schedule-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease .icon-term .icon-term-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsrelease .icon-term .icon-term-input input.term-date[type=text] {
  width: 98px;
  margin-right: 5px;
}
.newsrelease .icon-term .icon-term-input .icons-syslog-cal::before {
  font-size: 25px;
  vertical-align: middle;
}
.newsrelease .album-remove {
  display: none;
  padding-left: 10px;
}
.newsrelease .album-remove.active {
  display: inline;
}
.newsrelease .site-link-popup .filter-area {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newsrelease .site-link-popup .filter-area.is-loading {
  pointer-events: none;
}
.newsrelease .site-link-popup .filter-area .select-second > div {
  display: none;
}
.newsrelease .site-link-popup .filter-area .select-second > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease .site-link-popup .filter-area select {
  width: 150px;
  padding: 5px;
  margin-right: 10px;
}
.newsrelease .site-link-popup .filter-area .select-news-release {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease .site-link-popup .filter-area .select-third2 {
  display: none;
}
.newsrelease .site-link-popup .filter-area .select-third2.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease .site-link-popup .filter-area .select-four {
  display: none;
}
.newsrelease .site-link-popup .filter-area .select-four.active {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsrelease .site-link-popup .filter-area .select-button {
  display: block;
  width: 94px;
  background-color: #4CA74F;
  color: #FFF;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
  font-size: 14px;
  cursor: pointer;
}
.newsrelease .site-link-popup .filter-area .select-button:hover {
  opacity: 0.7;
}
.newsrelease .newsrelease-sns-select-wrap {
  position: relative;
}
.newsrelease .newsrelease-sns-select-wrap:not(:last-child) {
  margin-bottom: 5px;
}
.newsrelease .newsrelease-sns-select-wrap .newsrelease-sns-select {
  width: calc(100% - 25px);
}
.newsrelease .newsrelease-sns-select-wrap .minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  top: 3px;
  right: 0;
}
.newsrelease .newsrelease-sns-select-wrap .minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.newsrelease .list-area .tree-list {
  position: relative;
  overflow: hidden;
}
.newsrelease .list-area .tree-list ul,
.newsrelease .list-area .tree-list ul.trashcan {
  padding-left: 15px;
}
.newsrelease .list-area .tree-list ul.is-loading {
  min-height: 150px;
  background: url(/img/loading.svg) center center no-repeat;
  background-size: 45px auto;
}
.newsrelease .list-area .tree-list ul.is-loading::before {
  display: none;
}
.newsrelease .list-area .tree-list > ul,
.newsrelease .pdf-lists {
  padding-left: 0;
}
.newsrelease .list-area .tree-list > ul > li,
.newsrelease .pdf-lists > ul > li {
  border-top: 1px solid #ddd;
  padding-left: 0;
}
.newsrelease .pdf-lists > ul > li {
  padding-left: 15px;
}
.newsrelease .list-area .tree-list li {
  font-size: 13px;
  font-size: 1.3rem;
}
.newsrelease .list-area .tree-list li.message {
  padding: 10px;
}
.newsrelease .list-area .tree-list div.folder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
}
.newsrelease .list-area .tree-list li.page,
.newsrelease .list-area .tree-list li.link {
  position: relative;
  min-height: 40px;
  padding-left: 10px;
}
.newsrelease .list-area .tree-list li.page > div,
.newsrelease .list-area .tree-list li.link > div,
.newsrelease .pdf-lists li > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsrelease .list-area .tree-list li.separate {
  height: 0;
  overflow: hidden;
  border-bottom: none;
}
.newsrelease .list-area .tree-list li.page::before,
.newsrelease .list-area .tree-list li.link::before,
.newsrelease .list-area .tree-list div.folder::before {
  position: absolute;
  height: 1px;
  width: 200vw;
  left: -50vw;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.newsrelease .list-area .tree-list li.page::after,
.newsrelease .list-area .tree-list li.link::after,
.newsrelease .list-area .tree-list div.folder::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 200vw;
  top: 0;
  left: -50vw;
  display: block;
  background: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, color, border;
  transition-property: background, color, border;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.newsrelease .list-area .tree-list li.active:after,
.newsrelease .list-area .tree-list li.page:hover::after,
.newsrelease .list-area .tree-list li.link:hover::after,
.newsrelease .list-area .tree-list div.folder:hover::after,
.newsrelease .pdf-lists li.active:after,
.newsrelease .pdf-lists li:hover:after {
  background: #f6f6f6;
}
.newsrelease .list-area .tree-list div.folder > .flag {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #4ca74f;
}
.newsrelease .list-area .tree-list div.folder > .flag::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  background-color: #fff;
  width: 7px;
  height: 1px;
}
.newsrelease .list-area .tree-list div.folder > .flag::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1px;
  height: 7px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.newsrelease .list-area .tree-list div.folder > .flag.open::after {
  opacity: 0;
}
.newsrelease .list-area .tree-list div.folder > .flag.close::after {
  opacity: 1;
}
.newsrelease .list-area .tree-list div.folder.draft .flag,
.newsrelease .list-area .tree-list #draft_root_node .flag {
  background-color: #666;
}
.newsrelease .list-area .tree-list > ul::before {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: #ddd;
  margin-top: -1px;
}
.newsrelease .list-area .tree-list li > div > a,
.newsrelease .pdf-lists li > div > a {
  padding: 11px 0 8px 0;
  word-break: break-all;
  color: #333;
  display: block;
  width: calc(100% - 155px);
}
.newsrelease .inner-link-select-anchor {
  max-width: 100px;
  width: 100%;
}
.newsrelease .inner-link-select-anchor select {
  width: 100%;
}
.newsrelease .folder.handle > a {
  font-weight: 700;
}
.newsrelease .list-area .tree-list input[type=checkbox],
.newsrelease .pdf-lists li input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
  position: relative;
  top: 2px;
}
.newsrelease .list-area .tree-list li > div > a.config-button,
.newsrelease .pdf-lists li > div > a.config-button {
  width: 30px;
  color: #1e88e5;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 10px;
}
.newsrelease .list-area .tree-list .edit-check,
.newsrelease .pdf-lists li .edit-check {
  position: absolute;
  right: 60px;
  top: auto;
}
.newsrelease .inner-link-select-anchor,
.newsrelease .news-link-select-anchor {
  max-width: 100px;
  width: 100%;
  position: relative;
}
.newsrelease .inner-link-select-anchor .click-layer,
.newsrelease .news-link-select-anchor .click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.newsrelease .inner-link-select-anchor select,
.newsrelease .news-link-select-anchor select {
  width: 100%;
  position: relative;
  z-index: 0;
  border: 1px solid darkgray;
}
.newsrelease .inner-link-select-anchor.loaded .click-layer,
.newsrelease .news-link-select-anchor.loaded .click-layer {
  display: none;
}
.newsrelease .folder.handle > a {
  font-weight: 700;
}
.newsrelease .list-area .tree-list input[type=checkbox],
.newsrelease .pdf-lists li input[type=checkbox] {
  display: inline-block;
  -webkit-appearance: checkbox;
  position: relative;
  top: 2px;
}
.newsrelease .list-area .tree-list .edit-check,
.newsrelease .pdf-lists li .edit-check {
  position: absolute;
  right: 60px;
  top: auto;
}
.newsrelease .select-news-release {
  margin-top: 10px;
}
.newsrelease .album-link-img {
  display: block;
  width: 115px;
  margin-bottom: 10px;
}
.newsrelease .album-link-img:empty {
  margin-bottom: 0;
}
.newsrelease .setting-area-inner > div {
  display: none;
}
.newsrelease .setting-area-inner > div.active {
  display: block;
}
.newsrelease .setting-area-inner > div.is-loading {
  height: 50vh;
  min-height: 150px;
  background: url(/img/loading.svg) center center no-repeat;
  background-size: 45px auto;
}
.newsrelease .icons-list {
  margin-bottom: 5px;
}
.newsrelease .bulk-check {
  display: none;
}
.newsrelease .main-area.bulk .bulk-check {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
  width: 100px;
  color: #008EE4;
}
.newsrelease .main-area.bulk .bulk-check input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  -webkit-appearance: checkbox;
  position: relative;
  top: 2px;
}
.newsrelease .bulk-delete-action {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 128px;
}
.newsrelease .bulk-delete-action button {
  width: 54px;
  height: 32px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #ddd;
  margin-left: 10px;
  border-radius: 3px;
  vertical-align: top;
  cursor: pointer;
  background: transparent;
}
.newsrelease .bulk-delete-action button.active {
  border: 1px solid #4CA74F;
  background: #4CA74F;
  color: #fff;
}
.newsrelease .dustbox-form .setmenu-bt-ul {
  display: none;
}
.newsrelease .setting-area.remove .dustbox-form .setmenu-bt-ul.remove {
  display: block;
}
.newsrelease .setting-area.restore .dustbox-form .setmenu-bt-ul.restore {
  display: block;
}
.newsrelease .news-title-area {
  width: 100%;
  padding: 10px 20px 20px;
  border: 1px solid #ccc;
}
.newsrelease .news-title-area .page-aside-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  font-size: 13px;
}
.newsrelease .news-title-area .page-aside-area .sender {
  background-color: #eee;
  padding: 5px 20px;
  border: 1px solid #ccc;
}
.newsrelease .news-title-area .page-title {
  font-size: 2.4rem;
  font-size: 24px;
}
.newsrelease .news-bottom-area {
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #ccc;
}

.cms.cms-search .cms-contents .list-area .back-contents-list {
  top: 5px;
}
.cms.cms-search .page-title {
  margin-bottom: 15px;
}
.cms.cms-search .text-search-wrap {
  padding: 20px;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.cms.cms-search .text-search-wrap .text-search {
  max-width: 350px;
  width: 100%;
  position: relative;
}
.cms.cms-search .text-search-wrap .text-search input[type=text] {
  width: 100%;
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 15px;
  padding-right: 40px;
  height: 40px;
}
.cms.cms-search .text-search-wrap .text-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
}
.cms.cms-search .text-search-wrap .text-search button i {
  top: 3px;
  position: relative;
}
.cms.cms-search .search-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
}
.cms.cms-search .search-select-area .limit-area {
  font-size: 12px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cms.cms-search .search-select-area .limit-area .sum {
  margin-right: 20px;
}
.cms.cms-search .search-select-area .paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cms.cms-search .search-select-area .paging li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: #eee;
  margin: 0 2px;
  font-size: 12px;
  font-size: 1.2rem;
}
.cms.cms-search .search-select-area .paging li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #4CA74F;
  color: #fff;
}
.cms.cms-search .search-result-area .result-item {
  padding: 20px;
}
.cms.cms-search .search-result-area .result-item:nth-child(odd) {
  background-color: #F6F6F6;
}
.cms.cms-search .search-result-area .result-item .hidden-info {
  display: none;
}
.cms.cms-search .search-result-area .result-item .title a {
  font-size: 20px;
  font-size: 2rem;
}
.cms.cms-search .search-result-area .result-item .directory-info {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 5px;
  color: #4CA74F;
}
.cms.cms-search .search-result-area .result-item .match-text {
  font-size: 13px;
  font-size: 1.3rem;
}

body.cms.albums .albums-contents.content-wrap {
  min-height: 100%;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item {
  min-height: auto;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .image {
  display: none;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .check {
  right: auto;
  left: 0;
  top: 14px;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .detail {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .detail tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .detail tbody tr {
  width: 10%;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .detail tbody tr:first-child {
  width: 70%;
}
body.cms.albums .albums-contents .list-area .albums-items[data-file-type="4"] .albums-item .detail tbody tr td:first-child {
  display: none;
}