@media screen and (max-width:1240px) {
	/* Common styles
	-------------------------------------------------- */
	.contents_title {
		margin-bottom: 0.75rem;
		margin-left: 0.25rem;
		padding-top:0.25rem;
		font-size:1.0rem;
	}
	/* Navbar
	-------------------------------------------------- */
	#headNavbar {
		padding-top:0.125rem;
		padding-bottom:0.125rem;
	}
	#headNavbar ul {
		margin-bottom:0.125rem;
	}
	#headNavbar .nav-item {
		padding: 0.125rem;
		margin: 0.125rem;
	}
	.W6Hbcb img {
		height: 45px;
		width: 135px;
		object-fit: contain;
	}
	.headericon {
		font-size: 1.5rem;
	}
	.headericon-text {
		font-size: 1.0rem;
	}
/* 	.KWtsuw { */
/* 		width:10.0rem; */
/* 		display: flex; */
/* 		justify-content: flex-start; */
/* 	} */
	/* Button Control Styles
	-------------------------------------------------- */
	.btn {
		font-size: 0.75rem;
	}
	.btn-side {
		width: 8.0rem;
	 	height:2.5rem;
		padding-top:0.125rem;
		padding-bottom:0.125rem;
	}


}
@media screen and (max-width:1000px) {
	/* 画面サイズが1000pxまではここを読み込む */
	#header {
		font-size: 1.25rem;
	}
	input[type="date"],
	input[type="month"]
	{
		width: 10rem;
		height:38px ;
		vertical-align:middle;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
	}
	input[type="time"]
	{
		width: 6.5rem;
		height:38px ;
		vertical-align:middle;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
	}
	.form-control {
		font-size : 1.0rem;
	}
	.contents_title {
		font-size: 1.25rem;	
	}
	.KWtsuw {
		width:10.0rem;
		display: flex;
		justify-content: flex-start;
	}
	.btn {
		font-size: 1.0rem;
		padding-left: 0.5rem;
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;
		padding-right: 0.5rem;
		border-radius: 0.5rem;
	}
	.btn-top {
	 	width:7.0rem;
	}
	.btn-side {
		height:3.0rem;
	}
	.btn-text-clear {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}
	.btn-date {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}
	.btn-updown {
		padding-left: 0.75rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
		padding-right: 0.75rem;
	}
	.simpleicon {
		font-size : 1.5rem;
	}
	.accounticon {
		font-size : 4.0rem;
	}
	select.form-control,
	select.form-control:not([size]):not([multiple]) 
	{
		height:38px ;
	}
	#Previous ,
	#Next {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		height:38px ;
	}
	
/* Navbar
-------------------------------------------------- */
	#headNavbar {
	    width: 100%;
	}
	.facility-name {
		font-size: 2.0rem;
	}
	.user-name {
		font-size: 2.0rem;
	}
	.navbar {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.navbar-toggler {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		font-size: 1.25rem;
		margin-right: 1.0rem;
	}
	#headNavbar .nav-link {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
	#headNavbar .nav-item .nav-title {
		font-size: 2.0rem;
	}
	#headNavbar .nav-item img {
		width: 50px;
		height: 50px;
	}
/* Modal
-------------------------------------------------- */
	.modal .modal-dialog 
	{
		width:80%;
		min-width: 80%;
		max-width: 80%;
	}
	.modal .list-container
	{
		width: 80%;
		min-width: 80%;
	}

	#modalTemperature select 
	{
		height:84px;
		font-size: 2.0rem;
	}
	.modal .EQ3xxC {
		padding-top: 1.0rem;
		margin-bottom: 0rem;
		margin-left: 1.0rem;
		margin-right: 1.0rem;
		font-size: 2.0rem;
	}
	.modal .cNCk8j{
		width: 10em;
	    min-width: 10em;	
	}
	.modal .igNYxL {
		font-size: 2.0rem;
	}

/* Alert Message
-------------------------------------------------- */
	#alert-message {
		font-size: 2.0rem;
	}
	
/* Width
-------------------------------------------------- */
	.w-10 {
/* 	    width: initial; */
	    width: 10rem;
		min-width: 10rem;
	}
	.w-8 {
/* 	    width: initial; */
	    width: 8rem;
		min-width: 8rem;
	}
	.w-6 {
/* 	    width: initial; */
	    width: 6rem;
		min-width: 6rem;
	}
	.w-5 {
/* 	    width: initial; */
	    width: 5rem;
		min-width: 5rem;
	}
	.w-4 {
/* 	    width: initial; */
	    width: 4rem;
		min-width: 4rem;
	}
	
/* Font Size
-------------------------------------------------- */
	.f-6 {
		font-size: 1.0rem;	
	}
	.f-5 {
		font-size: 0.75rem;	
	}
	
    .disp-pc {
		display: none;
    }

    .disp-sp {
        display: block;
    }
    
/* Checkbox
-------------------------------------------------- */
	.checkbox-parts {
		padding-top: 0.125rem;
		padding-bottom: 0.125rem;
		padding-left: 35px;
		margin-right: 35px;
	}
	.checkbox-parts::before {
	  top: 2px;
	  width: 25px;
	  height: 25px;
	  padding-top: 1.5rem;
	}
	.checkbox-input:checked + .checkbox-parts::after {
	  top: 0px;
	  left: 5px;
	  width: 15px;
	  height: 25px;
	  transform: rotate(40deg);
	  border-bottom: 5px solid var(--color-checkbox-select);
	  border-right: 5px solid var(--color-checkbox-select);
	}
	
/* maru
-------------------------------------------------- */
	#headNavbar #navStaffCommunication .maru,
	#headNavbar #navChildCommunication .maru,
	#headNavbar #navInformation .maru,
	#headNavbar #navLatest .maru-small {
	    position: relative;
	}
	.maru {
		height:50px;
		width:50px;
		line-height:50px;
		font-size: 2.0rem;	
	}
	
}