@charset "UTF-8";

body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', samns-serif;
	background-color:#FFF !important;
}

/* ヘッダー */
.header {
	padding: 10px 10px 0 10px;
}
.header h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	line-height: 1;
}
.header h1 a {
	color: #fff;
	text-decoration: none;
}
.header .logo {
	margin: 0 10px 0;
	border: none;
}

/* メニュー（ナビ） */
.menu {
	background-color: #869834;
	border: none;
	border-top: solid 1px #fff;
	border-radius: 2px;
}
.menu li a {
	color: #fff !important;
}
.menu li a:hover {
	background-color: #763A99 !important;
}
.menu .navbar-collapse {
	border-top-color: #fff;
	border-top-style: dashed;
}
.menu .navbar-toggle {
	border-color: #fff;
}
.menu .navbar-toggle:hover, 
.menu .navbar-toggle:focus {
	background-color: #763a99;
}

/* タイトル */
.title {
	padding: 0;
	margin: 20px 0 20px 0;
	background-color: #fff;
}
.title h1 {
	margin: 0;
	padding: 10px;
	font-size: 18px;
	text-align: center;
}
.title p {
	margin: 0;
	padding:0 20px 10px 20px;
	font-size: 12px;
	line-height: 1.6;
}

/* エントリー　*/
.entry {
	padding: 0;
	margin: 0;
}
.entry img {
	max-width: 90%;
	height: auto;
	margin: 0;
    margin-left: auto;
    margin-right: auto;
	padding: 0;
	vertical-align: bottom;
}
.entry h1 {
	margin: 0;
	padding: 20px;
	font-size: 18px;
	text-align: center;
}
.entry h2 {
	margin: 0;
	padding:20px;
	color: #869834;
	font-size: 16px;
	text-align: center;
}
.entry .box-main h3 {
	display: block;
	margin: 0;
	padding:20px;
	text-align: center;
	font-size: 1.4em;
	font-family: "hobo-std", sans-serif;
	color: #763a99;
	color: transparent;
	text-shadow:2px 4px 6px rgba(255, 255, 255, .5), 0 0 0 rgba(118, 58, 153, 0.8);
}
.entry .box-main h3 small {
	color: #869834;
	font-size: 10px;
}
.entry p {
	margin: 0 0 20px 0;
	padding:0 20px 0 20px;
	font-size: 12px;
	line-height: 1.6;
}
.entry p.green {
	margin: 0;
	padding:10px 20px 20px 20px;
	color: #869834;
	font-size: 14px;
	line-height: 1.6;
}
.entry p.detail {
	display: block;
	font-size: 0.8em;
	color: #763a99;
	line-height: 1.6 ;
	text-align: right;
}
.detail a:hover {
	color: #869834;
	font-size:1.6em;
	text-decoration: none;
}
.entry .box {
	margin: 10px 30px;
	padding: 10px;
	border: 1px solid #869834;
	border-radius: 3px;
}
.entry .explanation {
	margin: 0;
	padding: 0;
}
.entry .explanation h1 {
	margin: 0;
	padding: 0;
}
.entry .explanation p {
	margin: 0 0 10px 0;
	padding: 0;
}
.entry .box-main {
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #763a99;
	border-radius: 3px;
	display: block;

}
.entry p.icon i {
	display: block;
	position: absolute;
	left: 20px;
	top: 5px;
	margin: 0;
	padding: 0;
	color: #869834;
	font-family: 'FontAwesome';
	font-size: 40px;
	line-height: 1;
}
.entry p.icon {
	position: relative;
	display: block;
	padding: 18px 5px 0 70px;
	font-size: 14px;
	color: #869834;
}
.entry p.text {
	margin: 0 0 50px 0;
	padding: 0 0 0 70px;
	font-size: 12px;
	line-height: 1.6;
}



/* ABOUTの.entry */
.entry dl {
	padding: 20px;
}
.entry dl dt {
  clear: left;
  float: left;
  padding: 10px;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-bottom: solid 1px #869834;
  padding-left: 5px;
}

.entry dl dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
  padding: 10px;
  border-bottom: solid 1px #869834;
}

/* サブメニュー */
.submenu {
	margin: 10px 0 0 0;
	padding: 10px;
}
.submenu ul, .submenu ol {
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
}
.submenu li a {
	position: relative;
	display: block;
	padding: 10px 5px 10px 30px;
	text-decoration: none;
	color: #763a99;
}
.submenu .here {
	background-color: #F9EEFF;
}
.submenu li a:hover {
	background-color: #F9EEFF;
}
.submenu li a:before {
	position: absolute;
	left: 5px;
	top: 14px;
	content: '\f061';
	color: #8abc60;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 1;
}
.submenu li i {
	position: absolute;
	left: 5px;
	top: 12px;
	color: #869834;
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 1;
}
.submenu li.icon {
	position: relative;
	display: block;
	padding: 10px 5px 10px 30px;
	color: #763A99;
}

/*　フッター　*/
.footer p {
	font-size: smaller;
	text-align: center;
	color: #fff;
}
.well {
	margin: 20px 0 20px 0;
	padding: 5px 0 0 0;
	background-color: #869834;
}

/*　エラー　*/
.error {
	margin: 50px auto;
}
.error img {
	margin: 0;
    margin-left: auto;
    margin-right: auto;
}
.error p {
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	text-align: center;
}
.error .footer {
	font-size: smaller;
	text-align: center;
	color: #fff;
}