/***** PC用基本CSS *****/
@media screen and (min-width: 769px){ /* パソコン用 */
	body {
		font-family: 游ゴシック, メイリオ, "Meiryo UI", "ＭＳ ゴシック", Arial;
		font-size: 16px;
		color: #000;
		width:100%;
		margin:0px auto;
		padding:0px;
	}
	
	/* リンク */
	a { color:#299000; text-decoration:none; }
	a:hover { color:#299000; text-decoration:underline; cursor:pointer; transition:1s; }
	a:link { transition:1s; }
	
	.clear-both { clear:both; }
	
	.opacity-img:hover { opacity:0.7; }
	
	.container { width:100%; position:absolute; top:45px; left:0px; margin:0px auto; padding:0px; }
	.wrap { width:100%; margin:0px auto; padding:0px; }
	
	.padding-top50 { padding-top:50px; }
	
	/***** ボタンデザイン *****/
	/* ボタンセンター配置 */
	.btn-area-center { width:100%; margin:0px auto; padding:15px 0px; text-align:center; }
	*,
	*:before,
	*:after { box-sizing: inherit; }
	html {box-sizing: border-box; }
			
	.btn1, a.btn1, button.btn1 {
		font-weight: 700;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding: 1rem 4rem;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #003805;
		border-radius: 5px;
		border:1px #000 solid;
	}
	
	/* フラットデザイン */
	a.btn-flat1 {
		overflow: hidden;
		padding: 1.5rem 6rem;
		color: #003805;
		border-radius: 5px;
		background-color:transparent;
	}

	a.btn-flat1 span { position: relative; color:#003805; }
	a.btn-flat1:hover span { color:#fff; }

	a.btn-flat1:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		transition: all .5s ease-in-out;
		transform: translateX(-96%);
		background: #003805;
	}
	a.btn-flat1:hover:before { transform: translateX(0%); color:#fff; }
	
	/***** 文字のフェードイン *****/
	.fadein-txt { animation-name:fadeintxt; animation-duration:3s; }
	@keyframes fadeintxt {
		0% { opacity:0; }
		100% { opacity:1; }
	}
	
	/***** スクロール表示 *****/
	.scroll_up { transition:0.8s ease-in-out; transform:translateY(30px); opacity:0; }
	.scroll_up.on { transform:translateY(0); opacity:1; }
	
	/***** 画面表示でON *****/

	/***** hoverで画像拡大 *****/
	/* 影付き */
	.hover-img { margin:0px auto; border:5px transparent solid; }
	.hover-img img { width:100%; height:auto; margin:8px; padding:8px; background:#fff; box-shadow:2px 2px 2px #666666; z-index:0; }
	.hover-img:hover img { position:relative; cursor:pointer; transform:scale(1.2); transition:1s all; z-index:1; }
	
	/* 影なし */
	.hover-img2 { margin:0px auto; }
	.hover-img2 img { width:100%; height:auto; margin:8px; padding:5px; z-index:0; }
	.hover-img2:hover img { position:relative; cursor:pointer; transform:scale(1.2); transition:1s all; z-index:1; }
	
	/* バナー用 */
	.hover-img3 { margin:0px auto; border:3px transparent solid; }
	.hover-img3 img { width:100%; height:auto; margin:8px; padding:5px; z-index:0; overflow:hidden; }
	.hover-img3:hover img { position:relative; cursor:pointer; transform:scale(1.05); transition:1s all; z-index:1; }
	
	/***** TOP移動 *****/
	.top-move { width:100%; margin:0px auto; padding:7px 0px; background:#eeeeee; text-align:center; }
		
	/***** ヘッダーナビ *****/
	.pc-navi-container {
		width:100%;
		margin:0px auto;
		padding:0px;
		background-image:url('../imgs/bk/bk-header_001.png');
		background-repeat:repeat-x;
		position:fixed;
		z-index:999;
	}
	.pc-navi-container table { width:100%; margin:0px auto; padding:0px; }
	.pc-navi-container table th { width:25%; text-align:left; }
	.pc-navi-container table td { width:10%; font-weight:bold; text-align:center; color:#fff; }
	.pc-navi-container table td a { color:#fff; text-decoration:none; display:block; }
	.pc-navi-container table td a:hover { color:#154a00; text-decoration:none; display:block; }
	.sp-navi-container { display:none; }
	
	/***** フッター *****/
	.footer-top { padding-top:45px; }
	.footer-container {
		width:100%;
		margin:0px auto;
		padding:0px;
		background-image:url('../imgs/bk/bk-footer_001.png');
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center top;
		color:#5d380b;
		line-height:2.4em;
	}
	.footer-area { width:100%; max-width:1024px; margin:0px auto; padding:280px 0px 120px 0px; text-align:center; }
	.footer-area a { color:#5b380b; text-decoration:none; }
	.footer-area a:hover { color:#8f632e; text-decoration:underline; transition:1s all; }
	.footer-font1 { font-size:160%; font-weight:bold; text-shadow:1px 1px 1px #eee0ce; }
	.footer-font2 { font-weight:bold; }
	/* copyright */
	.copy-right { width:100%; margin:0px auto; padding:2px 0px; background:#6a3e08; text-align:center; font-size:80%; color:#fff; font-weight:bold; }
}