@CHARSET "UTF-8";

.body {
	margin: 0;
}

.wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.wrapper>* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

.main {
	order: 3;
	padding: 0.5em;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.aside {
	order: 2;
	border-bottom: solid 1px;
	padding: 0.5em;
    align-items: center;
    -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	flex: 0 0 auto;
}

.aside input[type='button'] {
	
}

.aside .menuMain {
	order: 1;
	display: flex;
	flex-wrap: wrap;
	height: inherit;
	margin: auto;
}

.aside .menuMain .pageNum {
	font-size: 0.8em;
}

.aside .menuMain .menuBtn {
	text-align: right;
	order: 7;
	flex-basis: 25%;
}

.aside .menuMain .switch1 {
	order: 4;
	flex-basis: 25%;
}

.aside .menuMain .pagingHeader {
	order: 3;
	display: none;
}
	
.aside .menuMain .pagingMain {
	order: 2;
	flex: 1 100%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.aside .menuMain .pagingMain #docForm {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	order: inherit;
	flex: inherit;
}
	
#docForm DIV {
	margin-right: 5px;
	margin-left: 5px;
}

.aside .menuMain .pagingMain .btn1 {
	
}

.aside .menuMain .pagingMain .btn2 {
	
}

.aside .menuMain .pagingMain .btn3 {
	
}

.aside .menuMain .pagingMain .btn4 {
	
}

.aside .menuMain .pagingMain .btn5 {
	
}

.aside .menuMain .pagingMain select {
	height: 2em;
	vertical-align: middle;
}

.aside .menuMain .hitDiv {
	font-weight: bold;
	order: 5;
	flex-basis: 50%;
	display: flex;
	align-items: center;
}

.pgImgBtn {
	 border: 0; 
}

.aside .menuMain .switch2 {
	order: 6;
}

.aside .menuMain .pgImgBtn {
	height: 2.2em;
}

.main .imgDiv {
	position: fixed;
	display: none;
	border: solid 1px;
	background-color: #fff;
	padding: 0.5em;
	z-index: 1;
	right: 0;
	margin-top: -0.5em;
}

.aside .menuMain .imgDiv {
	display: none !important;
}

.aside .menuMain .print {
	display: none;
}

.hitDiv .header {
	display: none;
}

.hitDiv .count {
	display: none;
}

.hitDiv .link {
	text-align: center;
	width: 100%;
}

#contents2 {
	display: none;
}

.overlay {
	width: 100%;
	height: 100%;
	display: none;
}

.imglink {
	max-height: 300px;
	overflow-y: auto;
}

/*	本文_検索語　　　*/
span.hit { color:red; text-decoration:underline; }

@media ( min-width : 768px) {
	.wrapper {
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}
	.hitDiv .link {
		padding-top: 0.25em;
	}
	#contents {
		padding-bottom: 1.2em;
	}
	.aside .menuMain .menuBtn {
		display: none;
	}
	.aside .menuMain {
		display: block;
		position: relative;
		height: 100%;
	}
	.aside .menuMain .print {
		display: block;
	}
	.aside {
		height: 100%;
		flex: 0 0 23em;
		border-bottom: none;
		max-height: auto;
		overflow-y: auto;
	}
	.main {
		height: 100vh;
		border-left: solid 1px;
		flex: 0px;
		padding-bottom: 1.2em;
		
	}
	.aside .menuMain .pageNum {
		padding-top: 1vh;
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 2vh;
	}
	.aside .menuMain .pagingMain select {
		width: 100%;
		height: 1.2em;
	}

	.aside .menuMain  .pgImgBtn {
		height: auto;
		width: auto;
	}
	.aside .menuMain .switch1 {
		text-align: right;
	}
	.aside .menuMain .pagingHeader {
		display: inline;
	}
	.aside .menuMain .pagingMain {
		width: inherit;
		margin 0;
	}
	.aside .menuMain .pagingMain FORM {
		max-width: 15em;
	}
	.aside .menuMain .hitDiv {
		padding-top: 1vh;
		display: block;
	}
	.aside .menuMain .switch2 {
		
	}
	.main .imgDiv {
		display: none !important;
	}
	.aside .menuMain .imgDiv {
		display: inline !important;
		position: inherit;
		border: none;
		top: 0px;
		height: 20px;
		overflow: auto;
		background-color: transparent;
	}
	.aside .menuMain .hitDiv .header {
		display: block;
	}
	.aside .menuMain .hitDiv .count {
		text-align: right !important;
		display: block;
	}
	.aside .menuMain .hitDiv .link a {
		margin-right: 0px;
	}
	.aside .menuMain .pagingMain #docForm {
		display: block;
		width: inherit;
		margin 0;
	}
	
	#docForm DIV {
		margin-right: 2px;
		margin-left: 2px;
	}
}