/* =========================================================
	common
========================================================= */
body {background-color:#f1f1f1;}
ul {list-style: none;}
.errmsg{text-align: left;}
.ui-widget.ui-widget-content{z-index: 7 !important;}
.err_color {background: #ffc0cb;}

/* =========================================================
	con
========================================================= */
.ttl_area{display: flex;}
.ttl_area .cms_create{font-size: 0.84rem; margin-left: 10px;}
.edit_guidance{position: absolute; top: 0; right: 1%;}

.cms_edit_area{font-size: 0.92rem; display: flex; align-items: flex-start;}
.cms_edit_area .cms_edit_main{width: 72%;}
.edit_ttl input[type=text]{border: 1px solid #ddd; font-size: 1.3rem; height: 45px;}
.cms_edit_main .edit_con {background: #fff; padding: 3% 3% 1%; border: 1px solid #ddd;}
.cms_edit_area .cms_edit_sub{width: 26%; margin-left: 2%; background: #fff; border: 1px solid #ddd; min-width: 255px;}

.cms_edit_area .sub_area_ttl{background: var(--bs-gray-600); padding: 8px 10px; color: #fff; font-weight: 500; font-size: 0.84rem;}


.cms_thumb_area, .cms_date_area, .cms_publish_area{position: relative; padding: 15px 15px 10px;}
.cms_date_area{border-bottom: 1px solid #ddd;}
.cms_thumb_area .delete_thumb{position: absolute; top: 3px; left: 135px; font-size: 1.8rem} 
.cms_edit_area .form-label{display: block; font-weight: 600; font-size: 0.85rem;}





#form .trumbowyg-box {
    border: 1px solid #999;
    width: 100%;
    min-height: 550px;
	max-height: 800px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 0;
}
#thumb {
    cursor: pointer;
    background: #ccc;
    width: 120px;
    height: 160px;
    background-size: contain;
	position: relative;
}
#thumb.defaule_thumb {
    background: #ccc;
}
.delete_thumb, .delete_kv, .cms_delete {
    cursor: pointer;
    visibility: hidden;
}
.delete_thumb.show_btn, .delete_kv.show_btn, .cms_delete.show_btn {
    visibility: visible;
}
.trumbowyg-button-pane{border-bottom:none;}



/** kv ***/
.cms_kv_area{position: relative;}
.cms_kv_area .delete_kv{position: absolute; top: 13px; left: 605px; font-size: 1.8rem;}
#kv {
    cursor: pointer;
    background: transparent;
    width: 600px;
    height: 360px;
    background-size: contain;
}
#kv.defaule_kv {
    background: #ccc;
}
button:disabled {
  opacity: 0.5;
}

/** tag ***/
.tag_area{padding: 15px 15px 10px;}
.tag_area input[type=text]{font-size: 0.85rem; height: 32px;}
#tag_list li{margin-bottom: 4px; font-size: 0.85rem;}
.tag_btn_area #add_tag_submit{margin-top: 5px; font-size: 0.85rem;}
.cms_publish_area{display: flex; align-items: center;}
.save_btn{margin: 0 auto 33px; width: 90%; display: block; font-size: 1.1rem;
    padding: 14px 0;}
.cms_publish_area .form-label {margin: 0 5px 0 0;}
/** toggle ***/
.toggle_input {
  position: relative;
/*  left: 0;
  top: 0;*/
/*  width: 100%;
  height: 100%;*/
  z-index: 5;
  opacity: 0;
 position: absolute;
}

.toggle_label {
  width: 65px;
  height: 32px;
  background: #fff;
  border: 3px solid #666;
  position: relative;
  display: inline-block;
  border-radius: 40px;
  transition: 0.4s;
  box-sizing: border-box;
	cursor: pointer;
	z-index: 5;
}

.toggle_label:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: #666;
  transition: 0.4s;
}

.toggle_input:checked + .toggle_label {

  border: 3px solid #4BD865;
}

.toggle_input:checked + .toggle_label:after {
  left: 35px;
  background: #4BD865;
}

.toggle_button {
  position: relative;
  width: 65px;
  height: 32px;
}

/* =========================================================
	SP
========================================================= */
@media screen and (max-width: 767px) {
.cms_edit_area{display: block;}
.edit_guidance{right: 2%;}	
.cms_edit_area .cms_edit_main{width: 100%; padding:0; margin-bottom: 7%;}
.cms_edit_area .cms_edit_sub{width: 100%; margin-left: 0; padding: 0; min-width: inherit;}
.cms_edit_main .edit_con {padding: 5% 5% 2%;}	
.cms_thumb_area, .cms_date_area, .cms_publish_area{padding: 4% 5% 3%;}
.cms_thumb_area .delete_thumb{position: absolute; top: 3px; left: 138px; font-size: 1.8rem} 
.cms_edit_area .form-label{display: block; font-weight: 600; font-size: 0.88rem;}
	
	
	
#form .trumbowyg-box {min-height: 450px; max-height: 800px;}
.trumbowyg-editor {padding: 2.5%;}
.cms_kv_area #kv{width: 100%;aspect-ratio: 3 / 1.8;overflow: hidden; display: block; height: auto;}
.cms_kv_area #kv img{width: 100%; vertical-align: bottom; object-fit: cover;}
.cms_kv_area .delete_kv{top: 7px; left: inherit; right:-15px; font-size: 1.8rem;}
/** tag ***/
.tag_area{padding: 4% 5% 10%;}
#tag_list li{margin-bottom: 3px; font-size: 0.9rem;}
.tag_btn_area #add_tag_submit{margin-top: 5px;}
.save_btn{margin: 0 auto 10%; width: 90%;}

	
	



	
}