/*---------------------------------------------------------------------------*/
/* 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("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") center no-repeat !important; }

.item-duplicate-button {
  background: white url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M26.1585 14.9176V11H11V25.0824H14.8415V29H30V14.9176H26.1585ZM12.0383 24.0235V12.0588H25.1202V14.9176H14.7377V24.0235H12.0383ZM28.9617 27.9412H15.8798V15.9765H28.9617V27.9412Z' fill='%235CC8C1'/%3E%3Cpath d='M21.9016 26.6706H22.9399V22.4353H27.0929V21.3765H22.9399V17.2471H21.9016V21.3765H17.7486V22.4353H21.9016V26.6706Z' fill='%235CC8C1'/%3E%3C/svg%3E") 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("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M27 28.2002H12V29.2002H27V28.2002Z' fill='%235CC8C1'/%3E%3Cpath d='M24.7 11.4L26.8 13.5L15.1 25.3H13V23.2L24.7 11.4ZM24.7 10L12 22.7V26.2H15.5L28.3 13.5L24.7 10Z' fill='%235CC8C1'/%3E%3C/svg%3E") center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--duplicate {
  background: white url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M26.1585 14.9176V11H11V25.0824H14.8415V29H30V14.9176H26.1585ZM12.0383 24.0235V12.0588H25.1202V14.9176H14.7377V24.0235H12.0383ZM28.9617 27.9412H15.8798V15.9765H28.9617V27.9412Z' fill='%235CC8C1'/%3E%3Cpath d='M21.9016 26.6706H22.9399V22.4353H27.0929V21.3765H22.9399V17.2471H21.9016V21.3765H17.7486V22.4353H21.9016V26.6706Z' fill='%235CC8C1'/%3E%3C/svg%3E") center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--handle {
  background: white url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M30.2 19.6L26.2 16.5V19.3H20.1V13H22.8L19.6 9L16.5 13H19.1V19.3H13V16.5L9 19.6L13 22.8V20.3H19.1V26.2H16.5L19.6 30.2L22.8 26.2H20.1V20.3H26.2V22.8L30.2 19.6Z' fill='%235CC8C1'/%3E%3C/svg%3E") center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--delete {
  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") center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--display--off {
  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.2852' r='20' fill='white'/%3E%3Cg clip-path='url(/%23clip0_5722_3335)'%3E%3Cpath d='M11.4643 24.1394C10.2438 22.9399 9.40885 21.6456 9.40885 20.8666C9.40885 19.8898 10.7212 18.103 12.461 16.7088C13.7764 15.6551 16.5099 13.8873 20.0405 13.8873C21.8432 13.8873 23.4372 14.3488 24.7415 14.94L25.935 14.1131C24.381 13.3121 22.3715 12.6279 20.0395 12.6279C16.0884 12.6279 13.0623 14.5925 11.6091 15.763C9.53969 17.4309 8.14844 19.4823 8.14844 20.8666C8.14844 21.9592 9.01635 23.4683 10.4006 24.8765L11.4643 24.1394Z' fill='%235CC8C1'/%3E%3Cpath d='M28.6192 17.5935C29.8397 18.793 30.6756 20.0874 30.6756 20.8664C30.6756 21.8432 29.3633 23.6299 27.6235 25.0242C26.3081 26.0779 23.5746 27.8456 20.044 27.8456C18.2413 27.8456 16.6473 27.3842 15.3419 26.793L14.1484 27.6199C15.7025 28.4209 17.712 29.105 20.044 29.105C23.995 29.105 27.0212 27.1405 28.4744 25.97C30.5448 24.3011 31.936 22.2497 31.936 20.8654C31.936 19.7728 31.0681 18.2637 29.6839 16.8555L28.6202 17.5925L28.6192 17.5935Z' fill='%235CC8C1'/%3E%3Cpath d='M8.77875 29.4488C8.53206 29.4488 8.28936 29.3319 8.13855 29.1132C7.89386 28.7596 7.98175 28.2742 8.3353 28.0296L30.859 12.4242C31.2125 12.1795 31.6979 12.2674 31.9426 12.6209C32.1873 12.9745 32.0994 13.4599 31.7458 13.7046L9.22219 29.3099C9.08736 29.4038 8.93255 29.4488 8.77975 29.4488H8.77875Z' fill='%235CC8C1'/%3E%3Cpath d='M16.7384 20.4865C16.9272 18.8306 18.3374 17.5392 20.0433 17.5392C20.3209 17.5392 20.5906 17.5742 20.8492 17.6381L22.1037 16.7692C21.4834 16.4566 20.7843 16.2788 20.0443 16.2788C17.5154 16.2788 15.457 18.3362 15.457 20.866C15.457 21.0318 15.466 21.1956 15.484 21.3564L16.7394 20.4865H16.7384Z' fill='%235CC8C1'/%3E%3Cpath d='M23.3477 21.2459C23.1589 22.9018 21.7487 24.1932 20.0428 24.1932C19.7652 24.1932 19.4955 24.1582 19.2368 24.0943L17.9824 24.9632C18.6026 25.2758 19.3018 25.4536 20.0428 25.4536C22.5716 25.4536 24.6301 23.3962 24.6301 20.8664C24.6301 20.7006 24.6211 20.5368 24.6031 20.376L23.3477 21.2459Z' fill='%235CC8C1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3335'%3E%3Crect width='24.0817' height='17.1634' fill='white' transform='translate(8 12.2852)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat !important;
}
.fcms_overlay .editViewSelectFrame__operation__icon--display--on {
  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.2852' r='20' fill='white'/%3E%3Cg clip-path='url(/%23clip0_5722_3330)'%3E%3Cpath d='M20 25.5171C17.4482 25.5171 15.3711 23.3947 15.3711 20.7849C15.3711 18.1752 17.4472 16.0527 20 16.0527C22.5528 16.0527 24.6288 18.1752 24.6288 20.7849C24.6288 23.3947 22.5528 25.5171 20 25.5171ZM20 17.353C18.1486 17.353 16.643 18.8922 16.643 20.7849C16.643 22.6776 18.1486 24.2169 20 24.2169C21.8513 24.2169 23.357 22.6776 23.357 20.7849C23.357 18.8922 21.8513 17.353 20 17.353Z' fill='%235CC8C1'/%3E%3Cpath d='M20 29.2852C16.0131 29.2852 12.9594 27.2585 11.4931 26.051C9.40388 24.3294 8 22.2132 8 20.7852C8 19.3572 9.40388 17.2409 11.4931 15.5193C12.9594 14.3118 16.0131 12.2852 20 12.2852C23.9869 12.2852 27.0406 14.3118 28.5069 15.5193C30.5961 17.2409 32 19.3572 32 20.7852C32 22.2132 30.5961 24.3294 28.5069 26.051C27.0416 27.2585 23.9869 29.2852 20 29.2852ZM20 13.5854C16.4374 13.5854 13.679 15.409 12.3517 16.496C10.5961 17.9343 9.27186 19.7786 9.27186 20.7852C9.27186 21.7918 10.5961 23.636 12.3517 25.0743C13.679 26.1613 16.4374 27.9849 20 27.9849C23.5626 27.9849 26.321 26.1613 27.6483 25.0743C29.4039 23.636 30.7281 21.7918 30.7281 20.7852C30.7281 19.7786 29.4039 17.9343 27.6483 16.496C26.321 15.409 23.5626 13.5854 20 13.5854Z' fill='%235CC8C1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3330'%3E%3Crect width='24' height='17' fill='white' transform='translate(8 12.2852)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 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.
 *


 */