@media only screen and (max-device-width: 641px) {

	#home:hover + .sf-contener {display:block}
	.sf-contener:hover {display:block}
	#home:not(.hvr):hover + .sf-contener {display:none}
	
	#container {width:100vw;/*min-width:455px*/}
	a#logotop {display:inline-block;}
	#header {height:auto;display:flex}
	#header > div:nth-child(2) {float:none;width:auto;display:inline-block;height:85px;font-size:3vw;height:auto}
	#header > div > a:last-child img {margin-left: 0;}
	[class^="icon-"] {font-size:4vw}
	#header > div:nth-child(4) a:last-child img {height:4vw;width:4vw}
	
	.td-left {display:none}
	
	#container-rasp {height:auto;float:none;order:3;font-size:2.5vw;margin-right:0;margin-left:3vw}
	#container-rasp div {font-size:2.5vw}
	#container-rasp div:first-child {padding:10px 0px 0px 14px;font-size:3vw;}
	#calendarNum::before {display:none}
	#calendarNum {padding-left:14px;display:block!important}
	#content > p {font-size:3vw}
	
	.sf-menu{max-width:80vw;font-size:4vw}
	.sf-menu li ul {position:relative;width:auto}
	.sf-menu li:hover ul {top:1px;left:5vw}
	.sf-contener {width:auto!important;display:none}
	.sf-contener > ul {background:#034F83;}
	.sf-contener ul > li > ul > li a {background:#046fb5;font-size:inherit;padding:3vw}
	.sf-menu li a {color:#fff;font-size:inherit;padding:3vw;height:auto}
	#home {background:transparent url(../images/m.png) no-repeat scroll 12px 13px;background-size:cover;height:7vw;width:7vw}
	.menumainnew {height:auto}
	.icon-home:before{content:none}
	#textarea {padding:0px 15px 50px 15px;width:auto}
	
	#picrow {font-size:2.5vw}
	#picelement > div:first-child {font-size:inherit}	
	#picrow > div {width:100%; height:6em;margin:0px 0px 10px 0px;}
	.pic-table h1 {font-size:3.5vw}
	#picelement img {height:5em;width:5em}
	
	.selectors{font-size:2vw}
	.selectors p {font-size:4vw}
	.selectors tbody td {display:block;font-size:4vw}
	#result .selectors tbody td {display:table-cell}
	.selectors tbody th {font-size:4vw}
	#uch_info th {font-size:3vw}
	.timetable{font-size:1.5vw;order:2}
	#speedbar {font-size:3vw;}
	h2{font-size:3vw;padding:2em 0 calc(2em - 5px)}
	#footer a {font-size:2.5vw}
	#footer p {font-size:2vw}
	select {font-size:4vw;width:90vw;text-align-last:center}
	table {width:100%}
	input[type=radio]{width:3vw;height:3vw}
	#show_archive{font-size:3vw}
	#print_btn {display:none}
	#result{font-size:4vw;display:flex;flex-wrap:wrap}
	#uch_info {width:auto;order:1;}
	
	#holidays{width:100%;margin-top:2vw;text-align:center;order:3}
	#holidays th {background-color:#da0e13;border:1px solid #da0e13}
	
	#calendar td {font-size:3vw;display:table-row;border:1px solid #1d96b2}
	#calendar tr {display:inline-grid;margin-bottom:1em}
	
	.timetable caption {font-size:3vw}
	.timetable th {font-size:3vw}
	
	.comboGroup * {font-size:4vw}
	.comboGroup input {padding:1vw}
	.comboGroup ul {padding:1vw 3vw 1vw 1vw;top:7vw}
}