body {background-color:#f1f1f1;}
.ttl_area{display: flex; align-content: center; justify-content: space-between;}
.cms_create{font-size: 0.84rem;}
/*---lst---*/
.cms_list{background: #fff; padding: 0; margin: 10px 0 25px; font-size: 0.92rem;}
.cms_list .list_ttl_box th{background-color: var(--bs-gray-600); color: #fff; font-weight: 500;}
.cms_list tbody tr{cursor: pointer;}
.cms_list tbody td{vertical-align: middle;}
.cms_list div.thumb {width: 50px; height: 67px; background: #ccc; margin: 0 auto;}
.cms_list .thumb_area{width: 10%;}
.cms_list .list_ttl{padding: .5rem 1rem;}
.cms_list .date{width: 17%;}
.cms_list .public{width: 11%;}
.cms_list .toggle_button{margin: 0;}
.cms_list .cms_article td{height: 65px;}
/*---pager---*/
a:link {text-decoration:none;}
a.page_number:visited {color: var(--bs-gray-800); text-decoration:none;}
.pagination {display: flex; justify-content: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;}
.page_link{padding: 6px 12px; border: 1px solid #ddd; background: #fff; margin: 0 2px; border-radius: 4px; font-size: 1rem;}
.page_feed {background: #fff; color: var(--bs-gray-800);}
.first_last_page {color: var(--bs-gray-800);}
.page_number {background: #fff; color: var(--bs-gray-800);}
.now_page_number {background: var(--bs-gray-800); color: #fff;}
.pagination a:hover{background: var(--bs-gray-800); color: #fff;}
.from_to {text-align: center;}


/** toggle ***/
.toggle_input {
  position: relative;
/*  left: 0;
  top: 0;*/
/*  width: 100%;
  height: 100%;*/
  z-index: 5;
  opacity: 0;
 position: absolute;
}

.toggle_label {
  width: 55px;
  height: 27px;
  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: 18px;
  height: 18px;
  border-radius: 100%;
  left: 2px;
  top: 1px;
  z-index: 2;
  background: #666;
  transition: 0.4s;
}
.toggle_input:checked + .toggle_label {border: 3px solid #4BD865;}
.toggle_input:checked + .toggle_label:after {
  left: 28px;
  background: #4BD865;
}
.toggle_button {
  position: relative;
  width: 55px;
  height: 27px;
  margin: auto;
}

/* =========================================================
	SP
========================================================= */
@media screen and (max-width: 767px) {
.pager{margin-bottom: 3%;}
.page_link {padding: 1px 8px; margin: 0 1px; font-size: 0.95rem;}
.cms_list{}
.cms_list .list-table {width: 100%; margin: 0 auto; font-size: 0.8rem;}

.toggle_label {width: 45px; height: 22px; border: 2px solid #666;}
.toggle_label:after {width: 15px; height: 15px; left: 2px; top: 1px;}
.toggle_input:checked + .toggle_label {border: 2px solid #4BD865;}
.toggle_input:checked + .toggle_label:after {left: 24px;}
.toggle_button {width: 45px;height: 22px;}
	
}