.child_recordinitial_wrapper {
  width: 120%;
	min-height: 100%;
	background-color: #fffff8;
}

/************************
.recordinitial_header
*************************/
.recordinitial_header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1.5vw;
	background-color: #f9f9e8;
}

.only_inshcool_checkbox {
	font-size: 1.2vw;
	background-color: rgb(234, 249, 230);
	padding: 0.8em 1.2em;
	margin-bottom: 1.0vw;
}

.only_inshcool_checkbox input[type=checkbox] {
	display: none;
}

.only_inshcool_checkbox label {
	position: relative;
	padding: 0 0 0 3.5vw;
	font-size: 1.2vw;
	letter-spacing: 0.1em;
	color: #515d62;
}

.only_inshcool_checkbox label:after,
.only_inshcool_checkbox label:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	transform: translate(0, -50%);
}

.only_inshcool_checkbox label:after {
	left: 0;
	width: 1.8vw;
	height: 1.8vw;
	border: 1px solid #30c40c;
	border-radius: 3px;
}

.only_inshcool_checkbox label:before {
	left: 7px;
	margin-top: -10px;
	width: 10px;
	height: 15px;
	border-right: 3px solid #30c40c;
	border-bottom: 3px solid #30c40c;
	transform: rotate(45deg);
	opacity: 0;
}

@media screen and (max-width:1280px) {
	.only_inshcool_checkbox label:before {
		left: 6px;
		margin-top: -8px;
		width: 7px;
		height: 12px;
		border-right: 3px solid #30c40c;
		border-bottom: 3px solid #30c40c;
	}
}

.only_inshcool_checkbox input[type=checkbox]:checked + label:before {
	opacity: 1;
}

.school_status_list,
.recordinitial_page_controller,
.recordinitial_date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.recordinitial_page_controller {
	margin-bottom: 1.5vw;
}

.recordinitial_page_controller .recordinitial_date {
	position: relative;
	left: 2.0em;
}

.recordinitial_page_controller .recordinitial_date .day_prev img {
	width: 2.3vw;
	margin-right: 1.0em;
}

.recordinitial_page_controller .recordinitial_date .day_next img {
	width: 2.3vw;
}

.recordinitial_page_controller .recordinitial_date .weather_icon img {
	width: 2.3vw;
	margin-right: 1.0em;
}

.recordinitial_page_controller .recordinitial_date .date {
	font-size: 2.3vw;
	color: #515d62;
	font-family: monospace, serif;
}

.recordinitial_page_controller .recordinitial_date .date span {
	font-size: 0.8em;
	margin-left: 0.7em;
}

.recordinitial_page_controller .recordinitial_date .calender {
	width: 4.5vw;
	position: relative;
}

.recordinitial_page_controller .recordinitial_date .calender label {
	position: relative;
}

.recordinitial_page_controller .recordinitial_date .calender label::after {
	position: absolute;
	top: calc(50% - 1.0vw);
	right: calc(50% - 2.0vw);
	content: "";
	display: block;
	width: 2.0vw;
	height: 2.0vw;
	background-image: url(../img/ic/calender.svg);
	background-repeat: no-repeat;
}

.calender label::before {
	position: absolute;
	top: calc(50% - 1.3vw);
	right: calc(50% - 2.35vw);
	content: "";
	display: block;
	width: 2.7vw;
	height: 2.7vw;
	background-image: -moz-linear-gradient(90deg, rgb(245, 243, 243) 0%, rgb(255, 255, 255) 74%, rgb(246, 245, 245) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(245, 243, 243) 0%, rgb(255, 255, 255) 74%, rgb(246, 245, 245) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(245, 243, 243) 0%, rgb(255, 255, 255) 74%, rgb(246, 245, 245) 100%);
	border-radius: 5px;
	border: solid 1px rgb(234, 234, 234);
}

.recordinitial_page_controller .recordinitial_date .calender label input[type="date"] {
	opacity: 0;
	width: 2.8vw;
	height: 2.8vw;
	z-index: 9999;
	position: relative;
	left: 1.0vw;
}

.recordinitial_page_controller .recordinitial_date .calender input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	right: 0px;
	top: calc(50% - 1.75vw);
	padding: 0;
	width: 3.5vw;
	height: 3.5vw;
	background: transparent;
	color: transparent;
	cursor: pointer;
}

.recordinitial_page_controller .btn_today {
	background-color: #686f82;
	color: #fff;
	font-size: 1.2vw;
	padding: 0.2em 1.0em;
	border-radius: 20px;
	width: 5.0vw;
}

.school_status_list li {
	width: 13%;
	margin-right: 2%;
}

.school_status_list li .school_status {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 3px 10px 1px #d9d9d9;
}

.school_status_list li .school_status dt {
	padding: 0.9vw 0;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

.school_status_list li .school_status dt.bg_yellow {
	background-image: -moz-linear-gradient(60deg, rgb(255, 204, 0) 0%, rgb(255, 228, 0) 100%);
	background-image: -webkit-linear-gradient(60deg, rgb(255, 204, 0) 0%, rgb(255, 228, 0) 100%);
	background-image: -ms-linear-gradient(60deg, rgb(255, 204, 0) 0%, rgb(255, 228, 0) 100%);
}

.school_status_list li .school_status dt.bg_pink {
	background-image: -moz-linear-gradient(60deg, rgb(255, 68, 127) 0%, rgb(255, 155, 199) 89%);
	background-image: -webkit-linear-gradient(60deg, rgb(255, 68, 127) 0%, rgb(255, 155, 199) 89%);
	background-image: -ms-linear-gradient(60deg, rgb(255, 68, 127) 0%, rgb(255, 155, 199) 89%);
}

.school_status_list li .school_status dt.bg_blue {
	background-image: -moz-linear-gradient(60deg, rgb(0, 166, 214) 0%, rgb(0, 210, 255) 100%);
	background-image: -webkit-linear-gradient(60deg, rgb(0, 166, 214) 0%, rgb(0, 210, 255) 100%);
	background-image: -ms-linear-gradient(60deg, rgb(0, 166, 214) 0%, rgb(0, 210, 255) 100%);
}

.school_status_list li .school_status dt span {
	font-size: 1.2vw;
	color: #5c676b;
	letter-spacing: 0.1em;
	font-weight: bold;
	word-break: break-word;
}

.school_status_list li .school_status dd {
	padding: 1.0vw 0;
	text-align: center;
	background-color: #fdfdf8;
	border-radius: 0 0 10px 10px;
}

.school_status_list li .school_status dd span {
	font-size: 2.2vw;
	color: #5c676b;
	word-break: break-word;
}

/************************
.recordinitial_contents
*************************/
.recordinitial_contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1.5vw;
}

.recordinitial_checkbox {
	display: flex;
}

.recordinitial_checkbox p:nth-of-type(1) {
	margin-right: 1.0vw;
}

.recordinitial_div {
	width: 100%;
	margin-bottom: 1.0vw;
}

.recordinitial_div p {
	font-size: 1.2vw;
	line-height: 1.2;
	color: #fff;
    background-image: -moz-linear-gradient(-135deg, rgb(45, 214, 4) 0%, rgb(4, 190, 144) 100%);
    background-image: -webkit-linear-gradient(-135deg, rgb(45, 214, 4) 0%, rgb(4, 190, 144) 100%);
    background-image: -ms-linear-gradient(-135deg, rgb(45, 214, 4) 0%, rgb(4, 190, 144) 100%);
	font-weight: bold;
	padding: 0.5vw 0 0.5vw 3vw;
}

.recordinitial_table {
	width: 100%;
	font-size: 1.2vw;
	line-height: 1.2;
	color: #515d62;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.recordinitial_table thead th {
	position: relative;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}

.recordinitial_table thead th:nth-of-type(1) {
	width: 5%;
}

.recordinitial_table thead th:nth-of-type(2) {
	width: 25%;
}

.recordinitial_table thead th:nth-of-type(3) {
	width: 20%;
}

.recordinitial_table thead th:nth-of-type(4) {
	width: 10%;
}

.recordinitial_table thead th:nth-of-type(5) {
	width: 10%;
}

.recordinitial_table thead th:nth-of-type(6) {
	width: 10%;
}

.recordinitial_table thead th:nth-of-type(7) {
	width: 10%;
}

.recordinitial_table thead th:nth-of-type(8) {
	width: 10%;
}

.recordinitial_table thead th.sort_none {
	background-image: url(../img/ic/sort_none.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.0vw;
}

.recordinitial_table thead th.sort_asc {
	background-image: url(../img/ic/sort_asc.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.0vw;
}

.recordinitial_table thead th.sort_dsc {
	background-image: url(../img/ic/sort_dsc.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.0vw;
}

.recordinitial_table thead th p {
	font-size: 1.2vw;
	color: #30c40c;
	line-height: 1.2;
	padding-right: 1.0em;
}

.recordinitial_table tbody tr {
	background-color: #ffffff;
	width: 100%;
	/*    box-shadow: 0px 2px 2px 0px rgba(224, 224, 224, 0.4), 0px 0px 2px 0px rgba(231, 231, 231, 0.6);*/
  height: 6.2vw;
}

.recordinitial_table tbody tr td {
	position: relative;
}

.recordinitial_table tbody tr td::before {
	position: absolute;
	content: "";
	left: 0;
	top: -2px;
	width: 100%;
	height: 2px;
	background: linear-gradient(to top, rgba(231, 231, 231, 0.6), rgba(255, 255, 255, 0));
}

.recordinitial_table tbody tr td::after {
	position: absolute;
	content: "";
  /* CHANGE SMO - START====================================== */
  /* 園児氏名やクラス名が長い場合に枠からはみ出るのを修正 */
	/*top: 6.2vw;*/
  bottom: -2px;
  /* CHANGE SMO - END======================================== */
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(224, 224, 224, 0.4));
}

.recordinitial_table tbody tr td:first-of-type:before {
	border-radius: 5px 0 0 0;
}

.recordinitial_table tbody tr td:last-of-type:before {
	border-radius: 0 5px 0 0;
}

.recordinitial_table tbody tr td:first-of-type:after {
	border-radius: 0 0 0 5px;
}

.recordinitial_table tbody tr td:last-of-type:after {
	border-radius: 0 0 5px 0;
}

.recordinitial_table tbody .on {
	background-color: #ffebeb;
}

.recordinitial_table tbody tr td:nth-of-type(1) {
	width: 5%;
}

.recordinitial_table tbody tr td:nth-of-type(1) div {
	padding-left: 1.0em;
}

.recordinitial_table tbody tr td:nth-of-type(2) {
  width: 25%;
}

.recordinitial_table tbody tr td:nth-of-type(3) {
	width: 20%;
}

.recordinitial_table tbody tr td:nth-of-type(3) p {
	padding-left: 2.5em;
	word-break: break-word;
}

.recordinitial_table tbody tr td:nth-of-type(4) {
	width: 10%;
	text-align: center;
}

.recordinitial_table tbody tr td:nth-of-type(5) {
	width: 10%;
	text-align: center;
}

.recordinitial_table tbody tr td:nth-of-type(6) {
	width: 10%;
	text-align: center;
}

.recordinitial_table tbody tr td:nth-of-type(7) {
	width: 10%;
	text-align: center;
}

.recordinitial_table tbody tr td:nth-of-type(8) {
	width: 10%;
	text-align: center;
}

.progress_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1em;
}

.progress_list li img {
	width: 70%;
	vertical-align: middle;
}

.progress_list li:nth-child(8) img {
  width: 2vw;
  margin-right: 0.5vw;
}

.progress_list li:nth-child(9) img {
  width: 2.5vw;
}

.recordinitial_table .className {
	display: block;
	font-size: 1.0vw;
	color: #969ea2;
}

.thermometry_data {
	text-align: left;
	word-break: break-word;
}

.thermometry_data .time {
	color: #969ea2;
	font-size: 1.0vw;
	display: block;
	word-break: break-word;
}

.parent_message img,
.nursery_message img {
	width: 40%;
	vertical-align: middle;
}


.pagenation {
	width: 100%;
	display: flex;
	display: -ms-flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	margin: 4rem 0;
}

.pagenation ul {
	display: flex;

}

.pagenation ul li {
	width: 3.7vw;
	height: 3.7vw;
	background-color: #ffffff;
	border: solid 2px #30c40c;
	border-radius: 0.5rem;
	color: #515d62;
	text-align: center;
	line-height: 3.7vw;
	font-size: 1.2vw;
	margin-right: 1rem;
}

/*
.pagenation ul li:nth-of-type(7){
    margin-right: 0;
}
*/

.pagenation ul .pagenation_active {
	background-color: #c0edb6;
	border: solid 2px #c0edb6;
}

.pagenation ul .pagenation_dot {
	background-color: transparent;
	border: none;
}

.pagenation ul .page_prev,
.pagenation ul .page_next {
	width: 3.7vw;
	height: 3.7vw;
	background-color: #30c40c;
	border: solid 2px #30c40c;
	border-radius: 0.5em;
	position: relative;
}

.page_prev img,
.page_next img {
	width: 0.6vw;
	height: 1.0vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.balloon_base {
  width: 3vw;
  height: 3vw;
  margin-left: 2vw;
}

.balloon_none {
  display: none;
}

.balloon {
  font-size: 1.0vw;
  z-index: 2;
  position: absolute;
  text-align: left;
  padding: 1vw;
  background-color: #fff;
  width: 36vw;
  left: -13vw;
  top: 4.2vw;
  border-radius: 5px;
  box-shadow: 0 0 8px 3px #bdbdbd;
}

.balloon:after{
  border-bottom: 1vw solid #fff;
  border-left: 1vw solid transparent;
  border-right: 1vw solid transparent;
  right: 18vw;
  top: -0.9vw;
  content: "";
  position: absolute;
}