/**
 * 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
 */
body.cms .cms-support-nav li:before, .edit-area .ico-hidden::before, .edit-area .ico-duplicate::before, .edit-area .ico-copy::before, .edit-area .ico-removal::before, .edit-area .ico-toggle::before, .edit-area .ico-setting::before, .edit-area .setting-btn.hidden.open, .edit-area .setting-btn.open, .edit-area .setting-btn.hidden, .edit-area .setting-btn, .linkcheck-text-wrap a:hover .icon-linkcheck:before,
.linkcheck-text-wrap.active .icon-linkcheck:before, .linkcheck-text-wrap .icon-linkcheck:before, body.cms .cms-contents .menu-area .menu li.members-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.members-settings a:hover::before, body.cms .cms-contents .menu-area .menu li.members-settings a::before, body.cms .cms-contents .menu-area .menu li.site-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.site-settings a:hover::before, body.cms .cms-contents .menu-area .menu li.site-settings a::before, body.cms .cms-contents .menu-area .menu li.import-export a.active::before,
body.cms .cms-contents .menu-area .menu li.import-export a:hover::before, body.cms .cms-contents .menu-area .menu li.import-export a::before, body.cms .cms-contents .menu-area .menu li.templates a.active::before,
body.cms .cms-contents .menu-area .menu li.templates a:hover::before, body.cms .cms-contents .menu-area .menu li.templates a::before, body.cms .cms-contents .menu-area .menu li.flow a.active::before,
body.cms .cms-contents .menu-area .menu li.flow a:hover::before, body.cms .cms-contents .menu-area .menu li.flow a::before, body.cms .cms-contents .menu-area .menu li.editor-admin-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.editor-admin-settings a:hover::before, body.cms .cms-contents .menu-area .menu li.editor-admin-settings a::before, body.cms .cms-contents .menu-area .menu li.albums a.active::before,
body.cms .cms-contents .menu-area .menu li.albums a:hover::before, body.cms .cms-contents .menu-area .menu li.albums a::before, body.cms .cms-contents .menu-area .menu li.contents a.active::before,
body.cms .cms-contents .menu-area .menu li.contents a:hover::before, body.cms .cms-contents .menu-area .menu li.contents a::before, body.cms .cms-contents .menu-area .search .sp-search-btn i::before, body.cms.albums .albums-contents .list-area .albums-narrow .search > form button::before, body.cms.albums .albums-contents .list-area .albums-choice .choice li.download a::before, body.cms.albums .albums-contents .list-area .albums-choice .choice li.remove a::before, body.cms.albums .albums-contents .list-area .albums-choice .choice li.duplicate a::before, body.cms.albums .albums-contents .list-area .albums-choice .choice li.move a::before, .icons-cms-user-gray, .icons-album-download, .icons-album-remove, .icons-album-duplicate, .icons-album-move, body.cms .cms-form-detail .list-area .head-bottom .search button:before,
body.cms .cms-form .list-area .form-area .form-head .form-search button:before, .icons-search-gray.search-head:before, .icons-search-gray:before, .btn-album-preview:before, .btn-album-update:before, .btn-album-edit:before, .btn-album-setting:before, .icons-setting-black:before, .icons-circle-green-arrow:before, .icons-circle-green-human:before, .icons-circle-black-arrow:before, .icon-preview:before, .config-preview:hover:before,
.config-preview.active:before,
.icons-circle-black-search:hover:before,
.icons-circle-black-search.active:before, .config-preview:before,
.icons-circle-black-search:before, .icons-circle-black-3dots:before, .config-edit:hover,
.config-edit.active, .config-edit, .config-arrow:hover,
.config-arrow.active, .config-arrow, .edit-3dots, .config-3dots:hover,
.config-3dots.active, .config-3dots, .icons-cms-search:before, .icons-cms-trashcan:before, .icons-cms-template:before, .icons-cms-flow:before, .icons-cms-contents:before, .cms-news:before, .cms-album-black:before {
  display: inline-block;
  background-image: url("../img/sprite_cms-2.svg");
  background-size: 156.9375em 158.6875em;
}

.cms-album-black {
  display: inline-block;
}
.cms-album-black:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -47.9375em -47.9375em;
  content: "";
  font-size: 16px;
}

.cms-news {
  display: inline-block;
}
.cms-news:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -84.1875em -84.1875em;
  content: "";
  font-size: 16px;
}

.icons-cms-contents:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -55.1875em -55.1875em;
  content: "";
  font-size: 16px;
}

.icons-cms-flow:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -62.4375em -62.4375em;
  content: "";
  font-size: 16px;
}

.icons-cms-template:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -100.4375em -100.5em;
  content: "";
  font-size: 16px;
}

.icons-cms-trashcan:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -107.6875em -107.75em;
  content: "";
  font-size: 16px;
}

.icons-cms-search:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -87.8125em -87.8125em;
  content: "";
  font-size: 16px;
}

.config-3dots {
  width: 1.8125em;
  height: 1.8125em;
  background-position: -20.3125em -20.3125em;
  font-size: 16px;
  background-color: #fff;
}

.config-3dots:hover,
.config-3dots.active {
  width: 1.8125em;
  height: 1.8125em;
  background-position: -22.6875em -22.6875em;
  font-size: 16px;
}

.edit-3dots {
  width: 1.8125em;
  height: 1.8125em;
  background-position: -22.6875em -22.6875em;
  font-size: 16px;
  background-color: #222;
}

.config-arrow {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -25.0625em -25.0625em;
  font-size: 16px;
}

.config-arrow:hover,
.config-arrow.active {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -27.5em -27.5em;
  font-size: 16px;
}

.config-edit {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -29.9375em -29.9375em;
  font-size: 16px;
}

.config-edit:hover,
.config-edit.active {
  width: 1.86875em;
  height: 1.86875em;
  background-position: -32.375em -32.375em;
  font-size: 16px;
}

.icons-circle-black-3dots:before {
  width: 1.8125em;
  height: 1.8125em;
  background-position: -20.3125em -20.3125em;
  content: "";
  font-size: 15px;
}

.config-preview:before,
.icons-circle-black-search:before {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -34.8125em -34.8125em;
  content: "";
  font-size: 16px;
}

.config-preview:hover:before,
.config-preview.active:before,
.icons-circle-black-search:hover:before,
.icons-circle-black-search.active:before {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -37.25em -37.25em;
  content: "";
  font-size: 16px;
}

.icon-preview:before {
  width: 1.625em;
  height: 1.515625em;
  background-position: -143.0625em -145em;
  content: "";
  font-size: 16px;
}

.icons-circle-black-arrow:before {
  width: 1.870625em;
  height: 1.870625em;
  background-position: -25.0625em -25.0625em;
  content: "";
  font-size: 15px;
}

.icons-circle-green-human:before {
  width: 2.125em;
  height: 2.125em;
  background-position: -41.625em -41.625em;
  content: "";
  font-size: 16px;
}

.icons-circle-green-arrow:before {
  width: 1.375em;
  height: 1.375em;
  background-position: -39.6875em -39.6875em;
  content: "";
  font-size: 18px;
}

.icons-setting-black:before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -148.75em -150.5em;
  content: "";
  font-size: 15px;
}

.btn-album-setting:before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -14.6875em -14.6875em;
  content: "";
  font-size: 15px;
}

.btn-album-edit:before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -6.0625em -6.0625em;
  content: "";
  font-size: 15px;
}

.btn-album-update:before {
  width: 2.1875em;
  height: 2.1875em;
  background-position: -17.5625em -17.5625em;
  content: "";
  font-size: 15px;
}

.btn-album-preview:before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -147em -148.8125em;
  content: "";
  font-size: 15px;
}

.icons-search-gray:before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -145.25em -147.125em;
  content: "";
  font-size: 15px;
}
.icons-search-gray.search-head:before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -145.25em -147.125em;
  content: "";
  font-size: 18px;
}

body.cms .cms-form-detail .list-area .head-bottom .search button:before,
body.cms .cms-form .list-area .form-area .form-head .form-search button:before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -145.25em -147.125em;
  content: "";
  font-size: 18px;
}

.cms-album-black {
  display: inline-block;
}
.cms-album-black:before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -47.9375em -47.9375em;
  content: "";
  font-size: 16px;
}

.icons-album-move {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -8.9375em -8.9375em;
  content: "";
  font-size: 16px;
}

.icons-album-duplicate {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -3.1875em -3.1875em;
  content: "";
  font-size: 16px;
}

.icons-album-remove {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -11.8125em -11.8125em;
  content: "";
  font-size: 16px;
}

.icons-album-download {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -0.3125em -0.3125em;
  content: "";
  font-size: 16px;
}

.icons-cms-user-gray {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -114.9375em -115em;
  content: "";
  font-size: 16px;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.move a::before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -8.9375em -8.9375em;
  content: "";
  margin-top: -6px;
  font-size: 14px;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.duplicate a::before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -3.1875em -3.1875em;
  content: "";
  margin-top: -5px;
  font-size: 14px;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.remove a::before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -11.8125em -11.8125em;
  content: "";
  margin-top: -7px;
  font-size: 14px;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-choice .choice li.download a::before {
  width: 2.3125em;
  height: 2.3125em;
  background-position: -0.3125em -0.3125em;
  content: "";
  margin-top: -8px;
  font-size: 14px;
  vertical-align: top;
}

body.cms.albums .albums-contents .list-area .albums-narrow .search > form button::before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -147em -148.8125em;
  content: "";
  font-size: 13.9px;
}

body.cms .cms-contents .menu-area .search .sp-search-btn i::before {
  width: 1.1875em;
  height: 1.109375em;
  background-position: -147em -148.8125em;
  content: "";
  font-size: 13.9px;
}

body.cms .cms-contents .menu-area .menu li.contents a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -58.8125em -58.8125em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.contents a.active::before,
body.cms .cms-contents .menu-area .menu li.contents a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -55.1875em -55.1875em;
}

body.cms .cms-contents .menu-area .menu li.albums a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -51.5625em -51.5625em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.albums a.active::before,
body.cms .cms-contents .menu-area .menu li.albums a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -44.3125em -44.3125em;
}

body.cms .cms-contents .menu-area .menu li.editor-admin-settings a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -114.9375em -115em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.editor-admin-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.editor-admin-settings a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -111.3125em -111.375em;
}

body.cms .cms-contents .menu-area .menu li.flow a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -66.0625em -66.0625em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.flow a.active::before,
body.cms .cms-contents .menu-area .menu li.flow a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -62.4375em -62.4375em;
}

body.cms .cms-contents .menu-area .menu li.templates a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -104.0625em -104.125em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.templates a.active::before,
body.cms .cms-contents .menu-area .menu li.templates a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -100.4375em -100.5em;
}

body.cms .cms-contents .menu-area .menu li.import-export a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -73.3125em -73.3125em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.import-export a.active::before,
body.cms .cms-contents .menu-area .menu li.import-export a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -69.6875em -69.6875em;
}

body.cms .cms-contents .menu-area .menu li.site-settings a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -95.0625em -95.0625em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.site-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.site-settings a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -91.4375em -91.4375em;
}

body.cms .cms-contents .menu-area .menu li.members-settings a::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -80.5625em -80.5625em;
  content: "";
  font-size: 7.84px;
}

body.cms .cms-contents .menu-area .menu li.members-settings a.active::before,
body.cms .cms-contents .menu-area .menu li.members-settings a:hover::before {
  width: 3.0625em;
  height: 3.0625em;
  background-position: -76.9375em -76.9375em;
}

.linkcheck-text-wrap .icon-linkcheck:before {
  width: 1.933125em;
  height: 1.933125em;
  background-position: -140.5625em -142.5em;
  content: "";
  font-size: 8px;
}

.linkcheck-text-wrap a:hover .icon-linkcheck:before,
.linkcheck-text-wrap.active .icon-linkcheck:before {
  width: 1.933125em;
  height: 1.933125em;
  background-position: -140.5625em -142.5em;
  content: "";
  font-size: 8px;
}

.edit-area .setting-btn {
  width: 1.5625em;
  height: 1.938125em;
  background-position: -133.1875em -134.25em;
  content: "";
  font-size: 15.358px;
}

.edit-area .setting-btn.hidden {
  width: 1.5625em;
  height: 1.938125em;
  background-position: -135.3125em -136.8125em;
}

.edit-area .setting-btn.open {
  width: 1.5625em;
  height: 1.938125em;
  background-position: -128.9375em -129.125em;
}

.edit-area .setting-btn.hidden.open {
  width: 1.5625em;
  height: 1.938125em;
  background-position: -131.0625em -131.6875em;
}

.edit-area .ico-setting::before {
  width: 1.1875em;
  height: 1.1875em;
  background-position: -125.4375em -125.625em;
  content: "";
  width: 20px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 16px;
}

.edit-area .ico-toggle::before {
  width: 1.18375em;
  height: 1.18375em;
  background-position: -127.1875em -127.375em;
  content: "";
  width: 20px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 16px;
}

.edit-area .ico-removal::before {
  width: 0.986875em;
  height: 1.1875em;
  background-position: -123.875em -123.875em;
  content: "";
  width: 20px;
  margin-left: 1px;
  margin-right: 5px;
  vertical-align: top;
  font-size: 16px;
}

.edit-area .ico-copy::before {
  width: 1.188125em;
  height: 1.1875em;
  background-position: -118.5625em -118.625em;
  content: "";
  width: 20px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 16px;
}

.edit-area .ico-duplicate::before {
  width: 1.1875em;
  height: 1.1875em;
  background-position: -120.375em -120.375em;
  content: "";
  width: 20px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 16px;
}

.edit-area .ico-hidden::before {
  width: 1.18375em;
  height: 1.18375em;
  background-position: -122.125em -122.125em;
  content: "";
  width: 20px;
  margin-right: 6px;
  vertical-align: top;
  font-size: 16px;
}

body.cms .cms-support-nav li:before {
  width: 1.1875em;
  height: 1.20375em;
  background-position: -98.6875em -98.6875em;
  font-size: 16px;
}

/*
editor-setting-close
editor-setting-close-red

editor-setting-open-red*/