@charset "utf-8";
@media (max-width: 992px) {
	#header {
		margin-bottom: 10px;
	}
	#header .btn {
		margin-bottom: 10px;
	}
	.loginarea {
		max-width: 450px;
	}
	.topline {
		padding: 6px 0;
		margin-bottom: 5px;		
	}
	.nav-pills li.title a {
		padding-bottom: 0;
	}
}
@media (max-width: 767px) {
	#loginform h1 span {
		display: none;
	}
	.loginarea {
		box-shadow: none;
		margin-bottom: 0;
	}
	#loginform .waku {
		background: none;
	}
	#loginform h1 {
		text-align: center;
	}
	#loginform #header {
		padding: 5px 0 10px 0;
	}
	#loginform .login {
		padding: 30px 0;
	}
	h3 {
		font-size: 1.8em;
		font-weight: bold;
	}
	.block {
		display: block;
	}
	.radio-inline.block {
		margin-left: 0;
	}
	.list-group-item {
		padding: 5px;
	}
	#header h1 {
		background: none;
	}
	#header h1 span.school {
		line-height: 1.2em;
		font-size: 24px;
	}
	#header h1 span.team {
		line-height: 28px;
	}
	#header .text-right span.logout {
	}	
	#main h4.bg {
		background: #f5f5f5;
		padding: 3px;
		border-radius: 3px;
		display: block;
	}
	#header p {
		padding-top: 0;
		padding-bottom: 5px;
	}
	#main h3 .search-burger.btn.btn-sm {
	}
	ul.topTeamlist li {
		display: block;
		width: 100%;
		margin: 5px 0;
	}
	input[type="radio"],input[type="checkbox"] {
	}
	.form-control.inline {
		width: auto;
		display: inline-block;
	}
	.search-box .form-control {
		display: inline-block;
		width: auto;
	}
	.search-box .icon-bg {
		display: none;
	}
	#main .calendar input {
		margin-right: 0;
	}
	.search-box .input-group.calendar {
		display:inline-table;
	}
	span.name {
		font-size: 1.2em;
	}
	.col-xs-1.padding-none,
	.col-xs-2.padding-none,
	.col-xs-3.padding-none,
	.col-xs-4.padding-none,
	.col-xs-5.padding-none,
	.col-xs-6.padding-none,
	.col-xs-7.padding-none,
	.col-xs-8.padding-none,
	.col-xs-9.padding-none,
	.col-xs-10.padding-none,
	.col-xs-11.padding-none {
		padding-left: 0;
		padding-right: 0;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding: 2px;		
	}
	.search-box .title {
		display: inline-block;
		width: 100%;
	}
	
	/* ■■■ cal ■■■ */
	.cal-month td {
		height:50px;
		min-height: 50px;
		color: #999;
		text-align: center;
		margin: auto;
	}
	.cal-month td.today p.day {
		text-align: center;
	}
	.cal-month td .label {
		font-size: 85%;	
		margin-right: 0;
	}
	.cal-month td .day {
		font-size: 1.2em;
		height: 26px;
	}
	.cal-month td p {
		text-align: center;
		word-break:break-all;
	}
	td.today {
		text-align: center;
	}
	td p {
		white-space: normal;
		word-break:break-all;
	}

}
@media (max-width: 480px) {
	h3 {
		padding: 10px;
		font-size: 1.3em;
	}
	#header h1 {
		width: 100%;
	}
	#loginform .loginid label, 
	#loginform .loginpw label {
		margin-bottom: 0;
	}
	#loginform .loginid input.form-control, 
	#loginform .loginpw input.form-control {
		margin-left: 0;
		max-width: none;
		width: 100%;
		margin-bottom: 0;
		float: none;
	}
	#header .text-right .btn.logout {
		padding: 5px 20px 5px 15px;
	}
	#loginform .login-fields {
		padding: 10px;
	}	
}

@media (max-width: 340px) {
	

}