@charset "UTF-8";
html, body {
	margin: 0;
	padding: 0;
	color: #000;
	/*font-size:62.5%;*//*pxだと10px;*/
	font-size:70%;
	font-family: YuGothic, 'Yu Gothic', "ヒラギノ角ゴ Pro W3", " メイリオ", Hiragino Kaku Gothic Pro, Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	background-color: #F8F8F6;
	/*background: linear-gradient(to bottom, #a3a5a6, #e1deda);*/
	-webkit-text-size-adjust: none;/*min-width:902px;*/
	/*letter-spacing: 0.05em;*/
	/*min-width:1024px;*/
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
 text-decoration:
}
em {
	font-weight: bold;
}
img {
	vertical-align: top;
}
/*-----------------------------------------------

	style
	
-----------------------------------------------*/

.ma-none {
	margin-bottom: 0px !important;
}
.ma-min {
	margin-bottom: 4px !important;
}
.ma-half {
	margin-bottom: 12px !important;
}
.ma-normal {
	margin-bottom: 36px !important;
}
.ma-double {
	margin-bottom: 48px !important;
}
.ma-70 {
	margin-bottom: 70px;
}
.pa-none {
	padding-bottom: 0px !important;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
	zoom: 1;
}
.mincho {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
/*-----------------------------------------------
	scrollbar
-----------------------------------------------*/
.scrollarea::-webkit-scrollbar {
	width: 8px;
	left: 8px;
	position: absolute;
	background: none;
}
.scrollarea::-webkit-scrollbar-thumb {
	background: linear-gradient(0deg,#ddd,#ccc);
	border-radius: 6px;
}
.scrollarea::-webkit-scrollbar-track {
	background: rgba(255,255,255, .8);
	border-radius: 6px;
}

/*-----------------------------------------------
	nav
-----------------------------------------------*/
#nav{
	position: fixed;
	top:0;
	left: 0;
	z-index: 3000;
}
#nav h1{
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	height: 60px;
	background: #F8F8F6;
   /* color: #e4007f;*/
	text-align: center;
	z-index: 3010;
	line-height: 60px;
	font-size: 3.0rem;
	box-shadow: 0px 0px 10px -6px #000000;
}
#nav h1 span{
	font-size: 1.3rem;
	font-weight: bold;
	margin-left: 10px;
	color: #fff;
	background: #000;
	padding: 4px;
	border-radius: 10px;
	margin-top: -4px;
	vertical-align: middle;
}
#nav h1 img{
    height: 38px;
    margin-top: 11px;
}
/*#nav h1::after{
	content: '';
	position: absolute;
	left:10px;
	bottom: 0;
	height: 2px;
	width: calc(100% - 20px);
	background: #000;
	border-radius: 3px;
	transition: all .5s;
}*/
#navTitle{
	position: fixed;
	top:17px;
	left:5px;
	height: 26px;
	line-height: 26px;
	z-index: 3200;
	font-size: 1.2rem;
}
#navTitle li{
	display: inline-block;
	position: relative;
}
#navTitle li.title{
	font-weight: 600;
	color: #e4007f;
	/*font-size: 1.4rem;*/
	vertical-align: bottom;
}
#navBack{
	position: fixed;
	top:-100%;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 3001;
	/*background: rgba(248,248,246,0.7);*/
	background: rgba(255,255,255,0.7);
	transition: all .5s;
}
#nav.on #navBack{
	top:0;
}
#nav1{
	position: fixed;
	top:60px;
	right:-250px;
	width: 200px;
	height: calc(100% - 60px);
	z-index: 3005;
	background: #F8F8F6;
	box-shadow: 0px 0px 10px -6px #000000;
	transition: all .5s;
}
#nav.on #nav1{
	right:0;
}

/*-----------------------------------------------
	btn
-----------------------------------------------*/
.btn{
	padding: 0 2px;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 2px;
	transition: all .5s;
}
.btn:hover{
	color: #e4007f;
}
.btn::after{
	content: '';
	position: absolute;
	left:0;
	bottom: -3px;
	height: 3px;
	width:100%;
	z-index: 1;
	background: #000;
	border-radius: 3px;
}
.btn::before{
	content: '';
	position: absolute;
	left:0;
	bottom: -3px;
	height: 3px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.btn:hover::before{
	width: 100%;
}
.navBtn{
	position: relative;
	height: 40px;
	line-height: 30px;
	font-size: 1.3rem;
	box-sizing: border-box;
	padding: 5px;
	cursor: pointer;
	transition: all .5s;
}
.navBtnTerm{
	height: 30px;
	line-height: 20px;
	font-size: 1.1rem;
}
#navBtnR4{
	margin-top: 20px;
}
.naviTextS{
	font-size: 0.9rem;
}
.navBtnML{
	margin-left: 8px;
}
.navBtnML2{
	margin-left: 16px;
	font-size: 1.2rem;
	height: 30px;
    line-height: 20px;
}
.navBtnML3{
	margin-left: 20px;
	font-size: 1.2rem;
	height: 30px;
    line-height: 20px;
}
.navBtnML4{
	margin-left: 24px;
	font-size: 1.2rem;
	height: 30px;
    line-height: 20px;
}
.navBtn:hover{
	color: #e4007f;
}
.navBtn::after{
	content: '';
	position: absolute;
	left:10px;
	bottom: 0;
	height: 2px;
	width: calc(100% - 20px);
	z-index: 1;
	background: #000;
	border-radius: 3px;
}
.navBtn::before{
	content: '';
	position: absolute;
	left:10px;
	bottom: 0;
	height: 2px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.navBtn:hover::before{
	width: calc(100% - 20px);
}
.navBtn span{
	margin: 0 5px;
}
#navBtn-studentHow{
    margin-top: 30px;
    display: block!important;
}
#navBtn-contentsTeacherSche{
    line-height: 16px;
    margin-top: 5px;
    height: 45px;
}
#navBtn-contentsTeacherSche span{
    display: inline-block;
}

.listBtn{
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	text-align: center;
	background: none!important;
	overflow: visible!important;
	transition: all .5s;
}
.listBtn:hover{
	color: #e4007f;
}
.listBtn::after{
	content: '';
	position: absolute;
	left:0;
	/*bottom: -3px;*/
	bottom: 0;
	height: 2px;
	width:100%;
	z-index: 1;
	background: #000;
	border-radius: 3px;
}
.listBtn::before{
	content: '';
	position: absolute;
	left:0;
	/*bottom: -3px;*/
	bottom: 0;
	height: 2px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.listBtn:hover::before{
	width: 100%;
}
.modalDelBtn{
	display: inline-block;
    width: 50px;
    margin-left: 10px;
}
.sortBtn{
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	text-align: center;
	background: none!important;
	overflow: visible!important;
	transition: all .5s;
	margin-left: 15px;
    padding-bottom: 3px;
    font-weight: normal;
    font-size: 1.3rem;
}
.sortBtn:hover{
	color: #e4007f;
}
.sortBtn::after{
	content: '';
	position: absolute;
	left:0;
	/*bottom: -3px;*/
	bottom: 0;
	height: 2px;
	width:100%;
	z-index: 1;
	background: #000;
	border-radius: 3px;
}
.sortBtn::before{
	content: '';
	position: absolute;
	left:0;
	/*bottom: -3px;*/
	bottom: 0;
	height: 2px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.sortBtn:hover::before{
	width: 100%;
}

.liBtn{
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	background: none!important;
	overflow: visible!important;
	transition: all .5s;
}
.liBtn::before{
	content: '';
	position: absolute;
	left:0;
	bottom: 0;
	height: 2px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.liBtn:hover::before{
	width: 100%;
}
.liBtnNoLink2{
	pointer-events: none;
}
.liBtnNoLink{
	pointer-events: none;
}
.tbl li.liBtn div:not(.menu-back,.liBtnNoLink2){
	transition: all .5s;
	background: #eaeaea;
}
.tbl li.liBtn:hover div:not(.menu-back){
	color: #e4007f;
}
.tbl li.liBtnNoLink div:not(.menu-back){
	background: #fff;
	color: #666;
}
.tblScheToday li.liBtn div:not(.menu-back),
.tbl li.liBtnToday div:not(.menu-back){
	background: rgba(228,0,127,0.2);
	/*color: #fff;*/
}
.tblScheToday li.liBtn:hover div:not(.menu-back),
.tbl li.liBtnToday:hover div:not(.menu-back){
	/*background: rgba(228,0,127,1);*/
	/*color: #fff;*/
}
.tblScheToday li.liBtn::before,
.liBtnToday::before{
	/*background: #ccc;*/
}
.tbl li.liBtnFutre div:not(.menu-back){
	background: rgba(255,130,200,0.5);
}
.tbl li.liBtnFutre:hover div:not(.menu-back){
	background: rgba(228,0,127,1);
	color: #fff;
}
.tblScheCont li div.menu-back{
	display: none;
}
.liBtnFutre::before{
	background: #000;
}
.liBtnSmry{
	font-weight: bold;
}

.tbl li.liBtnSmry2{
	pointer-events: none;
}
.tbl li.liBtnSmry div:not(.menu-back){
	background: #ccc;
}
.tbl li.liBtnSmry2 div:not(.menu-back){
	background: #e0e0e0;
}
.liBtnYet{
	margin-bottom: 3px!important;
    pointer-events: none;
    opacity: 0.6;
}
.liBtnAlert{
	opacity: 1.0;
	pointer-events: none;
}
.tbl li.liBtnAlert div:not(.menu-back){
	color: #d00;
	background: #fdd;
}

.acrdnBtn{
	position: relative;
	cursor: pointer;
	transition: all .5s;
}
.acrdnBtn:hover{
	color: #e4007f;
}
.acrdnBtn::after{
	content: '';
	position: absolute;
	left:0;
	bottom: 0;
	height: 2px;
	width: calc(100%);
	z-index: 1;
	background: #000;
	border-radius: 3px;
}
.acrdnBtn::before{
	content: '';
	position: absolute;
	left:0;
	bottom: 0;
	height: 2px;
	width:0;
	z-index: 2;
	background: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.acrdnBtn:hover::before{
	width: calc(100%);
}
.acrdnBtn .icon{
	position: absolute;
	top:0;
	right:0;
}
.acrdnBtn .icon::after{
	content: 'ー';
	position: absolute;
    top: -2px;
    right: 5px;
    font-size: 2rem;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
}
.acrdnBtn.hide .icon::after{
	content: '＋';
}
.dBtn{
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	text-align: center;
	width: auto;
	background: none!important;
	overflow: visible!important;
	transition: all .5s;
}
.dBtn:hover{
	color: #e4007f;
}
.dBtn::after{
	content: '';
	position: absolute;
	left:0;
	bottom: -3px;
	height: 2px;
	width:100%;
	background: #000;
	z-index: 1;
	/*background-size: auto auto;
	background-color: rgba(255, 255, 255, 0);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 0px, rgba(0, 0, 0, 1) 4px, rgba(0, 0, 0, 1) 4px );
	border-radius: 3px;*/

}

.dBtn::before{
	content: '';
	position: absolute;
	left:0;
	bottom: -3px;
	height: 2px;
	width:0;
	background: #e4007f;
	border-radius: 3px;
	z-index: 2;
	transition: all .5s;
	font-weight: normal;
}
.dBtn:hover::before{
	width: 100%;
}
.dBtnFn{
	margin-top: 10px;
	padding: 0 5px;
	margin-right: 10px;
	font-size: 1.4rem;
	display: inline-block;
}
.dBtnIB{
    width: auto;
    display: inline-block;
    padding: 0 5px;
}

.dBtnFl{
	float: left;
	padding: 0 5px;
	margin-right: 10px;
	font-size: 1.4rem;
}
.dBtnFr{
	float: right;
	padding: 0 5px;
	margin-left: 10px;
	font-size: 1.4rem;
}
.dBtnCenter{
	margin: 0 auto;
	width: 200px;
	font-size: 1.4rem;
}
.dBtnSCenter{
	margin: 0 auto;
	width: 220px;
	font-size: 1.2rem;
}
#dBtn-contentsTeacherSche{
    width: 240px;
}
.limitOff{
	opacity: 0.6!important;
	pointer-events: none!important;
}
.disabled{
	opacity: 0.3!important;
	pointer-events: none!important;
}
.selected{
	pointer-events: none!important;
	font-weight: bold!important;
	color: #e4007f;
}
.selected::after{
	background: #e4007f!important;
	height: 2px!important;
}
#helpOnBtn{
	font-size: 1.1rem;
    margin: 0;
    /* float: right; */
    position: absolute;
    bottom: 25px;
    right: 80px;
    height: 40px;
    width: 200px;
}
/*-----------------------------------------------
	btn-trigger 
-----------------------------------------------*/
.btn-trigger {
	position: fixed;
	top:16px;
	right:16px;
	width: 32px;
	height: 24px;
	cursor: pointer;
	z-index: 3100;
}

.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
}
.btn-trigger span::after {
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 0;
	height: 3px;
	background-color: #e4007f;
	border-radius: 3px;
	transition: all .5s;
}
.btn-trigger:hover span::after {
	width: 100%;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}

.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: calc(50% - 1.5px);
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
.btn-trigger.on  span:nth-of-type(1) {
  -webkit-transform: translateY(calc(13px - 2px)) rotate(-45deg);
  transform: translateY(calc(13px - 2px)) rotate(-45deg);
}
.btn-trigger.on  span:nth-of-type(2) {
  opacity: 0;
}
.btn-trigger.on  span:nth-of-type(3) {
  -webkit-transform: translateY(calc(-12px + 2px)) rotate(45deg);
  transform: translateY(calc(-12px + 2px)) rotate(45deg);
}
/*-----------------------------------------------
	tbl
-----------------------------------------------*/
.tbl{
	margin: 0 0 20px;
}
.tblSche{
    margin: 0;
    padding: 5px 10px;
    background: #fff;
    border-radius: 6px;
    /*box-shadow: 2px 2px 4px -3px #777777;*/
   /* box-shadow: 0px 0px 10px -6px #000000;*/
}
.tblDataArea{
	height:calc(100vh - 225px);
	overflow-y: auto;
	margin-top: 20px;
	padding-right: 5px;
    position: relative;
}
.tblDataAreaL{
	/*height: calc(100vh - 150px);*/
	height: calc(100vh - 154px);
}
#testStudentDetail .tblDataAreaL{
	height: calc(100vh - 184px);
}
.tblDataArea21{
	height: calc(50vh - 75px);
	margin-bottom: 40px;
}
.tblDataArea22{
	height: calc(50vh - 170px);
}
.tblDataAreaAcr{
	height: auto;
	margin-top: 20px;
	width: 100%;
}
.tblDataContentsArea{
	width: 100%;
    height: calc(100vh - 400px);
}
#licenseList .tblDataArea{
    height: calc(100vh - 275px);
}
.tbl li{
	display: flex;
	font-size: 1.3rem;
	/*margin: 4px 0;*/
	margin: 2px 0 3px;
	position: relative;
}
#studentListUl.tbl li{
	font-size: 1.2rem;
}
#studentListUl.tbl li.pwyet{
    color: #0044cc;
}
#studentListUl.tbl li .tblw5p{
	font-size: 1.0rem;
    /*line-height: 12px;*/
}
.tblSche li{
	margin-bottom: 3px;
}

.tbl li div:not(.selectArea){
	padding: 2px;
    background: #eaeaea;
    overflow: hidden;
    margin: 0;
    border-left: 3px solid #F8F8F6;
   /* height: 26px;*/
    line-height: 24px;
	box-sizing: border-box;
	position: relative;
}
.btnTextBottom{
	display: inline-block;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
}
.tbl li div:not(.selectArea) img{
	width: 100%;
}
.tbl li div.tbl1{
	margin-left: 0;
}
.tbl li div.selectTbl{
    background:none;
    text-align: center;
}
.tbl li.tblTitle div{
	background: none;
	font-weight: 600;
	border-left: 3px solid #ccc;
	/*border-right: 3px solid #F8F8F6;*/
	color: #666;
    padding-left: 2px;
    /*text-indent: 4px;*/
	height: 22px;
	line-height: 20px;
	box-sizing: border-box;
	
}
.tbl li.resultYet,
.tbl li.resultCorrect,
.tbl li.resultCorrect2,
.tbl li.resultWrong,
.tbl li.resultWrong2{
	margin-bottom: 2px;
}
.tbl li.resultCorrect div{
	background: #e4007f;
	color: #fff;
	line-height: 1.2;
    padding: 3px;
    font-size: 1.2rem;
    max-height: 80px;
}
.tbl li.resultCorrect2 div{
	background: #ff82c8;
	color: #fff;
	line-height: 1.2;
    padding: 3px;
    font-size: 1.2rem;
}
.tbl li.resultWrong div{
	background: #bbb;
	/*color: #fff;*/
	line-height: 1.2;
    padding: 3px;
    font-size: 1.2rem;
}
.tbl li.resultWrong2 div{
	background: #bfa4b3;
	/*color: #fff;*/
	line-height: 1.2;
    padding: 3px;
    font-size: 1.2rem;
}
.tbl li.resultYet div{
	/*background: #e4007f;*/
	color: #666;
	line-height: 1.2;
    padding: 3px;
    font-size: 1.2rem;
}
.tbl li.noDataNotice{
	text-align: center;
	width: 100%;
	display: block;
	background: #fff;
	padding: 5px 0;
}
.tblDataArea div.noDataNotice{
	text-align: center;
	width: 100%;
	display: block;
	background: #fff;
	padding: 10px 0;
	font-size: 1.3rem;
    /*margin: 2px 0 3px;*/
    margin: 0;
}
.scheDate{
	font-weight: 600;
}
.sche-sat{
	color: #4c5b9d;
}
.sche-sun{
	color: #c00e0e;
}
.tblScheDate{
	background: none!important;
	line-height: 1!important;
	display: table;
	
}
.tblScheDate>p{
	display: table-cell;
    vertical-align: middle;
}
.menu-date-day{
	font-size: 1.6rem;
    font-weight: bold;
	margin-right: 5px;
}
.tblScheCont{
	border-bottom: 1px dotted #000;
	margin-bottom: 2px!important;
}
.tblScheToday{
	border-bottom: 1px solid #e4007f;
}
.tblScheToday .tblScheDate{
	color: #e4007f;
} 
.tblScheImmer{
	margin-bottom: 0!important;
}
.scheduleBtnArea{
	font-size: 1.2rem;
    text-align: right;
    height: 30px;
    margin-top: 10px;
    margin-bottom: -15px;
	width: 100%;
}
.scheduleBtnArea label{
	vertical-align: bottom;
    margin-left: 15px;
	margin-right: 0;
}
.smallText{
	font-weight: normal;
	font-size: 90%;
}
.tblw5{
	flex-basis: 5%; 
}
.tblw10{
	flex-basis: 10%; 
}
.tblw15{
	flex-basis: 15%; 
}
.tblw20{
	flex-basis: 20%; 
}
.tblw25{
	flex-basis: 25%; 
}
.tblw30{
	flex-basis: 30%; 
}
.tblw35{
	flex-basis: 35%; 
}
.tblw40{
	flex-basis: 40%; 
}
.tblw45{
	flex-basis: 45%; 
}
.tblw50{
	flex-basis: 50%; 
}
.tblw55{
	flex-basis: 55%; 
}
.tblw60{
	flex-basis: 60%; 
}
.tblw65{
	flex-basis: 65%; 
}
.tblw70{
	flex-basis: 70%; 
}
.tblw75{
	flex-basis: 75%; 
}
.tblw80{
	flex-basis: 80%; 
}
.tblw85{
	flex-basis: 85%; 
}
.tblw90{
	flex-basis: 90%; 
}
.tblw95{
	flex-basis: 95%; 
}
.tblw95{
	flex-basis: 95%; 
}
.tblw95{
	flex-basis: 95%; 
}
.tblw125{
	flex-basis: 12.5%; 
}
.tblw375{
	flex-basis: 37.5%; 
}
.tbltr{
	text-align: right;
}
.tbltc{
	text-align: center;
}
.tblImg{
	border-color: #eaeaea!important;
}
#studentListUl.tbl li.tblTitleTate div{
	margin-top: 128px;
}
#studentListUl.tbl li.tblTitleTate div.tblTate{
    height: 150px;
	margin-top: 0;
}
#studentListUl.tbl li.tblTitleTate div.tblCenter{
    text-align: center;
}
#studentListUl.tbl li.tblTitleTate div.tblTate div{
	line-height: 1;
	margin: 0 auto;
	font-size: 0.8rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	height: 150px;
	border: none;
	display: grid;
	width: 100%;
	align-items: center;
    padding: 0;
    letter-spacing: -0.05rem;
}
.listBtnTitle{
	/*border: none!important;*/
	text-align: center;
}
.tbl li div.menu-back {
    background: #e4007f;
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 3px;
	padding: 0;
    width: 0;
    z-index: 0;
    margin-left: 0;
    transition: 1.5s;
	border: none;
}
.tbl li div.menu-back2 {
    background: #ff82c8;
}
.tbl li div.menu-back3 {
    background: #bbb;
}
.tbl li div.menu-back-on {
    width:100%;
}
/*-----------------------------------------------
	dlTable
-----------------------------------------------*/
.dlTableArea{
	margin: 0 20px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    position: relative;
}
#scheSelectList{
    max-height: calc(100vh - 460px);
    overflow: auto;
}

.dlTable{
	display: flex;
	flex-wrap: wrap; 
	font-size: 1.4rem;
}
.dlTable1{
	width:100%;
}
.dlTable2s,
.dlTable2{
	width:49%;
}
.dlTable3s,
.dlTable3{
	width:32%;
}
.dlTable4{
	width:23.5%;
}
.dlTable dt{
	background: none;
	font-weight: 600;
	border-left: 3px solid #ccc;
	color: #666;
    padding-left: 0;
    text-indent: 4px;
	height: 22px;
	line-height: 22px;
	width: 150px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.dlTable2s dt,
.dlTable3s dt{
    width: 100px;
    font-size: 1.2rem;
}
.dlTable4 dt{
	width: 100px;
}
.dlTableS dt{
	font-size: 1.1rem;
}
.dlTableD dd,
.dlTableD dt{
	border-color: #000!important;
	color: #000!important;
}
.dlTable dt.acrdnTitle,
.dlTable dt.acrdnBtn{
	width: 100%;
	border-left:none;
    text-indent: 7px;
    height: 24px;
	color: #000;
    font-size: 1.6rem;
    /*border-bottom: 1px dotted #000;*/
}

.dlTable dd{
	width: calc(100% - 150px);
	min-height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	margin-bottom: 14px;
}
.dlTable dd#studentsTempEntryUrl{
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(248, 248, 246, 1) 5px, rgba(248, 248, 246, 1) 10px );
}
.dlTable4 dt {
    font-size: 1.2rem;
}
.dlTable4S dt {
    font-size: 1.0rem;
}
.dlTable4 dd {
    width: calc(100% - 100px);
}
.dlTable2s dd,
.dlTable3s dd{
    width: calc(100% - 100px);
    font-size: 1.2rem;
}
.evaluationBtn{
    width: 50px;
    margin-left: 10px;
    transition: all .5s;
    border-bottom: 3px solid #ccc;
    cursor: pointer;
    padding-bottom: 5px;
}
.evaluationBtn.current{
    border-bottom: 3px solid #e4007f;
    display: inline-block;
}
.evaluationBtn:hover{
    border-bottom: 3px solid #e4007f;
}
.evaluationList{
    width: 70%!important;
    margin: 2px 15%;
}
.valMode dd{
	padding: 0 4px;
	/*background: #eaeaea;*/
	border-bottom: 1px solid #ccc;
}
.dlTableTeacherComment dd,
.dlTableEvaluation dd{
    border-bottom: none!important;
}
#teacherComment{
    display: block!important;
    width: calc(100% - 60px)!important;
    height: 25px;
}
.valMode .editOn{
	display: none;
}
.valMode .valOn{
	display:inline-block;
}

.editMode .editOn{
	display: inline-flex;
}
.editMode .valOn{
	display:none;
}
.static{
	padding: 2px 4px;
	font-weight: 600;
}
.choices{
    font-style: oblique;
    font-weight: 600;
    margin-right: 0.5rem;
}
.wrong{
    font-style: normal;
    font-weight: normal;
}
.testImage{
    width: 90%;
    margin: 0 auto;
}
input[type='number'],
input[type='text'] {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.4rem;
	padding: 0 4px;
    height: 22px;
	border: 0;
	border-bottom: 1px solid #333;
	margin-right: 10px;
    margin-bottom: 4px;
	transition: all .5s;
}
.dlTable4 input[type='number'],
.dlTable4 input[type='text'] {
	font-size: 1.2rem;
}
input[type='number'].readonly,
input[type='text'].readonly{
	border-bottom: none;
	background: #e4e4e4;
}
input[type='number']:focus,
input[type='text']:focus {
	outline: none;
	border-bottom: 1px solid #e4007f;
}
input[type='number'].readonly:focus,
input[type='text'].readonly:focus {
	border-bottom: none;
}
input[type='file'] {
	display: none!important;
}
input[type='date'] {
	border: 2px solid #000;
    border-radius: 4px;
	transition: all .5s;
	margin-bottom: 2px;
	margin-top: -5px;
}
input[type='date']:hover {
	color: #e4007f;
	border: 2px solid #e4007f;
}
select {
	border: 2px solid #000;
    border-radius: 4px;
	transition: all .5s;
	margin-bottom: 2px;
	background: #fff;
	margin-top: -5px;
}
select:hover {
	color: #e4007f;
	border: 2px solid #e4007f;
}
select#bulkSelect{
	padding: 2px;
}
#testAllExclusionList{
	margin-top: 5px;
}
.fileLabel {
	/*box-sizing: border-box;*/
	display: inline-flex;
	width: 100%;
	font-size: 1.4rem;
	padding: 0 4px;
    height: 22px;
	border: 2px solid #333;
	border-radius: 11px;
	background: #fff;
	transition: all .5s;
	padding: 0 8px;
	width: auto;
    vertical-align: top;
   /* margin-left: 10px;*/
    margin-top: 15px;
	cursor: pointer;
}
.dlTable .player{
	margin-right: 10px;
	
}
.fileLabel:hover {
	outline: none;
	border-color: #e4007f;
	color: #e4007f; 
}
.dlTable textarea {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	font-size: 1.4rem;
	padding: 0 4px;
	border: 0;
	border-bottom: 1px solid #333;
	transition: all .5s;
}
.dlTable textarea.textareaL {
	height: 66px;
}
.dlTable textarea:focus {
	outline: none;
	border-bottom: 1px solid #e4007f;
}
.textVal{
	height: auto;
	overflow-y: auto;
}
.textValL{
	height: 66px;
}
.selectArea {
	overflow: hidden;
	width: auto;
	text-align: center;
	position: relative;
	border-radius: 2px;
	border: 2px solid #000;
	border-radius: 10px;
	background: #ffffff;
	padding: 3px 0;
	transition: all .5s;
}
.selectArea select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0px 38px 0px 8px;
	color: #000;
	box-sizing: border-box;
}
.selectArea select::-ms-expand {
    display: none;
}
.selectArea::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	pointer-events: none;
	transition: all .5s;
}
.selectArea:hover{
	border-color: #e4007f;
}
.selectArea:hover::before {
	border-top: 6px solid #e4007f;
}
.other{
	margin-left: 1em;
	margin-right: 0.5em;
	font-size: 1.2rem;
}
.aTypeSection{
	display: none;
}
.aTypeSection.on{
	display: contents;
}
.checkOn{
	margin-right: 0.5em;
	font-weight: 600;
	font-style: oblique;
}
.checkOff{
	margin-right: 0.5em;
	color: #666;
	font-style: oblique;
	text-decoration: line-through;
}
.radioTitle,
.checkTitle{
	margin-right: 1em;
	font-weight: 600;
	font-size: 1.4rem;
	cursor:pointer;
	vertical-align: middle;
}

.grouping{
	font-weight: 600;
	font-style: oblique;
}
.supl{
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.2;
}
.radiobtn,
.checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    vertical-align: bottom;
    cursor: pointer;
    transition: all 0.15s ease-out 0s;
    color: #ffffff;
    border: 2px solid #000;
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
	transition: all .5s;
}
.radiobtn {
	border-radius: 10px;
}
.radiobtn:hover,
.checkbox:hover {
	border-color: #e4007f;
}
.checkbox:checked::before {
    position: absolute;
    top: -3px;
    left: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '✔';
    text-align: center;
	color: #e4007f;
}
.radiobtn:checked::before {
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: '';
	background: #e4007f;
	border-radius: 10px;
}

.tblCheck {
    position: relative;
	transition: all .5s;
	padding-left: 30px!important;
	cursor: pointer;
	border-bottom: 2px solid #eaeaea;
	transition: all .5s;
}
.tblCheck:hover {
	border-bottom: 2px solid #e4007f;
	color: #e4007f;
}
.tblCheck:after {
	content:'';
    position: absolute;
	top:5px;
	left: 5px;
    width: 12px;
    height: 12px;
    color: #ffffff;
    border: 2px solid #000;
}
.tblCheck::before {
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 10;
    display: none;
    width: 12px;
    height: 12px;
    content: '✔';
    text-align: center;
	color: #e4007f;
}
.tblCheck.on::before {
	display: block;
}
.tblCheck2 {
	z-index: 100;
	background: none!important;
	border-color: #F8F8F6;
}
.tblCheck3 {
	padding-left: 0!important;
}
.selectTbl .radiobtn,
.selectTbl .checkbox,
.selectTbl .radioTitle,
.selectTbl .checkTitle{
	margin-right: 0;
}
.addDelBtn{
    width: 18px;
    height: 18px;
    border-radius: 11px;
    margin-right: 6px;
    border: 2px solid #000;
    background: #eee;
    text-align: center;
    box-sizing: border-box;
    line-height: 14px;
    display: inline-block!important;
    font-weight: bold;
    font-size: 1.2rem;
    cursor: pointer;
    vertical-align: middle;
    transition: all .5s;
}
.addDelBtn:hover{
	background: #fff;
	color: #e4007f;
	border-color: #e4007f;
}
.valMode .addDelBtn{
	display: none!important;
}
.mb0{
	margin-bottom: 0!important;
}
.mb3{
	margin-bottom: 3px!important;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.w3c{
	width: 3rem!important;
}
.w50{
	width: 50px!important;
}
.w100{
	width: 100px!important;
}
.w150{
	width: 150px!important;
}
.w200{
	width: 200px!important;
}
.w250{
	width: 250px!important;
}
.w300{
	width: 300px!important;
}
.w350{
	width: 350px!important;
}
.w400{
	width: 400px!important;
}
.w450{
	width: 450px!important;
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
#contents {
    margin: 60px 0 0;
    position: relative;
	width: 100%;
}
.contentsInner{
    margin-left: 180px;
    padding: 18px 20px;
	display: none;
}
#nav2{
	position: fixed;
	top:60px;
	left:0;
	width: 180px;
	height: calc(100% - 60px);
	z-index: 2005;
	background: #F8F8F6;
	box-shadow: 0px 0px 10px -6px #000000;
	transition: all .5s;
}
.contentsInner h2{
    font-size: 1.6rem;
    padding-bottom: 8px;
    font-weight: 600;
    border-bottom: 1px dotted #000;
	line-height: 1.4;
}
.contentsTitle,
.studentTitle{
	background: #e4007f;
    border-radius: 5px;
    border: 2px solid #e4007f;
    color: #fff;
    padding: 2px 3px;
    margin: 0 5px 0 0;
}
.contentsTitle{
	background: #fff;
	color: #e4007f;
}

.searchArea{
	width: 100%;
    display: block;
    height: 30px;
	margin: 20px 20px 10px;
}
.searchArea span{
	font-size: 1.2rem;
	font-weight: 600;
	margin-right: 10px;
}
.searchArea .selectArea{
    font-size: 1.4rem;
    display: inline-flex;
}
.resultArea{
    display: block;
    height: 30px;
	margin: 10px 20px;
	text-align: right;
	font-size: 1.8rem;
	font-weight: 600;
}
.resultArea span{
	font-size:3.0rem;
	margin-right: 5px;
	color: #e4007f;
}
.footBtnArea{
	margin: 20px 10px 0;
}
.footBtnArea2{
	/*margin: 10px 60px;*/
	margin: 0 60px 0;
    padding-bottom: 15px;
	min-height: 18px;
    border-bottom: 1px dotted #888;
}
.footBtnAreaFlex{
	display: flex;
}
.btn-disabled{
	pointer-events: none;
	opacity: 0.4;
}
#loginArea{
	margin-top: 0;
	position: relative;
}
#loginArea .listModalInner{
	padding-top: 0;
	padding-bottom: 0;
	
}
#navi-term-text{
    height: calc(100vh - 490px);
    overflow-y: auto;
    margin: 5px 40px 10px;
	padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
	background: #fff;
	font-size: 1.1rem;
}
#btn-term-check{
	position: relative;
    left: 50%;
    margin-left: -90px;
    font-weight: normal;
    width: 140px;
    font-size: 1.2rem;
    height: 25px;
    line-height: 25px;
    border-bottom: 2px solid #000;
}


.middleBtnArea{
	margin: 0 20px 0 0;
    min-height: 10px;
}
h2 .dBtnFr{
	margin-top: 10px;
	font-size: 1.2rem;
    font-weight: normal;
	padding-bottom: 0;
    line-height: 1;
}
.invisible{
	display: none!important;
}
div.disable,
textarea.disable,
.disable :not(dt){
	pointer-events: none;
	opacity: 0.6;
}
.current{
	display: block;
}
#contentsDetailGraph{
	margin: -10px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#reach-chartT1,
.reach-chartT1-container,
#reach-chartS1,
#reach-chartS1a,
.reach-chartS1-container,
#reach-chart1,
.reach-chart1-container{
    width: 120px!important;
    height: 120px!important;
}
.reach-chartT2-container,
.reach-chartS2-container,
.reach-chart2-container{
    width: calc(100% - 160px)!important;
    height: 140px!important;
}
#reach-chartT2,
#reach-chartS2,
#reach-chart2{
    height: 140px!important;
}
#submissionImg{
	width: calc(100% - 160px)!important;
	text-align: center;
    padding: 20px;
}
#submissionImg img{
	border-radius: 10px;
	margin: 10px 10%;
    max-width: 80%;
}
.submissionUrl{
	float: right;
    background: #666;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: bold;
    margin: 3px;
}
.submissionThumb{
	float: right;
    /*position: absolute;
    top:0;
    right:0;*/
    max-width: 60px;
    max-height: 60px;
    width: auto!important;
    margin: 3px;
    transition: all .5s;
}
.submissionThumb::hover{
    border: 1px solid #e4007f;
    opacity: 0.5;
}
/*-----------------------------------------------
	modal
-----------------------------------------------*/
#modalBack{
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4000;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,0.9);
/*    background: rgba(90,90,90,1);*/
}
#modalBack .docBtnClose{
	position: fixed;
	top:16px;
	right:16px;
}
#modalBack .btn-trigger span{
	background-color: #fff;
}
.modalArea{
	/*display: none;*/
	position: fixed;
	top: 0;
    left: 0;
	z-index: 4110;
	background: #F8F8F6;
	margin: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: calc(100% - 100px);
	height: calc(100% - 140px);
}
#listModal.scheSelect{
    margin: 100px 200px;
    width: calc(100% - 400px);
    height: calc(100% - 240px);
}
#loginModal{
	margin: 0;
	width: 100%;
	height: 100%;
	padding-top: 50px;
}
#loadModal{
	margin: 0;
	width: 100%;
	height: 100%;
}
.loader,
.loader:before,
.loader:after {
  background: #e4007f;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
	color: #e4007f;
	text-indent: -9999em;
	margin: calc(50% - 200px) auto;
	position: fixed;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	top: 50%;
	left: 50%;
	margin-top: -45px;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}



.modalArea section{
	height:100%;
	overflow-y: auto;
}
.modalArea .listModalInner{
	padding: 20px 40px;
}
.modalArea .listModalInner2{
	padding-bottom: 0;
}
.modalArea .listModalInner2 .dlTableArea{
	margin-bottom: 0;
}
.modalArea .docBtnWord{
	position: fixed;
	bottom:3px;
	left:2px;
}
.modalArea .listModalInnerNotice{
	padding: 10px 20px;
	font-size: 1.3rem;
	text-align: center;
}
.modalArea .listModalInnerNotice span{
	font-size: 1.2rem;
}
.contentsInner .listModalInnerNotice{
    font-size: 1.3rem;
    text-align: center;
    margin: 20px 0 40px;
}
.contentsInner .listModalInnerNotice span{
    font-weight: bold;
}
#schoolEntrySetAfter2,
#schoolEntrySetAfter{
	display: none;
	margin-top: 50px;
}
.mjContentsArea{
    width: 780px;
    margin: 20px auto;
	line-height: 1.4;
}
.mjContentsArea h3{
	font-size: 1.3rem;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000;
    text-align: center;
}
.mjContentsArea h5{
    font-size: 1.5rem;
    margin-bottom: 0px;
    font-weight: bold;
    margin-top: 8px;
}
.mjContentsAreaInner2{
	width: 50%;
	display: inline-block;
}
.mjContentsArea .checkbox{
	vertical-align: sub;
}
.mjCis{
    /*pointer-events: none;
    opacity: 0.6;*/
    color: #43aa5d;
}
.mjContentsArea .mjCis .checkbox {
    border-color: #43aa5d;
}
.mjCis span{
    font-size: 1.1rem;
    margin-left: 5px;
}
.mjContentsAreaInner1{
	width: 100%;
	margin-top: 10px;
    border-top: 1px dashed #ccc;
}
.mjContentsAreaInner1 .dlTable dt{
    width: 220px;
    color: #000;
    border-left: 3px solid #000;
}
.mjContentsAreaInner1 .dlTable dd{
    width: 300px;
    margin-bottom: 0;
}
.mjContentsAreaInner1 h5{
    margin-bottom: 5px;
}
.mjContentsAreaInner1 dl.mjCis dd,
.mjContentsAreaInner1 dl.mjCis dt{
    color: #43aa5d;
    font-weight: bold;
    border-color: #43aa5d;
}
.mjContentsAreaInner3{
	font-size: 1.2rem;
    margin: 0 10px;
    font-weight: normal;
}

.modalArea .listModalUrl {
    border-bottom: 1px solid #ccc;
}
.modalArea ul:not(.dlTableArea,.modalTbl){
	margin: 10px 0;
    width: calc(100% - 20px);
    height: calc(100% - 110px);
    overflow-y: scroll;
}
.modalArea li{
	background: #eee;
	border-radius: 5px;
	margin: 10px 50px;
	padding: 5px;
	height: 30px;
	position: relative;
}
.modalArea li.liBtnSche{
    width: 100%;
    background: #eee!important;
    font-size: 1.3rem;
    margin: 2px 50px;
}
.modalArea .imgFrame{
	height: 30px;
	position: absolute;
	top:5px;
	left: 500px;
	transition: all .5s;
}
.modalArea li:hover .imgFrame{
	height: 120px;
	left: 550px;
	z-index: 4200;
}
.modalArea .addDelBtn{
	margin: 5px;
}
.modalArea .srcText{
	font-size: 1.2rem;
    border: none;
    border-bottom: 1px solid #000;
    width: 450px;
    margin-right: 10px;
}
.modalArea .fileLabel {
	margin: 0 50px;
    line-height: 22px;
}
.modalArea h3 {
    text-align: center;
    margin: 20px;
    font-size: 2.0rem;
    font-weight: bold;
}
.modalArea .modalTbl li{
	margin: 3px 0;
	background: none;
	height: auto;
	/*max-height: 60px;*/
	border-radius: 0;
	padding: 0;
	border-bottom: 2px solid #F8F8F6;
}
.modalArea .modalTbl li.drag-list{
    max-height: 38px;
    border-top: 2px dotted #ccc;
	border-bottom: none!important;
}
.modalArea .modalTbl li.drag-list:hover{
    max-height: none;
}

.modalArea .modalTbl li:hover{
	border-bottom: 2px solid #e4007f;
}
.modalArea .modalTbl li.tblTitle {
	padding-left: 30px!important;
}
.modalArea .tbl li div:not(.selectArea) {
	line-height: 18px;
}
.modalList{
	height: calc(100vh - 500px);
	overflow: auto;
    padding-right: 8px;
}
.modalArea .message,
.modalArea .setting-notice{
	margin: 20px auto;
    text-align: center;
    font-size: 1.2rem;
}
.modalArea .setting-notice{
	margin-bottom: 0;
    position: absolute;
    margin-top: 0;
    top: 250px;
    width: auto;
    margin-right: 30px;
    text-align: left;
    left: calc(50% + 200px);
    font-size: 1.1rem;
}
.modalArea h5{
	margin: 20px 20px 10px;
	font-size: 1.3rem;
	color: #fff;
	background: #555;
	padding: 2px;
}
.modalArea h5.custContAuth{
	background: #d94e4e;
}
.modalArea h5.custContSet{
	background: #aaa;
	/*color: #000;*/
}
.modalArea h5.custContApply{
	background: #ccc31f;
}
.modalArea h5.qEditH5{
	width: 100%;
	margin: 10px 0;
}
.imageDetailInner{
    width: 98%;
    height: 96%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 1%;
    overflow: hidden;
}
.imageDetailInner img{
    max-width: 96%;
    max-height: 96%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

#studentsTempEntry .listModalInnerSet .listModalInner{
    width: calc(100% - 120px);
    margin: 20px 60px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 4px;
}
#studentsTempEntry .listModalInnerSet .listModalInner .dlText{
    display: inline-block;
    width: 300px;
    font-size: 1.4rem;
    margin-top: -30px;
}
#studentsTempEntry .listModalInnerSet .listModalInner select{
    margin-top: -30px;
}

#setQuestionsDetailArea{
	height: calc(100% - 120px);
	overflow-y: scroll;
}
.tsParts1,
.tsParts2,
.tblInnerSC{
	width: 100%;
	/*height: auto;
	max-height: calc(100vh - 340px);*/
	height: calc(100vh - 340px);
	margin-top: 5px;
}
.tblInnerSC31{
	height: calc(50vh - 220px);
}
.tblInnerSC32{
	height: calc(50vh - 77px);
}
.tblInner{
	width: 100%;
	height: auto;
	margin-top: 5px;
}

.tblInnerSC2{
	max-height: calc(100vh - 510px);
}







.tab{
	display: flex;
	justify-content: space-between;
	border-bottom: 6px solid #f8e462;
	padding-bottom: 6px;
}
.tab li{
	width: 19%;
}
.tab li.current{
	background: #f8e462;
	border: none;
	pointer-events: none;
	overflow: inherit;
	border-right: 2px solid #f8e462;
}
.tab li.current::before{
	display: none;
}
.tab li.current::after{
	position: absolute;
	background: #f8e462;
	bottom: -6px;
	left: 0;
	z-index: 0;
	content: '';
	width: calc(100% + 2px);
	height: 6px;
}
.cntlines{
	width: 100%;
	display: none;
}
.cntlines.current{
	display: block;
}
.cntline{
	width: calc(100% - 10px);
	margin-top: 20px;
	margin-left: 5px;
	border-bottom: 1px dotted #fff;
	min-height: 30px;
	position: relative;
}
.cntlineLM{
	margin-left: 41px;
	width: calc(100% - 46px);
}
.cntText{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #333;
	font-size: 2.4rem;
	margin-right: 330px;
}
.cntText .num{
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    background: #60a454;
    color: #fff;
    margin-right: 10px;
}
.cntline .btnl{
	position: absolute;
	bottom: 5px;
	right:170px;
}
.cntline .btnr{
	position: absolute;
	bottom: 5px;
	right:10px;
}

/*-----------------------------------------------
	wrapper
-----------------------------------------------*/
.detailWrapper {
	display: none;
	position: fixed;
	top:0;
	left:0;
	background: linear-gradient(to bottom, #b7b9b9, #e2dfd9);
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.detailWrapper h2{
	position: fixed;
    top: 20px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.0;
    right: 0;
    padding-right: 20px;
    padding-top: 10px;
    border-top: 6px solid #fff;
	height: calc(100vh - 60px);
}
.detailWrapper h2 span{
	font-size: 85%;
	font-weight: normal;
    float: right;
}
.kyozaiDocs{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	display: flex;
	flex-wrap: wrap;
	position: fixed;
	top:50px;
	right: 70px;
}
.detailTitle{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	position: fixed;
	top:0;
	right:180px;
	width: 30px;
	height: 100vh;
	padding: 5px 0;
}
.detailCnt{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	position: fixed;
	top:0;
	right: 210px;
    width: calc(100vw - 210px - 30px);
	height: 100vh;
	padding: 5px 0;
	overflow: hidden;
}
.detailCntInner{
	width: 100%;
	transition-duration: 0.8s;
}
.detailTable{
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
}
.col0{
	background: #f8e462;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: 600;
}
th.col0{
	background: none;
}
.col0 div{
	-ms-writing-mode: lr-tb;
	writing-mode:horizontal-tb;
}
.col1{
	height: 30vh;
    background: #fff;
    padding: 3px;
    font-size: 1.3rem;
	position: relative;
	vertical-align: top;
}

.col2{
	height:calc(70vh - 65px);
    background: #fff;
    padding: 3px;
    font-size: 1.3rem;
	position: relative;
	vertical-align: top;
}
th.col1,
th.col2{
	font-weight: 600;
	text-align: center;
	background: #eaeaea;
}
.col1Title{
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    border-bottom: 1px dotted #000;
    padding: 2px 0;
	font-weight: 600;
	position: absolute;
    width: 100%;
    left: 0;
	text-align: center;
		
}
.col1 .docBtn{
    margin-top: calc(15vh - 35px);
    margin-right: 5px;
}
ol{
    margin-top: 42px;
    counter-reset: li_count;
}
ol li{
	margin-left: 5px;
	position: relative;
}
ol li:before  {
	position: absolute;
	top:-1.2em;
	counter-increment: li_count;  /* カウンタの値を計算していく */
	content: counter(li_count); /* 数字出力 */
	text-orientation: upright;
}
.paraTitle{
	font-weight: 600;
	/*display: inline-block;*/
}
.colCnt{
	/*position: absolute;
	right:0;*/
	padding: 3px;
}
.col2 .docBtn{
	vertical-align: -webkit-baseline-middle;
	margin-right: 5px;
}
.col2 .docBtnFirst{
	margin-top: 25px;
}
ol.paraCnt{
    margin-top: 24px;
    /*margin-right: 10px;*/
}
ol.paraCnt li {
	margin-left: 10px;
}
ol.paraCnt li:before {
    top: -1.4em;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
}
.paraNotice{
	background: #e6e6e6;
    border-radius: 4px;
    padding: 3px;
    font-size: 1.2rem;
    margin-right: 2px;
}
.kyozaiBtnArea{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.kyozaiBtnArea .docBtnNext{
	position: fixed;
    top: 38px;
	left: 0px;
}
.kyozaiBtnArea .docBtnPrev{
	position: fixed;
    top: calc(30vh - 47px);
	left: 0px;
}
.kyozaiBtnArea .docBtnPrint{
	position: fixed;
    bottom: 80px;
	left: 0px;
}
.kyozaiBtnArea .docBtnMenu{
	position: fixed;
    bottom: 5px;
	left: 0px;
}
/*-----------------------------------------------
	calender
-----------------------------------------------*/
.fc-theme-standard td.fc-day{
    height: calc((100vh - 262px) / 6)!important;
}
.fc .fc-scrollgrid table.fc-scrollgrid-sync-table {
    height: 100%!important;
}
/*.fc .fc-scroller-harness-liquid {
    height: 300px!important;
}*/
#scheduleMain{
    height: 100%!important;
}
#scheduleDetail{
    width: 100%;
    height: 45vh!important;
    position: relative;
}
#scheduleDetail.fc-theme-standard td.fc-day{
    height: calc((45vh - 60px) / 6)!important;
}
.fc .fc-toolbar-title {
    font-size: 1.8rem;
    border: none;
    padding: 0;
    margin: 0px;
}
.fc a[data-navlink] {
    cursor: auto;
    pointer-events: none;
    font-size: 1rem;
}
.fc-event-title {
    font-size: 1.1rem;
    color: #e4007f!important;
    font-weight: 600;
}
a.fc-event:hover .fc-event-title {
    color: #fff!important;
}
.fc .fc-daygrid-event-harness {
    cursor: pointer;
}
a.fc-event {
    background-color: #fff!important;
    border: 1px solid #e4007f!important;
    
}
a.fc-event:hover {
    background: #e4007f!important;
    
}
.scheduleEventHover{
    position: absolute;
    top:0;
    left: 0;
    padding: 5px;
    background: #e4007f;
    color: #fff;
    border-radius: 3px;
    width: 150px;
    z-index: 10000;
    display: none;
}
.scheduleEventHover:before{
    content: '';
    position: absolute;
    top:8px;
    left:-10px;
    right: auto;
    width: 10px;
    height: 2px;
    background: #e4007f;
}
.scheduleEventHover.posLeft:before{
    left: auto;
    right: -10px;
}
    
.scheduleEventHoverTitle{
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 1px dotted #fff;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.scheduleEventHoverDisp{
    font-size: 1.0rem;
}
/*-----------------------------------------------
	firebaseui
-----------------------------------------------*/
#firebaseui-auth-container{
    margin-bottom: 10px;
}
.firebaseui-title{
	font-size: 16px;
	font-weight: bold;
}
.firebaseui-container{
	border-radius: 10px;
}
.firebaseui-info-bar{
    display: none;
}
/*-----------------------------------------------
	disabled
-----------------------------------------------*/
.disabled{
	pointer-events: none;
	opacity: 0.5;
}

/*-----------------------------------------------
	drag禁止
-----------------------------------------------*/
.undraggable {
	/* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
	-moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
	-webkit-user-select: none;
	-ms-user-select: none; /* From IE10 only */
	user-select: none; /* Not valid CSS yet, as of July 2012 */
	-webkit-user-drag: none; /* Prevents dragging of images/divs etc */
	user-drag: none;
	pointer-events: none;
}
/*-----------------------------------------------
	clearfix
-----------------------------------------------*/

.clearfix:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;/*
 font-size: 0.1em;
 line-height: 0;
 */
}
.clearfix {
	zoom: 1;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.sp_only {
	display: none;
}