@charset "UTF-8";
@media screen and (max-width: 768px) {

header {
	width: 100%;
}

.floatL {
	float: none;
}

.floatR {
	float: none;
}

img {
	width: 100%;
	height: auto;
}

.sp {
	display: block;
}

.pc {
	display: none;
}


#sideBlock {
	display: none;
}

#sideBlock.spOpen {
	display: block;
}

#container,
#container_staff {
    margin-left: 0;
    padding: 0;
    min-width: auto;
}

#container h2,
#container_staff h2{
	background: #3f445a;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 5px 0;
}

#sideMenu .smallFont{
	font-size: 17px;
}

/*スマホヘッダー*/

#spHeader {
	background: #6c739e;
	padding: 10px;
}

#spHeader h2{
	text-align: center;
}

#spHeader h2 img{
	max-width: 240px;
}

#spHeaderMenu {
	padding: 10px;
}

#spHeaderMenu li{
	display: block;
	width: 30px;
	height: 30px;
}

#spHeaderMenu span,
#spHeaderMenu li a{
	display: block;
	width: 30px;
	height: 30px;
	background-size: 30px;
	overflow: hidden;
	text-indent: -10000px;
}

/*サブメニュー*/

#subMenu {
	flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border-bottom: solid #6c739e 1px;
}

#subMenu li {
	box-sizing: border-box;
	max-width: 25%;
	border-top: 0px;
	margin: 0;
	padding: 10px 0;
	display: inline-block;
}

#subMenu li a {
	padding: 0 4px;
	display: block;
	font-size: 10px;
}

.manualIcon img{
	width: 20px;
	height: auto;
}

#sideMenu #bbsAlertCheck {
	width:40px;
	height:40px;
	right:2px;

}

#sideMenu #bbsAlertCheck span{
	line-height: 40px;
	font-size: 14px;
}


#sideBlock {
	position: absolute;
	top: 120px;
	width: 100dvw;
	height: auto;
	background: #6c739e;
	padding: 10px 0;
	overflow-y: visible;
}

#sideBlock h1 {
	display: none;
}

#search_input {
	font-size: 18px;
	padding: 2px;
	line-height: 22px;
	width: 80%;
}

#search_form {
	text-align: center;
}

#sideMenu_info {
	border-top: 1px solid #fff;
}

#sideMenu li a {
	display: block;
	height: 40px;
	background-size: 40px;
	padding-left: 50px;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
}

#sideMenu li {
	padding: 20px;
	height: 80px;
	border-bottom: 1px solid #fff;
}

.logut a {
	display: inline-block;
	box-sizing: border-box;
	width: 80%;
}

}