@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&family=Freehand&');

.ggfs01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.ggfs02 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.ggfs03 {
	font-family: 'Freehand', cursive;
	font-weight: 400;
}


/* BASE
------------------------------------------------------------*/

*{
	padding: 0;
	margin: 0;
}
html {
	overflow-y:scroll;
}
html,body {
	margin: 0;
	padding: 0;
	color: #111;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 108%;
	font-weight: 100;
	line-height: 1.7em;
	-webkit-text-size-adjust: none;
	background: #fff;
}
a {
	text-decoration: none;
	color: #111;
}

a:hover {
	text-decoration: none;
	color: #999;
}

html>/**/body a {
	display /*\**/ : inline-block\9;
}


em {
	color: #fff;
	font-weight:bold;
}

img {
	vertical-align: top;
}

input, textarea {
	margin: 0px;
	padding: 6px;
}

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


.fleft { float:left; }
.fright { float:right; }
.freset { float:none; }

.txt-l { text-align:left; }
.txt-c { text-align:center; }
.txt-r { text-align:right; }

.flimg	 { float:left; padding: 0 10px 10px 0; }
.frimg	 { float:right; padding: 0 0 10px 10px; }


.fontLarge {
	font-size: 1.2em !important;
	letter-spacing:0.05em !important;
	line-height:1.8 !important;
}
.fontSmall{
	font-size: 0.86em !important;
	letter-spacing:0.05em !important;
	line-height:1.6 !important;
}
.fsred {
	color: #cc3333 !important;
	font-weight:bold !important;
}


.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}


/* 896
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 896px){
	.contents div{
		width: 100%;
		margin: 0 0 20px;
		float: none;
	}
}