@charset "utf-8";

/* basic
------------------------------------------------------------------------- */
body {
	color:#000;
	font-size:20px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing:1px;
}
	@media(max-width:767px) {
		body {
			font-size:16px;
		}
	}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	}
}
	@media(max-width:980px) {
		body {
			-webkit-text-size-adjust:none;
		}
	}

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* link default */
a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover		{ color:#333; text-decoration:none; }
a:active	{ color:#333; text-decoration:none; }

/* link green */
a.a1:link	{ color:#416621; text-decoration:none; }
a.a1:visited	{ color:#416621; text-decoration:none; }
a.a1:hover	{ color:#416621; text-decoration:underline; }
a.a1:active	{ color:#416621; text-decoration:underline; }

::selection {
    background:#FFFF00; /* Safari */
}
::-moz-selection {
    background:#FFFF00; /* Firefox */
}

	@media(min-width:767px) {
		a[href^="tel:"] {
			pointer-events:none;
		}
	}

	@media(max-width:767px) {
		.pcOnly {
			display:none;
		}
	}



/* common
---------------------------------------------- */
h2.title {
	background-color:#000;
	color:#FFF;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	text-align:center;
	padding:18px 0;
	font-size:42px;
}
	@media(max-width:767px) {
		h2.title {
			font-size:24px;
		}
	}



/* gnav
---------------------------------------------- */

/* gNav */
#gNav {
	height:70px;
	background-color:#FFF;
	text-align:center;
}
	@media(max-width:767px) {
		#gNav {
			position:fixed;
			z-index:998;
			width:240px;
			height:auto;
			overflow-y:auto;
			overflow-x:hidden;
			right:-240px;
			top:0;
			bottom:0;
			background-color:rgba(255,255,255,0.9);
			padding-top:80px;
		}
	}

#gNav > ul {
	font-size:18px;
	line-height:70px;
}
	@media(max-width:979px) {
		#gNav > ul {
			font-size:16px;
			letter-spacing:0;
		}
	}
	@media(max-width:767px) {
		#gNav > ul {
			line-height:normal;
		}
	}

#gNav > ul > li {
	display:inline-block;
}
	@media(max-width:767px) {
		#gNav > ul > li {
			display:block;
			margin-bottom:18px;
		}
	}

#gNav > ul > li > a {
	padding:0 15px;
	border-right:1px solid #666;
}
	@media(max-width:979px) {
		#gNav > ul > li > a {
			padding:0 12px;
		}
	}
	@media(max-width:767px) {
		#gNav > ul > li > a {
			display:block;
			padding:0;
			text-align:center;
			border-right:none;
		}
	}

#gNav > ul > li:last-child > a {
	border-right:none;
}

#menuTrigger {
	display:none;
}
	@media(max-width:767px) {
		#menuTrigger {
			display:block;
			position:fixed;
			z-index:999;
			top:20px;
			right:0;
			width:50px;
			height:50px;
			background:url(../images/menu_trigger.png) center top no-repeat;
			background-size:50px 100px;
			cursor:pointer;
		}
	}