@charset "utf-8";

.alt {height:0 !important; width:0 !important; overflow:hidden !important;}
.mobile {height:0; width:0; overflow:hidden; display:none;}
.pc {height:auto; overflow:auto;}
p { line-height:2; }
dd { line-height:2; }
.text-center {text-align:center;}


.wap {max-width:1400px; margin:0 auto;}
.content-wap {
	margin: 0px 0px 0px 180px;
	padding: 1% 4% 4% 4%;
}


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

header h1{height:0; width:0; overflow:hidden;}
header h2{height:0; width:0; overflow:hidden;}

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

nav {
	float: left;
	width:180px;
	position:relative;
}
nav .bg{
	width:180px;
	height:330px;
	background:url(../images/common/header-bg.png) no-repeat;
	position:absolute;
	left: -55px;
}
nav h1{
	text-align: right;
	padding: 40px 10px 0 0;
}
#navi-wap{
	background:#fff;
	width:180px;
	margin:40px auto 10px;
}
ul.navi li{
	width: 180px;
	height: 40px;
	float: none;
}
ul.navi li a{
	display: block;
	width: 180px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	margin: 0;
	background:url(../images/common/navi.png);
	background-repeat: no-repeat;
}
ul.navi li.navi01 a {background-position: 0 0px;}
ul.navi li.navi02 a {background-position: 0 -40px;}
ul.navi li.navi03 a {background-position: 0 -80px;}
ul.navi li.navi04 a {background-position: 0 -120px;}
ul.navi li.navi05 a {background-position: 0 -160px;}
ul.navi li.navi06 a {background-position: 0 -200px;}
ul.navi li.navi07 a {background-position: 0 -240px;}
ul.navi li.navi08 a {background-position: 0 -280px;}
#menu ul.navi li.navi09, #menu ul.navi li.navi09 a, #menu ul.navi li.navi10, #menu ul.navi li.navi10 a {display:none; height:0; width:0;}

ul.navi li.navi01 a:hover {background-position: -180px 0px;}
ul.navi li.navi02 a:hover {background-position: -180px -40px;}
ul.navi li.navi03 a:hover {background-position: -180px -80px;}
ul.navi li.navi04 a:hover {background-position: -180px -120px;}
ul.navi li.navi05 a:hover {background-position: -180px -160px;}
ul.navi li.navi06 a:hover {background-position: -180px -200px;}
ul.navi li.navi07 a:hover {background-position: -180px -240px;}
ul.navi li.navi08 a:hover {background-position: -180px -280px;}

ul.navi li.navi01 a.current {background-position: -180px 0px;}
ul.navi li.navi02 a.current {background-position: -180px -40px;}
ul.navi li.navi03 a.current {background-position: -180px -80px;}
ul.navi li.navi04 a.current {background-position: -180px -120px;}
ul.navi li.navi05 a.current {background-position: -180px -160px;}
ul.navi li.navi06 a.current {background-position: -180px -200px;}
ul.navi li.navi07 a.current {background-position: -180px -240px;}
ul.navi li.navi08 a.current {background-position: -180px -280px;}

nav ul.banner {
	text-align:center;
}

/*上へ戻るボタン/////////////////////////////////////////////////////////////////////*/

#page-top {
	margin: 0 0 20px 0;
	text-align:center;
}

/*トップページ/////////////////////////////////////////////////////////////////////*/
#index .content article {
	width:100%;
}
#index .content article li {}
#index .content article li a{
	width:31.3%;
	height: 0;
	padding-top: 22.8%;
	overflow: hidden;
	margin: 1%;
	background-repeat: no-repeat;
	display: block;
	float:left;
}

#index .content article li.b01 a{ background:url(../images/index/01.jpg); background-size:100%;}
#index .content article li.b02 a{ background:url(../images/index/02.jpg); background-size:100%;}
#index .content article li.b03 a{ background:url(../images/index/03.jpg); background-size:100%;}
#index .content article li.b04 a{ background:url(../images/index/04.jpg); background-size:100%;}
#index .content article li.b05 a{ background:url(../images/index/05.jpg); background-size:100%;}
#index .content article li.b06 a{ background:url(../images/index/06.jpg); background-size:100%;}
#index .content article li a:hover{background-position:0 100%;}

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

footer {
	width:98%;
	background:#003828;
	color:#FFF;
	text-align:center;
	padding: 1% 1% 0 1%;
}
footer .cf{max-width:1500px; margin:0 auto;}
footer h2{
	float:right;
}
footer p{
	padding:10px 0;
}
footer li{
	padding: 0 10px;
	margin:10px 0;
	border-left:solid 1px #fff;
	float:left;
}
footer li:first-child{
	padding: 0 10px 0 0;
	border-left:none;
}
footer li a{
	color:#fff;
	text-decoration:none;
}
footer li a:hover{
	color:#fff;
	text-decoration:underline;
}
footer li a:visited{
	color:#fff;
}





/*サブページ共通　/////////////////////////////////////////////////////////////////////*/

#juku .content-wap article.intro h3 ,#map .content-wap article.intro h3 ,#mokuzai .content-wap article.intro h3 {
	margin:0 0 5px 0;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	color:#003828;
	font-size:180%;
	background:url(../images/common/intro-bg01.jpg) repeat-y;
	padding:0 0 0 15px;
}
#map .content-wap article.intro ,#mokuzai .content-wap article.intro {
	border-bottom:solid 1px #ddd;
	margin: 0 0 40px 0;
}
#juku .content-wap article.intro p{	border-top:solid 1px #ddd;
padding:20px 0 0 0 ;
}

#juku .content-wap article h3.hot01 ,#yui .content-wap article h3.hot01{
	margin:0 0 5px 0;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	color:#603813;
	font-size:150%;
	background:url(../images/common/hot-01.png) no-repeat;
	background-size:20px;
	background-position: 0px 5px;
	padding:0 0 0 25px;
	line-height:1.7;
}



/*センターハウスYUI　#yui/////////////////////////////////////////////////////////////////////*/
#yui .content-wap article h2 img{
	width:100%;
	margin: 0 0 20px 0;
}
#yui .content-wap article{
	width:100%;
}
#yui .content article{
	width:100%;
	padding:50px 0 0 0
}

#yui .content-wap article h3 img{
	width:150px;
}
#yui .content-wap article img{
	width:100%;
}
#yui .content-wap ul.one {
	overflow:hidden;
}
#yui .content-wap ul.one li{
	float:left;
}
#yui .content-wap ul.one li.class01{
	width:44%;
	margin-right:1%;
}
#yui .content-wap ul.one li.class02{
	width:54%;
	margin-left:1%;
	margin-bottom:1.3%;
}
#yui .content-wap ul.one li.class03{
	width:54%;
	margin-left:1%;
}

#yui .content-wap ul.two li{
	float:left;
}
#yui .content-wap ul.two li.class01{
	width:44%;
	margin-left:1%;
	float:right;
}
#yui .content-wap ul.two li.class02{
	width:54%;
	margin-right:1%;
	margin-bottom:1.3%;
}
#yui .content-wap ul.two li.class03{
	width:54%;
	margin-right:1%;
}


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

#hikari .content-wap article h2 img{
	width:100%;
	margin: 0 0 20px 0;
}
#hikari .content-wap section{
	margin:30px 0 0 0;
}
#hikari .content-wap section ul.one img,#hikari .content-wap section ul.two img,#hikari .content-wap section ul.three img{
	width:100%;
}
#hikari .content-wap ul.one li ,#hikari .content-wap ul.two li ,#hikari .content-wap ul.three li ,#hikari .content-wap ul.job li{
	float:left;
}
#hikari .content-wap ul.one li.class01{
	width:61%;
	margin-right:1%;
	margin-bottom:1%;
}
#hikari .content-wap ul.one li.class02{
	width:37%;
	margin-left:1%;
	margin-bottom:0.5%;
}
#hikari .content-wap ul.one li.class03{
	width:37%;
	margin-left:1%;
	margin-bottom:1%;
}


#hikari .content-wap ul.two li.class01{
	width:61%;
	margin-right:1%;
	margin-bottom:1%;
}
#hikari .content-wap ul.two li.class02{
	width:29.5%;
	margin-right:2%;
	margin-bottom:1%;
}
#hikari .content-wap ul.two li.class03{
	width:29.5%;
	margin-right:1%;
	margin-bottom:1%;
}
#hikari .content-wap ul.two li.class04{
	width:37%;
	margin-left:1%;
	margin-bottom:1%;
	float:right;
}

#hikari .content-wap ul.three li.class01{
	width:49%;
	margin-right:1%;
}
#hikari .content-wap ul.three li.class02{
	width:49%;
	margin-left:1%;
}

#hikari .content-wap ul.job li{
	width:49%;
	margin:0 0 0 1%;
}
#hikari .content-wap ul.job li:first-child{
	margin:0 1% 0 0;
}
#hikari .content-wap ul.job li img{
	width:100%;
}

#contact {
	border-top:solid 5px #D0E8B2;
	border-bottom:solid 5px #D0E8B2;
	padding:20px 0;
	margin:15px 0;
}
#contact article{
	float:left;
}
#contact article:first-child{
	width:38%;
	padding:0 8%;
}
#contact article:first-child p.btn{
	text-align:right;
}
#contact article.fax{
	border-left:dashed 1px #8BC53E;
	width:24%;
	padding:0 10%;
}
#contact article.fax h4{
color:#003828;
}

@media screen and (max-width: 900px) {
#contact article img{
	width:100%;
}
#contact article:first-child{
	width:38%;
	padding:0 5%;
}
#contact article.fax{
	width:41%;
	padding:0 5%;
}
}

#contact-tel{
	background:#F2F2F2;
	border:solid 1px #E6E6E6;
	position:relative;
	min-height:48px;
	margin-right:22px;
}

#contact-tel:after{
	content: '';
	background:url(../images/hikari/tel-bg.png);
	position:absolute;
	width:22px;
	height:50px;
	right:-22px;
	top:-1px;
}
#contact-tel dt{
	float:left;
	margin: 8px 10px 5px 20px;
}
#contact-tel dd{
	text-align:right;
	margin: 7px 30px 4px 0px;
}

@media screen and (max-width: 997px) {
#contact-tel{
	margin-right:0px;
}	
#contact-tel:after{
	display:none;
}
}



/*大工育成塾　#juku/////////////////////////////////////////////////////////////////////*/

#juku .content article {
	margin:40px 0 0;
}
@media screen and (max-width: 997px) {
#juku .content article h3 img{
	width:100%;
}
}

#juku .content-wap article h2 img{
	width:100%;
	margin: 0 0 20px 0;
}

#juku .content-wap article ul.one img, #juku .content-wap article ul.two img{
	width:100%;
}
#juku .content-wap ul.one li ,#juku .content-wap ul.two li {
	float:left;
}
#juku .content-wap ul.one li.class01{
	width:37%;
	margin-right:1%;
	margin-bottom:1%;
}
#juku .content-wap ul.one li.class02{
	width:61%;
	margin-left:1%;
	margin-bottom:2%;
	background:#EBE3DA;
	position:relative;
}
#juku .content-wap ul.one li.class02:after{
	content: '';
	background:url(../images/juku/bg-01.png);
	position:absolute;
	width:123px;
	height:30px;
	right:0;
	bottom:0;
}
#juku .content-wap ul.one li.class02 span{
	display:block;
	margin:5% 5% 13% 5%;
	line-height: 1.8;
}
#juku .content-wap ul.one li.class03{
	width:100%;
}
#juku .content-wap ul.two li.class01{
	width:61%;
	margin-right:1%;
	margin-bottom:2%;
	background:#EBE3DA;
	position:relative;
}
#juku .content-wap ul.two li.class01:after{
	content: '';
	background:url(../images/juku/bg-02.png);
	position:absolute;
	width:202px;
	height:30px;
	right:0;
	bottom:0;
}
#juku .content-wap ul.two li.class01 span{
	display:block;
	margin:5% 5% 13% 5%;
	line-height: 1.8;
}
#juku .content-wap ul.two li.class02{
	width:37%;
	margin-left:1%;
}



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

#maki .content {
	margin:30px 0 0;
}
#maki .content-wap article h2 img{
	width:100%;
	margin:0 0 20px 0;
}

#maki .content section ul.one img, #maki .content section ul.two img{
	width:100%;
}
#maki .content ul.one li ,#maki .content ul.two li {
	float:left;
}
#maki .content ul.one ,#maki .content ul.two{
overflow: hidden;
}
#maki .content ul.one li.class01{
	width:61.5%;
	margin-right:1%;
	margin-bottom:1%;
}
#maki .content ul.one li.class02{
	width:36.5%;
	margin-left:1%;
	margin-bottom:1%;
}
#maki .content ul.two li.class01{
	width:36.5%;
	margin-right:1%;
	margin-bottom:1%;
}
#maki .content ul.two li.class02{
	width:61.5%;
	margin-left:1%;
	margin-bottom:1%;
}

#maki .content ul.two li.class02{
	width:61.5%;
	margin-left:1%;
	margin-bottom:1%;
}

#maki article.voice {
	background:#EBE3DA;
	padding:5%;
	position:relative;
}
#maki article.voice {
	background:url(../images/maki/bg-01.png);
	padding:5%;
	position:relative;
	overflow:hidden;
	background-size:100%;
	margin:20px 0 40px;
}
#maki article.voice h3{
	width:58%;
	float:left;
	margin:0 2% 1% 0;
}
@media screen and (max-width: 997px) {
#maki article.voice h3{
	float:none;
}
}
#maki article.voice dl{
	width:58%;
	float:left;
	margin:0 2% 0 0;
}
#maki article.voice p{
	width:40%;
	float:right;
}
#maki article.voice p img{
	width:100%;
}
#maki .content .class03 img{
	width:100%;
}



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

#zenkei .content-wap article h2 img{
	width:100%;
	margin:0 0 20px 0;
}

#zenkei .map{
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 0 50px 0;
}
#zenkei .map img{
	width:80%;
	height:auto;
}
#zenkei .map ul{
	float:right;
	width:20%;
}
#zenkei .map ul li{
	border-bottom:dashed 1px #8C6239;
	padding:10px 0;
}
#zenkei .map ul li a{
	text-decoration:none;
}

#zenkei .content section li {
	float:left;
	text-align:right;
}
#zenkei .content section li img {width:100%;}
#zenkei .content section .class01{
	width:18%;
	margin:0 1% 0 0;
}
#zenkei .content section .class02{
	width:42.5%;
	margin:0 1% 0 0;
}
#zenkei .content section .class03{
	width:37.5%;
}




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

#taiken .content-wap article h2 img{
	width:100%;
	margin:0 0 20px 0;
}
#taiken .content article h3 {
	width:100%;
	text-align:center;
	background:#EBE3DA;
	padding: 10px 0 5px;
margin: 0 0 15px 0;
}
#taiken .content {
	margin:40px 0 0 0;
}
#taiken .fotorama-wrap {
	margin:10px 0 0 0;
	width:100%;
}
#taiken .content article{
	margin:0 0 70px 0;
}
#taiken article.voice {
	background:url(../images/maki/bg-01.png);
	padding:4% 5%;
	position:relative;
	overflow:hidden;
	background-size:100%;
	margin:20px 0 40px;
}
@media screen and (max-width: 900px) {
	#taiken article.voice {
	background:#EBE3DA;
}
}
#taiken article.voice h3{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:none;
	text-align:left;
}
@media screen and (max-width: 700px) {
#taiken article.voice h3 img{
	width:80%;
}
}
#taiken article.voice dt{
	color:#003828;
	font-weight:bold;
	font-size:120%;
}
#taiken article.voice dl{
	border-top:dashed 1px #4d4d4d;
	padding:20px 0 0;
}
#taiken article.voice h3 + dl{
	border-top:none;
	padding:20px 0;
}


/*周遊マップ　#map/////////////////////////////////////////////////////////////////////*/

#map .content-wap article h2 img{
	width:100%;
	margin:0 0 20px 0;
}
#map .content-wap p.visit img {
	width:100%;
}
#map section.class01 {
	padding:4%;
	background:url(../images/map/bg-01.jpg);
	border-radius:10px;
	overflow:hidden;
	margin:5% 0;
}
#map section.class01 article{
	width:48%;
	float:left;
	margin:1%;
}
#map section.class01 article dt img{
	width:100%;
}

#map section.class02 h4{
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	color:#003828;
	border-bottom:solid 1px #ddd;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size:120%;
}
#map section.class02{
	margin:0 -2% 0 0;
	width:102%;
	overflow:hidden;
}

#map section.class02 article{
	width:31.3%;
	margin:2% 2% 0 0;
	float:left;
}
#map section.class02 article p img{
	width:100%;
}



/*木材加工場　#mokuzai/////////////////////////////////////////////////////////////////////*/

#mokuzai .content-wap article h2 img{
	width:100%;
	margin:0 0 20px 0;
}
#mokuzai .content-wap article.intro p img {
	width:100%;
}

#mokuzai .content-wap section h4{
	padding:5px 10px;
	background:#F2F2F2;
	border:solid 1px #E6E6E6;
	color:#003828;
	font-size:130%;
}
#mokuzai .content-wap section.class01{
	margin:0 0 3% 0;
}
#mokuzai .content-wap section.class01 article{
	overflow:hidden;
	width:103%;
	margin:1% -3% 0 0;
}
#mokuzai .content-wap section.class01 p {
	margin:0 0 3% 0;
}
#mokuzai .content-wap section.class01 p img{
	width:97%;
}
#mokuzai .content-wap section.class01 dl{
	width:47%;
	margin:0 3% 3% 0;
	float:left;
}
#mokuzai .content-wap section.class01 dt{
	border-bottom:dashed 1px #003828;
	color:#003828;
	font-size:120%;
}
#mokuzai .content-wap section.class01 dd img{
	width:100%;
}
#mokuzai section.class02 {
	overflow:hidden;
	margin:0 0 3% 0;
}
#mokuzai section.class02 p {
	margin:2% 0;
}
#mokuzai section.class02 li {
	float:left;
}
#mokuzai section.class02 li img{
	width:100%;
}
#mokuzai section.class02 li.class03 {
	width:60.6%;
	margin:0 2% 0 0;
}
#mokuzai section.class02 li.class04 {
	width:37.4%;
	margin:0 0 1% 0;
}
#mokuzai section.class02 li.class05 {
	width:37.4%;
	margin:0 0 0 0;
}
#mokuzai article.tokozai {
	background:#DDD1C2;
	padding:2% 2% 2% 3%;
	border-radius:10px;
	margin:0 0 5% 0;
}
#mokuzai article.tokozai h5{
	color:#534741;
	font-size:130%;
	margin:0 0 5px 0;
}
#mokuzai article.tokozai ul{
	overflow:hidden;
}
#mokuzai article.tokozai li {
	width:24%;
	margin:0 1% 0 0;
	float:left;
}
#mokuzai article.tokozai li img{
	width:100%;
}
#mokuzai aside img{
	width:100%;
}



/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

	.menubtn {
		display:none;
	}
	.togmenu {
		display:block;
	}
	#menu li {
		display: inline-block;
		border:none;
	}


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


#contact-page .limited {
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	border-bottom:solid 1px #000;
}
#contact-page h6{
	margin:0 0 15px 0;
	font-size:120%;
	color:#666;
}
#contact-page span.contact-tel {
	border:solid 1px #000;
	padding:3px 8px;
	font-size:120%;
}




#contact-page p.pnkz {
	border-bottom:solid 2px #2297C9;
	margin-bottom:20px;
	text-align: left;
}
#contact-page dt {
	margin:0 0 5px 0 ;
	font-weight:bold ;
	font-size: 14px ;
	float:left ;
	width:180px ;
}
#contact-page dd {
	margin:0 0 20px 0 !important;
	padding: 0 0 20px 0 !important;
//	border-bottom: solid 1px #ddd !important;
	border-bottom: dashed 1px #000 !important;
}
#contact-page dt span.must {
	padding:1px 3px !important;
	background:#CC0000 !important;
	color:#fff !important;
	margin:0 0 0 10px !important;
	font-weight:100 !important;
	font-size:9px !important;
}
div.mfp_buttons {
//	clear: both !important;
	padding: 30px 0px 5px!important;
	text-align: center !important;
}
div.mfp_buttons button {
	font-size: 16px ;
	margin: 10px 0px ;
	padding: 10px 50px ;
	cursor:pointer ;
}

div#mfp_phase_confirm h4 {
	font-size: 20px !important;
	padding: 10px 0px 10px 0px !important;
}
#form-container {
	padding: 5% 10%;
	width: 70% ;
	margin: 0 auto ;
	background:#F7F7F7;
}
#form-container h2{padding:0 0 10px 0;}
#form-container p{
	padding: 0 0 30px ;
}
input[type=text].short{
	width:20%;
}
input[type=text].mid{
	width:50%;
}
input[type=text].long{
	width:65%;
}
input[type=email].long{
	width:65%;
}
input[type=email].mid{
	width:50%;
}