@charset "utf-8";

.mobile {height:auto; width: auto; overflow:auto; display:block;}
.pc {height:0; width:0; overflow:hidden; display:none;}

#wap {width:100%; }


/*ナビゲーション　/////////////////////////////////////////////////////////////////////*/

#navi-wap{
	width:100%;
	background:none;
	width:100%;
	height: auto;
	margin: 0 auto 20px;
}
ul.navi{
	width:100%;
	overflow:hidden
}

ul.navi li{
	width: 100%;
	height:auto;
	color:#fff;
	text-align:center;
}
ul.navi li a{
	display: block;
	width: 100%;
	height:auto;
	padding:10px 0;
	background:#DADADA;
	background-repeat: no-repeat;
	border-top:solid 1px #000;
	text-decoration:none;
	color:#000;
}
ul.navi li a:visited{
	color:#000;
}
#menu ul.navi li.navi09, #menu ul.navi li.navi10 {display:inline-block; height:auto; width: 100%;}
#menu ul.navi li.navi09 a, #menu ul.navi li.navi10 a{display:inline-block; height:auto; width: 100%; color: #10421C;}

ul.navi li.navi01 a, ul.navi li.navi02 a ,ul.navi li.navi03 a ,ul.navi li.navi04 a ,ul.navi li.navi05 a ,ul.navi li.navi06 a ,ul.navi li.navi07 a{background-position: 0 0;}
ul.navi li.navi10 a{border-bottom:solid 1px #000; width:100%;}
/* ul.navi li.navi02 a ,ul.navi li.navi04 a ,ul.navi li.navi06 a {border-left:solid 1px #000;} */

ul.navi li.navi01 a:hover ,ul.navi li.navi02 a:hover, ul.navi li.navi03 a:hover 
,ul.navi li.navi04 a:hover ,ul.navi li.navi05 a:hover ,ul.navi li.navi06 a:hover ,ul.navi li.navi07 a:hover ,ul.navi li.navi08 a:hover{
	background-position: 0 0;
}

ul.navi li.navi01 a.current ,ul.navi li.navi02 a.current , ul.navi li.navi03 a.current ,
ul.navi li.navi04 a.current ,ul.navi li.navi05 a.current ,ul.navi li.navi06 a.current ,ul.navi li.navi07 a.current ,ul.navi li.navi08 a.current {
	background-position: 0 0;
	color:#fff;
	background:#3E6200;
}
.menubtn {
	display:block;
}
.togmenu {
	display:none;
}
.menubtn {
	margin:1% 0 1%;
	padding: 10px 10px;
	background:#3E6200;
	color: #fff;
}
nav h1 {
	text-align: center;
	padding: 2% 0px 0 0;
}
nav h1 img{
	width:60% !important;
	margin: 0 auto;
}
nav {
	float: none;
	width: 100%;
//	position:fixed;
//	z-index:1000;
//	background:#fff;
	position:relative;
}
nav .bg {
	display:none;
}

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

#index .content article li a {
	width: 48%;
	padding-top: 35%;
}
#index nav {
//	position:relative;
}


/*スライダー////////////////////////////*/
.flex-direction-nav a {
	height:30px;
}

.flex-direction-nav a:before {
	font-size:30px;
}


/*共通/////////////////////////////////////////////////////////////////////*/

.content-wap {
	margin: 0 0 0 0;
	padding:0 0 0 0;
}
#index .content-wap {
	padding:0 0 0 0;
}

.content {
	margin-bottom: 5%;
}
#juku .content-wap article h3.hot01{
	margin: 0 auto 5px auto;
	width: 80%;
	font-size: 100%;
}

#page-top{
	margin: 5% 0 5% 0;
}
.per86{
	width: 86%;
	margin-left: 7%;
	float:none;
}
#juku .content-wap article h3.hot01 ,#yui .content-wap article h3.hot01{
	background-position: 0px 5px;
}


/*footer/////////////////////////////////////////////////////////////////////*/

footer{
	margin: 10% 0 0 0;
	padding: 5% 0 0%;
	width: 100%;
}
footer h2{
	float: none;
}
footer ul{
	overflow: hidden;
	display: block;
	margin: 0 auto;
	width: 220px;
}


/*ひかりファーム　/////////////////////////////////////////////////////////////////////*/

#contact-tel dt {
	float: none;
	text-align:center;
}
#contact-tel dd {
	text-align:center;
	margin: 7px 0px 4px 0px;
}
#contact-tel dd img{
	width:80%;
}
#contact-tel dt img{
	width:100%;
}

#hikari .content-wap ul.one li.class01 ,#hikari .content-wap ul.one li.class02,
#hikari .content-wap ul.two li.class01 ,#hikari .content-wap ul.two li.class03,
#hikari .content-wap ul.three li.class01 ,#hikari .content-wap ul.three li.class02 ,#hikari .content-wap ul.three li.class03{
	width: 86%;
	margin-left: 7%;
	margin-bottom: 5%;
}
#hikari .content-wap ul.one li.class03 ,#hikari .content-wap ul.two li.class04 ,#hikari .content-wap ul.two li.class02{
	display:none;
}

#hikari .content-wap ul.job li {
	width: 84%;
	margin-left: 8%;
}
#hikari .content-wap ul.job li:first-child {
	width: 84%;
	margin-left: 8%;
	margin-bottom:3%;
}
#hikari .content-wap section {margin: 3% 0 0 0;}


/*木材加工場　/////////////////////////////////////////////////////////////////////*/

#mokuzai .content-wap article.intro h3 {
	font-size:100%;
	margin: 0 0 5px 1%;
}
#mokuzai .content-wap section h4 {
	font-size:100%;
}
#mokuzai .content-wap section.class01 dl{
	width: 86%;
	margin: 0 0% 10% 7%;
	float:none;
}
#mokuzai .content-wap section.class01 article {
	width: 100%;
	margin: 1% 0% 0 0;
}
#mokuzai .content-wap section.class01 p {
	margin:3% 0;
}
#mokuzai .content-wap section.class01 p img {
	width:100%;
}
#mokuzai section.class02 li.class03, #mokuzai section.class02 li.class04 ,#mokuzai section.class02 li.class05 {
	width: 86%;
	margin: 0 0% 5% 7%;
	float:none;
}
#mokuzai article.tokozai {
	margin:7%;
}

#mokuzai section.class02 p {
	margin:2% 0 2% 7%;
}


/*マップ　/////////////////////////////////////////////////////////////////////*/

#map .content-wap article.intro h3{
	font-size:110%;
	margin: 0 0 5px 3%;
}
#map section.class01 h4 img{
	width:60%;
}
#map section.class01 article{
	width:100%;
	float:none;
	margin: 0 0 6% 0;
}
#map section.class01 {
	margin: 5% 6%;
}

#map section.class02 article {
	width: 86%;
	margin: 0% 0% 10% 7%;
}

#map section.class02 {
	margin: 0 0 0 0;
	width: 100%;
}


/*大工育成塾　/////////////////////////////////////////////////////////////////////*/

#juku .content-wap ul.one li.class01{
	width: 86%;
	margin-left: 7%;
	margin-bottom:5%;
}
#juku .content-wap ul.one li.class02 ,#juku .content-wap ul.one li.class03 ,#juku .content-wap ul.two li.class01 ,#juku .content-wap ul.two li.class02{
	width: 86%;
	margin-left: 7%;
	margin-bottom:5%;
}

#juku .content-wap article.intro h3 {
	font-size: 110%;
	margin: 0 0 5px 7%;
}


/*薪ストーブの集い　/////////////////////////////////////////////////////////////////////*/

#maki .content ul.one li.class01 ,#maki .content ul.one li.class02 ,#maki .content ul.two li.class01 ,#maki .content ul.two li.class02{
	width: 86%;
	margin-left: 7%;
	margin-bottom:5%;
}
#maki article.voice p {
	width: 100%;
	float: none;
}
#maki article.voice h3{width:100%;}
#maki article.voice h3 img{width:100%;}
#maki article.voice dl {width:100%;}
#maki article.voice {
	background: #EBE3DA;
}


/*センターハウスYUI　/////////////////////////////////////////////////////////////////////*/

#yui .content-wap article {
	padding: 0px 0 5% 0;
}
#yui .content-wap ul.one li.class01 ,#yui .content-wap ul.one li.class02 ,#yui .content-wap ul.one li.class03
,#yui .content-wap ul.two li.class01 ,#yui .content-wap ul.two li.class02 ,#yui .content-wap ul.two li.class03
{
	width:86%;
	margin:0 0 5% 7%;
	float:none;
}
#yui .content-wap article h3.hot01{
	margin: 0 auto 5px auto;
	width: 80%;
}

/*体験宿泊　#taiken/////////////////////////////////////////////////////////////////////*/

#taiken p.text-center img{
	width:90%;
}


/*ゆい郷・全景　#zenkei/////////////////////////////////////////////////////////////////////*/

#zenkei .map img {width:100%;}
#zenkei .map ul {
	float: none;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
#zenkei .content section .class01 {
	width: 60%;
	margin: 0 20% 5% 20%;
}
#zenkei .content section .class02 ,#zenkei .content section .class03{
	width: 86%;
	margin: 0 0 5% 7%;
}



/*お問い合わせ/////////////////////////////////////////////////////////////////////*/


#form-container {
	padding: 5% 3%;
	width: 94% ;
	margin: 0 auto ;
	background:#F7F7F7;
}
#contact-page dt {
	width:99% ;
}

#contact-page footer {width:100%;}

input[type=text].short{
	width:70%;
}
input[type=text].mid{
	width:98%;
}
input[type=text].long{
	width:98%;
}
input[type=email].long{
	width:98%;
}
input[type=email].mid{
	width:98%;
}