@charset "utf-8";

/*全体の設定---------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #777;
	font-family: sans-serif;	/*フォント種類*/
	font-size: 15px;
	line-height: 2;
	background: #fff;
}

/*リンク設定-----------------------------------------------------------------*/
a {
	color: #777;
	transition: 0.4s;	/*マウスオン時の移り変わるまでの時間設定。*/
	text-decoration: none;
}
a:hover {
	opacity: 0.5;
	color: #000;
	text-decoration: none;	/*マウスオン時に下線を消す設定。*/
}
#menubar a:hover {
	color: #aea863;
}
#menubar .current a {
	color: #aea863;
}

/*ページのmainとsubの設定----------------------------------------------------*/
#main,#sub {
	height: 100%;
}

/*mainブロック---------------------------------------------------------------*/
#main {	
	float: right;
	width: 70%;
	padding: 0 3%;
}
#main h2 {
	clear: both;
	margin-bottom: 20px;
	color: #aea863;
	line-height: 1.4;
	border-bottom: 1px solid #aea863;
	padding-top: 30px;
	padding-bottom: 10px;
}

/*subブロック---------------------------------------------------------------*/
#sub {
	float: left;
	width: 25%;
	height: 100%;
	max-width: 375px;
	min-width: 200px;
	text-align: center;
	position: fixed;
	background: url(../images/img_bg4.gif) repeat;
	margin-top: -15px;	
}
#sub .logo {
	padding: 100px 0 100px 0;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}
#sub .logo img {
	width: 90%;
}
#sub td {
	height: 60px;
	font-size: 140%;
	border-bottom: 1px solid #ccc;
}
#sub td a {
   display: block;	/* リンクをブロックレベル化して表示 */
}
#sub-n {
	display: none;
}

/*footerブロック------------------------------------------------------------*/
footer {
	text-align: center;
	padding-right: 3%;
	padding-top: 40px;
}

/*ページの上部に戻る「↑」ボタン--------------------------------------------------*/
@keyframes scroll {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*通常時のボタンは非表示*/
body .nav-fix-pos-pagetop a {
	display: none;
}
/*fixmenu_pagetop.jsで設定している設定値になったら出現するボタンスタイル*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;
	z-index: 100;position: fixed;animation-name: scroll;
	animation-duration: 1s;animation-fill-mode: forwards;
	width: 70px;			/*ボタンの幅*/
	line-height: 70px;	/*ボタンの高さ*/
	bottom: 30px;			/*ウィンドウの下から30pxの場所に配置*/
	right: 0.2%;			/*ウィンドウの右から0.2%の場所に配置*/
	color: #fff;			/*文字色*/
	border-radius: 50%;	/*角丸指定。50%にすると円形になる。*/
	background: #999;		/*背景色*/
	font-size: 1.5em;		/*文字サイズ*/
}
/*マウスオン時の背景色*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #d3d6dd;
}

/*レスポンシブ用設定*/
@media screen and (max-width:980px) {
	#main {
		clear: both;
		width: 100%;
		position: relative;
		margin-top: 100px;
		min-width: 800px;
	}
	#sub {
		clear: both;
		display: none;
		margin-bottom: 40px;
	}
	#sub-n {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		background: url(../images/img_bg4.gif) repeat;
		position: fixed;
		min-width: 800px;
	}
	#sub-n img {
		width: 80%;
	}
	#sub-n td {
		height: 120px;
		width: 15%;
		border-right: 1px solid #ccc;
		font-size: 20px;
	}
	#sub-n td a {
   		display: block;     	/* リンクをブロックレベル化して表示 */
   		padding: 1.2em 0.1em;	/* 内側の余白量を上下は1.2文字、左右は0.1文字分にする */
	}
	#sub-n .logo {
		width: 38%;
		border-right: 1px solid #ccc;
		font-size: 18px;
	}   
	#menubar-n a:hover {
		color: #aea863;
	}
	#menubar-n .current a {
		color: #aea863;
	}
	section {
		margin-left: 50px;
	}
}