@charset "UTF-8";
/* ===================================================================
CSS information
サイト毎に設定テンプレート
=================================================================== */

body{
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size: 16px;
}

.smt{
	display: none;
}

header{
	position: fixed;
	width: 100%;
	& .uk-navbar.pc{
		max-width: 1600px;
		margin: 0 auto;
	}
	& .uk-navbar a{
		text-transform: capitalize;
		font-size: 28px;
		font-family: "Oswald", sans-serif;
		color:#030537;
		&:hover{
			color:#777881;
		}
		&.active{
    	    text-decoration: underline;
			text-underline-offset: 8px;
			text-decoration-thickness: 3px;
		}
		& img{
			width: 200px;
		}
		& img:hover{
			opacity: .8;
		}
	}
	&.top_head a{
		color: #fff;
		&:hover{
			color:#dadada;
		}
	}

}
main{
	max-width: 1600px;
	margin: 0 auto;
}

.uk-offcanvas-bar{
	background: #1c335b;
	color: #fff;
	width: 300px;
	& li a{
		color: #fff;
		font-size: 46px;
		font-family: "Oswald", sans-serif;
		& img{
			max-width: 180px;
			margin: 0 auto;
		}
	}
	& .uk-offcanvas-close svg{
		width: 32px;
		color: #fff;
	}
}


@media (min-width: 768px) and (max-width: 992px) {
	
}


@media (max-width: 767px) {
	.smt{
		display: block;
	}
	.pc{
		display: none;
	}
	.top_head .smt{
		position: fixed;
		width: 100%;
	}
	header a svg{
		width: 32px;
	}
	header .smt .uk-navbar a img{
		width: 90px;
	}
	
}