@charset "utf-8";

/*==============================================================*/
/* titleBox */
/*==============================================================*/

.titleBox{
	display:none;
}

@media screen and (max-width: 767px) {
.titleBox{
	display:block;
	clear:both;
	position:relative;
	color:#fff;
	letter-spacing:0.1em;
}

.titleBox h2{
	font-weight:normal;
	font-size:16px;
	background:#005abb;
	height:47px;
	line-height:47px;
	padding:0 0 0 15px;
	margin:0;
}	

.titleBox i{
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	top:8px;
	right:10px;
	overflow:hidden;
	text-indent:-9999px;
	background:#00336a;
	cursor:pointer;
	border:2px solid #fff;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.titleBox i:before,
.titleBox i:after{
	display: block;
	content:'';
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	width:18px;
	height:3px;
	top:10px;
	left:4px;
}

.titleBox i:before {/*プラス縦棒*/
	width:3px;
	height:18px;
	top:3px;
	left:11px;
}

.titleBox i.open:before{/*マイナス横棒*/
	width: 18px;
	height:3px;
	top:10px;
	left:4px;
}

.titleBox ul{
	list-style-type:none;
	display:none;
	padding:0 10px 10px;
	background:#00336a;
	margin:0;
}

.titleBox ul li{
	font-size:14px;
	padding:0;
	margin:0;
}

.titleBox ul li a{
	padding:15px;
	border-bottom:1px solid #3f6997;
	display:block;
	text-decoration:none;
	color:#FFF;
}


}