/* ==========================================================================
   YUI
   ========================================================================== */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
	-webkit-appearance: none;
	-webkit-print-color-adjust: exact;
	color: #545555;
}

select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
#yui3-css-stamp.cssfonts{display:none}

/* ==========================================================================
   Common
   ========================================================================== */
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka","ＭＳ ゴシック",Verdana,Arial,Helvetica,Gothic,sans-serif;
	box-sizing: border-box;
}

body {
	margin: 0;
	scroll-padding-top: 59px;
}

img {
	max-width: 100%;
}

i {
	font-family: MS UI GOTHIC, sans-seif;
	font-style: oblique;
}

.ui-button-icon-only.hour-select {
	width: 2px;
	height: 36px;
	margin-left: -35px;
	position: absolute; /* 20230224 */	
}

@media ( max-width : 480px) {
	.ui-button-icon-only.hour-select {
		height: 32px;
		margin-left: -28px;
	}
}

.ui-button-icon-only.time-select {
	height: 36px;
	position: absolute;
	margin-left: -35px;
	width: 2px;
}

@media ( max-width : 480px) {
	.ui-button-icon-only.time-select {
		height: 32px;
		margin-left: -25px;
	}
}

.commonDialogButtonArea {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	float: none;
}

/* tmu_add */
.commonDialogButtonArea .ui-widget{
	font-size: 123.1%;
}

/* tmu_add */
@media ( max-width : 480px) {
	.commonDialogButtonArea .ui-widget{
		font-size: 93%;
	}
}

/* tmu_add */
.ui-dialog .ui-dialog-buttonpane {
	margin: 0 !important;
	padding: 0 !important;
}

/* Progress Popup */
.common-progress {
	animation: spin 0.7s linear infinite;
	-moz-animation: spin 0.7s linear infinite;
	-webkit-animation: spin 0.7s linear infinite;
	border-radius: 50%;
	border: 8px solid #CCC;
	border-right-color: transparent;
	bottom: 0px;
	height: 45px;
	left: 0px;
	margin: auto;
	position: absolute;
	right: 0px;
	top: 15px;
	width: 45px;
}

.progress-popup-area {
	overflow: hidden;
}

.progress-popup-block {
	padding: 10px 0px;
}

.progress-popup-txt {
	color: #FFF;
	text-align: center;
}

.page-main {
	-webkit-transition: all 300ms 0s ease;
/*	background-color: #EDF3F7; *//* tmu_delete */
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	float: left;
	left: 301px; /* sidemenu分移動 */
	min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
	min-width: 693px;
	padding-bottom: 130px; /* ←フッターの高さを指定 *//* tmu_change */
	/* position: absolute; */
	position: relative;/* ←相対位置 */
	transition: all 300ms 0s ease;
	width: calc(100% - 301px);
}

@media ( max-width : 480px) {
	.page-main {
		min-width: initial;
		min-width: auto;
		width: 100%;
		float: none;
		left: 0;
		padding-bottom: 190px;/* tmu_add */
	}
}

.sidemenu-hide {
	width: 100%;
	min-width: 994px;
	left: 0;
}

/* 180612add// */
@media ( max-width : 480px) {
	.sidemenu-hide {
		min-width: initial;
		min-width: auto;
	}
}

.control-list-txt {
	padding-left: 25px;
	width: 10%;
}

@media ( max-width : 480px) {
	.control-list-txt {
		display: inline-block;
		margin-top: 7%;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		width: 10%;
	}
}

.contents-exchange-block-inline {
	display: inline-block;
}

@media ( max-width : 480px) {
	.contents-exchange-block-inline {
		display: block;
		margin-bottom: 3px;
	}
}

/* 操作ボタン */
.control-menu {
	background-color: #FFF;
/*	box-shadow: 5px 5px 5px #C2C2C2; */
	display: none;
/*	width: 145px; *//* tmu_change */
	width: 115px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
/*	top: 35px; *//* tmu_change */
	top: 32px;
	z-index: 15;
}
.control-menu a {
/*	color: #231815; *//* ｔmu_change */
	color: #15597e;
	font-size: 116%;
	font-weight: bold;
/*	text-decoration: none; *//* ｔmu_change */
	text-decoration: underline;
	cursor:pointer;
}

.control-menu-colomn {
	-webkit-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color: #545555;
	cursor: pointer;
	display: flex;
	font-size: 93%;
/*	font-weight: bold; *//* tmu_delete */
	height: 49px;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}

/* tmu_add */
.control-menu-colomn:hover {
	opacity: 0.6;
}

.control-menu .control-list:nth-child(2n-1) {
	background-color: #FFF;
}

.control-menu .control-list:nth-child(2n) {
	background-color: #ECEBEA;
}

/* 画面上部 ユーザ情報部分 */
.login-view {
/*	background-color: #edf3f7; *//* tmu_delete */
/*	padding: 0 30px 7px 34px; *//* tmu_change */
	padding: 10px 30px 7px 34px;
	font-size: 93%;
}

@media ( max-width : 480px) {
	.login-view {
/*		padding: 0 13px 13px; *//* tmu_change */
		padding: 0 13px 0;
	}
}

/* tmu_add */
@media screen and (min-width: 1301px) {
	.login-view-portal {
		background: linear-gradient(90deg, #fff 0%, #fff calc(100% - 311px), #e1e6e7 calc(100% - 310px), #e1e6e7 100%);
		padding-bottom: 0;
	}
}

.login-view-name {
	float: right;
	padding-top: 8px;
}

@media ( max-width : 480px) {
	.login-view-name {
/*		padding-bottom: 15px; *//* tmu_change */
		padding-bottom: 10px;
	}
}

/* 表示枠部品 */
.block {
	background-color: #FFF;
/*	box-shadow: 5px 5px 5px #C2C2C2; */
	margin: 40px 70px 20px 34px;/* tmu_change */
}

@media ( max-width : 480px) {
	.block {
		font-size: 93%;
		margin: 20px 13px 20px;/* tmu_change */
	}
}

.flex {
	display: flex;
}

@media ( max-width : 480px) {
	.flex {
		display: block;
	}
}

.block-title {
	float: left;
	position: relative;
}

@media ( max-width : 480px) {
	.block-title {
		float: none;
	}
}

.block-dummy {
	padding-bottom: 55px;
}

@media ( max-width : 480px) {
	.block-dummy {
		padding-bottom: 0px;
	}
}

.block-cube {
	min-height: 185px;
	width: 190px;
}

@media ( max-width : 480px) {
	.block-cube {
		min-height: auto;
		width: 100%;
	}
}

.block-wide {
/*	padding: 10px 25px 10px; *//* tmu_change */
	padding: 11px 10px 10px;
	width: 100%;
	background-color: #f9f9f9; /* tmu_add */
	border: 1px solid #e5e5e5; /* tmu_add */
}

@media ( max-width : 480px) {
	.block-wide {
		/*display: inline-block;*//* tmu_delete */
		/*padding: 7px 5px 7px; *//* tmu_change */
		padding: 11px 7px 10px;
	}
}

.block-title-txt {
/*	color: #FFF; *//* tmu_add */
	color: #555;
/*	font-size: 146.5%; *//* tmu_add */
	font-size: 116%;
	font-weight: bold;
	width: 100%;
	word-break: break-all;
}

@media ( max-width : 480px) {
	.block-title-txt {
		/*font-size: 146%;  *//* tmu_delete */
		word-break: break-all;
	}
}

/* タイトルボタンが存在する場合に必要 */
.block-title-inline {
	display: inline-block;
	width: 56%;
}

.cube-block-title-txt {
	background-position: center top;
	background-repeat: no-repeat;
	padding: 65px 10px 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 57px);
}

@media ( max-width : 480px) {
	.cube-block-title-txt {
		padding: 10px 10px 10px;
		text-align: left;
		position: relative;
	}
}

.block-title-btn {
	bottom: 10px;
	left: 15px;
	position: absolute;
}

@media ( max-width : 480px) {
	.block-title-btn {
		background-color: inherit;
		margin: 0;
		padding: 0 20px 20px;
		position: relative;
		bottom: 0;
		left: 0;
		float: left;
		width: 100%;
	}
}

.block-contents {
	background-color: #FFF;
	float: left;
	width: calc(100% - 190px);
}

@media ( max-width : 480px) {
	.block-contents {
		width: 100%;
	}
}

/*TODO blockのプロパティの影がないバージョン 分けれる? */
.block-under-area {
/*	margin: 40px 70px 0 34px; *//* tmu_change */
	margin: 20px 0 34px;
}

@media ( max-width : 480px) {
	.block-under-area {
/*		margin: 25px 18px 0 18px; *//* tmu_change */
		margin: 25px 0 0;
	}
}

.block-under-area-narrow {
/*	margin: 10px 70px 0 5px; *//* tmu_change */
	margin: 5px 5px 0 5px;
}

@media ( max-width : 480px) {
	.block-under-area-narrow {
		/*margin: 25px 18px 0 18px; *//* tmu_change */
		margin-top: 25px;
	}
}

.block-under-area-btn {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.under-area-txt {
	text-align: center;
	margin-bottom: 20px;
}

.under-btn {
	display: inline-block;
/*	margin: 0 10px 0 10px; *//* tmu_change */
	margin: 0 ;
/*	min-width: 190px; *//* tmu_change */
/*	padding: 7px 14px 5px; *//* tmu_change */
	padding: 7px 5px 5px;
	line-height: 1.1; /* tmu_add */
}

@media ( max-width : 480px) {
	.under-btn {
		/*display: block; *//* tmu_delete */
		/*margin: 0px 10px 10px 10px; *//* tmu_delete */
		/*min-width: auto; *//* tmu_delete */
		/*padding: 17px 14px 15px; *//* tmu_change */
		padding: 7px 10px 6px;
	}
}

.feedback-transition-btn {
	display: inline-block;
	margin: 0 10px 0 10px;
	width: 80px;
	padding: 7px 14px 5px;
}

.under-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.link-txt {
/*	color: #1111cc; *//* tmu_change */
	color: #15597e;
	font-weight: bold;
/*	text-decoration: none; *//* tmu_change */
	text-decoration: underline;
}

.link-txt:hover {
	opacity: 0.6;
	cursor: pointer;
	text-decoration: none; /* tmu_add */
}

.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.break {
	word-break: break-all;
	word-wrap: anywhere;
}

/* コースコンテンツ内のヘッダー */
.course-header {
	background-color: #FFF;
/*	box-shadow: 0px 7px 5px #C2C2C2; */
	margin-left: 34px;
}
@media ( max-width : 480px) {
	.course-header {
		margin-left: 13px;
	}
}

.course-title-txt {
	border-top: 2px solid #D6DADB;
	font-size: 160%;
	font-weight: bold;
	padding: 12px 30px 10px 34px;
}

@media ( max-width : 480px) {
	.course-title-txt {
		font-size: 145%;
		float: none;
		padding: 12px 13px 13px;
	}
}

.contents-title {
/*	border-top: 1px solid #D6DADB; *//* tmu_delete */
	margin-bottom: 20px; /* tmu_add */
/*	padding: 10px 30px 15px 34px; *//* tmu_delete */
}

/* tmu_delete */
/*@media ( max-width : 480px) {
	.contents-title {
		padding: 2px 13px 1px;
	}
}*/

/* ヘッダー内に詳細を書く場合はcontents-titleではなくこっちで対応 */
.course-header-detail {
	border-top: 1px solid #D6DADB;
	margin: 10px 10px;
}

.contents-title-txt {
	color: #15597e; /* tmu_add */
/*	font-size: 146.5%; *//* tmu_change */
	font-size: 167%;
	font-weight: bold;
/*	margin: 10px 5px 15px; *//* tmu_delete */
}

/* tmu_delete */
/*@media ( max-width : 480px) {
	.contents-title-txt {
		font-size: 120%;
	}
}*/

/* tmu_add */
.contents-title-ico {
	background-position: 0 center;
	background-repeat: no-repeat;
	padding: 4px 5px 0 33px;
}

.contents-detail {
	width: 100%;
}

.contents-list {
	border-top: 0px;
}

.contents-display-flex {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-display-flex {
		padding: 5px;
	}
}

/* スマートフォン用に作成 */
.contents-display-flex-exchange-sp {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
}

@media ( max-width : 480px) {
	.contents-display-flex-exchange-sp {
		display: block;
	}
}

.contents-display-flex-padding-sp {
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-display-flex-padding-sp {
		padding: 6px 6px 6px 6px;
	}
}
/*TODO 隙を見て変更する
.display-flex{
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

.feedback-flex{
	justify-content: space-between;
	padding: 8px 6px 6px 20px;
}

.question-template-new-flex{
	justify-content: flex-end;
	width: 13%;
}

*/
.contents-feedback-flex {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-feedback-flex {
		padding: 10px 6px 6px 6px;
	}
}

/*TODO 最終的にreport.cssに移動*/
.contents-report-all-status-block-flex {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	padding: 8px 6px 6px 20px;
}

@media ( max-width : 480px) {
	.contents-report-all-status-block-flex {
		padding: 8px 0px;
	}
}

.contents-report-all-status-flex {
	align-items: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	height: 35px;
	justify-content: flex-start;
}

@media ( max-width : 480px) {
	.contents-report-all-status-flex {
		height: 50px;
	}
}

.result-list {
/*	border-bottom: 1px solid #DDD; *//* tmu_delete */
}

.result-list:nth-child(2n-1) {
/*	background-color: #FFF; *//* tmu_change */
	background-color: #f9f9f9;
}

.result-list:nth-child(2n) {
/*	background-color: #FFFAF0; *//* tmu_change */
	background-color: #fff;
}

.course-result-list {
	border-bottom: 1px solid #DDD;
}

.course-result-list:nth-of-type(odd) {
	background-color: #FFF;
}

.course-result-list:nth-of-type(even) {
	background-color: #FFFAF0;
}

@media ( max-width : 480px) {
	.course-result-list {
		display: block;
	}
}

.contents-tag {
	border-bottom: 2.5px solid #DDD;
}

.contents-vertical {
/*	border-bottom: 1px solid #DDD; *//* tmu_change */
	border: 1px solid #e5e5e5;
	display: table;
	border-top: none; /* tmu_add */
}

.contents-header {
	display: table-cell;
/*	padding: 9px 15px 9px 25px; *//* tmu_change */
	padding: 9px 10px 7px 20px;
	vertical-align: middle;
/*	width: 20%; *//* tmu_change */
	width: 240px;
}

@media ( max-width : 480px) {
	.contents-header {
		display: block;
		/*padding: 7px 5px 7px 5px; *//* tmu_change */
		padding: 10px 7px 5px;
		width: 100%;
	}
}

.contents-header-message {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}

.contents-complete {
	min-height: 80px;
	padding: 10px;
	position: relative;
}

.contents-complete-message {
	font-size: 120%;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
@media ( max-width : 480px) {
	.contents-complete-message {
		font-size: 93%;
		left: 50%;
		position: absolute;
		text-align: center;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
}

.contents-header-txt {
	color: #000; /* tmu_add */
/*	font-size: 108%; *//* tmu_change */
	font-size: 123.1%;
}

@media ( max-width : 480px) {
	.contents-header-txt {
		/*font-size: 100%; *//* tmu_delete */
		font-size: 116%;
	}
}

.bold-txt {
	font-weight: bold;
}

.caution-txt {
	color: red;
}

.highlight-txt {
	color: #B83130;
}

.margin-center {
	margin-left: auto;
	margin-right: auto;
}

/* ボタン部品 */
.btn {
	display: block;
	padding: 5px 5px 0;
}

.btn:hover {
	opacity: 0.6;
	cursor: pointer;
}

.btn-new {
	background-image: url(../img/add_icon.png);
	border-radius: 50%;
	height: 27px;
	width: 27px;
}

.btn-new-color {
	filter: invert(65%);
	margin-right: 5px;
}

/*TODO 名称変更*/
/* 2つ以上のボタンが存在する時に右側に追加 */
.title-btn {
	margin-left: 20px;
}

@media ( max-width : 480px) {
	.title-btn {
		margin-left: 5px;
	}
}

.btn-edit {
	background: #434444 url(../img/btn_ico_edit.png) center center no-repeat;
	border: 2px solid #434444;
	border-radius: 50%;
	display: block;
	height: 27px;
	text-decoration: none;
	width: 27px;
}

.btn-control {
	background-image: url(../img/control_btn_icon.png);
	background-size: 27px, 27px;
	border-radius: 50%;
	cursor: pointer;
/*	height: 28px; *//* tmu_change */
	height: 27px;
	position: relative;
	width: 27px;
	transition: all 300ms 0s ease;
}

.btn-control:before {
	content: '';
/*	border-radius: 3px; *//* tmu_change */
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 300ms 0s ease;
}

.btn-control:hover:before {
	background-color: rgba(255, 255, 255, 0.4);
}

.btn-square {
	height: auto;
	width: 115px;
}

.btn-delete-shape {
	heght: 25px;
	width: 70px;
}

.btn-reload {
	margin: 10px;
}

.btn-square-area {
	margin-left: 12px;
	padding-top: 5px;
}

.btn-left {
	float: left;
}

.btn-right {
	float: right;
}

.btn-inline {
	display: inline-block;
/*	padding: 7px 14px 5px; *//* tmu_change */
	padding: 5px 5px 4px;
}


/* tmu_add */
@media ( max-width : 480px) {
	.btn-inline {
		padding: 7px 10px 6px;
	}
}

.btn-inline:hover {
	opacity: 0.6;
	cursor: pointer;
}

.btn-file-margin {
	margin-left: 10px;
}

@media ( max-width : 480px) {
	.btn-file-margin {
		margin-left: 0px;
		margin-bottom: 5px;
	}
}

.btn-txt {
	border-radius: 4px;
/*	font-size: 93%; *//* tmu_change */
	font-size: 123.1%;
/*	min-height: 25px; *//* tmu_delete */
	min-width: 62px;
	text-align: center;
	text-decoration: none;
}
@media ( max-width : 480px) {
	.btn-txt {
/*		font-size: 100%; *//* tmu_change */
		font-size: 93%;
		min-width: 46px; /* tmu_add */
	}
}

/* tmu_add */
@media ( max-width : 480px) {
	.btn-txt.printBtn {
		min-width: 62px;
	}
}

/* tmu_add */
@media ( max-width : 480px) {
	.commonDialogButtonArea .btn-txt {
		min-width: 62px;
	}
}

.btn-color {
/*	background-color: #434444; *//* tmu_change */
	background-color: #15597e;
/*	border: 1px solid #3b3b3b; *//* tmu_delete */
/*	box-shadow: 0px 1px 3px 1px #434444; *//* tmu_delete */
	color: #FFF;
	transition: all 100ms 0s ease;
}
@media ( max-width : 480px) {
	.btn-color {
/*		border-radius: 34px; *//* tmu_change */
		border-radius: 3px;
	}
}

.btn-color:active {
	box-shadow: none;
}

/* tmu_add */
.commonDialogButtonArea .btn-color {
	color: #FFF;
	background-color:#15597e;
	transition: all 100ms 0s ease;
}

/* tmu_add */
.popup-modal-close {
	color: #FFF;
	background-color:#15597e;
	transition: all 100ms 0s ease;
}

.ui-widget-content {
	border: none;
}

.white-btn-color {
	background-color: #FFF;
/*	border: 1px solid #FFF; *//* tmu_change */
	border: 1px solid #15597e;
/*	box-shadow: 0px 2px 3px 1px #40454a; *//* tmu_delete */
/*	color: #27251F; *//* tmu_change */
	color: #15597e;
/*	transition: all 300ms 0s ease; *//* tmu_change */
	transition: all 100ms 0s ease;
}

/* tmu_delete */
/*@media ( max-width : 480px) {
	.white-btn-color {
		border-radius: 34px;
	}
}*/

.white-btn-color:active {
	box-shadow: none;
}

.red-btn-color {
	background-color: #e63333;
	border: 1px solid #e63333;
	box-shadow: 0px 1px 3px 1px #b15050;
	color: #FFF;
	transition: all 300ms 0s ease;
}

.red-btn-color:active {
	box-shadow: none;
}

.newIcon {
	background-color: #d91d5e;
	color: #FFF;
	margin-left: 5px;
	padding: 1px 5px;
	word-break: keep-all;
	width: 40px;
}

/* 入力部品 */
.contents-input-area {
	display: table-cell;
/*	padding: 9px 15px 9px 25px; *//* tmu_change */
	padding: 6px 25px 4px 0;
	width:80%;
	word-break: break-all;
	color: #666; /* tmu_add */
	font-size: 123.1%; /* tmu_add */
	line-height: 1.6; /* tmu_add */
	
}

@media ( max-width : 480px) {
	.contents-input-area {
		display: block;
		/*font-size: 93%; *//* tmu_delete */
		padding: 5px 5px 5px 5px;
		width: 100%;
		word-break: break-all;
	}
}

/* tmu_add */
.contents-input-area .ql-container {
	font-size: 100%;
}

/* tmu_add */
.contents-input-area .ql-snow a {
	color: #15597e;
	font-weight: bold;
}

/* tmu_add */
.contents-input-area .ql-snow a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.input-count {
	text-align: right;
}

@media ( max-width : 480px) {
	.input-count {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

.input {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
/*	border: 1px solid #aeaeae; *//* tmu_change */
	border: 1px solid #666;
}

.input-box {
	color: #545555;
	padding: 6px 10px;
	width: 100%;
	font-size: 116%;
}

/* 調整中 */
.input-box-url {
	color: #545555;
	padding: 6px 10px;
	width: 70%;
}

.textarea-box {
	padding: 6px 10px;
	resize: none;
	width: 100%;
	font-size: 116%;
}

.textarea-add-box {
	height: 165px;
}

.input-select-box-area {
	background: #FFF;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}

.input-select-box-area-multi {
	background: #FFF;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
}

/*TODO 時間があるときに上と結合*/
.input-select-small-box-area {
	width: 10%;
}

.input-select-box {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	line-height: 1.5em;
	min-height: 20px;
/*	padding-right: 1.6em; *//* tmu_delete */
	text-indent: 0.01px;
	text-overflow: ellipsis;
	width: 100%;
/*	padding: 5px 10px; *//* tmu_change */
	padding: 6px 10px 5px;
	color: #555; /* tmu_add */
	font-size: 116%; /* tmu_add */
}

@media ( max-width : 480px) {
	.input-select-box {
		/*padding: 0.8em 1.5em 0.8em 0.5em;  *//* 文字周りの余白 *//* tmu_change */
		padding: 6px 10px 5px;
		/*border-radius: 4px; */ /* 角丸 *//* tmu_delete */
		/*background-color: #f7f9fb; */ /* 背景色 *//* tmu_delete */
		/*box-shadow: 0 3px 3px -2px rgba(3, 29, 41, 0.15); *//* 影 *//* tmu_delete */
		height: 41px; /* tmu_add */
	}
}


/* フォーカス時 */
.input-select-box:focus {
  outline: 0;
}
.input-select-box-area::before {
/*	border-left: 5px solid transparent; *//* tmu_change */
	border-left: 7px solid transparent;
/*	border-right: 5px solid transparent; *//* tmu_change */
	border-right: 7px solid transparent;
/*	border-top: 6px solid #555; *//* tmu_change */
	border-top: 7px solid #666;
	content: '';
	height: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
/*	top: 1em; *//* tmu_change */
	top: 14px;
/*	right: 0.5em; *//* tmu_change */
	right: 7px;
	width: 0;
}

/* tmu_add */
@media ( max-width : 480px) {
	.input-select-box-area::before {
		top: 17px;
	}
}

.input-select-box-area::after {
	bottom: 0;
	position: absolute;
/*	border-left: 1px solid #aeaeae; *//* tmu_change */
	border-left: 1px solid #666;
	content: '';
/*	right: 1.6em; *//* tmu_change */
	right: 26px;
/*	top: 0; *//* tmu_change */
	top: 6px;
	width: 1px;
	height: 23px; /* tmu_add */
}

/* tmu_add */
@media ( max-width : 480px) {
	.input-select-box-area::after {
		height: 29px;
	}
}

.input-file-text-area {
	float: left;
}

.input-calender {
	padding: 6px 10px;
	width: 115px;
	font-size: 116%;
}

@media ( max-width : 480px) {
	.input-calender {
		width: 125px;
	}
}

.input-timer {
	padding: 6px 10px;
	width: 80px;
	font-size: 116%;
}

@media ( max-width : 480px) {
	.input-timer {
		width: 65px;
	}
}

.btn-timer {
	height: 29px;
	padding: 6px 10px;
	width: 2px;
}

/* : */
.contents-time-colon:after {
	content: ":";
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 5px;
}

/* ～ */
.contents-time-to:after {
	content: "～";
/*	margin-left: 3px;*//* tmu_change */
/*	margin-left: 0; *//* 20230227 */
	padding-left: 10px;
/*	margin-right: 3px;*//* tmu_change */
	margin-right: 0;
}

.margin-txt-left {
	margin-left: 10px;
}

.input-radio {
	background-color: transparent;
	border-radius: 100%;
	height: 18px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	position: relative;
	top: 5px;
	width: 18px;
}

@media ( max-width : 480px) {
	.input-radio {
		height: 23px;
		width: 23px;
		margin-left: 5px;
	}
}

.input-radio:after {
	content: "";
	background-color: #595656;
	border-radius: 100%;
	display: block;
	height: 10px;
	left: 3px;
	top: 3px;
	opacity: 0;
	position: absolute;
	width: 10px;
}
@media ( max-width : 480px) {
	.input-radio:after {
		height: 15px;
		width: 15px;
	}
}


.input-radio:checked:after {
	opacity: 1.0;
}

.no-top-input-radio {
	top: 0;
}

.input-checkbox {
	background-color: transparent;
/*	border-radius: 0; *//* tmu_change */
	border-radius: 3px;
	height: 18px;
	margin-left: 10px;
/*	margin-right: 10px; *//* tmu_change */
	margin-right: 8px;
	margin-top: 0; /* tmu_add */
	padding: 0;
	position: relative;
	top: 4px;
	width: 18px;
}

@media ( max-width : 480px) {
	.input-checkbox {
		margin: 0;
	}
}

.input-checkbox-label {
	vertical-align: 3px;
}

.input-checkbox:after {
	content: "";
/*	border-right: 2px solid #231815; *//* tmu_change */
	border-right: 5px solid #231815;
/*	border-bottom: 2px solid #231815;*//* tmu_change */
	border-bottom: 5px solid #231815;
	display: block;
/*	height: 8px; *//* tmu_change */
	height: 12px;
/*	left: 4px;*//* tmu_change */
	left: 3px;
	opacity: 0;
	position: absolute;
/*	top: 2px; *//* tmu_change */
	top: -2px;
	transform: rotate(45deg);
/*	width: 5px; *//* tmu_change */
	width: 5px;
}

.input-checkbox:checked:after {
	opacity: 1.0;
}

.input-small-box {
	padding: 6px 10px;
	width: 80px;
}

.up-sortmark {
	cursor: pointer;
}

.sortmark {
	cursor: pointer;
}

.up-sortmark:after {
	content: "△";
}

.sortmark:after {
	content: "▽";
}

/* ユーザグループ選択部品 */
.user-group-checkbox {
	width: 10%;
}

.user-group-name {
	width: 90%;
}

/* ユーザグループ詳細(ポップアップ) */
.user-group-list-user-number {
	margin-left: 15px;
	width: 33%;
}

.user-group-list-user-id {
	margin-left: 15px;
	width: 33%;
}

.user-group-list-user-name {
	margin-left: 15px;
	width: 33%;
}

/* 説問追加およびテンプレートエリア */

/*TODO 調整中(contents-display-flex) */
.contents-question-template-area {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
}

.contents-question-template-title {
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	width: 20%;
}

.contents-question-template-new {
	justify-content: flex-end;
	width: 13%;
}

@media ( max-width : 480px) {
	.contents-question-template-new {
		justify-content: flex-start;
		width: 100%;
	}
}

.contents-question-template-txt-area {
	width: 63%;
}

@media ( max-width : 480px) {
	.contents-question-template-txt-area {
		width: 100%;
	}
}

.contents-template-txt {
	margin-right: 5px;
}

.contents-question-template-control-area {
	padding: 13px 0px 5px 0px;
	width: 4%;
}

.sp-contents-question-template-control-area {
	display: none;
}

@media ( max-width : 480px) {
	.sp-contents-question-template-control-area {
		display: block;
		float: right;
		padding: 0;
		width: 10%;
	}
}

.question-make-btn-txt {
	margin-top: 6px;
}

.last-updater-area {
	float: right;
	margin-right: 70px;
}

@media ( max-width : 480px) {
	.last-updater-area {
		float: none;
		margin: 10px 18px 0 18px;
	}
}

/* ページング */
.paging-area {
	padding-left: 0;
}

.btn-paging {
	display: inline-block;
	padding: 7px 10px 5px;
}

@media ( max-width : 480px) {
	.btn-paging {
		margin-left: 5px;
	}
}

.btn-paging-txt {
	border-radius: 3px;
	min-height: 25px;
	text-align: center;
	text-decoration: none;
}

.paging-txt {
	font-size: 146.5%;
	margin-right: 15px;
	margin-left: auto;
	padding-top: 5px;
}

/* 現在ページのボタン */
.current-page {
	background-color: #FFF;
	color: #434444;
}

/* ポップアップ用 */
.block-popup {
	background: #FFF;
	height: auto;
	margin: auto;
	max-width: 800px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}

@media ( max-width : 480px) {
	.block-popup {
		width: auto;
	}
}

.block-btn-popup-area {
	margin-top: 12px;
	padding-bottom: 12px;
}

@media ( max-width : 480px) {
	.popup-txt {
		font-size: 93%;
		text-align: center;
	}
}

.block-popup-scroll {
	overflow: scroll;
	max-height: 300px;
}

@media ( max-width : 480px) {
	.block-popup-scroll-sp {
		overflow: scroll;
		max-height: 300px;
	}
}

/* 各コンテンツのイメージカラー*/
.inquiry-color {
	background-color: #64C93F;
}

.information-color {
/*	background-color: #ac732d; *//* tmu_delete */
}

.report-color {
	background-color: #F26A6A;
}

.material-color {
	background-color: #2FBACB;
}

.material-sub-color {
	background-color: #D6D8B2;
}

.examination-color {
	background-color: #2B77B4;
}

.survey-color {
	background-color: #F2931B;
}

.discussion-color {
	background-color: #219083;
}

.attendance-color {
	background-color: #c55441;
}

.lti-color {
	background-color: #E87045;
}

.setting-color {
/*	background-color: #5E6572; *//* tmu_delete */
}

.course-search-color {
	background-color: #875397;
}

.portal-color {
	background: #03832e;
}

.lms-color {
	background-color: #96C1EA;
}

.kyomu-color {
	background-color: #00B6EE;
}

.strage-color {
	background-color: #EE827C;
}

.webmail-color {
	background-color: #3CB371;
}

.info-color {
	background-color: #5E6572;
}

.calendar-color {
	background-color: #3a4e5d;
}

.links-color {
	background-color: #D6736B;
}

.notice-color {
	background-color: #195863;
}

.rss-color {
	background-color: #775548;
}

.questionnaire-color {
	background-color: #f2931b;
}

/* コーストップアイコン */
.inquiry-icon {
	background: url(../../img/subblock_ico_qa.png);
}

.information-icon {
/*	background: url(../img/subblock_ico_information.png); *//* tmu_change */
		background-image: url(../home/img/top_ico_information.png);
}

.information-red-icon {
		background-image: url(../home/img/top_ico_information_red.png);
}

.report-icon {
	background: url(../../img/subblock_ico_report.png);
}

.material-icon {
	background: url(../../img/subblock_ico_content.png);
}

.examination-icon {
	background: url(../../img/subblock_ico_examination.png);
}

.survey-icon {
	/*background: url(../../img/subblock_ico_questionnaire.png);*//* tmu_change */
	background-image: url(../home/img/top_ico_questionnaire.png);
}

.discussion-icon {
	background: url(../../img/subblock_ico_discussion.png);
}

.lti-icon {
	background: url(../../img/subblock_other_tools.png);
}

.attendance-icon {
	background: url(../../img/subblock_ico_attendance.png);
}

.course-manage-icon {
	background-image: url(../img/subblock_ico_search.png);
}

.course-top-icon {
	background-position: center top;
	background-repeat: no-repeat;
}

@media ( max-width : 480px) {
	.course-top-icon {
		background: none;
	}
}

/* 設問編集アイコン一覧*/
.question-down-icon {
	background: url(/img/examination_btn_down.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-up-icon {
	background: url(/img/examination_btn_up.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-copy-icon {
	background: url(/img/examination_btn_copy.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-edit-icon {
	background: url(/img/examination_btn_edit.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

.question-delete-icon {
	background: url(/img/examination_btn_delete.png) no-repeat;
	min-width: 100%;
	padding-bottom: 10px;
	padding-left: 30px;
}

/* テスト・アンケート 編集 説問表示 */
/* contents-input-areaとほぼ同じ */
.contents-answer-area {
	display: table-cell;
	padding: 0 0 0 25px;
	vertical-align: middle;
	width: 80%;
}

.contents-question-border {
	border-bottom: 1px solid #DDD;
}

.contents-question-border:last-child {
	border: none;
}

.contents-question-answer {
	padding: 7px 0px;
}

.contents-question-collect {
	width: 30%;
}

/* 説問表示 */
.contents-quetison-area {
	margin-bottom: 10px;
}

.contents-question-vertical {
	border-bottom: 1px solid #DDD;
	display: table;
	table-layout: fixed;
}

.contents-question-title {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 180px;
}

@media ( max-width : 480px) {
	.contents-question-title {
		display: block;
		width: 100%;
		padding: 9px 10px 7px;
		text-align: left;
	}
}

.contents-question-detail-area {
	display: table-cell;
}

@media ( max-width : 480px) {
	.contents-question-detail-area {
		display: block;
		width: 100%;
	}
}

@media ( max-width : 480px) {
	.sp-contents-question-title {
		display: block;
	}
}

.contents-question-save-temp-date {
	display: block;
	font-size: 90%;
	padding-top: 5px;
	text-align: left;
	width: auto;
}

/* 掲示板・問い合わせ */
/* スレッド */
.discussion-main-board {
	padding: 60px 30px 10px;
	background-color: #afcdb1;
}

@media ( max-width : 480px) {
	.discussion-main-board {
		padding: 20px 25px 10px;
	}
}

.discussion-reload-area {
	padding-top: 10px;
	text-align: right;
}

.discussion-message-block {
	width: calc(70% - 90px);
	margin-bottom: 40px;
}

@media ( max-width : 480px) {
	.discussion-message-block {
		width: 100%;
	}
}

.discussion-self {
	text-align: right;
	margin-left: auto;
}

.discussion-other {
	text-align: left;
	margin-right: auto;
}

.discussion-message-main {
	border-radius: 6px;
	display: inline-block;
	font-size: 93%;
	line-height: 1.6;
	padding: 10px 18px 10px;
	position: relative;
	text-align: start;
	max-width: 100%;
	min-width: 370px;
}

@media ( max-width : 480px) {
	.discussion-message-main {
		min-width: 100px;
		padding: 10px 10px 10px;
	}
}

.discussion-self-color {
	background-color: #dbf2fd;
	box-shadow: -1px 1px 1px #5a5a5a;
}

.discussion-student-color {
	background-color: #fff;
	box-shadow: 1px 1px 1px #5a5a5a;
}

.discussion-teacher-color {
	background-color: #ffdad9;
	box-shadow: 1px 1px 1px #5a5a5a;
}

.discussion-self-comment:after {
	background-color: transparent;
	border-top: 8px solid #dbf2fd;
	border-left: 8px solid #dbf2fd;
	border-bottom: 8px solid transparent;
	border-right: 8px solid transparent;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	right: -16px;
	top: 14px;
	width: 0;
}

.discussion-other-comment:before {
	background-color: transparent;
	border-left: 8px solid transparent;
	border-bottom: 8px solid transparent;
	content: '';
	display: block;
	height: 0;
	left: -16px;
	position: absolute;
	top: 14px;
	width: 0;
}

.discussion-teacher-comment:before {
	border-top: 8px solid #ffdad9;
	border-right: 8px solid #ffdad9;
}

.discussion-student-comment:before {
	border-top: 8px solid #fff;
	border-right: 8px solid #fff;
}

/*TODO margin-topしてるだけなのでなんとかしたい*/
.message-margin-top {
	margin-top: 10px;
}

.textarea-contents {
	white-space: pre-wrap;
}

/* テスト解答・アンケート回答画面 残り時間のエリア */
.timer-btn-area-timer {
	float: left;
	padding-right: 20px;
	position: relative;
}

.timer-btn-area-btn {
	display: inline-block;
	margin-top: 10px;
	float: right;
	padding-right: 20px;
	position: relative;
	text-align: right;
	width: 310px;
}

.timer-btn-confirm-area-btn {
	display: inline-block;
	margin-top: 10px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	text-align: center;
	width: 140px;
	margin-right: 25px;
}

.save-temp-area {
	display: inline-block;
}

.btn-question-confirm {
	display: inline-block;
	vertical-align: top;
}

/* 常時必要 */
.timer-btn-area {
	background-color: #E1E1E0;
/*	box-shadow: 0 5px 5px #C2C2C2; */
	padding: 17px 0 14px 34px;
	width: 100%;
}

@media ( max-width : 480px) {
	.timer-btn-area {
		padding: 5px 0 5px 13px;
	}
}

/*スクロール前*/
.timer-btn-area-unset {
	margin: 15px 0 35px;
}

@media ( max-width : 480px) {
	.timer-btn-area-unset {
		margin: 15px 0;
	}
}

.timer-btn-area-fixed {
	margin: 0;
	position: sticky;
	top: 59px;
	z-index: 10;
}

@media ( max-width : 480px) {
/*スクロール後（スマートフォン）*/
	.timer-btn-area-fixed {
		top: 50px;
	}
}

.large-timer-number {
	background-color: #FFF;
	border-radius: 4px;
	color: #888988;
	float: left;
	font-size: 269%;
	line-height: 1.1;
	padding: 6px 5px 1px;
}

.small-timer-number {
	background-color: #FFF;
	border-radius: 4px;
	color: #888988;
	font-size: 189%;
	float: left;
	line-height: 1.1;
	margin-top: 13px;
	padding: 4px 3px 0;
}

.large-colon {
	float: left;
	font-size: 269%;
	line-height: 1.1;
	padding: 6px 0 1px;
}

.small-colon {
	float: left;
	font-size: 189%;
	line-height: 1.1;
	margin-top: 13px;
	padding: 4px 0 0;
}

.drag-drop-area {
	background-color: #cde4ff;
	color: rgba(00, 00, 00, 0.35);
	height: 100px;
	margin-top: 10px;
	padding: 20px;
	width: 100%;
}

/* 幅選択用 */
.width-small {
	width: 10%;
}

.width-small-medium {
	width: 15%;
}

.width-quarter {
	width: 25%;
}

.width-medium {
	width: 30%;
}

.width-half {
	width: 50%;
}

.width-three-quarters {
	width: 75%;
}

/* 設問作成画面 */
.question-move-img {
	background: url(/img/move_2d.gif) no-repeat;
	min-height: 10px;
	padding: 0px 0px 0px 15px;
}

/* 一括削除 */
.bulk-delete-title {
	width: 14%;
}

@media ( max-width : 480px) {
	.bulk-delete-title {
		width: 100%;
	}
}

.bulk-delete-btn {
	margin-left: 15px;
	width: 14%;
}

@media ( max-width : 480px) {
	.bulk-delete-btn {
		margin-left: 10px;
		margin-top: 10px;
		width: 100%;
	}
}

.bulk-delete-detail {
	margin-left: 15px;
	width: 72%;
}

@media ( max-width : 480px) {
	.bulk-delete-detail {
		margin: 5px 0px;
		width: 100%;
	}
}

/* 入力エラー背景色 */
.inputErrorField {
	background-color: #FFC1D0;
}

/* エラー件数表示 */
.error-count-message-area {
	margin: 3px 0px 0px 10px;
	font-size: 123.1%;
}

/* エラーブロック */
.error-block {
	margin: 10px 70px 0 34px;
}

@media ( max-width : 480px) {
	.error-block {
		margin: 20px 13px 0;
	}
}
/* エラーメッセージ *//* tmu_add */
.error-message{
	font-size: 123.1%;
}

/* データ0件 *//* tmu_add */
.nodata-message{
	font-size: 123.1%;
	line-height: 1.6;
    padding-left: 10px;
}
/*TODO 上書きされない方法を見つける */
.contents-hidden {
	display: none;
}

@media ( max-width : 480px) {
	.sp-contents-hidden {
		display: none;
	}
}

.pc-contents-hidden {
	display: none;
}

@media ( max-width : 480px) {
	.pc-contents-hidden {
		display: block;
	}
}

/* ページダイレクトリンク */
.page-directlink {
	margin: 40px 70px 20px 34px;
}

@media ( max-width : 480px) {
	.page-directlink {
		margin: 20px 13px 20px 13px;
	}
}

.page-directlink-txt {
	color: #545555;
	font-size: 93%;
	float: left;
	margin-right: 10px;
	padding-top: 7px;
}

@media ( max-width : 480px) {
	.page-directlink-txt {
		width: 100%;
	}
}

.direct-link-box {
	width: 25%;
}

@media ( max-width : 480px) {
	.direct-link-box {
		width: 75%;
	}
}

.header-btn-active {
	background-color: transparent;
	box-shadow: none;
	border: 2px solid #434444;
	color: #434444;
	pointer-events: none;
}

/* 履修者一覧選択部品 */
.student-list-checkbox {
	width: 10%;
}

.student-list-user-number {
	width: 30%;
}

.student-list-user-id {
	width: 30%;
}

.student-list-user-name {
	width: 30%;
}

/* お知らせポップアップ */

.information-popup-block{
	background-color: #FFF;
/*	box-shadow: 5px 5px 5px #C2C2C2; */
/*	box-shadow: 5px 5px 5px #C2C2C2; */
	display: inline-block;
/*	margin: 20px 10px 0 10px; *//* tmu_chnage */
	margin: 10px 0 0;
	position: relative;
/*	width: calc(100% - 70px); *//* tmu_chnage */
	width: calc(100% - 84px);
}

/* tmu_add */
@media ( max-width : 480px) {
	.information-popup-block{
		width: calc(100% - 70px);
	}
}

.btn-information-move{
	cursor: pointer;
	display: table-cell;
/*	height: 150px; *//* tmu_chnage */
	height: 30px;
	margin-bottom: auto;
/*	padding: 4px; *//* tmu_delete */
	vertical-align: middle;
	min-width: auto; /* tmu_add */
	min-width: initial; /* tmu_add */
	text-align: center; /* tmu_add */
	width: 32px; /* tmu_add */
}

.btn-information-move:hover{
	opacity: 0.6;
}

/* tmu_add */
.backPageBtn {
	background-color: #fff;
	border: 1px solid #15597e;
	color: #15597e; 
	font-size: 131%;
}

/* tmu_add */
.nextPageBtn {
	background-color: #fff;
	border: 1px solid #15597e;
	color: #15597e; 
	font-size: 131%;
}

.btn-information-next{
	float: right;
/*	margin-top: 46px; *//* tmu_chnage */
/*	margin-left:4px;; *//* 20230221 */
	margin: 5px 5px 0;
	position: -webkit-sticky;
	position: sticky;
/*	top: 0; *//* tmu_chnage */
	top: calc(50% - 35px);
/*	width: 20px; *//* tmu_chnage */
	width: 32px;
}

/* tmu_add */
@media ( max-width : 480px) {
	.btn-information-next{
		margin: 3px 0 0 3px;
	}
}

.btn-information-back{
	float: left;
/*	margin-top: 46px; *//* tmu_chnage */
/*	margin-right: 4px; *//* tmu_chnage */
	margin: 5px 5px 0;
	position: -webkit-sticky;
	position: sticky;
/*	top: 0; *//* tmu_chnage */
	top: calc(50% - 35px);
/*	width: 20px; *//* tmu_chnage */
	width: 32px;
}

/* tmu_add */
@media ( max-width : 480px) {
	.btn-information-back{
		margin: 3px 3px 0 0;
	}
}

.btn-information-txt{
	display: inline-block;
}

.print-off {
    display: none;
}

/*プリント用CSS*/
.info_set_confirm_preview_sp{
	text-align: center;
	margin-top: 15px
}
@media(max-width: 480px){
	.info_set_confirm_preview_sp{
		display: none;
	}
}
@media print {
	#info_preview {
		width: 100%;
	}

	.information-popup-block{
		width: 100%;
	}
}

/* ロード中のキーフレーム */
@keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

@-moz-keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

@-webkit-keyframes spin
{
    0%   { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
.noDataStatus {
	background-color: #FFCCCC;
	border-bottom: 1px solid #DDD;
}

.absenceStudent {
	background-color: #FFCCCC;
}

.absenceStudent:nth-of-type(2n-1) {
	background-color: #FFCCCC;
}

.absenceStudent:nth-of-type(2n) {
	background-color: #FFCCCC;
}

/* 期間指定のリストの長さを調整(jquery内のhtmlの為id指定で記載 */
#hourSelectFrom-menu, #hourSelectTo-menu, #hourSelectFromDisp-menu,
	#hourSelectToDisp-menu, #hourSelectLate-menu {
	overflow-y: auto;
	height: 120px;
	width: 50px;
}

#minuitSelectFrom-menu, #minuitSelectTo-menu, #minuitSelectFromDisp-menu,
	#minuitSelectToDisp-menu, #minuitSelectLate-menu {
	overflow-y: auto;
	height: 120px;
	width: 50px;
}

/* システムエラー画面 */
.system-error-body {
/*	background-color: #EDF3F7; */
	background-color: #FFF;
	margin: auto;
}

@media ( max-width : 480px) {
	.system-error-body {
		margin: 10px;
	}
}

.system-error-title-txt {
	font-size: 330%;
	color: #15597e;
}

.system-error-contents-txt {
	font-size: 116%;
}

/* ファイルアップロードクラス(課題もそのうち共通にする) */
.file-input-area{
	padding-bottom: 70px;
}
@media(max-width: 480px){
	.file-input-area{
		padding-bottom: 0px;
	}
}

.file-object-area{
	margin-bottom: 10px;
}

.file-name-area{
	float: left;
	width: 55%;
}

@media(max-width: 480px){
	.file-btn-sp{
		margin-left: 80%;
	}
}

/* お知らせ重要度 枠の大きさや文字のweight管理 */
.portal-information-priority {
/*	font-weight: bold; *//* tmu_delete */
/*	margin: 0 2px 0 0; *//* 20230221 */
	margin: 0 1px 0 0;   /* 20230221 */
/*	padding:0px 3px; *//* tmu_change */
	padding:2px 4px 1px;
	word-break: keep-all;
	border-radius: 4px; /* tmu_add */
	font-size: 77%; /* tmu_add */
	word-break: keep-all;   /* 20230221 */
}

/* お知らせ重要度 緊急タイプ(importanceType=3)の重要度 */
.portal-information-priority-urgency-color{
	background-color: #f00;
	color: #FFF;
}

/* お知らせ重要度 重要タイプ(importanceType=2)の重要度 */
.portal-information-priority-important-color{
/*	background-color: #00a02b; *//* tmu_change */
	background-color: #15597e;
	color: #FFF;
}

/* お知らせ重要度 通常タイプ(importanceType=1)の重要度 */
.portal-information-priority-normal-color{
	background-color: #f00;
	color: #FFF;
	display: none;/* 現在は非表示 */
}

.portal-information-unread{
/*	background-color: #565251; *//* tmu_change */
	background-color: #666;
	color: #FFF;
}

.portal-information-update-color{
	background-color : #ffa500;
	color: #FFF;
}


/* --------------- */
/* Task List       */
/* --------------- */
.result_list .result_list_line,
.result_list .result_list_tag {
	display : flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content : flex-start;
	align-items : center;
}

.result_list .result_list_tag{
	font-size:108%;
	color:#27251F;
	font-weight:bold;
	padding:8px 6px 6px;
	border-bottom:2.5px solid #DDD;
}

.result_list .result_list_tag{
	font-size:108%;
	color:#27251F;
	font-weight:bold;
	padding:8px 6px 6px;
	border-bottom:2.5px solid #DDD;
}
div.result_list_content .result_list_line:nth-of-type(odd) {
	background-color : #FFF;
}
div.result_list_content .result_list_line:nth-of-type(even) {
	background-color : #f2a9000f;
}

.result_list .result_list_line{
	font-size:93%;
	color:#545555;
	padding:10px 6px 8px;
	border-bottom:1px solid #DDD;
	position:relative;
}

@media (max-width: 480px) {
	.result_list .result_list_line{
		padding:0;
		background-color:#FFF;
	}

	div.result_list_content .result_list_line:nth-of-type(even) {
		/*background-color : #FFF;*/
	}

	.result_list:not(.sp_normal) .result_list_line {
		display : block;
	}

	.sp_normal.result_list .result_list_line {
		margin : 0px;
		padding : 5px 0px;
	}

	.sp_normal.result_list .result_list_tag {
		display : flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		background-color : #FFF;
	}

	.sp_normal.result_list .result_list_line:nth-child(odd) {
		/*background-color : #ECEBEA;*/
	}

	.sp_normal.result_list .result_list_line {
		box-shadow: none;
	}
}

.course-manage{
	display: flex;
}
@media(max-width: 480px){
	.course-manage{
		display: block;
		width: 93%;
		margin: 20px auto 0;
	}
}

/* === ボタンを表示するエリア ============================== */
.result-switchArea {
  line-height    : 18px;                /* 1行の高さ          */
  letter-spacing : 0;                   /* 文字間             */
  text-align     : center;              /* 文字位置は中央     */
  font-size      : 6px;                /* 文字サイズ         */

  position       : relative;            /* 親要素が基点       */
  margin-top     : auto;                /* 中央寄せ           */
  margin-bottom  : auto;                /* 中央寄せ           */
  margin-right   : 0px;                /* 中央寄せ           */
  margin-left    : 10px;                /* 中央寄せ           */
  width          : 45px;               /* ボタンの横幅       */
  background     : #fff;                /* デフォルト背景色   */
}

@media ( max-width : 768px) {
	.result-switchArea {
		float: right;
		background:unset;
	}
}

/* tmu_add */
.app_checkbox label{
	color: #555;
	font-size: 116%;
}

/* 本来のチェックボックスを非表示 */
@media ( max-width : 480px) {

	/* tmu_add */
	.app_checkbox {
		background-color: #f2f2f6;
		border-radius: 9px;
		padding: 5px 13px;
	}

	/* tmu_add */
	.app_checkbox label{
		float: left;
		font-size: 85%;
		padding-top: 7px;
	}

	.app_checkbox input[type="checkbox"]{
	    display: none;
	}
	.app_checkbox input[type="checkbox"]+label{
	    cursor: pointer;
	    display: inline-block;
		/*box-sizing: content-box; *//* tmu_delete */
	    position: relative;
		/*width: 36px; *//* tmu_change */
		width: 40px;
		/*height: 18px; *//* tmu_change */
		height: 23px;
		/*background-color: #FFF; *//* tmu_change */
		background-color: #e9e9eb;
		/*border: 1px solid #CCC; *//* tmu_delete */
		/*border-radius: 18px; *//* tmu_delete */
		border-radius: 24px;
		float:right; /* tmu_add */
	}
	.app_checkbox input[type="checkbox"]:checked+label{
		/*background-color: #78D376; *//* tmu_change */
		background-color: #18577a;
		/* border-color: #78D376; *//* tmu_delete */
	}
	.app_checkbox input[type="checkbox"]+label:before{
	    content: "";
	    position: absolute;
	    display: block;
		/*width: 18px; *//* tmu_change */
		width: 21px;
		/*height: 18px; *//* widthと同じ 上のラベルの高さに揃える *//* tmu_change */
		height: 21px;
		/*left: 0; *//* tmu_change */
		left: 1px;
		/*top: 0; *//* tmu_change */
		top: 1px;
	    border-radius: 50%;
	    background-color: #FFF;
		/*box-shadow: 2px 2px 4px gray; *//* tmu_delete */
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	.app_checkbox input[type="checkbox"]:checked+label:before{
	    -webkit-transform: translateX(100%);
	    /*transform: translateX(100%); *//* tmu_change */
	    transform: translateX(17px);
	    box-shadow: none;
	    -webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
}

 /* 20230227 */
.block-border {
	border: 1px solid #e5e5e5;
}

 /* 20230306 */
.btn-control-sort {
	background-image: url(../img/launcher_app_icon.svg);
	background-size: 27px, 27px;
	cursor: pointer;
	height: 27px;
	position: relative;
	width: 27px;
	transition: all 300ms 0s ease;
	margin-bottom: -6px;
}

.portal-subblock-sort-contents-sp {
	display: none;
}
@media ( max-width : 480px){
	.portal-subblock-sort-contents-sp {
		display: inline-block;
	}
}

.portal-subblock-sort-contents-chk-sp {
	margin-bottom: 5px;
}

.portal-subblock-sort-contents-btn-sp {
	margin-left: 80%;
}

#personPortalSurveyList .survey-list-sort-title-sp .portal-subblock-sort-contents-btn-sp {
	margin-left: 90%;
}

.survey-list-sort-title-sp {
	border-top: 1px solid #e5e5e5;
}

.sort-menu-survey-list {
	width:150px;
}