@charset 'UTF-8';
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body {
	font-size: 13pt;
}
.toggleBtn {
	width:50px;
	height:50px;
	line-height:50px;
	padding:10px;
	/*border:1px #d00 dotted;*/
}
.toggleBtn span{
	top:48%;
	width:52%;
	height:2px;
}

#navi{
	height:50px;
}

#navi .logo {
	width:80px;
	line-height:50px;
	left:20px;
}
#navi ul{
	right:60px;
}
#navi ul li{
	height:50px;
	line-height:50px;
	font-size:13pt;
}
#navi ul li img{
	height:25px;
}
#navi ul li.socialBtn{
	line-height:50px;
}
#menu{
}
#menu ul{
	margin-top:60px;
	/*border:1px #F00 dotted;*/
}
#menu ul li,#menu ul li p{
	font-size:0.9em;
	padding:0.05em;
	/*border:1px #0D0 dashed;*/
}
/*
.picL .txtBox{
	padding:100px 120px 0 80px;
}
.picR .txtBox{
	padding:100px 80px 0 120px;
}*/



.section .txtBox h1,
.section .txtBox h2{
}

.section .txtBox h3{
	line-height: 170%;
	/*border:1px #F00 dotted;*/
}

.borderBtn,
.blackBtn{
	height: 40px;
	line-height: 40px;
	margin-bottom:10px;
	padding:0 20px 0 20px;
}


/*********************************************************************************/
/* home                                                                        */
/*********************************************************************************/

#detailModal .modal-centered {
	top:calc(50% - 250px);
}
#detailModal.fade.show .modal-centered{
	top:calc(50% - 250px);
}
#detailModal .modal-dialog,
#detailModal .modal-content,
#detailModal .modal-body{
	width:900px;
	max-width: 900px;
	height:500px;
}