@charset "utf-8";
/* CSS Document */


/* タブレット・スマホ　ベーススタイル
----------------------------------------------------------- */

/*画像を可変に*/
img {
	max-width: 100%;
	height: auto;
}

/*横にしても文字が拡大されない*/
body {
	-webkit-text-size-adjust: 100%;
}

div#m_wrapper {
	font-size: 1.063em;
}


/*　ヘッダー
----------------------------------------------------------- */

header {
	margin: 0 0 20px 0;
}

/*　ナビ
----------------------------------------------------------- */

nav {
	background: #f4dccd;
	margin: 0 0 20px 0;
	padding: 1px 0 1px 0;
}

nav ul {
	margin: 0 auto;
	overflow: hidden;
	background: #3e1108;
	display: table;
	width: 100%;
	/*border-style: solid;
	border-color: #f4dccd #3e1108;
　border-width: 1px;*/
}

nav ul li {
	font-size: 0.875em;
	color: #FFFFFF;
	float: left;
	display: table-cell;
	width: 25%;
}

/* ナビ　リンク設定 */

a.navi {
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	margin: 0 1px 0 1px;
	padding: 5% 0%;
}

a.navi:link {
　color: #FFFFFF;
　text-decoration:underline;
}

a.navi:visited {
	background: #694729;
	text-decoration: none;
}

a.navi:hover {
　background: #694729;
　text-decoration: none;
}

a.navi:active {
　text-decoration: none;
}

/*　ビジュアル
----------------------------------------------------------- */

div#visual {
	margin: 0 0 3% 0;
}


/*　コンテンツ
----------------------------------------------------------- */

.contents_box {
	margin: 0 0 5% 0;
	padding: 2px 0 2px 0;
}

.contents_box_inner {
	background: #91836a;
	padding: 5% 5%;
}

div#read, div#access {
	background: #3e1108;
}

div#read p {
	color: #FFFFFF;
	text-align: left;
}

div#access ul {
	text-align: left;
	padding: 0 0 0 10px;
}

div#access ul li {
	background: url(../images/i_icon_list.png) 0 4px no-repeat;
	padding: 0 0 0 20px;
	overflow: hidden;
}

div#access ul li p.title {
	width: 100px;
	float: left;
}

div#access ul li p.text {
	padding: 0 0 0 100px;
}


/*　フッター
----------------------------------------------------------- */

footer {
	background: #461501;
	margin: 0 0 5% 0;
	padding: 1px 0 1px 0;
	overflow: hidden;
}

footer div#footer_nav {
	background: #350c00;
	overflow: hidden;
	position: relative;
}

footer ul {
	margin: 5px 0 0 0;
	display: table;
	width: 80%;
	float: left;
}

footer ul li {
	color: #FFFFFF;
	font-size: 0.750em;
	float: left;
	display: table-cell;
	width: 22%;
}

/* フッター　リンク設定 */

a.f_link {
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	margin: 0 1px 0 1px;
	padding: 5% 0%;
}

a.f_link:link {
　color: #FFFFFF;
　text-decoration:underline;
}

a.f_link:visited, a:active {
	background: #694729;
	text-decoration: none;
}

a.f_link:hover {
　background: #694729;
　text-decoration: none;
}

span.white {
	color: #FFFFFF;
	margin: 0 5% 0 0;
	font-size: 0.750em;
	text-align: right;
}

/*　ページトップ
----------------------------------------------------------- */

div#page_top {
	text-align: right;
	margin: 10px 5% 10px 0;
	position: absolute;
	top: -7px;
	right: 1%;
}

.pagetop_btn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -ms-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #383838;
  font-size: 0.688em;
	margin: auto;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

.pagetop_btn:hover {
  background: #e3e3e3;
  background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff);
  background-image: -moz-linear-gradient(top, #e3e3e3, #ffffff);
  background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff);
  background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);
  background-image: linear-gradient(to bottom, #e3e3e3, #ffffff);
  text-decoration: none;
}

p.fb {
	width: 100%;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	margin: 10px auto 15px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	background: -moz-linear-gradient(
		top,
		#9e7764 0%,
		#855841);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#9e7764),
		to(#855841));
	background: -ms-linear-gradient(
		top,
		#9e7764 0%,
		#855841);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #394356;
	-moz-box-shadow:
		0px 1px 3px rgba(154,156,166,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(154,156,166,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(154,156,166,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

p.fb:hover {
	background: -moz-linear-gradient(
		top,
		#855841 0%,
		#9e7764);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#855841),
		to(#9e7764));
	background: -ms-linear-gradient(
		top,
		#855841 0%,
		#9e7764);
}