html{
	font-size: 62.5%;
}

body {
	width: 100%;
	background-color: #ffffff;
	font-size: 1.4rem;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline 
}

a.white:link {
	color : #ffffff;
}

a.white:visited {
	color : #ffffff;
}

a.white:active {
	color : #ffffff;
}

a.white:hover {
	color : #ffffff;
}

ul,li {
	margin: 0;
	padding: 0;
}

.crumb {
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}

.index {
	line-height:1.5em;
	margin-bottom: 8px;
}

.wrapper {
	box-sizing: border-box;
	padding: 0 15px;
	margin-top: 56px;
}

img {
	max-width: 100%;
	height: auto;
}

header {
	background: #084200;
	color: #efefef;
	padding: 1rem;
	height: 35px;
}

header h1 {
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border-bottom: solid 1px #086900;
}

section h2 {
	margin: 0 0 8px 0;
	padding: 5px 0 3px 14px;
	font-size: 14px;
	color: #efefef;
	border-bottom: solid 1px;
	background-color: #084200;
}

section h3 {
	margin: 0 0 8px 0;
	padding: 5px 0 3px 14px;
	font-size: 12px;
	color: #00066;
	border-bottom: solid 1px;
}

section title {
	margin: auto;
	padding: 2px;
	font-size: 12px;
	color: #00000;
}


.top_img {
	display: block;
	margin: 10px auto;
	background: #fff;
	max-width:100%;
	height:auto;
}

footer {
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: solid 1px;
	border-top-color: #cccccc;
	background-color: #eeeeee;
	font-family: "Comic Sans MS","Arial" !important;
	font-size: 9pt;
	color: #084200;
}
/*nabi開閉部分*/
.nav-wrap{
	box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
}
.gnav {
	list-style-type: none;
	background: #C2E8A7;
	width: 100%;
	/* z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
	z-index: 99;
}

.gnav li {
	border-bottom: 1px solid #55AA00;
}

.gnav li a {
	display: block;
	text-decoration: none;
	/* (44-16)/2=14px */
	padding: .875rem 1rem;
}
/*ハンバーガーボタン*/

.icon-animation {
	width: 44px;
	height: 44px;
	display: block;
	cursor: pointer;
	float: right;
	position: absolute;
	right: .5rem;
	text-align: center;
	top: .5rem;
}

.icon-animation span {
	width: 39px;
	height: 1px;
	display: block;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.icon-animation .top {
	-webkit-transform: translateY(-13px);
	-ms-transform: translateY(-13px);
	transform: translateY(-13px);
}

.icon-animation .bottom {
	-webkit-transform: translateY(13px);
	-ms-transform: translateY(13px);
	transform: translateY(13px);
}

.is-open .middle {
	background: rgba(51, 51, 51, 0);
}

.is-open .top {
	-webkit-transform: rotate(-45deg) translateY(0px);
	-ms-transform: rotate(-45deg) translateY(0px);
	transform: rotate(-45deg) translateY(0px);
}

.is-open .bottom {
	-webkit-transform: rotate(45deg) translateY(0px);
	-ms-transform: rotate(45deg) translateY(0px);
	transform: rotate(45deg) translateY(0px);
}

#contents h2 {
	margin: 0 0 4px 0;
	padding: 12px 0 12px 20px;
	line-height: 110%;
	font-size: 12px;
	color: #fff;
	background-image: url(../img/titlebar.gif);
	background-repeat: no-repeat;
}

#exp table {
	margin: 5px 10px 10px 0;
}

#exp th,td {
	width: 100%;
	display: block;
}

#exp th {
	width: 100%;
	padding: 6px;
	border: solid 1px #999999;
	border-collapse: collapse;
	background-color: #cccccc;
}

#exp td {
	width: 100%;
	padding: 6px;
	border: solid 1px #999999;
	border-collapse: collapse;
}

p {
   margin: 1em 0px;
}



/* for form */

#form-tbl {
	margin-left: 0.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form tr {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: word-wrap;
	background: #C2E8A7;
}
#form td {
	background: #fff;
}

p.btn input {
	width: 110px;
	height: 32px;
}


/* for enquete */

#enquete-tbl {
	margin-left: 0.5em;
}
#enquete {
	border-collapse: collapse;
	margin: 1em 0;
}
#enquete th, #enquete td {
	width: 96%;
	border: 1px solid #666;
}
#enquete th {
	white-space: word-wrap;
	background: #C2E8A7;
}
#enquete td {
	text-align: left;
	white-space: word-wrap;
	background: #fff;
}


#mail {
	margin-top: 60px;
	text-align: center;
	font-size: 16px;
	fotn-weight: bold;
}
/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 95%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
    
	/* 小見出し */
	h2 {
	 margin: 1em 3px;
	 width: 90%;
	 font-size: 24px;
	 font-weight: bold;
	 	  }

	/* サンクス */
	p.msg { margin: 1em auto; }
}

	/* アンケートフォーム */
	#enquete-tbl { margin: 0 auto; text-align: center; }
	#enquete { width: 96%; margin: 10px auto; }
	#enquete th, #form td {
		text-align: left;
		width: 95%;
		display: block;
		padding: 6px 3px;
		border-top: none;
}
	#enquete tr:first-child th { border-top: 1px solid #666; }
	p.btn input { width: 10em; }