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

/*-----------------------------------------
下層ナビゲーション
-----------------------------------------*/

/*SP*/
#secheader {width:100%;position: fixed;z-index: 1000;background:#fff;}
.blockmenu {width:100%;margin:0 auto;padding:20px 0 0 0;}
.blockmenu::after{content: "";display: block;clear: both;}
#secheader h1.logo {width:60%;margin:0 auto;} 
#secheader h1.logo img{;width:100%;} 
.secgmenu {width:100%;text-align: center;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#secheader {width:100%;position: fixed;z-index: 1000;height:70px;}
.blockmenu {width:98%;max-width:1200px;padding:0;position:relative;}	
#secheader h1.logo {width:16%;position:absolute;top:20px;left:20px;} 
.secgmenu {width:80%;text-align: center;position:absolute;right:0;top:0px;}
}
/*PC*/
@media screen and (min-width:769px){
#secheader {width:100%;position: fixed;z-index: 1000;height:70px;}
.blockmenu {width:98%;max-width:1200px;padding:0;position:relative;}	
#secheader h1.logo {width:16%;position:absolute;top:20px;left:10px;} 
.secgmenu {width:80%;text-align: center;position:absolute;right:0;top:0px;}
}




.secmenulist {position: relative;width: 100%;margin: 0px auto 0 auto;}
.secmenulist > li {float: left;width: 33.3%;font-weight:bold;height:55px;background:#fff;padding-top:10px;}
.secmenulist > li a {display: block;color: #230000;font-size:1.4rem;}
.secmenulist > li a:hover {color: #512121;}
.secmenulist > li:hover { -webkit-transition: all .5s;transition: all .5s;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.secmenulist {margin: 15px auto 0 auto;}
}
/*PC*/
@media screen and (min-width:769px){
.secmenulist {margin: 15px auto 0 auto;}
}

.secmenulist ul.menu_second-level {visibility: hidden;opacity: 0;z-index: 1;}
.secmenulist ul.menu_second-level li {border-top: 1px solid #e9e1d1;}
.secmenulist ul.menu_second-level > li:hover {background: #e9e1d1;}

.secmenulist > .menu_single {position: relative;}
.secmenulist .menu_single .menu_second-level {position: absolute;top: 40px;width: 100%;background: rgb(255,255,255,0.9);-webkit-transition: .2s ease;transition: .2s ease;visibility: hidden;opacity: 0;}
.secmenulist .menu_single:hover > .menu_second-level {top: 55px;visibility: visible;opacity: 1;}
.secmenulist .menu_single > .menu_second-level a{padding:20px 0;}

/* floatクリア */
.secmenulist:before,
.secmenulist:after {
    content: " ";
    display: table;
}

.secmenulist:after {
    clear: both;
}

.secmenulist {
    *zoom: 1;
}
	


/*-----------------------------------------
下層メイン
-----------------------------------------*/

/*養蜂*/
.honeyTop {background:url("../images/beekeep/main.jpg") center center no-repeat;background-size:cover;}
/*薪製造販売*/
.fwenergyTop {background:url("../images/fwenergy/main.jpg?02") center center no-repeat;background-size:cover;}
/*薪ストーブ・暖炉・ボイラー施工販売*/
.lwfTop {background:url("../images/lifewithfire/main.jpg?03") center center no-repeat;background-size:cover;}
/*建築・リフォーム*/
.housingTop {background:url("../images/housing/main.jpg?0002") center center no-repeat;background-size:cover;}
/*ツリーケア・伐採*/
.treecareTop {background:url("../images/treecare/main.jpg") center center no-repeat;background-size:cover;}
/*原木回収*/
.logcollectTop {background:url("../images/logcollect/main.jpg?02") center center no-repeat;background-size:cover;}


/*お問い合わせ*/
.contactTop {background:url("../images/contact/main01.jpg") center center no-repeat;background-size:cover;}
/*薪の仮申し込み*/
.firewoodTop {background:url("../images/contact/main02.jpg") center center no-repeat;background-size:cover;}
/*プライバシーポリシー*/
.ppTop {background:url("../images/common/ppmain.jpg") center center no-repeat;background-size:cover;}
/*イベント*/
.eventTop {background:url("../images/event/main.jpg") center center no-repeat;background-size:cover;}
/*プライス*/
.priceTop {background:url("../images/price/main.jpg") center center no-repeat;background-size:cover;}


/*イベント_あさぶん2020*/
.fes2020Top {background:url("../images/event/fes2020/top.jpg?02") center center no-repeat;background-size:cover;}
.fes2020Top h2{text-align: center;color:#000;text-shadow: none!important;}
.fes2020Top h2 span{background:#fff;padding:0 10px;}
.fes2020Top p{text-align: center;}


/*SP*/
#sec_top {padding:160px 0 0 0;color:#fff;height:450px;}
#sec_top ul {margin:0 0 30px 0;padding:0;}
#sec_top ul li{display: inline;font-weight:bold;font-size:1.2rem;}
#sec_top ul li:nth-child(2):before{content: ' - ';}
#sec_top h2 {font-size:3.6rem;font-weight:bold;margin-bottom:20px;text-shadow: 1px 2px 3px #808080; }
#sec_top p {font-size:2rem;font-weight:bold;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#sec_top h2 {font-size:4.5rem;}
}
/*PC*/
@media screen and (min-width:769px){
#sec_top h2 {font-size:4.5rem;}
}


/*お問い合わせなどのフォーマット*/
/*SP*/
#sec_top_small {padding:120px 0 0 0;height:320px;color:#fff;}
#sec_top_small ul {margin:40px 0 0px 0;padding:0;}
#sec_top_small ul li{display: inline;font-weight:bold;font-size:1.2rem;}
#sec_top_small ul li:nth-child(2):before{content: ' - ';}
#sec_top_small h2 {font-size:3.6rem;font-weight:bold;margin-bottom:20px;text-shadow: 1px 2px 3px #808080; }
#sec_top_small p {font-size:2rem;font-weight:bold;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#sec_top_small h2 {font-size:4.5rem;}
}
/*PC*/
@media screen and (min-width:769px){
#sec_top_small h2 {font-size:4.5rem;}
}

/*.attention {text-align: right;color:#555;font-size: 1.2rem;}*/


/*-----------------------------------------
下層コンテンツ
-----------------------------------------*/

#sec_lead {padding:40px 0;}

/*SP*/
#sec_cont {padding:40px 0;}

.sec_cont_text {margin:0;padding:0;font-size:0;}
.sec_cont_text li{width:100%;font-size:1.4rem;margin-bottom:20px;}
.sec_cont_text h3{padding-left: 20px;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.sec_cont_text {margin:0;padding:0;font-size:0;}
.sec_cont_text li{width:48%;font-size:1.4rem;display:inline-block;vertical-align: middle;}
.sec_cont_text li:nth-child(1){margin-right:4%;}
.sec_cont_text li:nth-child(3){margin-right:4%;}
}
/*PC*/
@media screen and (min-width:769px){
.sec_cont_text {margin:0;padding:0;font-size:0;}
.sec_cont_text li{width:48%;font-size:1.6rem;display:inline-block;vertical-align: middle;}
.sec_cont_text li p{width:90%;line-height: 2;margin:0 auto;}
.sec_cont_text li:nth-child(1){margin-right:4%;}
.sec_cont_text li:nth-child(3){margin-right:4%;}
}

/*1カラム*/
.sec_cont_main {margin:0;padding:0;font-size:0;}
.sec_cont_main>li{width:100%;font-size:1.6rem;margin-bottom:30px;position:relative;}
.sec_cont_main>li p{margin-bottom:20px;}


/*3カラム*/
/*SP*/

.sec_cont_3col {margin:0 0 20px 0;padding:0;width:100%;font-size: 0;}
.sec_cont_3col>li {width:100%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:0%;margin-bottom:3%;background:#fff;padding:2%;}
.sec_cont_3col li h3{text-align: center;}
.sec_cont_3col li:last-child{margin-right:0%;}
.sec_cont_3col li img{width:100%;}

.sec_cont_3col table{width:100%;text-align: center;background:#f9f5ed;margin:3% 0;}
.sec_cont_3col table th{padding:2%;font-weight:normal;}
.sec_cont_3col table td{padding:2%;font-weight:normal;}
.memoArea {border:1px solid #ddd;padding:3%;color:#666;margin-top:3%;}
.memoArea span{padding-bottom:20px;}
.memoArea dl {margin: 3% 0;font-size: 1.2rem;}
.memoArea dl dt:before {content: "・"}

.menuAD {width:100%;border:1px solid #000;padding:10px;}
.menuAD a {display: block;text-decoration: none;}
.sec_cont_3col label {
    display: block;
    padding : 10px;
    line-height: 1;
    color :#000;
	text-align: center;
    cursor :pointer;
}

.sec_cont_3col input {
    display: none;
}

.menuAD ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuAD li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	word-wrap: break-word;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li{
    height: 520px;
    opacity: 1;
}

.centermidashi {font-weight:bold;text-align: center;margin:30px 0;font-size:1.9rem;}
.areaTable {width:80%;margin:0 auto 20px auto;border:1px solid #fff;}
.areaTable th,.areaTable td {width:50%;font-weight:normal;border-bottom:1px solid #fff;padding:5px;}
.areaTable th{border-right:1px solid #fff;}

/*iPad*/
@media screen and (min-width:481px){
.sec_cont_3col>li {width:32%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:2%;background:#fff;padding:1%;}

}
/*PC*/
@media screen and (min-width:769px){
.sec_cont_3col>li {width:32%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:2%;background:#fff;padding:1%;}
}

/*背景あり*/
#sec_cont_BG {padding:40px 0;background:#ffe3a4;}
/*背景色用*/
.BGwhite {background:#fff;}

/*-----------------------------------------
下層事例
-----------------------------------------*/

#sec_jirei {background:#e9e1d1;background-size:cover;padding:40px 0;}
#sec_jirei h3{font-weight:bold;margin-bottom:20px;font-size:2rem;}

/*-----------------------------------------
下層あさまの薪
-----------------------------------------*/
.amLogo {width:70%;position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}


/*-----------------------------------------
下層あさまの薪　よくある質問
-----------------------------------------*/

#sec_makiqa {background:#e9e1d1;}

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto 50px auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 2px solid #fff;
}

/*アコーディオンタイトル*/
.accordion-area .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.accordion-area .title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.accordion-area .title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{
	transform: rotate(45deg);
}

.accordion-area .title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-area .box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	margin:0 3% 3% 3%;
    padding: 3%;
}



/*-----------------------------------------
下層薪の輪会員
-----------------------------------------*/

#sec_makinowa {background:#006934;background-size:cover;padding:40px 0;color:#fff;}
#sec_makinowa h3{font-weight:bold;margin-bottom:20px;font-size:2rem;}



/*-----------------------------------------
下層　お問い合わせフォーム
-----------------------------------------*/
.formText .contactTel {background:#e9e1d1;padding:20px;margin:5% 0;text-align: center;}
.formText .contactTel span {font-size:2.4rem;font-weight:bold;}

input,textarea,select {
	font-size:1.8rem;			/*フォントサイズ*/
	border:1px solid #ccc;	/*ボーダー*/
	padding:8px;			/*パディング*/
	border-radius:3px;		/*角丸にする*/
}
textarea {width:100%;height:200px;}
input[type="text"] {width:100%;}
input[type="checkbox"] {width:20%;}

.formArea dl{margin-bottom:50px;}
.formArea dl>dt{margin-bottom:10px;}
.formArea dl>dd{margin-bottom:20px;}
.input {margin-bottom:30px;}

.formArea dl>dd>ul {margin:0;font-size:0;}
.formArea dl>dd>ul>li {display: inline-block;width:50%;font-size:1.8rem;text-align: left;vertical-align: top;position:relative;padding-bottom:40px;}
.formArea dl>dd>ul>li input {position:absolute;top:0;left:0;}
.formArea dl>dd>ul>li span {position:absolute;top:0;left:35px;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.formArea dl>dd>ul>li span {left:75px;}
}
/*PC*/
@media screen and (min-width:769px){
.formArea dl>dd>ul>li span {left:75px;}
}



@media screen and (min-width:960px){
.formArea {float:right;width:60%;margin-bottom:20px;}
.formText {float:left;width:30%;margin-right:10%;margin-bottom:20px;}
}

/*
#button  {text-align: center!important;}
#button  {border:2px solid #230000;padding:15px 50px;font-family:  'Noto Sans JP';width:300px;text-align: center;font-weight:bold;font-size:1.5rem;display:block;background:#fff;margin:0 auto;}
#button  {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
    }

#button:hover {
  background-color: #230000;
	color:#fff;
    }
*/
    
/** 野口追加 */
.btnBlock{ text-align: center; }
.cntbtn  {text-align: center!important;}
.cntbtn  {border:2px solid #230000;padding:15px 50px;font-family:  'Noto Sans JP';width:250px;text-align: center;font-weight:bold;font-size:1.5rem;display:block;background:#fff;margin:0 auto;}
.cntbtn  {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
    }
.cntbtn{display:inline-block;margin:0px 10px;}

.cntbtn:hover {
  background-color: #230000;
	color:#fff;
    }

.back{ width:180px; }


.myErrBlock{display:inline-block;margin:0px 10px;}
.myErrBlock span{ color:red;} 
.kakunin{ margin: 10px;    background: #e9e1d1;    padding: 10px; }

/** お問い合わせボタンに関して追加 */
.otoiawaseBtn{font-size:0;text-align: center;margin-bottom:30px;}
.otoiawaseBtn li{display:inline-block;}


/*--------------------------メンテナンス下層用-------------------------*/
#menteArea {background:url(../images/top/bg_mente.jpg) no-repeat;padding:40px 0 100px 0;}
/*----原木回収------*/
#menteAreaLC {background:url(../images/logcollect/bg_mente_new.jpg?02) no-repeat;background-size: 100% auto;background-position: center center;padding:40px 0 100px 0;}
#menteAreaLC table{border:1px solid #fff;margin-bottom:20px;width:100%;}
#menteAreaLC table th,#menteAreaLC table td{border-bottom:1px solid #fff;padding:5px;}
#menteAreaLC table th{border-right:1px solid #fff;}
.rightBlock {width:90%;margin:0 auto 10px auto;}
.leftBlock {width:90%;margin:0 auto;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.rightBlock {float:right;width:49%;}
.leftBlock {width:90%;float:left;width:49%;}
}
/*PC*/
@media screen and (min-width:769px){
.rightBlock {float:right;width:49%;}
.leftBlock {width:90%;float:left;width:49%;}
}

/*--------------------------ショールーム-------------------------*/
#lmArea {padding:50px 0;text-align: center;}
.lmAreaBox { padding:20px;background:#bd9c76;color:#fff;margin-top:30px;}


/*--------------------------プライバシーポリシー-------------------------*/
.ppList dt{font-weight:bold;margin:0 0 10px 0;}
.ppList dd{margin:0 0 20px 0;}


/*-----------------------------------------
イベントページ
-----------------------------------------*/
h3.eventh3 {font-size:3rem;margin:0 0 20px 0;}

ul.col4 {font-size:0;margin:0;padding:0;width:100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 20px;}
ul.col4 li{font-size:1.4rem;border:1px solid #333;box-sizing: border-box;padding:10px 10px 0px 10px; margin:0;flex-basis:22%; min-width:300px;}
ul.col4 li img{margin-bottom:20px;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
ul.col4 li{width:30%;}
}
/*PC*/
@media screen and (min-width:769px){
ul.col4 li{width:32%;margin-right:1%;}
}

ul.col3 {font-size:0;margin:0;padding:0;width:100%;}
ul.col3 li{width:49%;font-size:1.2rem;display: inline-block;vertical-align: top;margin-bottom:20px;position:relative;}
ul.col3 li:nth-child(odd){margin-right:1%;}
ul.col3 li p.tag{position:absolute;background:#e6a600;font-size:1.2rem;top:20px;left:0;padding:5px;color:#fff;}
ul.col3 li p.tagreserve{position:absolute;background:#ea5539;font-size:1.5rem;top:00px;left:0;padding:5px;color:#fff;}
ul.col3 li img{margin-bottom:20px;}
ul.col3 li p span{font-size:1.2rem;color:#e6a600;}
ul.col3 li a{background:#fff;}

ul.col3 li.w100{width:100%;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
ul.col3 li{width:32%;margin-right:1%;}
ul.col3 li:nth-child(3){margin-right:0%;}
ul.col3 li.w100{width:32%;}
}
/*PC*/
@media screen and (min-width:769px){
ul.col3 li{width:32%;margin-right:2%;}
	ul.col3 li:nth-child(odd){margin-right:2%;}
ul.col3 li:nth-child(3n){margin-right:0%;}
ul.col3 li.w100{width:31%;}
}

ul.col2 {font-size:0;margin:0;padding:0;width:100%;}
ul.col2 li{width:49%;font-size:1.2rem;display: inline-block;vertical-align: top;margin-bottom:20px;position:relative;}
ul.col2 li:nth-child(odd){margin-right:1%;}
ul.col2 li p.tag{position:absolute;background:#e6a600;font-size:1.2rem;top:20px;left:0;padding:5px;color:#fff;}
ul.col2 li p.tagreserve{position:absolute;background:#ea5539;font-size:1.5rem;top:00px;left:0;padding:5px;color:#fff;}
ul.col2 li img{margin-bottom:20px;}
ul.col2 li p span{font-size:1.2rem;color:#e6a600;}
ul.col2 li a{background:#fff;}

ul.col2 li.w100{width:100%;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
ul.col2 li{width:32%;margin-right:1%;}
ul.col2 li:nth-child(3){margin-right:0%;}
ul.col2 li.w100{width:32%;}
}
/*PC*/
@media screen and (min-width:769px){
ul.col2 li{width:49%;margin-right:0%;}
ul.col2 li:nth-child(odd){margin-right:2%;}
ul.col2 li.w100{width:31%;}
}


.talkshowArea {background:#6a2414;border-radius: 10px;color:#fff;padding:170px 30px 30px 30px;position:relative;margin:100px auto 0 auto;}
.talkshowArea .talkshowMidashi {width:330px;position:absolute;top:-80px;left:0;}
.talkshowArea .talkshowMidashi img{width:100%;}

.talkshowArea ul{font-size:0;margin:20px auto;padding:0;width:100%;}
.talkshowArea ul li{font-size:1.5rem;display: inline-block;width:100%;vertical-align: top;}
.talkshowArea ul li span{font-size:1.2rem;font-weight:normal;}
.talkshowArea ul li th,.talkshowArea ul li td{padding:5px 0;}
.talkshowArea ul li th{color:#fff100;}
.talkshowArea ul li th{width:20%;text-align: center;vertical-align: top;line-height:1.5;}
.talkshowArea ul li td{width:80%;vertical-align: top;line-height:1.5;}	

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.talkshowArea {background:#6a2414;border-radius: 10px;color:#fff;padding:170px 30px 30px 30px;position:relative;margin:100px auto 0 auto;}
.talkshowArea .talkshowMidashi {width:360px;position:absolute;top:-80px;left:25%;}
.talkshowArea ul{width:100%;}
.talkshowArea ul li{width:100%;}
.talkshowArea ul li table{width:100%;}
.talkshowArea ul li th{width:15%;text-align: center;}
.talkshowArea ul li td{width:85%;}	
}
/*PC*/
@media screen and (min-width:769px){
.talkshowArea {background:#6a2414;border-radius: 10px;color:#fff;padding:170px 30px 30px 30px;position:relative;margin:100px auto 0 auto;}
.talkshowArea .talkshowMidashi {width:360px;position:absolute;top:-80px;left:35%;}
.talkshowArea ul{width:100%;}
.talkshowArea ul li{width:50%;}
}


/*-----------------------------------------
メンテナンス
-----------------------------------------*/
h3.menteh3 {font-size:3rem;margin:0 0 20px 0;}
.menteTable {width:100%;margin:0 0 20px 0;}
.menteTable th{background:#ddd;padding:10px 0;}
.menteTable th:nth-child(3){width:20%}
.menteTable th:nth-child(4){width:20%}
.menteTable td{border-bottom:1px dotted #ddd;padding:8px 0;}
.menteTable td span{font-size:1rem;}

.numberList {list-style-type: decimal;width:90%;margin:0 auto;}
.numberList li {margin:0 0 20px 0;}
.numberList li span{background:#ff0000;margin-left:10px;font-size:1rem;color:#fff;padding:3px;}


/*-----------------------------------------
広葉樹活用プロジェクト
-----------------------------------------*/
/*SP*/
#sec_topwide {height:450px;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#sec_topwide {height:450px;}
}
/*PC*/
@media screen and (min-width:769px){
#sec_topwide {height:700px;}
}
.hardwoodTop {background:url("../images/hardwood/main02.jpg?03") center center no-repeat;background-size:cover;background-attachment: fixed;position: relative;}
.hardwoodTop h1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size:3rem;color:#fff;}



#cover {margin-bottom:50px;box-sizing: border-box;}
/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#cover {border:20px #fff solid;}
}
/*PC*/
@media screen and (min-width:769px){
#cover {border:20px #fff solid;}
}




/*1カラム*/
.sec_cont_mainBold {margin:0;padding:0;font-size:0;}
.sec_cont_mainBold li{width:100%;font-size:1.8rem;margin-bottom:30px;font-weight:bold;line-height:2;}
.sec_cont_mainBold li p{margin-bottom:20px;}



.project_link {font-size:0;margin:0 0 50px 0;background:#230000;}
.project_link li {display:inline-block;width:50%;font-size:1.6rem;border:2px solid #fff;text-align: center;font-weight:bold;color:#fff;}
.project_link li:first-child {border-right:none}
.project_link li a{display:block;padding:20px 0 10px 0;color:#fff;}

.chair_link {font-size:0;margin:50px 0;}
.chair_link li {display:inline-block;width:50%;font-size:1.6rem;background:#F4F4F4;text-align: center;font-weight:bold;vertical-align: top;}
.chair_link li:first-child {border-right:none}
.chair_link li a{display:block;padding:0 0 30px 0;}
.chair_link li h5 {font-size:2.4rem;font-family: 'Libre Baskerville', serif;font-weight:bold;line-height: 1.5;margin-bottom:10px;}
.chair_link li span {font-size:1.8rem;}

/*PC*/
@media screen and (min-width:769px){
.chair_link li {font-size:2rem;}
.chair_link li h5 {font-size:3.2rem;}
.chair_link li span {font-size:1.8rem;}
}

.chairDetail {margin:0 0 50px 0;}
.chairDetailmain {text-align: center;margin:50px 0;position:relative;font-size:2rem;width: 100%;max-width:1600px;margin:0 auto;}
.chairDetailmain h5 {font-size:4.8rem;font-family: 'Libre Baskerville', serif;position:absolute;top:30px;left: 50%;line-height: 1.4;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.chairDetailmain img {height: 500px;object-fit: cover;margin:70px 0 30px 0;}
.chairDetailmain p {width: 90%;margin:0 auto;font-weight:600;margin-bottom:50px;text-align: left;}
/*PC*/
@media screen and (min-width:769px){
.chairDetailmain p {text-align: center;}
}



#nidoageTour {
background-repeat:no-repeat;
background-image:url(../images/hardwood/bg_tour_sp.jpg);
background-size: contain;
background-position:left bottom;
	background-color:#e9eaec;
}

/*PC*/
@media screen and (min-width:769px){
#nidoageTour {
background-repeat:no-repeat;
background-position:50% 100%;
background-image:url(../images/hardwood/bg_tour.jpg);
background-size:cover;
	background-attachment: fixed;
}
}

#nidoageTour {
padding:50px 0 200px 0;
	position:relative;
}
#nidoageTour .tourLogo{
position:absolute;
	top:20px;
	right:0;
	left:0;
	margin:auto;
	width:100px;
}
/*PC*/
@media screen and (min-width:769px){
#nidoageTour {
padding:200px 0;
	position:relative;
}
#nidoageTour .tourLogo{
position:absolute;
	top:100px;
	right:0;
	left:0;
	margin:auto;
	width:250px;
}
}
.nidoageTourBox {
padding:4px;
	background:#fff;
	margin:30px 0;
}
.nidoageTourBox p{
width:90%;
margin:0 auto;	
	line-height: 2;
}
/*
.nidoageTourBox table{
width:96%;
margin:30px auto;	
	border:1px solid #230000;
}
.nidoageTourBox table td,.nidoageTourBox table th{
padding:10px;
border-left:1px solid #230000;
border-bottom:1px solid #230000;
}
.nidoageTourBox table th{
width:15%;
}
*/

.nidoageTourBox table{
  width: 100%;
  border-collapse: collapse;
	margin:0 auto;
}

.nidoageTourBox table tr{
  border-bottom: solid 2px white;
}

.nidoageTourBox table tr:last-child{
  border-bottom: none;
}

.nidoageTourBox table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #230000;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.nidoageTourBox table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #230000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.nidoageTourBox table td{
  text-align: left;
  width: 80%;
  background-color: #F4EFE9;
  padding: 20px 20px 20px 40px;
}

#nidoageTour h3{
color:#fff;
	margin-bottom:20px;
	text-shadow: 1px 2px 3px #808080;
}
.nidoageTourBox h5{
	text-align:center;
	margin-bottom:10px;
	font-size:2rem;
}

li.nidoageTourBox{padding-bottom:20px;}

/*PC*/
@media screen and (min-width:769px){
.nidoageTourBox p{

}
.nidoageTourBox table{
width:100%;
margin:0 auto;
}

}

.sec_tourlist {margin:0 0 20px 0;padding:0;width:100%;font-size: 0;}
.sec_tourlist>li {width:100%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:0%;margin-bottom:3%;background:#fff;padding:2%;border:2px;}
.sec_tourlist li h3{text-align: center;}


.sec_tourlist label {
    display: block;
    padding : 10px;
    line-height: 1;
    color :#000;
	text-align: center;
    cursor :pointer;
}

.sec_tourlist input {
    display: none;
}

#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li{
    height: 80px;
    opacity: 1;
}

#HWPcontact {background: -moz-linear-gradient(top left, #FFEFBA, #D6A4A4); 
background: -webkit-linear-gradient(top left, #FFEFBA, #D6A4A4); 
background: linear-gradient(to bottom right, #FFEFBA, #D6A4A4);
padding:60px 0;}

.HWPcontactBox {background:#fff;border-radius: 10px;padding:30px;margin-bottom:30px;line-height: 2}



#HWPjirei {
background-repeat:no-repeat;
background-image:url(../images/hardwood/bg_HWPjirei_sp.jpg?02);
background-size: contain;
background-position:left bottom;
	background-color:#badaff;
	padding:80px 0 200px 0;
}

/*PC*/
@media screen and (min-width:769px){
#HWPjirei {
background-repeat:no-repeat;
background-position:50% 100%;
background-image:url(../images/hardwood/bg_HWPjirei.jpg?02);
background-size:cover;
	background-attachment: fixed;
}
}


/*-----------------------------------------
薪の価格と薪の輪会員
-----------------------------------------*/
.sec_cont_2col {margin:0 0 20px 0;padding:0;width:100%;font-size: 0;}
.sec_cont_2col>li {width:100%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:0%;margin-bottom:3%;background:#fff;padding:2%;position:relative;}
.sec_cont_2col>li .recText {position:absolute;color:#000;background:#fff;padding:5px 15px;font-weight:bold;}
.sec_cont_2col li h3{text-align: center;font-size:2.4rem!important;}
.sec_cont_2col li:last-child{margin-right:0%;}
.sec_cont_2col li img{width:100%;}

.sec_cont_2col table{width:100%;text-align: center;background:#f9f5ed;margin:3% 0;font-size:1.6rem!important;}
.sec_cont_2col table th{padding:2%;font-weight:normal;}
.sec_cont_2col table th:last-child{background:#e2d0b3;}
.sec_cont_2col table td{padding:2%;font-weight:normal;}
.sec_cont_2col table td:last-child{background:#e2d0b3;}

/*iPad*/
@media screen and (min-width:481px){
.sec_cont_2col>li {width:48%;margin-right:2%;background:#fff;padding:1%;}

}
/*PC*/
@media screen and (min-width:769px){
.sec_cont_2col>li {width:48%;margin-right:2%;background:#fff;padding:1%;}
}


.makiFeebox {background:#fff;border-radius: 5px;padding:10px;margin-bottom:20px;position:relative;}
.makiFeebox ul{width:100%;font-size: 0;}
.makiFeebox ul li {width:100%;font-size:1.4rem;display: inline-block;vertical-align: top;position:relative;}
.makiFeebox ul li:nth-child(2) {padding:2% 2% 2% 1%;}
.makiFeebox ul li:first-child {margin-right:2%;}
.makiFeebox ul li img{width:100%;}
.makiFeebox ul li .recText {position:absolute;color:#000;background:#fff;padding:5px 15px;font-weight:bold;}
.makiFeebox ul li h3{text-align: left;font-size:2.4rem!important;}

.makiFeebox table{width:100%;text-align: center;background:#f9f5ed;margin:3% 0　0　0;font-size:1.6rem!important;}
.makiFeebox table th{padding:2%;font-weight:normal;}
.makiFeebox table th:last-child{background:#e2d0b3;}
.makiFeebox table td{padding:2%;font-weight:normal;}
.makiFeebox table td:last-child{background:#e2d0b3;}

.makiFeebox .makifin {position: absolute;top: 0;left: 0; background: rgba(0,0,0,0.3); width:100%;height:100%;border-radius: 5px;}
.makiFeebox .makifin p{text-align:center;color:red;font-size:2rem;padding-top:80px;}

/*iPad*/
@media screen and (min-width:481px){
.makiFeebox ul li {width:49%;font-size:1.4rem;display: inline-block;vertical-align: top;position:relative;}

}
/*PC*/
@media screen and (min-width:769px){
.makiFeebox ul li {width:49%;font-size:1.4rem;display: inline-block;vertical-align: top;position:relative;}
}

.linkBig {border:2px solid #230000;margin:50px 0;}
.linkBig a{display: block;padding:10px;font-weight:bold;}


/*-----------------------------------------
広葉樹活用プロジェクト　NEW
-----------------------------------------*/
/*プロジェクトロゴ　固定*/
#HWPlogo {position:fixed;top:20px;left:0;right:0;margin:auto;width:100px;z-index: 1000000;}
#HWPlogo img{width:100%}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#HWPlogo {width:150px;}
}
/*PC*/
@media screen and (min-width:769px){
#HWPlogo {position:fixed;top:40px;left:60px;margin:0;width:220px;z-index: 1000000;}
}

#hardwoodProject h1 {text-align: center;font-size:2.8rem;line-height: 1.5;}
#hardwoodProject h2 {text-align: center;font-size:2rem;}
#hardwoodProject h3 {text-align: center;font-size:2.4rem;}
#hardwoodProject h4 {text-align: center;font-size:2.2rem;margin-bottom:20px;}

/*iPad*/
@media screen and (min-width: 481px) and (max-width: 768px) {
#hardwoodProject h1 {font-size:4rem;}
#hardwoodProject h2 {font-size:3rem;}
}
/*PC*/
@media screen and (min-width:769px){
#hardwoodProject h1 {font-size:4rem;}
#hardwoodProject h2 {font-size:3rem;}
}



/*各背景の画像*/
.img-bg-01 {background: #F4EFE9;padding:50px 0;}
.img-bg-02 {background: #FFFFFF;padding:50px 0;}
.img-bg-03 {background: #FFFFFF;padding:0px 0;}

/*メイン*/
.HWPbox::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url("../images/hardwood/top.jpg?02");
background-size:cover;
}
.HWPbox {
min-height:100vh;
}
.HWPconts{
text-align:center; 
color:#fff;
		letter-spacing: 5px;
	position:absolute;
	top:35vh;
	 left: 0;
  right: 0;
  margin: auto;
	width:92%;
	padding:20px 0;
}

.HWPconts::before, .HWPconts::after {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
}

.HWPconts::before {
	border-left: solid 2px #fff;
	border-top: solid 2px #fff;
	top: 0;
	left: 0;
}

.HWPconts::after {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	bottom: 0;
	right: 0;
}

.HWPbox dl {
	position:absolute;
	top:70vh;
	left:0px;
	right:0;
	margin:0 auto;
	color:#fff;
	max-width:330px;
	line-height: 1.5;
}
/*PC*/
@media screen and (min-width:769px){
.HWPbox dl {
	top:70vh;
	left:50px;
	right:0;
	margin:0;
	max-width:400px;
}
}

.HWPbox dl a{
	color:#fff;
}
.HWPbox dl dt{
	padding:0 10px;
}
.HWPbox dl dd{
	border-bottom:1px dotted #fff;
	padding:5px 10px;
	font-weiht:bold;
}

/*PC*/
@media screen and (min-width:769px){
.HWPconts{max-width:720px;}
}

#aboutProject {
	padding:60px 0 0 0;
}

.grayout .linkbtn{
	opacity: 0.2;
}

#HWPlast {height:100vh;position:relative;}
.HWPlastBox{
text-align:center; 
	position:absolute;
	top:30vh;
	 left: 0;
  right: 0;
  margin: auto;
}
.HWPlastBox img{
width:50%;
	max-width:500px;
	margin:0 auto;
}

.linkbtnHWP {text-align: center!important;margin:0 auto 40px auto;width:90%;max-width:960px;border:2px solid #230000;border-radius: 5px; padding:20px;font-family:  'Noto Sans JP';text-align: center;font-weight:bold;font-size:2.4rem;}

/*もうしこみ時
.linkbtnHWP {text-align: center!important;margin:0 auto 40px auto;width:90%;max-width:960px;}
.linkbtnHWP a {border:2px solid #230000;border-radius: 5px; padding:20px;font-family:  'Noto Sans JP';text-align: center;font-weight:bold;font-size:2.4rem;display:inline-block;background:#230000;width:100%;color:#fff;}
.linkbtnHWP a  {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
    }

.linkbtnHWP a:hover {
    background-color: #fff;
	color:#230000;
    }
*/
#HWPflow {background: -moz-linear-gradient(top left, #fff, #FFEFBA); 
background: -webkit-linear-gradient(top left, #fff, #FFEFBA); 
background: linear-gradient(to bottom right, #fff, #FFEFBA);
padding:60px 0;}
ul.ftabsnsHWP {width:120px;margin:20px auto;text-align:center;font-size:0;}
ul.ftabsnsHWP li{display:inline-block;width:40%;margin:0 5%;}

@media screen and (min-width:769px){
ul.ftabsnsHWP {width:150px;}
}

/*レポート*/

#HWPflow .slideImage {position:relative;}
#HWPflow .slideImage span{position:absolute;background:#FF6600;padding:8px 15px;color:#fff;font-weight:bold;top:-15px;left:15px;border-radius: 5px;}


/*---------下層ヘッダーにGDマーク掲載--------------------*/
#gdMark {color:#000;background-image: linear-gradient(70deg, #B67B03 0%, #DAAF08 45%, #DAAF08 75%, #B67B03 90% 100%);padding:30px 0;}
#gdMark img{margin-bottom:15px;}
.gdMarkarea {width:90%;max-width:380px;margin:0 auto;text-align: center;}


.makiBtn {
	text-align: center;
    padding: 50px;
    position: fixed;
    bottom: 50px;
    left: 50%;
    width: 460px;
	overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
z-index: 10000;
}
.makiBtn ul{
	font-size: 0;
    width: 100%;
    margin: 0 auto;
}
.makiBtn ul li{
	    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle;
    width: 44%;
    text-align: center;
    margin: 0 3%;
}

.makiBtn  ul li a {
    display: block;
    border-radius: 35px;
    height: 70px;
    padding-top: 23px;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 20%);
    font-weight: 700;
	background:#fff;
	color:#230000;
}

@media screen and (min-width:769px){

.makiBtn {
    width: 600px;
	bottom: 0;
}
	
.makiBtn ul li{
	    font-size: 1.6rem;
}
}

/*---------あさまストーブ----------------*/

.col4Box {padding:0;margin:0 0 30px 0;font-size:0;}
.col4Box li{width:32%;font-size:1.4rem;display: inline-block;vertical-align: top;margin-right:2%;margin-bottom:20px;}
.col4Box li:nth-child(3),.col4Box li:nth-child(6){margin-right:0%;}
.col4Box li a{color:#892828!important;}
.col4Box li span{font-weight:bold;}
.topborder{border-top:1px solid #ddd;padding-top:5px;margin-top:5px;}


/*---------祭り予約ボタン----------------*/
.reserveArea a{display:block;background:#ea5539;border-radius: 20px;width:400px;padding:20px;margin:20px auto;color:#fff;}


/*-----------------------------------------
薪の価格2023
-----------------------------------------*/
.makiTitle {font-size:2.5rem;line-height:1.2;margin-bottom:15px;}
.makiTitle span{font-size:1.5rem;}
.makifeeTable {background:#fff;border:1px solid #ED6D46;width:100%;margin: 0 0 30px 0;}
.makifeeTable th{padding:0px;border-right:1px solid #ED6D46;width:40%;}
.makifeeTable th img{width:100%;}
.makifeeTable td{padding:5px 10px;border-right:1px solid #ED6D46;border-bottom:1px solid #ED6D46;text-align: center;}
.makiLongth {height:140px;width:15%;}
.kaiinfeeCell {background:url("../images/fwenergy/pro_kaiintag_sp.jpg") no-repeat #FCE4D6;background-size:auto  100%;color:#ED6D46;}
@media screen and (min-width:769px){
.makifeeTable th{padding:20px 0 20px 30px;border-right:1px solid #ED6D46;width:40%;}
.kaiinfeeCell {background:url("../images/fwenergy/pro_kaiintag.jpg") no-repeat #FCE4D6;background-size:auto  100%;color:#ED6D46;}
}

.makifeeTableSin {background:#fff;border:1px solid #006537;width:100%;margin: 0 0 30px 0;}
.makifeeTableSin th{padding:0px 0 0 10px;border-right:1px solid #006537;width:40%;height:100px;}
.makifeeTableSin th img{width:100%;}
.makifeeTableSin td{padding:5px 10px;border-right:1px solid #006537;border-bottom:1px solid #006537;text-align: center;}
.kaiinfeeCellSin {background:url("../images/fwenergy/pro_kaiinsintag_sp.jpg") no-repeat #C8E4CD;background-size:auto  100%;color:#006537;}
@media screen and (min-width:769px){
.makifeeTableSin th{padding:20px 0 20px 30px;border-right:1px solid #006537;width:40%;height:auto;}
.kaiinfeeCellSin {background:url("../images/fwenergy/pro_kaiinsintag.jpg") no-repeat #C8E4CD;background-size:auto  100%;color:#006537;}
}


.makifeeTableOther {background:#fff;border:1px solid #230000;width:100%;margin: 0 0 30px 0;}
.makifeeTableOther th{padding:0px;border-right:1px solid #230000;width:33%;}
.makifeeTableOther th img{width:100%;}
.makifeeTableOther td{padding:5px 10px;border-right:1px solid #230000;border-bottom:1px solid #230000;text-align: center;}
.kaiinfeeCellOther {background:url("../images/fwenergy/pro_kaiinothertag.jpg") no-repeat #f9f5ed;background-size:auto  100%;color:#230000;}
@media screen and (min-width:769px){
.makifeeTableOther th{padding:20px 0 20px 30px;border-right:1px solid #230000;width:40%;}
}

#makiMidashi {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
	font-size:3rem;
	margin-top:60px;
}
#makiMidashi:before, #makiMidashi:after {
  background-color: #ED6D46; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
}
@media screen and (min-width:769px){
	#makiMidashi:before, #makiMidashi:after {
  background-color: #ED6D46; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 200px; /* 横線の長さ */
}
}

#makiMidashi:before {
  margin-right: 15px; /* 文字との余白 */
}
#makiMidashi:after {
  margin-left: 15px; /* 文字との余白 */
}

#makiMidashiSin {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
	font-size:3rem;
	margin-top:60px;
}
#makiMidashiSin:before, #makiMidashiSin:after {
  background-color: #006537; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
}
@media screen and (min-width:769px){
	#makiMidashi:before, #makiMidashi:after {
  background-color: #ED6D46; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 200px; /* 横線の長さ */
}
}
#makiMidashiSin:before {
  margin-right: 15px; /* 文字との余白 */
}
#makiMidashiSin:after {
  margin-left: 15px; /* 文字との余白 */
}

#makiMidashiOther {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
	font-size:3rem;
	margin-top:60px;
}
#makiMidashiOther:before, #makiMidashiOther:after {
  background-color: #230000; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
}
@media screen and (min-width:769px){
	#makiMidashi:before, #makiMidashi:after {
  background-color: #ED6D46; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 200px; /* 横線の長さ */
}
}
#makiMidashiOther:before {
  margin-right: 15px; /* 文字との余白 */
}
#makiMidashiOther:after {
  margin-left: 15px; /* 文字との余白 */
}