html {
	overflow-y:scroll;
	height: 100%;
}

body {
	color: #3f3837;
	font-size: 14px;
	font-family: 
	"游ゴシック体", 
	"Yu Gothic", 
	YuGothic, 
	"ヒラギノ角ゴ Pro", 
	"Hiragino Kaku Gothic Pro", 
	"メイリオ", 
	"Meiryo", 
	ans-serif;
	line-height: 28px;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	animation: fadeIn 1s ease 0s 1 normal;
	text-align: justify;
	text-justify: inter-ideograph;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


*{
	word-break: normal;
	box-sizing: border-box;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

a{
	outline: none;
}

h1,h2,h3,h4,h5,h6,header,footer {
		font-family: 
		"Playfair Display" ,
		"游ゴシック体", 
		"Yu Gothic", 
		YuGothic, 
		"ヒラギノ角ゴ Pro", 
		"Hiragino Kaku Gothic Pro", 
		"メイリオ", 
		"Meiryo", 
		ans-serif;
}

a{font-weight: bold;}
a:link { color: #3f3837; text-decoration: underline;}
a:visited { color: #3f3837; text-decoration: underline;}
a:active { color: #000000; text-decoration: none;}
a:hover { color: #fa583c; text-decoration: underline; opacity: 0.8;}

.pc { display: block !important; }
.sp { display: none !important; }

.copyright{
	position: fixed;
	right: 5px;
	bottom: 5px;
	font-size: 8px;
	line-height: 8px;
	color: #ccc;
}


@media only screen and (min-width: 751px) {
}


header a:link { color: #3f3837; text-decoration: none;}



.headerLogo {
	vertical-align: middle;
}

.drawer-brand{
	font-size: 0;
}

.drawer-navbar{
	border-bottom: 0px;
}




/***** SP *****/

@media only screen and (max-width: 750px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	img { max-width: 100%; }

	body {
		color: #3f3837;
		font-size: 14px;
		line-height: 28px;
		text-align: left;
		-webkit-text-size-adjust: 100%;
	}



	footer {
		display: block;
	}

	.copyright{
		position: relative ;
		right: auto;
		bottom: auto;

		text-align: center;
		font-size: 12px;
		line-height: 12px;
		color: #ccc;
		padding: 20px;
	}

}