@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.10.0/css/all.css);

/* --------------------------------------------
管理画面のクラスを記述するcss
auther:s_taniguci
----------------------------------------------- */
main{
	width: 100%;
}

/* --------------------------------------------
メンバー一覧画面
memberList.html
----------------------------------------------- */
.trace_alert{
	text-align: center;
	margin: 10px 0;
}
.table_set{
	border-bottom: 3px solid #1D2B68;
}
.search_table_area{
	border: 2px dotted #1D2B68;
	border-radius: 15px;
	padding: 30px 35px;
	margin-bottom: 30px;
}
.search_table_area table tr th,
.search_table_area table tr td{
	padding: 10px 10px;
}
.mae_memberlist{
	margin:0;
}
.mae_memberlist .search_table_area{
	width:100%;
	max-width:700px;
}
.contents .search_table_area{
	width:100%;
	max-width:700px;
}
.mae_memberlist .search_table_area table tr th,
.mae_memberlist .search_table_area table tr td{
	padding: 0 5px;
	margin-bottom:0;
}

.search_result_table_area table tr th,
.search_result_table_area table tr td{
  padding: 10px 5px;
  vertical-align: middle;
}

.search_result_table_area{
	width: 100%;
}
.search_result_table_area table{
	width: 100%;
}

.search_result_table_area tr th{
	background-color: #00B1FD;
	color: #fff;
	text-align: center;
}
.search_result_table_area .checkbox-parts{
	margin: 0 auto;
}
.parents_table_area .parents_table tr th{
	white-space: nowrap;
}
.parents_table_area .parents_table tr td .select_box{
	width: 170px;
}

.parents_table_area .parents_table tr td:first-child,
.parents_table_area .parents_table tr td:nth-child(4),
.parents_table_area .parents_table tr td:nth-child(10),
.parents_table_area .parents_table tr td:nth-child(11)
{
	width: 68px;
}
.parents_table_area .parents_table tr td:nth-child(2){
	width: 120px;
	text-align: left;
}
.parents_table_area .parents_table tr td:nth-child(3){
	width: 150px;
}
.parents_table_area .parents_table tr td:nth-child(5),
.parents_table_area .parents_table tr td:nth-child(7){
	width: 80px;
	white-space: nowrap;
}
.parents_table_area .parents_table tr td:nth-child(6){
	width: 100px;
}
.parents_table_area .parents_table tr td:nth-child(8){
	width: 110px;
	font-size: 14px;
	white-space: nowrap;
}
.parents_table_area .parents_table tr td:nth-child(9){
	width: 180px;
}
.parents_table_area .parents_table tr th,
.parents_table_area .parents_table tr td,
.middle_table_area .middle_table tr th,
.middle_table_area .middle_table tr td
{
	text-align: center;
}

.add_border{
	border-top: 1px dotted #1D2B68;
}
.only_check{
	text-align: center;
}
.detail_btn i{
	font-size: 30px;
	color: #1D2B68;
    display: inline-block;
    height: 14px;
    line-height: 4px;
}
.memo_btn i{
	font-size: 20px;
	color: #1D2B68;
}
.icon_reverse{
	transform: rotateX(180deg);
}

.middle_table_area .middle_table thead tr{
	border-bottom: none !important;
}
.middle_table_area,.memo_table_area{
	display: none;
}
.middle_table_area .middle_table tr th{
	padding: 5px 15px;
}
.middle_table_area .middle_table tr th:first-child{
	background: transparent;
	width: 55px;
}
.middle_table_area .middle_table tr td:last-child{
	white-space: nowrap;
}
.middle_table_area .middle_table tr td:nth-child(2){
	width: 220px;
}
.middle_table_area .middle_table tr td:nth-child(7){
	width: 200px;
	word-break: break-all;
}
.middle_table_area .htmlmail_info_table tr th:nth-child(2){
	width: 20%;
}
.middle_table_area .htmlmail_info_table {
    table-layout: fixed;
}
.middle_table_area .htmlmail_info_table tr td:nth-child(n + 2) {
    border-bottom: 1px #00B1FD solid;
}
.middle_table_area .htmlmail_info_table tr:last-child td{
    border-bottom: none;
}
.htmlmail_info_table{
    margin-bottom: 15px;
}
.memo_table_area .memo_table tr td{
	padding: 5px 15px;
	text-align: left;
}
.memo_table tr td:nth-child(3){
	width: 70%;
}
.memo_table tr td:nth-child(4){
	width: 100px;
	text-align: right;
	padding: 5px 15px 5px 0;
	white-space: nowrap;
}
.memo_table_area .memo_table tr{
	border-bottom: 1px dotted #1D2B68;
}
.memo_table_area .memo_table tr:last-child{
	border-bottom: none;
}
.add_btn,.del_btn{
	font-size: 24px;
	margin-right: 10px;
}
.fa-plus-circle{
	color: #5767b1;
}
.fa-minus-circle{
	color: #ff4747;
}
.mini_regist_btn{
	color: #fff;
	background-color: #1D2B68;
	border-radius: 3px;
	font-size: 14px;
	padding: 3px;
}

/* ステータスカラー変更用クラス */
.table_set_orange{
	background-color: rgb(255, 211, 144);
}
.table_set_blue{
	background-color: rgb(170, 214, 255);
}
.table_set_pink{
	background-color: rgb(255, 198, 208);
}
.table_set_gray{
	background-color: #cfcfcf;
}
.middle_btn{
	background-color: #1D2B68;
	color: #fff;
	letter-spacing: 1px;
	padding: 3px 10px;
	border-radius: 15px;
}
.middle_btn i{
	margin-right: 4px;
}
.inputed_date{
	padding: 0 5px;
	font-size: 14px;
}
.sort_th{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sort_area{
    margin-left: 13px;
	margin-top: -14px;
}
.sort_area button{
    font-size: 18px;
    display: block;
    cursor: pointer;
    transition: 0.3s;
	height: 15px;
}
.sort_area button i{
	height: 100%;
}
.sort_area button:hover{
    color: #1D2B68;
}
.duplicate_mark{
	color: #fe0000;
	font-weight: bold;
}
.duplicate_mark::before{
	content: "\f12a　重複";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 13px;
	display: block;
	border: 1px solid #fe0000;
	color: #fff;
	width: 60px;
	border-radius: 3px;
	padding: 2px 5px;
	background-color: #fe0000;
	animation: flash 1s ease-in-out infinite alternate;
	margin-bottom: 3px;
}
@keyframes flash {
	0%,100% {
	  opacity: 1;
	}

	50% {
	  opacity: 0;
	}
  }
.thead_table_area{
	width: 100%;
}
.thead_table thead th:nth-child(2){
	width: 120px;
}
.thead_table thead th:nth-child(3){
	width: 150px;
}
.thead_table thead th:first-child,
.thead_table thead th:nth-child(4),
.thead_table thead th:nth-child(10),
.thead_table thead th:nth-child(11){
	width: 68px;
}
.thead_table thead th:nth-child(5),
.thead_table thead th:nth-child(7){
	width: 80px;
}
.thead_table thead th:nth-child(6){
	width: 100px;
}
.thead_table thead th:nth-child(8){
	width: 110px;
}
.thead_table thead th:nth-child(9){
	width: 180px;
}
/* --------------------------------------------
メール送信履歴
mailHistory.html
----------------------------------------------- */
.mail_history_table_area{
	margin-bottom: 40px;
}
.mail_history_table_area tr th{
	background: #00B1FD;
	white-space: nowrap;
	color: #fff;
	width:15%;
}
.mail_history_table_area tr th,
.mail_history_table_area tr td{
	border: 1px solid #1D2B68;
}

/* --------------------------------------------
重複実施メンバー一覧
duplicateMember.html
----------------------------------------------- */
.duplicate_table_area{
	width: 100%;
	height: 600px;
	overflow-y: scroll;
	border: 1px solid #ddd;
}
.duplicate_table_area table{
	position: relative;
	width: 100%;
}
.duplicate_table_area tr th{
	background-color: #00B1FD;
	color: #fff;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 1;
	border-collapse: collapse;
}
.duplicate_table_area table tr th,
.duplicate_table_area table tr td{
	border: 1px solid #1D2B68;
	text-align: center;
	padding: 10px 15px;
}
.duplicate_table_area .checkbox-parts{
	margin: 0 auto;
}
.modal_box .duplicate_table_area table tr:first-child th:first-child{
	background-color: transparent;
	border: none;
}
.duplicate_table_area tr th:nth-child(2){
	min-width: 140px;
}
.duplicate_table_area tr th:nth-child(4){
	min-width: 110px;
}
.long_td_txt{
	word-break: break-all;
}
.duplicate_table_area tr th:nth-child(9){
	min-width: 100px;
}
.duplicate_tr_pink{

	background-color: rgb(255, 198, 208);
}
.duplicate_tr_gray{
	background-color: #cfcfcf;
}
.add_border{
	border-bottom: 4px solid #1D2B68;
}

/* サイドメニュー子要素用 */
.admin_body .side_menu ul .side_menu_child {
    display: none;
}
.side_menu_child{
	diplay:none;
}
.side_menu_box{
	display:none;
}
.nav_contents2 .side_menu_child{
	display:none;
}
.nav_contents2 .side_menu_child a{
	width:100%;
	height:100%;
	display:block;
}
/* みにプロサイドメニュー組み込み用 */
.admin_body .side_menu{
	background-color: #00B1FD;
	padding-bottom: 30px;
	position: relative;
	z-index: 600;
	min-width: 270px;
	width: 270px;
	min-height: calc(100vh - 30px - 30px - 106px);
  }

  .admin_body .side_menu ul{
	padding-bottom: 30px;
  }

  .admin_body .side_menu ul li{
	padding: 10px 5px 10px 30px;
	display: flex;
	align-items: center;
	font-family: 'Charm', cursive,'Noto Serif JP', serif;
	cursor: pointer;
	transition: all  1s ease;
	background-color:transition;
	line-height: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: .1em;
  }

  .admin_body .side_menu ul li:first-child{
	border-top:1px solid #fff;
  }

  .admin_body .side_menu ul li a{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
  }

  .admin_body .side_menu ul li img{
	margin-right: 10px
  }

  .admin_body .side_menu>ul li:hover{
	  box-shadow: 3px 3px 3px rgb(86 105 96);
	  webkit-transform: translateY(-5px);
	  -ms-transform: translateY(-5px);
	  transform: translateY(-5px);
  }

  .admin_body .rap_btn{
	padding-left: 20px;
	transition: all 0.3s ease;
  }

  .admin_body .rap_btn:hover{
	opacity: .8;
  }

  .admin_body .user_status{
	padding: 15px 20px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .1em;
	color: #333;
	color: #fff;
	font-weight: bold;
  }

  .admin_body .user_status span img{
	max-height: 100%;
	height: auto;
	width: auto;
  }

  .admin_body .user_status span:first-child{
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba(106,137,152,0.2)
  }

  .admin_body .user_status span:nth-child(2){
	margin-right: 10px;
	word-break: break-all;
	overflow-wrap: break-word;
  }

  .admin_body .user_status span:nth-child(3){
	white-space: nowrap;
  }

  .admin_body .user_status a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
  }

  /* サイドメニュー(ドロワーメニュー) */
  .admin_body .side_menu_p_on{
	border-bottom: 1px solid #3c9dff!important;
	box-shadow: 3px 3px 3px rgb(86 105 96);
	webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	background-color: #3c9dff;
  }

  .admin_body .side_menu_p_on a{
	display:block;
	width:270px;
	padding:inherit;
	margin:-10px -5px -10px -20px;
  }

  .admin_body .side_menu_p_on:first-child{
	border-top:  1px solid #3c9dff!important;
  }

  .admin_body .side_menu_c{
	position: absolute;
	width: 270px;
	height: 100%;
	background-color: #3c9dff;
	padding-bottom: 30px;
	left: -270px;
	z-index: 100;
	transition: all 0.5s ease;
	overflow-y: scroll;
	overflow-x: visible;
	white-space: normal;
	top: 0px;
	z-index: 90;
	scrollbar-width: none;
	-ms-overflow-style: none;
  }

  .admin_body .side_menu_c::-webkit-scrollbar{
	display: none;
  }

  .admin_body .side_menu_c_on{
	position: absolute;
	width:270px;
	background-color: #d44067;
	background-color: rgb(255, 134, 53);
	padding-bottom: 30px;
	left: 270px;
	z-index: 100;
	transition: all  0.5s ease;
  }

  .admin_body .side_menu_c ul li{
	padding: 15px 5px 15px 15px;
	align-items: center;
	color: #fff;
	transition: all  0.5s ease;
	cursor: pointer;
	line-height: 1.5rem;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .1em;
  }

  .admin_body .side_menu_c ul li a{
	display : block;
	margin: -15px -5px -15px -15px;
	padding : inherit;
	color: inherit;
  }
  li.side_menu_child.side_menu_c_target:hover{
	background-color: #fff;
	color:#d44067;
	padding: 15px;
	box-shadow: 3px 3px 3px rgb(86 105 96);
	  webkit-transform: translateY(-5px);
	  -ms-transform: translateY(-5px);
	  transform: translateY(-5px);
  }

  .admin_body .side_menu_c ul li:hover{
	background-color:#fff;
	color: #d44067 !important;
  }

  .admin_body .side_menu_g{
	position: absolute;
	width: 270px;
	height: 100%;
	background-color: #f69300;
	padding-bottom: 30px;
	left: -270px;
	top: 0px;
	z-index: 80;
	transition: all 0.5s ease;
  }

  .admin_body .side_menu_g_on{
	position: absolute;
	width:270px;
	height: 100%;
	background-color: #f69300;
	padding-bottom: 30px;
	left: 540px;
	z-index: 90;
	transition: all  0.5s ease;
  }

  .admin_body .side_menu_g ul li{
	padding: 15px 5px 15px 15px;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	transition: all  0.5s ease;
  }

  .admin_body .side_menu_g ul li:hover{
	background-color:#fff;
	color:#f69300;
  }
    /* ヘッダー */
.admin_header{
	padding: 0;
	position: static;
	height: auto;
	pointer-events: auto;
}
  .admin_header .h_wrap{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 30px 10px 10px;
	background-color: #FFFFCA;
	position: relative;
	z-index: 100;
  }


  .admin_header .h_logo1{
	margin-right: 5px;
	width: 140px;
  }
  .admin_header .h_logo1 img{
	width: 100%;
  }
  .admin_header .h_logo2{
	margin-right: 30px;
  }

  .admin_header .h_wrap>a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: bold;
	color: #5d5d5d;
	font-weight: bold;
	letter-spacing: 1;
	color: #154f71;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .1em;
  }

  .admin_header .h_wrap>a:nth-child(n+4){
	margin-left: 15px;
  }

  .admin_header .h_wrap>a img{
	margin-bottom: 7px;
  }

  .admin_header .h_wrap>a{
	margin-left: 20px;
  }

  .admin_header .h_wrap>a:hover{
	opacity: .8;
  }

  .admin_header .h_wrap>.logout_btn_wrap{
	margin-left: auto;
	color: #333;
  }

  .admin_header .h_wrap>.logout_btn_wrap form button{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .1em;
	transition: .1s;
  }

  .admin_header .h_wrap>.logout_btn_wrap form button:hover{
	opacity: .6;
  }

  .admin_header .h_wrap>.logout_btn_wrap form button span{
	white-space: nowrap;
  }

  .admin_header h1{
	margin-left: 40px
  }
  @media screen and (max-width:1024px) {
	.admin_warpper .contents{
		padding: 15px;
	}
	#nav_contents .logout_btn_wrap button{
		color: #333;
		font-weight: bold;
	}
	.user_status{
		color: #333 !important;
	}
	.admin_warpper .wrapper{
		width: 100% !important;
		padding-right: 0 !important;
	}
	.admin_warpper .user_status{
	  display: none;
	}
	.admin_warpper .side_menu{
	  display: none;
	}
	.admin_warpper .side_menu_g{
	  display: none;
	}
	.nav_contents1{
	  margin-bottom: 10%;
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  flex-wrap: wrap;
	}
	.nav_contents2>ul>li{
	  background-color: rgb(208, 255, 232);
	  align-items: center;
	  color: #333;
	  padding: 0px;
	}
	.nav_contents2>ul>li>p{
	  padding: 15px 5px;
	  border:1px solid #FFFFCA;
	  display: flex;
	  align-items: center;
	  font-weight: bold;
	  font-size: 12px;
	}
	.nav_contents2 .side_menu_c ul li{
	  font-size: 12px;
	}
	.nav_contents2 ul li p img{
	  margin-right: 10px;
	}
	.nav_contents2>ul>li{
	  position: relative;
	}
	.nav_contents2>ul>li>p>a{
	  display: flex;
	  align-items: center;
	  width:100%;
	  height:100%;
	  display:block;
	}
	.logout_btn_wrap{
	  font-size: 13px;
	}
	.nav_contents2 ul li p li{
	  display: flex;
	  align-items: center;
	}
	.side_menu_p_on{
	  transform: none;
	  box-shadow: none;
	}
	.nav_contents2 .side_menu_c{
	  position: static;
	  width: 100%;
	  background-color: transparent;
	  padding-bottom: 0px;
	  overflow-y: visible;
	}

	li.side_menu_child.side_menu_c_target{
	  background-color: #d44067;
	  border-top:1px solid #FFFFD9;
	  color: #fff;
	  padding:15px;

	  font-size:14px;
	}
	li.side_menu_child.side_menu_c_target>p{
		padding:0;
		border:0;
	}
	.nav_contents2 .side_menu_c ul li a{
	  padding: 15px;
	}
	.nav_contents2 .side_menu_c ul li:hover{
	  color:#fff;
	}
	.nav_contents2>ul>li>.side_menu_c{
	  display: none;
	  transition: none;
	}
	.side_menu_g{
	  position: static;
	  padding: 0px;
	  width: 100%;
	}
	.side_menu_g ul li a{
	  background-color: #f69300!important;
	  padding: 15px;
	  display: block;
	}
	.side_menu_g{
	  display: none;
	  transition: auto;
	}
	.nav_contents2 .side_menu_c{
	  height: auto;
	}
	.user_status{
	  padding: 15px 5px;
	}
  }

  @media screen and (max-width:480px) {
	.nav_contents1 {
	  margin-bottom: 5%;
	}
	.nav_contents1 a{
	  font-size: 11px;
	}
	.nav_contents2>ul>li>p{
	  font-size: 12px;
	}
	.nav_contents2>ul>li>.side_menu_c{
	  font-size: 12px;
	}
  }
  /* コンテンツエリア */
  .admin_body main{
	  margin: 0;
	  max-width: 1500px;
  }
  .admin_warpper{
	  display: flex;
	  position: relative;
  }
  .admin_warpper .wrapper{
	width: calc(100vw - 270px);
	display: block;
	padding-bottom: 50px;
	padding-right: 20px;
	border-radius: 0;
	margin: 0;
  }
  /* タブレット以下のメニュー */
.nav_btn {
	width: 40px;
	height: 30px;
	margin-left: auto;
	position: relative;
	z-index: 100;
  }

  .nav_btn span{
	display: inline-block;
	width: 40px;
	height: 4px;
	background-color: #3C9DFF;
	position: absolute;
	border-radius: 5px;
	transition: .3s;
  }

  .nav_btn span:nth-child(1){
	top:0px;
  }

  .nav_btn span:nth-child(2){
	bottom: 13px;
  }

  .nav_btn span:nth-child(3){
	bottom: 0px;
  }

  /* メニュー押下時 */
  .nav_btn_activ{
  }
  .nav_btn_active span{
  }
  .nav_btn_active span:nth-child(1){
	top: 13px;
	transform: rotate(225deg);
  }

  .nav_btn_active span:nth-child(2){
	opacity: 0;
  }

  .nav_btn_active span:nth-child(3){
	bottom: 13px;
	transform: rotate(-225deg);
  }

  #nav_close{
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
  }
  #nav_contents{
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 90%;
	max-width: 390px;
	height: 100%;
	background: #FFFFCA;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	padding:20px;
  }

  .nav_contents1 a{
	width: 49%;
	height: 80px;
	background-color: #3C9DFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 3px 1px;
	color:#fff;
	transition: .1s;
	box-shadow: 0px 3px #0656a7;
  }

  .nav_contents1 a img{
	margin-bottom: 10px;
  }

  .nav_contents1 a:hover{
	background-color: #a8d3ff;
  }
  .nav_contents1 a{
	padding: 5px;
	margin: 1% .5%;
  }

  #nav_contents .logout_btn_wrap{
	margin-top: 20px;
  }

  #nav_contents .logout_btn_wrap button{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: 'Noto Sans JP', sans-serif;
  }

  #nav_contents .logout_btn_wrap button img{
	margin-right: 5px;
  }

  @media screen and (max-width:1024px) {
	.h_wrap{
	  padding: 30px 15px 10px;
	}
	header .h_wrap>a{
	  display: none;
	}
  }
  @media screen and (max-width:480px) {
	#nav_contents{
	  max-width: 260px;
	  padding: 20px 5px;
	}
	.nav_contents1 li a{
	  font-size: 11px;
	}
  }

/* 1024px以下は非表示にしたい場合 */
@media screen and (min-width:1025px) {
	.tablet{
	  display: none!important;
	}
	.tablet_only{
	  display: none!important;
	}
  }
  @media screen and (max-width:1024px) {
	body{
		overflow-x: hidden;
		min-width: auto;
	}
	.pc{
	  display: none!important;
	}
  }
  @media screen and (min-width:769px) {
	.sp{
	  display: none!important;
	}
  }

  @media screen and (max-width:768px) {
	.tablet_only{
	  display: none!important;
	}

	.sp_wide{
	  display: none!important;
	}
  }

  /* -----------------------------
/* --------------------------------------------
メールテンプレート選択
selectMailTemplate.html
----------------------------------------------- */
.list_area{
	width: 60%;
    margin: 0 auto;
}
.mail_tmp_list li{
	border-bottom: 1px dotted #1D2B68;
	line-height: 2;
}
.mail_tmp_list_table{
 	display: table;
 	width:100%;
}
.mail_tmp_list_table  ul.tmp_list_table {
	display: table-row;
}
.mail_tmp_list_table  ul.tmp_list_table  li {
	display: table-cell;
	padding: 10px 15px;
}
.tmp_list_table:first-child{
	background-color: #00B1FD;
	color: #fff;

}
.tmp_list_table li:nth-child(1) {
	width:400px;
}
.tmp_list_table li:not(:nth-child(1)) {
	min-width: 95px;
	width: 10%;
	padding-left: 10px;
	width:100px;
}

.htmlmail_modal{
	width: 100%;
	height: 400px;
}
/* --------------------------------------------
メール送信
sendMail.html
----------------------------------------------- */
.mail_table_area table tr{
	border-bottom: 2px dotted #1D2B68;
}
.mail_table_area table tr th{
	white-space: nowrap;
}
/* --------------------------------------------
メールテンプレート登録
registMailTemplate.html
----------------------------------------------- */
.regist_tmp_list li div:last-child{
	padding-left: 25px;
}
/* モーダル内本文メッセージ用 */
.modal_mail_template_content_p,
.modal_mail_template_default_content_p {
    min-height: 25px;
}

/* --------------------------------------------
アンケート結果集計
questionnaireTabulation.html
----------------------------------------------- */
.questionnaire_tabulation_table {
	width: 70%;
	margin: 40px auto;
}
.questionnaire_tabulation_table table{
	width: 100%;
}
.questionnaire_tabulation_table tr th{
	background-color: #00B1FD;
	color: #fff;
}
.questionnaire_tabulation_table tr th,
.questionnaire_tabulation_table tr td{
	padding: 10px 15px;
}
.questionnaire_tabulation_table tr{
	border-bottom: 1px dotted #1D2B68;
}
.questionnaire_tabulation_table thead tr{
	border-bottom: none;
}
.sort_btn_area button{
	color: #1D2B68;
	font-size: 26px;
}
.questionnaire_tabulation_count{
	font-size: 18px;
	letter-spacing: 1px;
}
.questionnaire_tabulation_count span{
	font-size: 24px;
	font-weight: bold;
}
.questionnaire_tabulation_table_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.questionnaire_tabulation_table_top_r{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#graph_area{
	display: none;

}
.chart-container{
	margin: 40px auto;
	width: 80%!important;
    height: 50vh!important;
}
#graph_area canvas{
	padding: 15px;
}
.graph_open{
	width: 200px;
	background-color: #1D2B68;
}

.button_rotate{
	transform: rotate(180deg);
}
#graph_open i{
	margin-left: 10px;
}
/* --------------------------------------------
実施状況集計
execStatusStatistics.html
----------------------------------------------- */
.status_statics_table th,
.status_statics_table td{
	text-align: center;
}
/* --------------------------------------------
登録者種別
memberKbnCount.html
----------------------------------------------- */
.member_kbn_count_area{
	margin: auto;
	text-align: center;
}

.member_kbn_count_table_area{
	text-align: center;
	width:80%;
	margin: 20px auto;
}
.member_kbn_count_table_area .member_table{
	width: 100%;
}

.member_kbn_count_table_area tr th{
	background: #00B1FD;
	color: #fff;
	text-align: center;
	padding:5px;
	border-left: 1px solid #fff;
	min-width: 90px;

}
.member_kbn_count_table_area tr th,
.member_kbn_count_table_area tr td{
	padding: 10px 8px;

	vertical-align: middle;
}
.member_kbn_count_table_area tr td{
	border: 1px solid #ddd;
	border-top: none;
}
.member_table th{
	line-height: 1;
}
.kbn_sml_txt{
	font-size: 12px;
}
.member_kbn_count_table_area tr .member_stopped{
	background: #fd007e;
	height: 2rem;
}

/* --------------------------------------------
HTMLメール統計
htmlMailStatistics.html
----------------------------------------------- */
.mail_statistics_table_set{
	margin: 40px auto;
	width: 60%;
}
.mail_statistics_area{
	display:none;
	margin-left: 40px;
}
.mail_statistics_area div{
	margin:10px 0 20px;
}
.template_title {
	font-size: 20px;
	color: #1D2B68;
    cursor: pointer;
    width: fit-content;
}
.template_title i{
	font-size: 30px;
	color: #1D2B68;
    display: inline-block;
    height: 14px;
    line-height: 4px;
    position: relative;
    bottom: 2px;
    left: 3px;
}
.html_mail_btn_action_table ,.html_mail_movie_rank{
	margin-left: 40px;
    position: relative;
    top: -10px;
}
.html_mail_btn_action_table {
	margin: 10px auto;
    width: 80%;
}
.html_mail_btn_action_table table{
	width: 100%;
}
.html_mail_btn_action_table tr th{
	background-color: #00B1FD;
	color: #fff;
}
.html_mail_btn_action_table tr th,
.html_mail_btn_action_table tr td{
	padding: 5px 15px;
}
.html_mail_btn_action_table tr{
	border-bottom: 1px dotted #1D2B68;
}
.html_mail_btn_action_table tr:first-of-type{
	border-bottom: none;
}

.html_mail_btn_action_table tr th:last-of-type,
.html_mail_btn_action_table tr td:last-of-type{
    text-align: center;
}
.subheading{
    background: linear-gradient(transparent 50%, #FFFB13 0%);
    display: inline-block;
    margin-right: 30px;
    font-weight: bold;
}
.value_area{
    font-size: 20px;
}

/* -----------------------------------------------
タブレットサイズ以下
-------------------------------------------------- */
@media screen and (max-width:820px){
  body{
      min-width: auto;
  }
  .admin_body main{
	  width: 95%;
	  margin:0 auto;
  }
  .contents{
	  padding: 15px 0;
  }
 .search_result_table_area{
	 overflow-x: scroll;
 }
 .thead_table_area,
 .table_set{
	 width: 1200px;
 }
 .duplicate_table_area{
	 overflow: auto;
 }
 .duplicate_table_area table tr th{
	 white-space: nowrap;
 }
 .questionnaire_tabulation_table{
	width: 100%;
 }
 .chart-container{
	width: 100%!important;
 }
 .member_kbn_count_table_area{
	 width: auto;
 }
    .html_mail_btn_action_table {
        width:70%;
    }
}
@media screen and (max-width: 800px){
    .mail_statistics_table_set{
        width: 90%;
        max-width: 460px;
    }
}
@media screen and (max-width:700px){
	.mail_history_table_area tr th,
	.mail_history_table_area tr td{
		padding: 10px !important;
	}
	.list_area{
		width: 95%;
	}
	.search_table_area{
		padding: 15px 5px;
	}
	.chart-container{
        position: relative;
        width:90vw !important;
        height:65vh !important;
    }
	#graph_area canvas{
		padding: 0;
	}
	.questionnaire_tabulation_table{
		overflow: scroll;
	}
	.member_kbn_count_table_area table{
		width: 100%;
	}
	.member_kbn_count_table_area thead{
		display: none;
	}
	.member_kbn_count_table_area tr th,
	.member_kbn_count_table_area tr td{
		display: block;
		width: 100%;
		padding: 0;
	}
	.member_kbn_count_table_area tr td{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.member_kbn_count_table_area table td::before{
		display: block;
	   width: 100%;
	   background: #00B1FD;
	   color: #fff;
	   padding: 10px 15px;
	   margin-bottom: 10px;
	}
	.member_kbn_count_table_area:first-child table td:first-child::before{
		content: "仮会員";
	}
	.member_kbn_count_table_area:first-child table td:nth-child(2)::before{
	   content: "本会員";
   }
   .member_kbn_count_table_area:first-child table td:nth-child(3)::before{
	   content: "本会員(リミテッド)";
   }
   .member_kbn_count_table_area:first-child table td:nth-child(4)::before{
	   content: "有料会員";
   }
   .member_kbn_count_table_area:first-child table td:nth-child(5)::before{
	   content: "学生会員";
   }
   .member_kbn_count_table_area:first-child table td:nth-child(6)::before{
	   content: "学生会員(リミテッド)";
   }
   .member_kbn_count_table_area:first-child table td:nth-child(7)::before{
	   content: "合計";
   }
   .member_kbn_count_table_area:nth-child(2) table td::before{
	   content: "アカウント停止メール 送信済み";
	   background: #fd007e;
   }
}
@media screen and (max-width: 550px){
	.mail_statistics_table_set{
        width: 95%;
    }
    .html_mail_btn_action_table{
        width: 90%;
    }
    .mail_statistics_area{
        margin-left: 2vw;
    }
}