/*---------------------------------------------------------------------------*/
/* feathericon
/*---------------------------------------------------------------------------*/

/**
 * font path
 */
 @font-face {
  font-family: 'feathericon';
  src: url(/assets/feathericon-6176af55ae47f417a5e39db51b81789604712af9c1a5a24e26470d81991eb28a.eot);
  src: url(/assets/feathericon-6176af55ae47f417a5e39db51b81789604712af9c1a5a24e26470d81991eb28a.eot?#iefix) format('embedded-opentype'),
    url(/assets/feathericon-0f26aee2ba4cc92e96e0f6e9d913a44038de1b797f5f057cf04c94828097c455.woff2) format('woff2'),
    url(/assets/feathericon-26a05200928f72eb34864d7ddc3b579d035db07540dee0315577d12141cbd3b3.woff) format('woff'),
    url(/assets/feathericon-51a3ad10d4a06143b176ae732267c13b2e800e228a60a22fbbed581fdcd9375b.ttf) format('truetype'),
    url(/assets/feathericon-c1ed79fb8372566cd1359931a4ceb733a4b4dd4d287835c3586893c9ff0a5b8e.svg) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
 }


/**
 * feathericon
 */
.fe {
  display: inline-block;
  font: normal normal normal 16px feathericon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }

/**
 * all icons
 */
.fe-activity:before { content: "\f1e2"; }
.fe-add-cart:before { content: "\f1e6"; }
.fe-align-bottom:before { content: "\f1bf"; }
.fe-align-center:before { content: "\f195"; }
.fe-align-left:before { content: "\f196"; }
.fe-align-right:before { content: "\f197"; }
.fe-align-top:before { content: "\f1c0"; }
.fe-align-vertically:before { content: "\f1c1"; }
.fe-angry:before { content: "\f1b6"; }
.fe-app-menu:before { content: "\f198"; }
.fe-apron:before { content: "\f1fb"; }
.fe-arrow-down:before { content: "\f100"; }
.fe-arrow-left:before { content: "\f101"; }
.fe-arrow-right:before { content: "\f102"; }
.fe-arrow-up:before { content: "\f103"; }
.fe-artboard:before { content: "\f104"; }
.fe-audio-player:before { content: "\f199"; }
.fe-backward:before { content: "\f180"; }
.fe-bar:before { content: "\f105"; }
.fe-bar-chart:before { content: "\f106"; }
.fe-beer:before { content: "\f107"; }
.fe-beginner:before { content: "\f1f7"; }
.fe-bell:before { content: "\f108"; }
.fe-birthday-cake:before { content: "\f163"; }
.fe-bold:before { content: "\f179"; }
.fe-bolt:before { content: "\f1e3"; }
.fe-book:before { content: "\f109"; }
.fe-bookmark:before { content: "\f170"; }
.fe-bread:before { content: "\f206"; }
.fe-browser:before { content: "\f10b"; }
.fe-brush:before { content: "\f10c"; }
.fe-bug:before { content: "\f10d"; }
.fe-building:before { content: "\f10e"; }
.fe-bus:before { content: "\f1fe"; }
.fe-cage:before { content: "\f1e7"; }
.fe-calendar:before { content: "\f10f"; }
.fe-camera:before { content: "\f110"; }
.fe-car:before { content: "\f1ff"; }
.fe-cart:before { content: "\f1e8"; }
.fe-check:before { content: "\f111"; }
.fe-check-circle:before { content: "\f19a"; }
.fe-check-circle-o:before { content: "\f19b"; }
.fe-check-verified:before { content: "\f19c"; }
.fe-clock:before { content: "\f113"; }
.fe-close:before { content: "\f114"; }
.fe-cloud:before { content: "\f115"; }
.fe-cocktail:before { content: "\f116"; }
.fe-code:before { content: "\f117"; }
.fe-codepen:before { content: "\f1d3"; }
.fe-coffee:before { content: "\f166"; }
.fe-columns:before { content: "\f118"; }
.fe-comment:before { content: "\f119"; }
.fe-comment-o:before { content: "\f1d2"; }
.fe-commenting:before { content: "\f11a"; }
.fe-comments:before { content: "\f11b"; }
.fe-compress:before { content: "\f181"; }
.fe-credit-card:before { content: "\f1e9"; }
.fe-crop:before { content: "\f1c2"; }
.fe-cry:before { content: "\f1b7"; }
.fe-cutlery:before { content: "\f19d"; }
.fe-delete-link:before { content: "\f19e"; }
.fe-desktop:before { content: "\f11d"; }
.fe-diamond:before { content: "\f11e"; }
.fe-difference:before { content: "\f1c3"; }
.fe-disabled:before { content: "\f11f"; }
.fe-disappointed:before { content: "\f1b8"; }
.fe-distribute-horizontally:before { content: "\f1cf"; }
.fe-distribute-vertically:before { content: "\f1c5"; }
.fe-document:before { content: "\f19f"; }
.fe-donut:before { content: "\f1f9"; }
.fe-download:before { content: "\f120"; }
.fe-drop-down:before { content: "\f121"; }
.fe-drop-left:before { content: "\f122"; }
.fe-drop-right:before { content: "\f123"; }
.fe-drop-up:before { content: "\f124"; }
.fe-edit:before { content: "\f17f"; }
.fe-eject:before { content: "\f182"; }
.fe-elipsis-h:before { content: "\f125"; }
.fe-elipsis-v:before { content: "\f126"; }
.fe-equalizer:before { content: "\f1a0"; }
.fe-eraser:before { content: "\f1c6"; }
.fe-expand:before { content: "\f183"; }
.fe-export:before { content: "\f16e"; }
.fe-eye:before { content: "\f127"; }
.fe-facebook:before { content: "\f1d4"; }
.fe-fast-backward:before { content: "\f184"; }
.fe-fast-forward:before { content: "\f185"; }
.fe-feather:before { content: "\f174"; }
.fe-feed:before { content: "\f128"; }
.fe-file:before { content: "\f1b1"; }
.fe-file-audio:before { content: "\f1b2"; }
.fe-file-excel:before { content: "\f1a2"; }
.fe-file-image:before { content: "\f1b3"; }
.fe-file-movie:before { content: "\f1b4"; }
.fe-file-powerpoint:before { content: "\f1a3"; }
.fe-file-word:before { content: "\f1a4"; }
.fe-file-zip:before { content: "\f1b5"; }
.fe-filter:before { content: "\f173"; }
.fe-flag:before { content: "\f129"; }
.fe-folder:before { content: "\f12a"; }
.fe-folder-open:before { content: "\f176"; }
.fe-fork:before { content: "\f12b"; }
.fe-forward:before { content: "\f186"; }
.fe-frowing:before { content: "\f1b9"; }
.fe-frying-pan:before { content: "\f207"; }
.fe-gamepad:before { content: "\f191"; }
.fe-gear:before { content: "\f1a5"; }
.fe-gift:before { content: "\f1ea"; }
.fe-git:before { content: "\f1d5"; }
.fe-github:before { content: "\f1d6"; }
.fe-github-alt:before { content: "\f1d7"; }
.fe-globe:before { content: "\f12c"; }
.fe-google:before { content: "\f1d8"; }
.fe-google-plus:before { content: "\f1d9"; }
.fe-hash:before { content: "\f12d"; }
.fe-headphone:before { content: "\f18e"; }
.fe-heart:before { content: "\f12e"; }
.fe-heart-o:before { content: "\f167"; }
.fe-home:before { content: "\f12f"; }
.fe-import:before { content: "\f16f"; }
.fe-info:before { content: "\f130"; }
.fe-insert-link:before { content: "\f1a6"; }
.fe-instagram:before { content: "\f1da"; }
.fe-intersect:before { content: "\f1c7"; }
.fe-italic:before { content: "\f17a"; }
.fe-key:before { content: "\f131"; }
.fe-keyboard:before { content: "\f132"; }
.fe-kitchen-cooker:before { content: "\f1a7"; }
.fe-laptop:before { content: "\f133"; }
.fe-layer:before { content: "\f18c"; }
.fe-layout:before { content: "\f134"; }
.fe-line-chart:before { content: "\f135"; }
.fe-link:before { content: "\f136"; }
.fe-link-external:before { content: "\f137"; }
.fe-list-bullet:before { content: "\f17c"; }
.fe-list-order:before { content: "\f17d"; }
.fe-list-task:before { content: "\f17e"; }
.fe-location:before { content: "\f138"; }
.fe-lock:before { content: "\f139"; }
.fe-login:before { content: "\f13a"; }
.fe-logout:before { content: "\f13b"; }
.fe-loop:before { content: "\f192"; }
.fe-magic:before { content: "\f177"; }
.fe-mail:before { content: "\f13c"; }
.fe-map:before { content: "\f16d"; }
.fe-mask:before { content: "\f1c8"; }
.fe-medal:before { content: "\f13d"; }
.fe-megaphone:before { content: "\f13e"; }
.fe-mention:before { content: "\f164"; }
.fe-messanger:before { content: "\f1e1"; }
.fe-minus:before { content: "\f140"; }
.fe-mitarashi-dango:before { content: "\f208"; }
.fe-mobile:before { content: "\f141"; }
.fe-money:before { content: "\f1a8"; }
.fe-moon:before { content: "\f1ef"; }
.fe-mouse:before { content: "\f142"; }
.fe-music:before { content: "\f175"; }
.fe-notice-active:before { content: "\f200"; }
.fe-notice-off:before { content: "\f201"; }
.fe-notice-on:before { content: "\f202"; }
.fe-notice-push:before { content: "\f203"; }
.fe-octpus:before { content: "\f1fc"; }
.fe-open-mouth:before { content: "\f1ba"; }
.fe-palette:before { content: "\f165"; }
.fe-paper-plane:before { content: "\f178"; }
.fe-pause:before { content: "\f187"; }
.fe-pencil:before { content: "\f144"; }
.fe-phone:before { content: "\f145"; }
.fe-picture:before { content: "\f1a9"; }
.fe-picture-square:before { content: "\f1e4"; }
.fe-pie-chart:before { content: "\f146"; }
.fe-pinterest:before { content: "\f1db"; }
.fe-pizza:before { content: "\f147"; }
.fe-play:before { content: "\f188"; }
.fe-plug:before { content: "\f18f"; }
.fe-plus:before { content: "\f148"; }
.fe-pocket:before { content: "\f1dc"; }
.fe-pot:before { content: "\f1aa"; }
.fe-print:before { content: "\f171"; }
.fe-prototype:before { content: "\f149"; }
.fe-question:before { content: "\f14a"; }
.fe-quote-left:before { content: "\f14b"; }
.fe-quote-right:before { content: "\f14c"; }
.fe-rage:before { content: "\f1bb"; }
.fe-random:before { content: "\f189"; }
.fe-remove-cart:before { content: "\f1eb"; }
.fe-rice-cracker:before { content: "\f1fa"; }
.fe-rocket:before { content: "\f14d"; }
.fe-scale:before { content: "\f1c9"; }
.fe-search:before { content: "\f14e"; }
.fe-search-minus:before { content: "\f16a"; }
.fe-search-plus:before { content: "\f16b"; }
.fe-share:before { content: "\f14f"; }
.fe-shield:before { content: "\f172"; }
.fe-shopping-bag:before { content: "\f1ec"; }
.fe-sitemap:before { content: "\f150"; }
.fe-smile:before { content: "\f1bc"; }
.fe-smile-alt:before { content: "\f1bd"; }
.fe-smile-heart:before { content: "\f1f6"; }
.fe-smile-plus:before { content: "\f1f5"; }
.fe-speaker:before { content: "\f1ab"; }
.fe-squid:before { content: "\f1fd"; }
.fe-star:before { content: "\f151"; }
.fe-star-o:before { content: "\f168"; }
.fe-step-backward:before { content: "\f1d0"; }
.fe-step-forward:before { content: "\f1d1"; }
.fe-stop:before { content: "\f18b"; }
.fe-subtract:before { content: "\f1ca"; }
.fe-sunny-o:before { content: "\f1f0"; }
.fe-sunrise:before { content: "\f1f1"; }
.fe-sync:before { content: "\f194"; }
.fe-table:before { content: "\f1ac"; }
.fe-tablet:before { content: "\f152"; }
.fe-tag:before { content: "\f153"; }
.fe-target:before { content: "\f1f3"; }
.fe-taxi:before { content: "\f204"; }
.fe-terminal:before { content: "\f154"; }
.fe-text-align-center:before { content: "\f1cb"; }
.fe-text-align-justify:before { content: "\f1e5"; }
.fe-text-align-left:before { content: "\f1cc"; }
.fe-text-align-right:before { content: "\f1cd"; }
.fe-text-size:before { content: "\f17b"; }
.fe-ticket:before { content: "\f155"; }
.fe-tiled:before { content: "\f156"; }
.fe-timeline:before { content: "\f1ad"; }
.fe-tired:before { content: "\f1be"; }
.fe-train:before { content: "\f1f8"; }
.fe-trash:before { content: "\f157"; }
.fe-trophy:before { content: "\f158"; }
.fe-truck:before { content: "\f1ed"; }
.fe-tumbler-glass:before { content: "\f209"; }
.fe-twitter:before { content: "\f1dd"; }
.fe-umbrella:before { content: "\f1f2"; }
.fe-underline:before { content: "\f1ae"; }
.fe-union:before { content: "\f1ce"; }
.fe-unlock:before { content: "\f169"; }
.fe-upload:before { content: "\f159"; }
.fe-usb:before { content: "\f190"; }
.fe-user:before { content: "\f15a"; }
.fe-user-minus:before { content: "\f16c"; }
.fe-user-plus:before { content: "\f15b"; }
.fe-users:before { content: "\f15c"; }
.fe-vector:before { content: "\f15d"; }
.fe-video:before { content: "\f15e"; }
.fe-vr:before { content: "\f205"; }
.fe-wallet:before { content: "\f1ee"; }
.fe-warning:before { content: "\f15f"; }
.fe-watch:before { content: "\f1af"; }
.fe-watch-alt:before { content: "\f1b0"; }
.fe-wine-glass:before { content: "\f161"; }
.fe-wordpress:before { content: "\f1de"; }
.fe-wordpress-alt:before { content: "\f1df"; }
.fe-wrench:before { content: "\f162"; }
.fe-yaki-dango:before { content: "\f20a"; }
.fe-youtube:before { content: "\f1e0"; }
@charset "UTF-8";
iframe#article_iframe {
  width: 100%;
  height: 30000px;
  border: none; }

#fn_undo, #fn_redo {
  opacity: 0.3;
  pointer-events: none; }

.fn_undo_enabled {
  opacity: 1 !important;
  pointer-events: auto !important; }

.editPageSide__item__form .formFieldset__title {
  padding-top: 4px;
  padding-bottom: 0; }

.editPageSide__item__form .formFieldset dd {
  padding-top: 0px; }

.editPageSide__item__form .formFieldset__textfield {
  height: 1.7rem; }
  .editPageSide__item__form .formFieldset__textfield input {
    width: 100%;
    border-bottom: 1px solid #adadad; }

.item-area-board {
  margin-top: 0px;
  border: 1px solid #adadad;
  border-radius: 8px;
  margin-left: 30px;
  margin-right: 30px; }
  .item-area-board .editPageSide__item {
    padding: 0 20px; }

.item-button-area {
  text-align: right;
  margin-right: 30px;
  margin-bottom: -15px; }

.item-button {
  height: 35px;
  width: 35px !important;
  margin-top: 10px;
  margin-left: 10px;
  background-size: contain !important;
  border-radius: 20px !important;
  box-shadow: 0 0 10px rgba(92, 200, 193, 0.4) !important;
  cursor: pointer; }

.item-delete-button {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_delete_off.svg) center no-repeat !important; }

.item-duplicate-button {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_duplicate_off.svg) center no-repeat !important; }

.modal.modal_preview .fn_modal_link span {
  pointer-events: none; }

.error-message {
  font-size: 0.8rem; }

input:invalid {
  border: red solid 3px; }

input:invalid:focus {
  border: red solid 3px; }

input:invalid + .error-message {
  color: red; }

.editPageSideRequiredBold {
  color: #ed6f49;
  font-weight: bold; }

.editPageSideRequired {
  color: #ed6f49; }

.formFieldset__textfield__checkbox {
  width: 25px;
  height: 25px;
  border: 4px solid #5cc8c1;
  background: rgba(0, 0, 0, 0);
  appearance: auto; }
  .formFieldset__textfield__checkbox:after {
    line-height: 24px;
    margin-left: 35px;
    width: 200px;
    content: "有効";
    text-wrap: nowrap; }

.modal {
  background-color: rgba(0, 0, 0, 0.7); }

.png_back {
  background-image: url(/images/png_back.png);
  background-size: 100px 100px; }

.info_hidden {
  display: none; }

.editPageModal__itemlist__list__item__descset dd {
  overflow-wrap: break-word; }

#modalImageCropWrapper {
  position: relative;
  background-color: #ccc;
  overflow: hidden; }

#modalImageCropAspectRatio {
  position: relative;
  opacity: 0;
  width: 500px;
  height: 500px;
  max-width: none;
  max-height: none; }

#modalImageSize {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #333;
  width: 80%;
  height: 10px;
  border-radius: 10px; }

#modalImageCropImg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none; }

#modalImageCropMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%);
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none; }

#modalImageCropBorder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #ccc;
  pointer-events: none; }

#loading_wrapper {
  z-index: 9999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }

.mylistController__inner .mylistController__label {
  width: 90px;
  text-align: right; }

.mylistController__inner .mylistController__select {
  width: 200px; }
  .mylistController__inner .mylistController__select input {
    border: 1px solid #ccc;
    padding: 4px;
    width: 100%;
    border-radius: 6px; }

.mylistController {
  align-items: flex-start; }
.fcms-module_wrapper {
  position: relative;
  min-height: 100px; }
  .fcms-module_wrapper .fcms-module_hover {
    min-height: 100px;
    display: block;
    opacity: 0 !important; }
    .fcms-module_wrapper .fcms-module_hover:hover {
      opacity: inherit !important; }

.fcms-add-module {
  padding: 20px;
  margin-top: 80px;
  text-align: center;
  height: 110px;
  position: relative; }
  .fcms-add-module .fcms-button {
    margin-top: 30px; }

.app .editViewSelectFrame__operation__icon--zoomin {
  background: var(--color-bg-white) url(/assets/images/icon_plus_green.svg) center no-repeat; }

.app .editViewSelectFrame__operation__icon--zoomin:hover {
  background: var(--color-accent-green) url(/assets/images/icon_plus_white.svg) center no-repeat; }

.pomalo-hidden {
  display: none !important; }

.app .main__column__view, .app .main__column__view__inner {
  overflow: unset !important; }

.dataCard__text__num {
  font-size: 24px; }

.hidden {
  display: none; }

.fcms_paging_area {
  margin-top: 20px;
  width: 100%;
  text-align: center; }
  .fcms_paging_area span {
    margin: 5px; }
    .fcms_paging_area span a {
      color: #5cc8c1;
      padding: 0 10px; }
    .fcms_paging_area span.current {
      padding: 0 10px; }
    .fcms_paging_area span.next, .fcms_paging_area span.last, .fcms_paging_area span.first, .fcms_paging_area span.prev {
      display: none; }

.fcms_reference {
  margin-top: 7px;
  position: relative; }
  .fcms_reference .fcms_reference_background {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0; }
  .fcms_reference .fcms_reference_block {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    font-size: 15px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 8px;
    top: 35px;
    right: 0;
    width: 174px;
    z-index: 3001; }
    .fcms_reference .fcms_reference_block li {
      background: var(--color-bg-gray);
      cursor: pointer;
      font-size: 13px;
      margin-bottom: 8px;
      padding: 6px 12px;
      transition: background-color .2s; }
    .fcms_reference .fcms_reference_block li:hover {
      background-color: #def4f3; }
    .fcms_reference .fcms_reference_block li.active {
      background-color: var(--color-accent-green);
      color: #fff; }
    .fcms_reference .fcms_reference_block .fcms_reference_buttons {
      text-align: right; }
      .fcms_reference .fcms_reference_block .fcms_reference_buttons .btn {
        border: 1px solid;
        cursor: pointer;
        font-size: 12px;
        padding: 6px 15px;
        transition: opacity .2s; }
      .fcms_reference .fcms_reference_block .fcms_reference_buttons .applyBtn {
        background: #5cc8c1;
        border-color: #5cc8c1;
        color: white; }
      .fcms_reference .fcms_reference_block .fcms_reference_buttons .cancelBtn {
        border-color: #f8f8f8;
        margin-left: 4px;
        order: 1; }

.table .table__sortButton:after {
  opacity: 0.5; }

.table .table__sortButton:hover:after {
  opacity: 1; }

.table .table__sortButton.selected:after {
  opacity: 1; }

.muted {
  color: #bbb; }

.fn_font_wrapper {
  margin: 10px 0px;
  padding: 5px 0px;
  border-radius: 8px;
  border: 1px solid #adadad; }
  .fn_font_wrapper .fn_font_family {
    position: relative; }
  .fn_font_wrapper .fn_font_toggle, .fn_font_wrapper .fn_font_family {
    padding: 0 10px; }
    .fn_font_wrapper .fn_font_toggle .fn_font_toggle_anchor, .fn_font_wrapper .fn_font_family .fn_font_toggle_anchor {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 0; }
    .fn_font_wrapper .fn_font_toggle h4, .fn_font_wrapper .fn_font_family h4 {
      display: inline-block; }
    .fn_font_wrapper .fn_font_toggle .font_open, .fn_font_wrapper .fn_font_family .font_open {
      position: absolute;
      right: 5px;
      top: 4px;
      width: 16px;
      height: 16px; }
    .fn_font_wrapper .fn_font_toggle .font_close, .fn_font_wrapper .fn_font_family .font_close {
      position: absolute;
      right: 7.5px;
      top: 8.5px;
      width: 11.5px;
      height: 6.5px; }
    .fn_font_wrapper .fn_font_toggle .fn_font_clear img, .fn_font_wrapper .fn_font_family .fn_font_clear img {
      width: 27px;
      height: 27px;
      position: absolute;
      right: 5px;
      top: 10px; }
  .fn_font_wrapper ul {
    background-color: #f1f1f1; }
  .fn_font_wrapper ul li {
    position: relative;
    padding: 10px 10px;
    font-size: 11px;
    line-height: 11px; }
    .fn_font_wrapper ul li img {
      margin-top: 7px; }
  .fn_font_wrapper ul li.checked {
    background-color: #e2e2e2; }
  .fn_font_wrapper .font_families_div {
    max-height: 500px;
    overflow: scroll; }

.fn_cms_free_area {
  width: calc( ( 1140px  - 90px ) / 4);
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 30px; }
  .fn_cms_free_area:nth-child(4n) {
    margin-right: 0px; }
  .fn_cms_free_area img {
    border: 1px solid var(--color-border-lightgray); }
  .fn_cms_free_area img:hover {
    border: 1px solid var(--color-accent-green);
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.25)); }
  .fn_cms_free_area div {
    font-size: 14px;
    line-height: 20px;
    height: 42px;
    text-align: center;
    margin: 10px 5px 10px 5px;
    color: var(--color-accent-green);
    font-weight: 700; }

button.pcr-button {
  border: 1px solid #adadad !important; }

.configCustomHtmlAdd {
  background-color: rgba(222, 244, 243, 0.5) !important;
  border: 2px dashed #5cc8c1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  min-height: 30px;
  margin-top: 0px;
  margin-bottom: 20px; }
  .configCustomHtmlAdd .configCustomHtmlAdd__iconAdd {
    border-radius: 20px !important;
    box-shadow: 0 0 10px rgba(92, 200, 193, 0.4) !important;
    cursor: pointer !important;
    height: 40px !important;
    width: 40px !important;
    border: none !important;
    background: white url(/assets/images/icon_add_40.png?a) center no-repeat !important;
    margin: auto; }

.formFieldset__textfield__checkbox_2 {
  width: 25px;
  height: 25px;
  border: 4px solid #5cc8c1;
  background: rgba(0, 0, 0, 0);
  appearance: auto; }

.formFieldset__textfield__checkbox_2_after {
  display: block;
  margin-top: -30px;
  margin-left: 35px;
  width: 220px;
  line-height: 20px; }

.dt_input_dualmode {
  border-radius: 8px;
  border: 1px solid #adadad; }
  .dt_input_dualmode .textarea_pc_sp {
    height: 21px !important;
    border-bottom: 1px solid #d0d0d0; }
  .dt_input_dualmode textarea {
    border: none; }

.textarea_pc_sp {
  text-align: right;
  padding-right: 5px; }
  .textarea_pc_sp a {
    width: 32px;
    display: inline-block;
    text-align: center;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    color: #adadad;
    border-top-left-radius: 4px;
    font-size: 10px;
    border-top-right-radius: 4px;
    margin-right: 2px; }
  .textarea_pc_sp a.active {
    background-color: #ffffff;
    color: #000000; }

.dualmode_sp {
  -display: none; }

.dualmode_sp {
  display: none; }

dd.item_name_area {
  margin-top: 5px;
  display: block; }
  dd.item_name_area .dt_input_dualmode {
    height: 50px; }
    dd.item_name_area .dt_input_dualmode input {
      font-size: 13px;
      border-bottom: none;
      padding-left: 5px;
      padding-right: 5px; }

.editPageSide__item__form {
  margin-top: 5px; }

#important_information {
  position: fixed;
  right: 14px;
  bottom: -24px;
  padding: 24px;
  border: 1px solid #ed6f49;
  background-color: #fdf1ed;
  border-radius: 8px; }
  #important_information .header {
    position: relative;
    width: 370px;
    margin-bottom: 18px; }
  #important_information .header-left {
    color: #ed6f49;
    font-size: 14px;
    font-weight: bold;
    width: 50%;
    display: inline-block; }
  #important_information .header-right {
    position: absolute;
    right: 0px;
    top: 5px;
    text-align: right;
    width: 20px;
    display: inline-block; }
    #important_information .header-right a {
      width: 40px;
      height: 42px; }
    #important_information .header-right img.important_information_fold01, #important_information .header-right img.important_information_fold02 {
      width: 20px;
      height: 15px;
      padding: 5px;
      line-height: 22px; }
  #important_information .body a {
    color: #4b4b4b;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 16px;
    line-height: 19px; }
  #important_information .important_information_block {
    width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 16px;
    margin-bottom: 16px; }
.fcms_overlay ul li, .fcms_overlay ul {
  box-sizing: content-box;
}
.fcms_overlay_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
}
.fcms_overlay {
  z-index: 999997;
  background-color: rgba(222, 244, 243, .5) !important;
  border: 2px dashed #5cc8c1 !important;
  position: absolute !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  opacity: 0 !important;
  margin-right: 20px;
  min-height: 30px;
}
.fcms_overlay:hover {
  z-index: 999997;
}
.fcms_iterable_block .fcms_overlay {
  z-index: 999999;
}
.fcms_overlay:hover {
  opacity: 100 !important;
}

.fcms_overlay ul {
  list-style: none !important;
  pointer-events: auto;
}
.fcms_overlay li {
  display: list-item !important;
  text-align: -webkit-match-parent !important;
}

.fcms_overlay .editViewSelectFrame__operation {
  align-items: center !important;
  display: none;
  width: 240px;
  flex-wrap: wrap;
  position: absolute !important;
  right: 0px !important;
  top: 10px !important;
  margin: 0 !important;
}
.fcms_overlay .editViewSelectFrame__operation:hover,
.fcms_overlay:hover .editViewSelectFrame__operation{
  display: flex;
}

.fcms_overlay .editViewSelectFrame__operation__item:not(:last-child) {
  margin-right: 18px !important;
}

.fcms_overlay .editViewSelectFrame__operation__icon {
  border-radius: 20px !important;
  box-shadow: 0 0 10px rgba(92,200,193,.4) !important;
  cursor: pointer !important;
  height: 40px !important;
  width: 40px !important;
  border: none !important;
}

.fcms_overlay .editViewSelectFrame__operation__icon--add {
  background: white url(/assets/images/icon_add_40.png?a) center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--edit {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_edit_off.svg) center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--duplicate {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_duplicate_off.svg) center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--handle {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_handle_off.svg) center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--delete {
  --background: white url(https://dashboard.id.webstaging.net/assets/images/icon_delete_off.svg) center no-repeat !important;
  background: white url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20.0234' r='20' fill='white'/%3E%3Cpath d='M13.9854 30.0233H27.1241V13.9805H13.9854V30.0233V30.0233ZM15.0803 15.05H26.0292V28.9537H15.0803V15.05V15.05Z' fill='%235CC8C1'/%3E%3Cpath d='M19.4599 16.5479H18.365V27.35H19.4599V16.5479Z' fill='%235CC8C1'/%3E%3Cpath d='M22.635 16.5479H21.5401V27.35H22.635V16.5479Z' fill='%235CC8C1'/%3E%3Cpath d='M23.8394 11.3069V10.0234H17.2701V11.3069H13V12.3764H28V11.3069H23.8394Z' fill='%235CC8C1'/%3E%3C/svg%3E%0A") center no-repeat !important
}
.fcms_overlay .editViewSelectFrame__operation__icon--display--off {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_display_off.svg) center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--display--on {
  background: white url(https://dashboard.id.webstaging.net/assets/images/icon_display_on.svg) center no-repeat !important;
}

.fcms_handle_selected {
  opacity: 100;
  z-index: 9999999;
  border: 3px solid black !important;
}
.fcms_overlay.fcms_drop_target {
  opacity: 70 !important;
}
.fcms_overlay.fcms_drop_target ul {
  display: none !important;
}
.fcms_handle_selected .fn_cms_handle {
  box-shadow: initial !important;
  border-radius: 0 !important;
}
.fcms_handle_selected .fn_cms_handle ul {
  display: block !important;
}
.fcms_connecting {
  opacity: 0.3 !important;
}

.--editViewSelectFrame--displayOff {
	display: block !important;
	opacity: 60 !important;
	background-color: rgba(0,0,0,0.5) !important;
	border: none !important;
}
.--editViewSelectFrame--displayOff:after {
    color: #fff !important;
    content: "表示OFF";
    display: flex;
    font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,游ゴシック,Yu Gothic,游ゴシック体,YuGothic,sans-serif;
    font-size: 16px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* Saveボタンのスタイル */
.pcr-save {
    background-color: #5CC8C1 !important;
    border-radius: 4px !important;
    padding: 4px 12px !important;
}

/* Clearボタンのスタイル */
.pcr-clear {
    background-color: #ADADAD !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
}

.editPageSide__item__form .formFieldset__textfield input.fn_item_overwrite::placeholder {
  color: #666;
  font-weight: 200;
}
.editPageSide__item__form .formFieldset__textfield input.fn_item_overwrite {
  color: #000;
  font-weight: bold;
}

[fcms_iterable_block="true"] {
  min-height: 100px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */