@charset "utf-8";

/*　message　
-----------------------------------------------------------------------------*/
#message a { outline:none; text-decoration:underline; color:inherit;}
#message a:hover { color:inherit; text-decoration:none;}
#message {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	color:#fff;
	z-index:100;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
	}
#message .msg_update,
#message .msg_error {
	display:none;
	box-shadow:0 1px 0 rgba(0,0,0,0.15) inset;
	}
	#message .msg_update { background-color: #32beef;}
	#message .msg_error { background-color: #d23d3d;}

	#message .msg_txt {
	padding: 10px 0;
	position:relative;
	padding-left:30px;
	}
	#message .msg_txt .i {
	display:inline-block;
	width:20px;
	height:20px;
	background-color:#fff;
	border-radius:50%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-11px;
	}
	.msg_update .msg_txt .i::after {
	content:'';
	display:block;
	width:10px;
	height:5px;
	border-left:2px solid #32beef;
	border-bottom:2px solid #32beef;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
	.msg_error .msg_txt .i::before, .msg_error .msg_txt .i::after {
	content:'';
	display:block;
	width:2px;
	height:11px;
	background-color:#d23d3d;
	position:absolute;
	left:50%;
	top:50%;
	margin:-5px 0 0 -1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
	.msg_error .msg_txt .i::after {
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_capacity　*/

/*　accountInfo　
-----------------------------------------------------------------------------*/
#accountInfo {
	margin-bottom:40px;
	}
.box_accountInfo {
	padding:30px;
	display: -webkit-flex;
	display: flex;
	}
	.box_accountInfo .area_l { width:33%; margin-right:2%;}
	.box_accountInfo .area_r { width:65%;}
#accountInfo .accountName {
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:1.5;
	}
.accountData {
	margin:3px 0;
	}
	.accountData dt {
	float: left;
	clear: left;
	min-width:3em;
	position:relative;
	}
	.accountData dt::after {
	content:'：';
	position:absolute;
	left:100%;
	}
	.accountData dd {
	margin-left:4.5em;
	}
		.accountData .accountAttachment li::after {
		content:'>';
		padding:0 0.7em;
		}
		.accountData .accountAttachment li:last-child::after {
		content: none;
		}
.box_accountInfo .area_r dl {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	}
	.box_accountInfo .area_r dt {
	margin-right:0.5em;
	font-weight:bold;
	width:5.5em;
	}
	.box_accountInfo .area_r dd {
	 -webkit-flex: 1;
	 flex: 1;
	}
.box_accountInfo .accountLabel {
	margin-bottom:20px;
	}
	.accountLabel ul li {
	font-size:14px;
	font-weight: bold;
	text-align: center;
	color: #1486ad;
	background-color:#dff7ff;
	padding:0 15px;
	min-width:75px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	margin:3px;
	}
.word_count {
	text-align:right;
	font-size:90%;
	margin-bottom:-1.5em;
	}
	
/*　calendarCapa　
-----------------------------------------------------------------------------*/
/*　box_summary　*/
.box_summary {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	}
#content .box_summary h2 {
	font-size:20px;
	color:#000;
	margin-bottom:0;
	}
.summary_date {
	font-size:13px;
	}
.summaryCapa {
	font-size:13px;
	font-weight:bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	}
	.summaryCapa li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-left:40px;
	}
	.capa_done {
		border-left:1px solid #999;
		padding-left:30px;}
	.num_capa {
		font-size: 27px;
		line-height:1;
		color:#32beef;
		padding-left:10px;
		}
		
/*　calendarCapa　>　tbl_inputCapa
-----------------------------------------------------------------------------*/
.tbl_inputCapa td, .tbl_inputCapa .th_sub { width: 6.5%;}
.tbl_inputCapa .col_date { width: 12%;}
.tbl_inputCapa .col_note { width: 36%;}
/*　th　*/
.tbl_inputCapa th {
	}
	.tbl_inputCapa .th_sub {
	font-size:12px;
	padding:3px;
	}
	.tbl_inputCapa .col_time, .tbl_inputCapa .col_total { border-bottom:none;}
	.tbl_inputCapa .th_sub:nth-of-type(odd) { border-right:none;}
/*　tr　day設定　*/
/*土曜日*/
	.tbl_inputCapa tr.day_sat {background-color:#f5f9fa;}
	.tbl_inputCapa tr.day_sat .col_date { color:#226cbd;}
/*日曜・祝日*/
	.tbl_inputCapa tr.day_sun,.tbl_inputCapa tr.day_holiday {background-color:#fffafc;}
	.tbl_inputCapa tr.day_sun .col_date, .tbl_inputCapa tr.day_holiday .col_date { color:#d23d3d;}
/*入稿日*/
	.tbl_inputCapa tr.day_draft .col_date .date_w::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:17px;
	background:url(../images/icon_draft.svg) no-repeat;
	background-size:contain;
	margin-left:10px;
	}
/*　td　*/
.tbl_inputCapa td.col_date {
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	}
	.date_md, .date_w {
	display:inline-block;
	vertical-align:middle;
	}
		.tbl_inputCapa td.col_date .date_md { font-size:16px; width:3.5em;}
		.tbl_inputCapa td.col_date .date_w { font-size:13px;}
.tbl_inputCapa .col_capa,
.tbl_inputCapa .col_capaInput,
.tbl_inputCapa .col_capa_total {
	font-weight:bold;
	}
.tbl_inputCapa .col_capa_total a {
	color:#32beef;
	text-decoration:underline;
	}
	.tbl_inputCapa .col_capa_total a:hover {
	text-decoration:none;
	}
/*　input　＆　textarea　*/	
.tbl_inputCapa input[type=text]{
	line-height:30px !important;
	height:30px !important;
	text-align:center;
	}
	.tbl_inputCapa textarea {
	font-size:14px;
	height:30px;
	padding:4px 10px;
	}
.tbl_inputCapa input[type=tel]{
	line-height:30px !important;
	height:30px !important;
	text-align:center;
	}

/*　modal
-----------------------------------------------------------------------------*/
#modal-overlay {
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	}
#modal {
	display:none;
	position:fixed;
	z-index:1000;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.8);
	text-align:left;
	min-width:600px;
	max-width: 800px;
	margin-top:20px;
	}
	#modal.showUp {
	margin-top:-10px;
	transition:margin-top 0.5s ease;
	}
	.page_capacity #modal {
	height:55%;
	min-height:500px;
	}
	.modalContent { height:100%;}
	.modalBody { height:calc(100% - 220px); overflow:auto;}
	
.modalContent {
	display:none;
	}
.modalHeader {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding:30px 30px 20px;
	border-bottom:1px solid #ddd;
	}
	.modalHeader h2 {
		font-weight:bold;
		font-size:24px;
		}
		.modalHeader h2 .date_w {
		font-size:15px;
		}
		/*土曜日*/
		.modalHeader h2.day_sat { color:#226cbd;}
		/*日曜・祝日*/
		.modalHeader h2.day_sun, .modalHeader h2.day_holiday { color:#d23d3d;}
		/*入稿日*/
		.modalHeader h2.day_draft .date_w::after {
		content:'';
		display:inline-block;
		vertical-align:middle;
		width:17px;
		height:19px;
		background:url(../images/icon_draft.svg) no-repeat;
		background-size:contain;
		margin-left:10px;
		}
	.modal_capa li {
		font-size:14px;
		margin:2px 0;
		white-space:nowrap;
		}
		.modal_capa li span {
		width:60px;
		display:inline-block;
		margin-left:30px;
		}
		.modal_capa li span.modal_capa_h {
		font-weight:bold;
		}
.modalBody {
	padding:20px 30px;
	}
	.modalBody h3 {
	color:#32beef;
	font-weight:bold;
	margin-bottom:10px;
	}
.modalFooter {
	padding:20px 30px;
	border-top:1px solid #ddd;
	text-align:center;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_assignList & page_modList　*/

/*　tbl_capaList　
-----------------------------------------------------------------------------*/
.tbl_capaList {
	margin:0 auto;
	}
.tbl_capaList, .tbl_capaList td, .tbl_capaList td div.flexWrap {
	height:100%;
	}
	.tbl_capaList td.col_name, .tbl_capaList td.col_time, .tbl_capaList td.col_capa {
	height:1px;
	}
	.tbl_capaList td div.flexWrap {
	min-height:114px;
	}

.tbl_capaList .col_name { width:33.5%;}
.tbl_capaList .col_time {width:3.5%;}
.tbl_capaList .col_day { width:9%;}/*63*/
/*　th　*/
.tbl_capaList th.col_name {
	font-size:15px;
	}
.tbl_capaList th.col_day, .tbl_capaList th.col_time {
	padding-left:5px;
	padding-right:5px;
	position:relative;
	}
	/*土曜日*/
	.tbl_capaList th.day_sat {
		color:#226cbd;
		background-color:#f5f9fa;
		}
	/*日曜・祝日*/
	.tbl_capaList th.day_sun, .tbl_capaList th.day_holiday {
		color:#d23d3d;
		background-color:#fffafc;
		}
	/*選択中の日付*/
	.tbl_capaList th.day_active {
		box-shadow: 0 -4px 0 #32beef inset;
		}
	.tbl_capaList th .date_md {
	width:60px;
	text-align:center;
	margin:0 auto;
	font-size:18px;
	display:block;
	}
		@media screen and (max-width: 1360px) {
		.tbl_capaList th .date_md {
			font-size:16px;
			}
		}
	.tbl_capaList th .date_w {
	font-size:14px;
	display:block;
	margin-top:5px;
	}
.tbl_capaList .day_arw {}
.day_arw {
	text-decoration:none;
	position:absolute;
	display:block;
	width:16px;
	height:36px;
	top:50%;
	margin-top:-15px;
	padding:10px 0;
	}
	.day_prev { left:0;}
	.day_next { right:0;}
	.day_prev:hover, .day_next:hover {
	cursor:pointer;
	}
.day_arw::after {
	content:'';
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:8px;
	border-color: transparent;
	}
	.day_prev::after { border-right-color:#1486ad; border-left-width:0;}
	.day_next::after { border-left-color:#1486ad; border-right-width:0;}

/*　td　*/
.tbl_capaList td {
	padding:0;
	border-bottom:1px solid #ccc;
	}
.tbl_capaList tr.totalCapa > td { border-bottom: double 4px #ccc ;}
.tbl_capaList td.col_time {
	font-size:12px;
	white-space:nowrap;
	}
/*　col_name　*/
td.col_name div.flexWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
 	-webkit-justify-content: space-between;
	justify-content: space-between;
	}
.tbl_capaList .nameWrap {
	padding:13px 40px 10px 25px;
	text-align:left;
	position:relative;
	}
	.tbl_capaList .nameWrap .name {
		font-weight:bold;
		margin-bottom:5px;
		}
.tbl_capaList .nameWrap .category_name,
.tbl_capaList .nameWrap .group_name {
	font-size:12px;
	letter-spacing:0;
	display:inline-block;
	vertical-align:middle;
	}
	.tbl_capaList .nameWrap .category_name {
		color:#2fa3cb;
		border:1px solid #2fa3cb;
		border-radius: 3px;
		line-height:18px;
		padding:0 5px;
		min-width:5em;
		text-align:center;
		margin-right:1em;
		}
/*　tooltip　*/
.tooltipWrap {
	position:absolute;
	top:50%;
	right: 10px;
	margin-top:-10px;
	width:40px;
	height:30px;
	padding-top:10px;
	text-align:center;
	}
	.tooltip_icon {
		margin:0 auto;
		background-color:#ccc;
		border-radius:50%;
		width:16px;
		height:16px;
		text-align:center;
	}
	.pc .tooltipWrap:hover .tooltip_icon { background-color:#32beef;}
	.pc .tooltip_icon:hover { cursor:pointer;}
.tooltipContent {
	display:none;
	text-align:left;
	background-color:#fff;
	position:absolute;
	bottom:35px;
	left:50%;
	margin-left:-200px;
	width:400px;
	font-size:14px;
	line-height:1.5;
	padding:20px;
	border:1px solid #f2f2f2;
	border-radius:3px;
	z-index:11;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	}
		.tooltipContent::before {
		content:'';
		position:absolute;
		width:12px;
		height: 12px;
		bottom:-6px;
		left:50%;
		background-color:#fff;
		box-shadow:2px 2px 6px rgba(0,0,0,0.2);
		-webkit-transform: translateX(-50%) rotate(45deg) skew(10deg,10deg); 
		transform: translateX(-50%) rotate(45deg) skew(10deg,10deg); 
		}
		.tooltipContent::after {
		content:'';
		position:absolute;
		width:60px;
		height: 18px;
		bottom:0;
		left:50%;
		margin-left:-30px;
		background-color:#fff;
		}
	.tooltipContent dt {
	font-weight:bold;
	}
	.tooltipContent .accountAppeal {
	margin-top:10px;
	}
	.tooltip_close {
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		}
			.tooltip_close::before, .tooltip_close::after {
			content:'';
			display:block;
			width:1px;
			height:14px;
			background-color:#999;
			position:absolute;
			left:50%;
			top:50%;
			margin:-7px 0 0 0;
			-webkit-transform:rotate(-45deg);
			transform:rotate(-45deg);
			}
			.tooltip_close::after {
			-webkit-transform:rotate(-135deg);
			transform:rotate(-135deg);
			}
		.tooltip_close:hover { cursor:pointer;	}
	
/*　table.capaData　*/
.tbl_capaList .capaData {
	width:100%;
	margin:0;
	font-size:12px;
	line-height:1.4;
	letter-spacing:0;
	}
	.tbl_capaList .capaData strong {
	font-size:125%;
	}
	.tbl_capaList .capaData td {
		border-bottom:none;
		padding:0 5px 4px;
		width:33.33%;
		}
	.tbl_capaList .capaData td:last-child { border-right:none;}
	.tbl_capaList .capaData td strong { display:block;}

/*　col_capa　*/
td.col_time div.flexWrap,
td.col_capa div.flexWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	}
	.time_block,
	.capa_block {
	-webkit-flex:1;
	flex:1;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items: center;
	align-items: center;
	font-weight:bold;
	}
	div.flexWrap .time_17h, div.flexWrap .capa_17h { border-bottom: none;}
	div.flexWrap .time_13h, div.flexWrap .capa_13h { background-color:#f5f9fa;}

tr:not(.totalCapa) td.col_capa:hover .capa_block {
	color:#32beef;
	cursor:pointer;
	}
td.col_capa .active .capa_block {
	color:#fff !important;
	background-color:#32beef !important;
	border-bottom:1px solid rgba(255,255,255,0.7);
	}
		td.col_capa .active { position: relative;}
		td.col_capa .active::after {
		content:'';
		position:absolute;
		left:50%;
		bottom:-1px;
		width:0;
		height:0;
		border-style:solid;
		border-width:0 8px 9px 8px;		
		margin-left:-8px;
		border-color:transparent transparent #2d3640 transparent;
		}
/*　capaDetailWrap　*/
tr.capaDetailTr td { border-bottom:none;}
.capaDetailWrap {
	display:none;
	background-color:#2d3640;
	color:#fff;
	text-align:left;
	}
.capaDetailContent { display:none; min-height:305px;}
.account_writer .capaDetailContent,
.account_mod .capaDetailContent { min-height:240px;}

.capaDetailHeader {
	border-bottom:1px solid #666;
	padding:20px 15px 15px 30px;
	}
	.capaDetailHeader .date_md, .capaDetailHeader .date_w { vertical-align:baseline;}
	.capaDetailHeader .date_md {font-size: 22px; font-weight:bold;}
	.capaDetailHeader .name { font-size:20px; font-weight:bold; margin-left:0.7em;}
	.capaDetailHeader .note {
	font-size:13px;
	margin-top:10px;
	}
	
.capaDetailForm {
	padding:10px 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	}
	.capaDetailForm select, .capaDetailForm input { border:none !important; }
	.capaDetailForm .type_select {
	width:80px;
	min-width:80px;
	margin-right:10px;
	}
	.capaDetailForm .input-capa_assign {
	white-space:nowrap;
	margin-right:20px;
	min-width:110px;
	}
		.capaDetailForm .input-capa_assign input {
		width:60px;
		margin-right:5px;
		padding:0 !important;
		text-align:center;
		}
	.capaDetailForm .capa_assign_detail {
	white-space:nowrap;
	margin-right:40px;
	}
	.capaDetailForm .input-capa_note {
	-webkit-flex:1;;
	flex:1;
	}
	.capaDetailForm .btn_update {
	white-space:nowrap;
	width:70px;
	margin-left:10px;
	}
	
.capaDetailBody {
	border-top:3px solid #666;
	padding:0 15px 2px ;
	}
	.capaDetailBody ul {
	max-height:140px;
	overflow:auto;
	padding:5px 0 15px;
	}
	.capaDetailBody li {
	border-bottom: 1px solid #666;
	padding:8px 160px 8px 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
	}
	.capaDetailBody li > span {
	display:inline-block;
	}
		.capaDetailBody li > span.capa_time {
		width:60px;
		white-space:nowrap;
		}
		.capaDetailBody li > span.capa_assign {
		width:80px;
		text-align:center;
		white-space:nowrap;
		}
		.capaDetailBody li > span.capa_note {
		-webkit-flex:1;;
		flex:1;
		}
	.capaDetailBody li .area_btn {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-14px;
	}
	.capaDetailBody li button {
	font-size:14px;
	font-weight:500;
	line-height:28px;
	height:28px;
	background-repeat:no-repeat;
	background-position:left 8px center;
	background-size:15px 15px;
	padding:0 10px 0 30px;
	border-radius:5px;
	transition:all 0.3s ease;
	background-color:transparent;
	opacity:0.8;
	}
	.capaDetailBody li .btn_edit { background-image:url(../images/icon_edit.svg);}
	.capaDetailBody li .btn_delate { background-image: url(../images/icon_trash.svg);}
		.pc .capaDetailBody li button:hover {
		cursor:pointer;
		color:#fff;
		background-color:rgba(0,0,0,0.4);
		opacity:1;
		}
	
	/*　modal-2
-----------------------------------------------------------------------------*/
#modal-overlay {
　/*上記参照*/
	}
#modal {
	/*上記参照*/
	}
	#modal.showUp {
	/*上記参照*/
	}
#modal {
	/*上記参照*/
	}
	
.modal_EditCapa {
	position:relative;
	padding: 70px 50px;
	}

	.modal_EditCapa select, .modal_EditCapa input { border-width:1px !important; }

#edit_datepicker {
	width:230px;
	}
	#ui-datepicker-div {
		display:none;
		background-color:#fff;
		width:230px;
		border:1px solid #ccc;
		box-shadow:0 1px 3px rgba(0,0,0,0.1);
		padding:10px;
		z-index:1100;
		}
#searchNameWrap {
	margin:10px 0;
	position:relative;
	}
.searchResult_error,
.searchResult_suggest {
	position:absolute;
	top:40px;
	left:0;
	display:inline-block;
	border:1px solid #ccc;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
	min-width:230px;
	background-color:#fff;
	z-index:1101;
	}
	#searchResult.searchResult_error {
		padding:5px 12px;
		background-color: #f2f2f2;
		color: #666;
		}
	.suggestList{
/*		max-height:255px;
		overflow:auto;*/
		}
		.suggestList li {
		padding:2px 12px;
		}
		.pc .suggestList li:focus {
			background-color:#EBF0F2;
			color:#000;
			cursor:pointer;
		}

.modal_EditCapa .hr {
	border-top:1px solid #eee;
	margin:25px 0;
	}
.capa_time_assign {
	margin:10px 0;
	}
	.modal_EditCapa .type_select {
	width:80px;
	min-width:80px;
	margin-right:10px;
	}
	.modal_EditCapa .input-capa_assign {
	width:60px !important;
	margin-right:5px;
	padding:0 !important;
	text-align:center;
	}
.modal_EditCapaFooter {
	text-align:center;
	margin-top:30px;
	}
	.modal_EditCapaFooter .btn_edit {
	margin:0 auto;
	min-width:170px;
	}
.modal_close {
	position:absolute;
	top:-12px;
	right:-12px;
	display:block;
	width:40px;
	height:40px;
	background-color:#fff;
/*	border:2px solid #999;*/
box-shadow:0 0 2px 1px rgba(0,0,0,0.3);
	border-radius:20px;
	text-align:center;
	}
	.modal_close .i {
	position:relative;
	margin-top:9px;
	display:block;
	}
	.modal_close .i::before, .modal_close .i::after {
	content:'';
	display:block;
	width:3px;
	height:22px;
	background-color:#999;
	position:absolute;
	left:50%;
	top:50%;
	margin:0 0 0 -1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
	.modal_close .i::after {
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
	}
	.pc .modal_close:hover {
		background-color:#f2f2f2;
		}
	
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　secondary　
-----------------------------------------------------------------------------*/
#secondary a {	outline:none;}
#secondary.fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:12;
	height:100vh;
	overflow:auto;
	}
	#secondary aside {
	font-size:14px;
	padding:20px 0;
	margin-left:20px;
	width:230px;
	}
	#secondary .hr {
	border-top:1px solid #e7e7e7;
	}
#secondary aside .ttl {
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	}
/*　search　*/
#search input {
	width:170px;
	margin-right:10px;
	}
#search button {
	padding:0;
	width:50px;
	}
	#search button, #search input {
	font-size:13px;
	line-height:35px;
	height:35px;
	}
/*　calendarUp
--------------------------------------------------*/
.ui-datepicker-header {
	background-color:#ebf0f2;
	height:30px;
	line-height:30px;
	text-align:center;
	position:relative;
	font-weight:bold;
	}
.ui-datepicker-prev, .ui-datepicker-next {
	text-decoration:none;
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	top:0;
	}
	.ui-datepicker-prev { left:0;}
	.ui-datepicker-next { right:0;}
	.pc .ui-datepicker-prev:hover, .pc .ui-datepicker-next:hover {
	cursor:pointer;
	background-color:rgba(0,0,0,0.1);
	}
.ui-datepicker-prev::after, .ui-datepicker-next::after {
	content:'';
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px;
	border-color: transparent;
	}
	.ui-datepicker-prev::after { border-right-color:#333; margin-right:8px;}
	.ui-datepicker-next::after { border-left-color:#333; margin-left:8px;}

	.ui-datepicker-prev span, .ui-datepicker-next span {
		display:none;
	}

.ui-datepicker-calendar {
	font-size:12px;
	line-height:20px;
	color:#666;
	width:100%;
	margin:5px 0 0;
	}
	.ui-datepicker-calendar th, .ui-datepicker-calendar td {
	width:calc(100% / 7 );
	text-align:center;
	padding:3px;
	}
	.ui-datepicker-calendar th {
	font-size:11px;
	}
	/*土曜日*/
	.ui-datepicker-calendar th span[title=土曜日] {  color:#226cbd;}
	.ui-datepicker-calendar td.saturday a{ color:#226cbd;}
	/*日曜・祝日*/
	.ui-datepicker-calendar th span[title=日曜日] {  color:#d23d3d;}
	.ui-datepicker-calendar td.sunday a,
	.ui-datepicker-calendar td.holiday a {  color:#d23d3d;}

.ui-datepicker-calendar a {
	color:inherit;
	text-decoration:none;
	display:block;
	border-radius:3px;
	}
	.pc .ui-datepicker-calendar a:hover {
		background-color:#f2f2f2;
	}
.ui-datepicker-calendar td.ui-datepicker-today a {
	font-weight:bold;
	}
.ui-datepicker-calendar td.ui-datepicker-current-day a {
	font-weight:bold;
	background-color:#32beef !important;
	color:#fff;
	pointer-events: none;
	}
	
/*　capatimeCheck　*/
#capatimeCheck .type_check label {
	width:	100%;
	margin:3px 0;
	}
	
/*　categoryCheck　*/
#categoryCheck .type_check label {
	width:	100%;
	margin:3px 0;
	}
	#categoryCheck .type_check ul {
	margin:0 0 10px 25px;
		}
		/*　ライター一覧のみ　*/
		.page_assignList #categoryCheck .type_check ul {
		display:none;
		}
.accordionBtn {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-8px;
	display:block;
	width:15px;
	height:15px;
	border:1px solid #999;
	}
	.pc .accordionBtn:hover {
	cursor:pointer;
	background-color:#f5f5f5;
	}
	.accordionBtn::before, .accordionBtn::after {
	content:'';
	display:block;
	width:9px;
	height:1px;
	background-color:#999;
	position:absolute;
	left:2px;
	top:49%;
	}
	.accordionBtn::after {
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	}
	.accordionBtn.open::after {
	content:none;
	}
/*　regionCheck　*/
#regionCheck .type_check label {
	width:	50%;
	margin:3px 0;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_dashboard　*/

/*　tbl_categoryCapa　
-----------------------------------------------------------------------------*/
.tbl_categoryCapa{
	font-weight:bold;
	}
.tbl_categoryCapa .col_name { width:37.5%;}
.tbl_categoryCapa .col_goal, .tbl_categoryCapa .col_capa {width:12.5%;}/*62.5*/

.slideWrap { display:none;}

/*　border　*/
	.tbl_categoryCapa table {
	border:none;
	margin:0;
	}
	.tbl_categoryCapa tr.tr_toggle > td {
	border:none;
	padding:0;
	}
	.tbl_categoryCapa tr.tr_category td {
	border-top:1px solid #e0e0e0;
	}
	.tbl_categoryCapa tr.tr_group td {
	border-top:1px solid #e0e0e0;
	}
/*　th　*/
	.tbl_categoryCapa th {
	padding:14px 10px;
	}
/*　td　*/
	.tbl_categoryCapa td {
/*	padding-top:15px;
	padding-bottom:15px;*/
	}
	.tbl_categoryCapa .tbl_group tr td:nth-of-type(3) {
	padding-top:5px;
	padding-bottom:5px;
	}
/*　tr　*/
	.tbl_categoryCapa tr.tr_category, .tbl_categoryCapa tr.tr_total {
	font-size:17px;
	}
	.tbl_categoryCapa tr.tr_team { background-color:#f5f9fa;}
	.tbl_categoryCapa .tbl_team tr:not(.tr_team) { background-color:#ebf2f5;}
/*　col_name　＆　icon　*/
	.tbl_categoryCapa td.col_name {
	text-align:left;
	padding-left:25px;
	padding-right:50px;
	position:relative;
	}
		.tbl_categoryCapa .accordion:hover {
		cursor:pointer;
		}
		.tbl_categoryCapa td.col_name .accordionBtn { right:25px;}
.tbl_categoryCapa tr.tr_category > td.col_name {
	padding-left:60px;
	background:url(../images/icon_category.svg) no-repeat left 35px top 19px;
	background-size:20px 20px;
	}
	.tbl_categoryCapa tr.tr_group > td.col_name {
	padding-left:90px;
	background:url(../images/icon_group.svg) no-repeat left 65px top 14px;
	background-size:18px 18px;
	}
	.tbl_categoryCapa tr.tr_team > td.col_name {
	padding-left:120px;
	background:url(../images/icon_team.svg) no-repeat left 95px top 14px;
	background-size:18px 18px;
	}
	.tbl_categoryCapa table.tbl_person td.col_name {
	padding-left:135px;
	font-size:14px;
	}

.tbl_categoryCapa .achive_rate {
	display:block;
	font-size:13px;
	font-weight:500;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_setting　*/

/*　tbl_setting　
-----------------------------------------------------------------------------*/
.tbl_setting td {
	font-size:14px;
	text-align:left;
	padding:15px 25px;
	}
	.tbl_setting td.col_upload { width:45%;}
	.tbl_setting td.col_latest { width:35%;}
	.tbl_setting td.col_modified { width:20%;}
	
	.tbl_setting td.col_latest, .tbl_setting td.col_modified {
		white-space:nowrap;
		}
	.tbl_setting .ttl {
		font-size: 15px;
		font-weight:bold;
		white-space:nowrap;
		}
	.tbl_setting .latest_filename {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display:inline-block;
		vertical-align: middle;
		max-width:270px;
		}
	.tbl_setting .upload_filename {
		font-size:92%;
		margin-top:5px;
		letter-spacing:0;
		}
	.tbl_setting .btn_upload:disabled {
		background-color:#d7dfe2;
		}
		.pc .tbl_setting .btn_upload:disabled:hover {
		cursor: default;
		}
	.tbl_setting .link_download::before {
		content:'';
		display:inline-block;
		width:15px;
		height:15px;
		background:url(../images/icon_download.svg)  no-repeat;
		margin:0 10px -2px 0 ;
		}
	
.tbl_setting input:not([type=radio]):not([type=checkbox]):not([type=file]),
.tbl_setting select,
.tbl_setting button {
	line-height:30px;
	height:30px;
	font-size:14px;
	}
	.tbl_setting label.type_select {
		min-width:160px;
	}
.tbl_setting .flexWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	}
		.tbl_setting .flexWrap .flex-items:first-child {
		margin-right:20px;
		}
/*　tbl_goalSetting　*/
.tbl_goalSetting .latest_m {
	display:block;
	margin-right:1em;
	}

/*　box_error　*/
.box_error {
	font-size:14px;
	background-color:#fee;
	border:1px solid #e22;
	border-radius:10px;
	padding:20px 30px;
	margin:0 auto 20px;
	width:85%;
	color:#e22;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_schedule　*/
.schedule #content h2 {
	font-size:18px;
	margin-bottom:5px;
	}
.schedule #content > section > section, .schedule #content > .section > .section {
	margin-top: 30px;
	}

#scheduleSec {
	width: 100%;
	max-width:600px;
	margin:0 auto;
	}

/*　.tbl_schedul　*/
.tbl_schedul { margin:10px auto 30px;}
.tbl_schedul th {
	padding:14px 5px;
	width:25%;
	}
.tbl_schedul td {
	padding:8px 10px;
	font-weight:bold;
	white-space:nowrap;
	}
	.tbl_schedul tr.time_13h td {
		background-color:#f5f9fa;
		}
	.tbl_schedul td.col_time {
		font-size:13px;
		}
	/*　border　*/
	.tbl_schedul .time_10h td:not(.col_date), .tbl_schedul tr.time_13h td {
		border-bottom:none;
		}
	.tbl_schedul tr.time_17h td, .tbl_schedul td.col_date {
		border-bottom-color:#ccc;
		}
	/*　土日　*/
	.tbl_schedul tr.day_sat td, .tbl_schedul tr.day_sun td {
		padding:0;
		border-bottom-color:#ccc;
		}
	/*　日時　*/
	.tbl_schedul td.col_date .date_md { width:3.5em;}
	.tbl_schedul td.col_date .date_w { font-size:13px; margin-left:0.5em;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　page_login　*/
#login {
	width:100%;
	max-width:660px;
	padding:0 30px;
	margin:0 auto;
	position:absolute;
	top:8.5%;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	}
#login .logo {
	display:inline-block;
	margin:0 auto 10.5%;
	}
	#login .logo img {
	width:200px;
	}
#loginContent {
	background-color:#fff;
	border:1px solid #e0e0e0;
	padding:10%;
	text-align:left;
	}
	#loginContent .login_input_block {
		margin-bottom:30px;
		}
	#loginContent input {
		height:45px;
		line-height:45px;
	}
	#loginContent .btn_login {
		height:50px;
		line-height:50px;
		width:100%;
		font-size:16px;
		margin-top:10px;
		}
#login .msg_error {
	font-size:13px;
	color:#e22;
	margin-top:8px;
	margin-bottom:-10px;
	}
	.login_note {
	font-size:93%;
	margin-top:40px;
	}
	.login_note ul li span {
		display:inline-block;
		width:10em;
		}
		.login_note ul li a {
		display:inline-block;
		margin-left:0.5em;
		}
	.sp .login_note ul li span {
		display:block;
		width:auto;
	}