/*  エディターのオリジナルエリア  */
.origianl-content { display:none; }
.origianl-content.debug { display:block; padding: 2rem 0; }
.origianl-content.debug, .origianl-content.debug > textarea { width:100%; }

.cque-block-editor, .cque-block-editor> .inner, .cque-block-editor> .inner > main, .cury-block {display:flex; position: relative; flex-direction: column; }

.cque-block-editor .original-content > * {width:100%; margin-top: 1rem; margin-bottom: 1rem; }

/* 機能ボタンの位置調整に必要  */
.cury-block > .inner > main,
.cury-block > .inner, .cury-block footer { position: relative; z-index: 1; }
.cury-block header {position: absolute; bottom: 100%; }

/* ツールバーの位置調整  mainより下で 両サイドのはみ出しはクリック可能にする */
.cury-block > .inner > nav { position: absolute; bottom: 0; right: -2rem; width: calc(100% + 4rem); height: 100%;
display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: space-between; z-index: 0;}


.cury-block > .inner > nav > .movebox,
.cury-block > .inner > nav > .dellbox { display: inline-flex; flex-direction: column; width: 2rem;}
.cury-block > .inner > nav > .movebox {justify-content: space-between;}
.cury-block > .inner > nav > .dellbox {justify-content: center;}


.cury-block > .inner > nav > .movebox > .moveup,
.cury-block > .inner > nav > .movebox > .movedown,
.cury-block > .inner > nav > .dellbox > .dellbtn { position: relative; margin: 5px 0; opacity: 0.6; cursor: pointer; z-index: 2; pointer-events: auto!important;}

.cury-block > .inner > nav > .movebox > .moveup > *,
.cury-block > .inner > nav > .movebox > .movedown > *,
.cury-block > .inner > nav > .dellbox > .dellbtn > * { pointer-events: none!important;}


/*  最初と最後のブロックの移動ボタンは非表示  */
.cque-block-editor  .cury-block:first-child  > .inner > nav > .movebox > .moveup,
.cque-block-editor  .cury-block:last-child  > .inner > nav > .movebox > .movedown { opacity: 0; pointer-events: none; cursor: default; }



/*  バー  display: none;  */
#cury-wys-bar { position: sticky; top: 0; left: 0; z-index:999900;
  pointer-events: none!important;
  line-height: 1.3; height: 42px; margin-bottom: 9px; padding: 0;
  display: inline-flex; align-items: center !important;
  background-color: #333; border-radius: 8px;
}

#cury-wys-bar::after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

#cury-wys-bar > .inner-bar {display: none; color: #fff; height: 42px!important; align-items: flex-start; }

#cury-wys-bar.hdltxt > .inner-bar.hdltxt,
#cury-wys-bar.onselect.art-box > #cury-selection-id,
#cury-wys-bar.onfoucus.art-box > #cury-textbox-id,
#cury-wys-bar.bqBox > .inner-bar.bqBox,
#cury-wys-bar.garallyBox > .inner-bar.garallyBox,
#cury-wys-bar.imgBox > .inner-bar.imgBox,
#cury-wys-bar.pdfBox > .inner-bar.pdfBox,
#cury-wys-bar.balloonBox > .inner-bar.balloonBox { display: inline-flex!important;
  align-items: center;
}

#cury-wys-bar .msg { padding: 0 1rem; font-size: 0.9rem;}
#cury-wys-bar .msg::before { display: inline-block; content: '※'; margin-right: .5rem;}

/*  ブロック追加ボタン  */
.addbtn-line {
  display: flex;
  color: #ccc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.8rem;
  position: absolute;
  top: 0; left: 0;
  margin-top: -1rem;
}
.addbtn-line > * { align-self: center;  align-items: center; }
.addbtn-line > span.add { background-color:rgba(233,233,233,0.5); width: 1.8rem; height: 1.8rem; border-radius: 50%; text-align: center; line-height: 1.8rem; vertical-align: middle; font-size: 1.8rem; position: relative; cursor: pointer; }

.addbtn-line > span.add::before,
.addbtn-line > span.add::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #666;
  z-index: 9;
}

.addbtn-line > span.add::after {
  height: 1px; width: 70%; top: 50%;  left: 15%;
}
.addbtn-line > span.add::before {
  width: 1px; height: 70%; left: 50%;  top: 15%;
}

.addbtn-line:before,
.addbtn-line:after {
  content: "";
  height: 1px;
  width: 20%;
  height: .5px;
}
.addbtn-line:before {
 margin-right: 1rem;
 background: linear-gradient(-90deg, #666, transparent);
}

.addbtn-line:after {
  margin-left: 1rem;
  background: linear-gradient(90deg, #666, transparent);
}


/*  バー：ボタン  */
.wys-btn { position: relative; display:flex; width: 40px!important; height: 32px!important;
  pointer-events: auto!important;
  cursor: pointer;  background-color: #333; color:#f4f4f4;
  margin: 1px;
  text-align: center;
  z-index:9999999; height: 100%;
}
.wys-btn:hover { background-color: #111; color:#fff; }
.wys-btn > i { position: absolute; top: 0; display:block; padding: 3px auto; font-size: 18px; line-height: 18px!important; }
.wys-btn > .name { position: absolute; bottom: 0;  font-size: 9px; text-align: center; width: 40px; text-overflow: ellipsis; }

.paragraph_box {margin-bottom: 2rem;}
.para_title { margin: 1rem 0; font-size: 1.3rem; font-weight: 800; padding-bottom: .5rem;
border-style : solid;
border-width : 0 0 .5px;
border-color : #666;
}

.cury-picker.form-control::placeholder {color: #000!important;}