@charset "utf-8";
@media print{
    .backcolor-property{
        display: none;
    }
    .backcolor-green{
        display: none;
    }
	#prtbtn1{
        display: none;
    }
	#prtbtn2{
        display: none;
    }
}
body header {
    width: 100%;
    height: 135px;
    border-top: 4px solid #7089FF;
}
#hderArea {
    margin: auto;
    width: 100%;
    height: auto;
}
#hderArea h1 {
    float: left;
    height: auto;
}


body header nav {
    float: left;
    width: 500px;
    margin-left: 50px;
    margin-top: 30px;

}
#hderArea nav ul {
    width: 100%;
    padding: 0px;
    height: 20px;
    list-style-type: none;
    margin-top: 20px;
}
#hderArea nav ul li {
    width: 100px;
    height: 20px;
    float: left;
    text-align: center;
}
/*メニューバーの色*/
.navbar-nav.mx-auto .nav-item .nav-link {
	color: #3284ba;
}
.navbar-nav.mx-auto .nav-item .nav-link:hover {
	color: #0f5b8c;
}
.navbar-nav.mx-auto .nav-item.dropdown .LinkColor_yellow {
	color: #FFB300;
}
.navbar-nav.mx-auto .nav-item.dropdown .LinkColor_yellow:hover {
	color: #AA7700;
}
.navbar-nav.mx-auto .nav-item.dropdown .LinkColor_purple {
	color: #BE00D6;
}
.navbar-nav.mx-auto .nav-item.dropdown .LinkColor_purple:hover {
	color: #760085;
}

textarea {
  resize: none;
  width:350px;
  height:300px;
}

.modal { /* covers the main window */
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 90;
    overflow: auto;
    background-color:rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
  .modalWindow {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgb(215, 220, 223);
    border-radius: 8px;
    padding: 10px 20px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
  }
  .modalFooter {
    text-align: right;  /* cancel button at the right corner */
  }
  .modalWindow ul {
    list-style: none;  /* no bullet */
  }
  .modalWindow a {
    text-decoration: none;  /* no underline */
    cursor: pointer;  /* pointer even for anchors without href */
    color: #48f;
  }

.backcolor-green{	
	background-color: #DBFFE0;
}

.img-center{
	text-align: center;
}

.text-height-5{
    height: calc( 1.3em * 5 );
    line-height: 1.3;
	width: 80%;
}
.printbtn{
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 20px;   /* 余白       */
  margin       : 0px 20px;   /* 余白       */
  background    : #2D6D9B;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #cccccc;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.printwaku{
	border: 1px solid #000000;
}

.sendbtn{
  display       : inline-block;
  border-radius: 0.67em;   /* 角丸 */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 60px;   /* 余白       */
  margin       : 0px 30px;   /* 余白       */
  background    : #95dedd;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid #9e9e9e;    /* 枠の指定 */
  text-decoration: none;
}

.connectbtn{
  display       : inline-block;
  border-radius: 0.67em;   /* 角丸 */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 30px;   /* 余白       */
  margin       : 0px 30px;   /* 余白       */
  background    : #ced97c;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid #9e9e9e;    /* 枠の指定 */
  text-decoration: none;
}

/* ここからチェックボックス（時刻合わせ） */
.checkbox-wrap{
}
.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  
  position: relative;
}
.label-checkbox .lever{
  display: block;
  color: #ccc;
  font-weight: normal;
  display: inline-block;
  padding: 8px 40px;
  border: 1px solid #e5e5e5;
  border-radius:20px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox .lever:before{
  content:'';
  position: absolute;
  left: 4px;
  top:4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius:100%;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .lever:before{
   border-color: #ddd;
}
.label-checkbox input[type="checkbox"]:checked + .lever{
   background: #5cb85c;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .lever{
   border-color:#5cb85c;
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
   left: 100%;
   margin-left: -44px;
   border-color: #fff;
}

.radio-wrap{
  
}
.label-radio input[type="radio"]{
  display: none;
}
.label-radio{
  cursor: pointer;
  color: #828c9a;
  font-weight: normal;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.label-radio .lever:before{
  content:'';
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius:10px;
  -webkit-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:before{
  opacity: 0;
  background: #eee;
  border-color: #eee;
  transform:scale(2);
}
.label-radio .lever:after{
  content:'';
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  transform:rotate(-200deg);
  -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:after{
  opacity: 1;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #5bc0de;
  border-bottom: 2px solid #5bc0de;
  transform:rotate(40deg);
}
.label {	
  font-size: 20px;
  margin-right: 10px;
}
.heightcenter{	
  vertical-align: middle;
}
.vertical-middle{
  margin: auto 5px; /*上下左右中央に*/
  width: 30px; /*widthの指定は必須*/
  height: 30px; /*heightの指定は必須*/
	
}
.font20{
	font-size: 15px;
}

/*ComboBox*/
.select {
  width: 250px;
  height: 40px;
  border: 1px solid #000066;
  border-radius: 0.3em;
  background-color: #d4feff;
  color: #000000;
  font-size: 15px;
  margin 	: 0px 0px 10px 0px;   /* 余白       */
}
/*更新ボタン*/
.updatebtn{
  display       : inline-block;
  border-radius: 0.67em;   /* 角丸 */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 20px;   /* 余白       */
  margin       : 10px 20px 10px 20px;   /* 余白       */
  background    : #ffee00;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
#parablock_fulltime{
  margin 	: 10px 0px 0px 0px;   /* 余白       */
}
/**/
.paratitle {
  position: relative;
  padding: 0.5rem 3.5rem;
}

.paratitle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}
.read_label{
	cursor: pointer;
}