.container { max-width: 750px;}

/*ヘッダー・フッター*/

.subnavi { height: auto;}

.subnavi .navbar-brand { padding: 0;}

.subnavi .navbar-brand img { height: 60px;}

.subnavi ul.nav { margin-top: 0;}

.navbar-nav > li { float: none; text-align: right;}

.navbar-nav > li > a { color: #fff;}

.navbar ul.nav li a:hover { background: 0; color: #fee000;}

#pagetop { text-align: center;}

footer .col-sm-3 { text-align: right;}

footer .logoarea img { width: 40%;}

footer p, footer a { color: #fff;}

@media screen and (max-width:768px){
	.container > .navbar-header { width: 81px; float: left;}
	.navbar-toggle { display: none;}
	.subnavi .collapse { width: calc( 100% - 81px - 10px ); float: right; display: block;}
	footer .col-sm-3 { text-align: right; display: block; float: left;}
	footer .logoarea img { width: 80px;}
	footer .col-sm-9 { display: block; width: calc( 100% - 80px - 30px ); float: left;}
	footer .col-sm-9 a { display: inline-block;}
}

@media screen and (max-width:499px){
	.subnavi .collapse { display: none;}
	footer .col-sm-3 { float: none; text-align: center; margin-bottom: 10px;}
	footer .logoarea img { width: 30%;}
	footer .col-sm-9 { float: none; width: 100%; text-align: center;}
	footer li { display: block; border-top: #484848 1px solid; padding-top: 5px;}
	footer li:after { content: "";}
}

@media screen and (max-width:479px){
	.section { padding-top: 70px;}
}

/*コンテンツ*/

.top { border: 10px solid #eee; padding: 20px;}

.top h3 { color: #00a6e4; word-break: normal; line-break: strict;}

.data { margin-top: 40px;}

.data caption { font-weight: bold;}

.data th { width: 8em;}

.col-md-12 img { display: block; margin: 0 auto 20px;}

@media screen and (max-width:479px){
	.data th { width: 6em;}
}