* {
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
	color:#0b7a75;
}
a:hover{
	color:#0baaa5;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	background:#ffffff;
	color:#000000;
	font-size:1.1rem;
}
header{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	background:#ffffff;
	color:#0b7a75;
	padding:.5rem 1rem;
	align-items: center;
}
header > *{
	flex-grow:0;
	flex-shrink:0;
	font-size:2.5rem;
}
header div#site-logo{
	width:3.5rem;
	height:4.5rem;
	background: url(img/jpb-600.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
header div#site-logo a{
	width:3.5rem;
	height:4.5rem;
	position:absolute;
}
header div#site-title{
	margin-left:1.5rem;
	font-size:1.5rem;
	padding-bottom:.8rem;
}
header div#site-title span:nth-child(1){
	color:#0b7a75;
}
header div#site-title span:nth-child(2){
	color:#19535f;
}
header div#site-title span:nth-child(3){
	color:#7b2d26;
}
header nav{
	position:absolute;
	width:100%;
	height: calc(100vh-5.5rem);	
	background: #ffffff;
	top:5.5rem;
	left:-100%;
	/*left:0;*/
	transition: 0.5s;
	font-size:1.5rem;
}
header nav.active
{
	left:0;
}
header nav ul
{
	text-align:center;
	display:block;
}
header nav ul li
{
	list-style:none;
	border-bottom: 1px solid #888;
}
header nav ul li a{
	line-height:3.75rem;
	color: #0b7a75;
	display:block;
}
header nav ul li a:hover,
header nav ul li a.active {
	color: #ffffff;
	background:#0b7a75;
}
header div#menu-toggle{
	flex-grow:1;
	flex-shrink:1;
	text-align:right;
	display:block;
	padding-bottom:.8rem;
}
.container{
	width:100%;
	margin:auto;
	padding:0rem;
	box-sizing:border-box;
}
.searchDiv section form{
	display:flex;
	margin-bottom:1rem;
	line-height: 1rem;
}
.searchDiv input{
	padding:.2rem;
	margin:0 1rem;	
	font-family: 'Noto Sans JP', sans-serif;
}
.searchDiv input[type=search] {
	width:100%;
	margin-right:.5rem;
}
.searchDiv input[type=submit] {
	padding: .2rem 1.5rem;
	margin-left:.5rem;
}
.home_blog_posts{
	width:100%;
	border-bottom:solid 1px #555555;
	padding-bottom:1rem;
}
.blog_date{
	color:#000000;
}
.home_blog_posts > section > a > picture > img{
	width:100%;
}
.home_blog_posts > section{
	margin-bottom: 1rem;
}
.home_blog_posts > section > h2{
	font-size:1.5rem;
	color:#7b2d26;
	text-transform: uppercase;
	font-weight:bold;
	line-height: 1.5rem;
}
.home_blog_posts > section > h2 a{
	color:#7b2d26;
}
.home_blog_posts > section > h2 a:hover{
	color:#ab3d36;
}
.blog{
	width:100%;
	padding-bottom:1rem;
}
.blog> section{
	margin-bottom: 3rem;
}
.blog> section > picture > img{
	width:100%;
}
.blog > section > h2{
	font-size:1.5rem;
	color:#7b2d26;
	text-transform: uppercase;
	font-weight:bold;
	line-height: 1.5rem;
	margin-top:.5rem;
	margin-bottom:.5rem;
}

.back-next-links{
	text-align:center;
	font-size: 2rem;
}
.back-next-links a{
	margin-left:1rem;
}
.back-next-links span{
	margin-left:1rem;
}
.home_blog_posts, .home_autographs, .blog, .autographs, .teams{
	margin-bottom: 2rem;
	padding: 0 1rem;
	box-sizing:border-box;
}

.home_autographs > section{
	margin-bottom: 2rem;
}
.autographs > section{
	margin-bottom: 2rem;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5rem;
}
.autographs > section > ul{
	list-style-type: none;
	margin-bottom:2rem;
	line-height:2rem;
}
.autographs > section figcaption{
	font-size:1rem;
	line-height:1rem;
}

.page > section > h2{
	color:#7b2d26;
	text-align:center;
	text-transform: uppercase;
	font-size:2rem;
	margin-bottom:2rem;
}
h3{
	margin:1rem;
	text-align:center;
}
.gallery, .galleryNoLightbox{
	display:grid;
	grid-template-columns: repeat(auto-fit, 136px);
	justify-content: center;
	gap: 1rem;
}
.galleryThumb{
	width:136px;
}
.galleryThumb img{
	width:100%;
}
.galleryThumb figcaption{
	text-align:center;
	font-size:1rem;
	line-height:1rem;
}
footer{
	padding:2rem;
	font-size:.8rem;
	color:#ffffff;
	background-color:#222222;
	text-align:center;
}
.teamsDiv{
	display:grid;
	grid-template-columns: repeat(auto-fit, 200px);
	justify-content: center;
	gap: 1rem;
	margin-bottom:1rem;
}
.teams > section > h3{
	font-size:2rem;
}
.teams > section > h3 > a{
	font-size:2rem;
	padding-left:2rem;
	text-transform: uppercase;
}
.teamsDiv div{
	text-align:center;
	padding:0rem 1rem;
	font-size:1rem;
	line-height:1rem;
}
.search > section > h2{
	font-size:1.5rem;
}

@media (min-width: 575px)
{
	
	.container{
		background-color: #d7c9aa;
	}
	.home_blog_posts, .home_autographs, .blog, .autographs, .teams{
		background-color: #ffffff;
		padding:1rem;
		box-sizing:border-box;
		border-radius: 10px 10px 10px 0px;
		margin-bottom:1rem;
		border-bottom:none;
	}
	.searchDiv{
		padding-top:1rem;
	}
	
}

@media (min-width: 767px)
{
	.home_blog_posts{
		display:grid;
		grid-template-columns: repeat(2,1fr);
		justify-content: center;
		gap: 1rem;	
	}
	.home_blog_posts > .back-next-links{
		grid-column: 2 / 2;
	}
	.searchDiv section form{
		display: block;
		text-align:right;
	}	
	.searchDiv input[type=search] {
		width:20rem;
	}
}

@media (min-width: 991px)
{
	.container{
		max-width:991px;
		margin:auto;
		padding:1rem;
		box-sizing:border-box;
	}
	body{
		background-color: #d7c9aa;
	}
	header{
		padding:0rem 1rem;
	}
	
	header div#menu-toggle{
		display:none;
	}
	header nav{
		position:static;
		background:#ffffff;
		flex-grow:1;
		flex-shrink:1;
	}
	header nav ul{
		display:flex;
		justify-content: flex-end;
	}
	header nav ul li
	{
		border-bottom: none;
	}
	header nav ul li a{
		padding:1rem 1rem;
	}
	.searchDiv{
		padding-top:0rem;
	}
	.searchDiv input[type=submit] {
		margin-right:0;
	}
	
}