@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;
}

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

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


/*スマホヘッダー*/

#spHeader {
	background: #5f5f64;
	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 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 #5f5f64 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;
}

}