@charset "utf-8";
@import url(reset.css);
@import url(base.css);

/* 全体の背景色
------------------------------*/
#wrap {
	background: #FFF;
}

/* 文字色
------------------------------*/
/* 全体 */
#wrap {
	color: #333;
}
/* ロゴ */
.logo {
	/*color: #333;*/
}
/* メインキャッチ */
.main-title {
	/*color: #333;*/
}
.image {
	margin: 20px 0;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.main-bg {
	padding: 0;
}

/* タイトル
------------------------------*/
.title {
	border-top: 1px solid #FFBC76;		/* 上ボーダー */
	border-bottom: 1px solid #FFBC76;	/* 下ボーダ */
	/*color: #333;*/					/* 文字色 */
}
.title::before {
	background: #FFBC76;				/* アイコンの色 */
}

.box p+p {
	margin-bottom: 20px;	/* 下マージン */
}

/* テーブル
------------------------------*/
/* 項目名 */
.table th {
	border-top: 1px solid #FFBC76;		/* 上ボーダー */
	border-bottom: 1px solid #FFBC76;	/* 下ボーダー */
	border-left: 1px solid #FFBC76;	/* 左ボーダー */
	border-right: 1px solid #FFBC76;	/* 右ボーダー */
	background: #fff4e1;			/* 背景色 */
	font-weight: bold;				/* 文字の太さ */
	color: #333;					/* 文字色 */
}
/* 内容 */
.table td {
	border-top: 1px solid #FFBC76;		/* 上ボーダー */
	border-bottom: 1px solid #FFBC76;	/* 下ボーダー */
	border-left: 1px solid #FFBC76;	/* 左ボーダー */
	border-right: 1px solid #FFBC76;	/* 右ボーダー */
	background: #FFF;				/* 背景色 */
	font-weight: normal;			/* 文字の太さ */
	/*color: #333;*/				/* 文字色 */
}

/* ページトップボタン
------------------------------*/
/* ボタンの色 */
.pagetop a {
	background: #FFBC76;
}
/* ▲の色 */
.pagetop a::after {
	color: #FFF;
}
/* ロールオーバーの色 */
.pagetop a:hover {
	background: #333;
}

/* フッター
------------------------------*/
.footer {
	background: #FFBC76;	/* 背景色 */
	color: #FFF;		/* 文字色 */
}

/*===============================================
  画面の横幅が480px以下のとき
===============================================*/
@media screen and (max-width: 480px){
	table { /* テーブル下線の色 */
		border-bottom: 1px solid #CCC;
	}
	.table th,
	.table td {
		border-bottom: none;
	}
}