@charset "utf-8";

/********************************
grid template
********************************/
#business #main_menu #menu03 a{
	background:#DEF2D9;
}

#business .open_enjilist{
	z-index:1;
	position: fixed;
	top:10vh;
	left: 13.5%;
	width:13.5%;
	height: 100vh;
	box-shadow: 3px 0 5px 0 #DCDCDC;
	background:#FBFBFB;
}

#business li.enji_list_one{
	border-bottom:1px solid #DCDCDC;
}

#business .enji_list_one a{
	display: block;
	padding: 10px 0 10px 15px;
}

#business .enji_list_one a:hover{
	background:#DEF2D9;
}

#business .enji_list_one_1{
	background:#DEF2D9;
}


#business div.child_thumbnail {
    width: 100%;
}

#business div.child_thumbnail img{
    width: 4.5vh;
    border-radius: 50%;
    overflow: hidden;
    display: block;
	float: left;
}

#business div.child_name {
    width: 75%;
	float: right;
	padding: 5px 0;
}

#business div.mom_name {
	font-size: 80%;
	clear: both;
	padding: 0 0 0 4.5vh;
}

#business .new_enji{
	width:100%;
	background:linear-gradient(to right, #2ED803,#07C184);
	border:none;
	font-size: 120%;
}

#business .new_enji button{
	font-size: 90%;
	width: 100%;
	color: #ffffff;
	margin: 0 auto;
	padding: 25px 0px;
}

#business .btn_new{
	float: left;
	padding-left: 15px;
}


#business .new_enji button img{
	float: right;
	padding: 5px;
	width: 17px;
	height: 17px;
	vertical-align: middle;
}

#business .kensaku_enji{
	width:100%;
	background:#DEF2D9;
	border:none;
	font-size: 120%;
}

#business .kensaku_enji button{
	font-size: 90%;
	width: 100%;
	margin: 0 auto;
	padding: 25px 0px;
}

#business .btn_search{
	float: left;
	width: 75%;
	text-align: left;
	padding-left: 15px;
}


#business .btn_search button img{
	float: right;
	width: 25%;
	height: 12px;
}



/*サイドメニュー*/

/*20191024ここから*/

.csv_wrap table {
	margin: 10px 10px 20px 10px !important;
	width: 100%!important;
}

.master main#grid_container_csv{
	/*z-index:2;*/
	/*margin:130px 0 0 0;*/
	/*width:83.5%;*/
	/*padding:0 20px 0 20px;*/
	/*float:right;*/
	/*height: 100vh;*/
	/*background:#F7F7F7;*/
	/*overflow-y: scroll;*/
	/*box-sizing: border-box;*/
	z-index: 2;
	position: fixed;
	top: 8.5vh;
	left: 260px;
	width: 86%;
	padding: 20px 20px 0 20px;
	float: right;
	height: 89.5vh;
	background: #F7F7F7;
	overflow-y: scroll;
}

/* 小さい画面のときに横スクロールが表示されるように修正 */
@media screen and (min-width:500px) and ( max-width:1280px) {
	.master main#grid_container_csv{
		z-index:2;
		position:absolute;
		top:8.5vh;
		left:260px;
		width:calc(100% - 260px);
		padding:20px 20px 0 20px;
		float:right;
		height: 89.5vh;
		background:#F7F7F7;
		overflow-x: scroll;
	}
}

.master main#grid_container_csv .csv_wrap{
	/*background: #ffffff;*/
    /*border: 1px solid #f2ff91;*/
    /*border-radius: 10px;*/
    /*width: 100%;*/
    /*margin: 0 auto 30px;*/
    /*padding: 20px 20px 140px;*/
    /*box-shadow: 2px 0 2px 0 #DCDCDC;*/
    /*clear: both;*/
    /*line-height: 2em;*/
	/*box-sizing: border-box;*/
	width: 93.5%;
	margin: 0 auto 30px auto;
	padding: 20px;
	background: #fff;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	box-shadow: 2px 0 2px 0 #DCDCDC;
	line-height: 2em;
}

/* 小さい画面のときに横スクロールが表示されるように修正 */
@media screen and (min-width:1280px) and ( max-width:1720px) {
	.master main#grid_container_csv .csv_wrap{
		width:83.2%;
		margin:0 0 30px 20px;
		padding:20px;
		background:#fff;
		border-radius: 0 0 10px 10px / 0 0 10px 10px;
		box-shadow: 2px 0 2px 0 #DCDCDC;
		line-height:2em;
	}
}

@media screen and (min-width:500px) and ( max-width:1280px) {
	.master main#grid_container_csv .csv_wrap{
		width:170%;
		margin:0 0 30px 20px;
		padding:20px;
		background:#fff;
		border-radius: 0 0 10px 10px / 0 0 10px 10px;
		box-shadow: 2px 0 2px 0 #DCDCDC;
		line-height:2em;
	}
}

.master main#grid_container_csv .csv_wrap tbody{
	width: 100%;
}

.count_area{
	width: 49%;
	float: left;
}


@media only screen and (max-width: 1360px) {
.count_area{
	width: 100%;
	float: none;
}
}

.csv_wrap th{
	vertical-align:top;
	margin-right: 40px;
	display: block;
	float: left;
  padding: 10px 0 10px 10px !important;
	width: 90px !important;
}

.csv_wrap td{
	float: left;
	padding: 0 !important;
}

.count_area td i{
	line-height: 10em;
	font-weight: bold;
	vertical-align: top;
}

/*20191024ここまで*/
#business #grid_header {
  z-index: 10;
}

#business .title{
	margin:0 0 30px 0;
	border-bottom:2px solid #4B5570;
	width: 100%;
	height: 40px;
}

#business .title h2.ttl_2{
	font-size:140%;
	width: 6em;
	display: block;
	float: left;
	padding-top: 10px;
}

#business .title a{
	float: right;
	width: 25px;
	height: 32px;
}

/*20201119　追加ここから*/
.main_management div.target_en,.main_management section.request_en {
  width: 93.5%;
  margin: 0 0 30px 20px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 0 2px 0 #DCDCDC;
  line-height: 2em;
  overflow: auto;
}
@media screen and (max-width: 1720px) and (min-width: 1280px) {
  .main_management div.target_en, .main_management section.request_en {
    width: 83.2%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 500px) {
  .main_management div.target_en, .main_management section.request_en {
    width: 170%;
  }
}

.main_management div.target_en input[type="checkbox"] {
  display: none;
}

.main_management div.target_en label {
  float: left;
  margin: 0 5px 5px 5px;
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
}

.main_management div.target_en input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

.main_management table.target_table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px 20px;
}

.main_management table.target_table th {
  width: 110px;
  line-height: 1.8em;
  vertical-align: top;
}

.main_management table.target_table th img {
  vertical-align: bottom;
  margin-right: 5px;
}

.main_management table.target_table td button {
  float: left;
}

.main_management table.target_table td input[type="checkbox"] {
  display: none;
}

.main_management table.target_table td label {
  float: left;
  width: 100px;
  margin: 0 5px 5px 5px;
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
}

.main_management table.target_table td input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}
.main_management table.target_table thead {
  float: left;
}

.main_management table.target_table thead th {
  display: block;
}

.main_management table.target_table tbody {
  display: inline-block;
}

.main_management table.target_table tbody td {
  display: block;
}

.main_management table.target_table tbody tr {
  display: inline-block;
}

.main_management table.target_table input[type="checkbox"] {
  display: none;
}

.main_management table.target_table label {
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 2em;
  text-align: left;
  font-weight: normal;
}

.main_management table.target_table input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

.main_management table.target_table button {
  width: 80px;
  height: 30px;
  margin: 0 5px 10px 5px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(to bottom, #FCFCFC, #CBCBCB); /* グラデーション */
  font-size: 80%;
  line-height: 1em;
  border: 1px solid #ccc;
}

.main_management table.target_table button:hover, .main_management table.target_table button:active {
  width: 80px;
  height: 30px;
  margin: 0 5px 10px 5px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(to bottom, #CBCBCB, #FCFCFC); /* グラデーション */
  font-size: 80%;
  line-height: 1em;
  border: 1px solid #ccc;
}
.master-sec .class_list {
  color: #333;
  font-size: 90%;
}

/*** 午睡モーダル 部屋選択 ***/
.nap_room_icon {
  background-image: url(../img/ic/nap_room_gray.svg);
}
/*20201119　追加ここまで*/