@charset "utf-8";
/* ============================================================
#### header
============================================================ */
.site-branding{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 15px 0;
}
.site-branding h1{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.site-branding h1 a{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	font-size : 30px;
	font-weight : normal;
	margin : 0 auto;
}
.site-branding h1 a span{
	
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 13660px
# ================================================================= */
@media screen and (max-width: 1366px){

}/*** 1366px ***/
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.site-branding{
	display : flex;
	height : 60px;
}
.site-branding h1{
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
}
.site-branding h1 a{
	font-size : 20px;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/