/*publication ページ増やす*/
/*背景写真あれば*/
/*IEブラウザでnavbarがdropdownされない*/
/*　画面サイズが767px以下の場合読み込む　*/
@media screen and (max-width:767px) { 
    h1{ font-size: 24px;}
    h2{ font-size: 18px; }
    p{ font-size: 12px;}
    h4{ font-size: 16px; }
    /*.jumbotron {height: 300px;}*/
    .jumbotron h2{ font-size: 12px; }
   	.jumbotron p{ font-size: 12px;}
}

/*body*/
body{
	padding-top: 50px;
}

/*nav*/
.navbar{
	border: none;
	font-family: 'Play', sans-serif;
	font-size: 18px;
}

.navbar-brand{
	font-family: 'Play', sans-serif;
	font-weight: 700;
}

.navbar-inverse{
	background-color: #00377A;
	border-color: #ffffff;
}

.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus{
	background-color: #5C7FAA;
}

.navbar-inverse .navbar-nav li a,
.navbar-inverse .navbar-brand{
	color: #ffffff;
}

.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar{
	background-color: #ffffff;
}

.navbar-inverse .navbar-toggle{
	border-color: #ffffff;
}

.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle:hover{
	background-color: #5C7FAA;
}

.collapse{
	overflow: visible;
}

/*jumbotron*/
.jumbotron{
	background-color: #FFFFFF;
	position: relative;
	/*height: 100vh;*/
	/*min-height: 300px;*/
	/*background-image: url("../img/EmperorAngelfish.jpg");*/
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding: 0;
	color: #FFFFFF;
}

.jumbotron h1{
	margin-top: 10px;
	font-family: 'Play', sans-serif;
	font-weight: 700;
}

.jumbotron h2{
	margin-top: 10px;
	font-family: 'Play', sans-serif;
}

.jumbotron img{
	width: 100%;
	height: auto;
	margin: 0;
}

.jumbotron .container{
	padding: 0;
}

/*main*/
main .container{
	min-height: 500px;
	background-image: url("../img/giraffe.png");
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: right 20px bottom 30px;
}

main .wrapper{
	min-height: inherit;
	background-color: rgba(255,255,255,0.5);	
}

main h1{
	display: inline-block;
	font-family: 'Play', sans-serif;
	font-weight: 700;
	background-color: #E7ECF2;
}

main h2{
	font-family: 'Play', sans-serif;
	font-weight: 700;
}

/*others in main*/
.row{
	margin: 0;
}

.table{
	width: 100%;
	table-layout: fixed;
}

.table th{
	font-family: 'Play', sans-serif;
	font-weight: 700;
}

.table th p{
	font-family: initial;
	margin: 0;
}

.btn-square{
	border-radius: 0;
}

button a{
	color: #333;
}

/*footer*/
footer{	
	border-top: solid;
	text-align: right;
	font-family: 'Play', sans-serif;
}