@charset 'utf-8';

/*
 * リセット
 */
body,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd,header,nav,footer{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
/*
 * 共通
 */
/* 游ゴシック */
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local('YuGothic-Medium'),
  local('Yu Gothic Medium'),
  local('YuGothic-Regular');
}
@font-face {
  font-family: 'MyYuGothicB';
  font-weight: bold;
  src: local('YuGothic-Bold'),
  local('Yu Gothic');
}
/* 游明朝 */
@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: normal;
  src: local('YuMincho-Medium'),
  local('Yu Mincho Medium'),
  local('YuMincho-Regular');
}
@font-face {
  font-family: 'MyYuMinchoB';
  font-weight: bold;
  src: local('YuMincho-Bold'),
  local('Yu Mincho');
}

body{
  font-family:MyYuMinchoM, MyYuMinchoB, YuMincho,Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", serif;
  
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
}
.gothic{font-family:MyYuGothicM, MyYuGothicB, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;}
img{
  max-width:100%;
  vertical-align:top;
}
a{
  text-decoration:none;
  transition:all .3s;
}
a:hover{opacity:.8;}
ul{list-style:none;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}
.row{
  display:table;
  width:100%;
}
.col,.col-l,.col-r{display:table-cell;}
.ib{display:inline-block;}
.visible480{display:none;}
header,
.wrapper,
.img-wrapper{
  margin:0 auto;
  padding:0 10px;
}
.wrapper{max-width:1020px;}
.img-wrapper{max-width:2000px;}
.container{
  max-width:800px;
  margin:0 auto;
}
.contents{padding:30px 0;}
.txt-red{color:#FF1212;}
.fnt-l{font-size:28px;}
.bld{font-weight:bold;}
.attention{
  text-indent:-1em;
  padding-left:1em;
  display:inline-block;
}
.attention:before{content:'\203B';}


/* ヘッダー
----------------------------------------- */
.slicknav_menu {display: none;}
header{
  max-width:1020px;
  letter-spacing:-.4em;
}
.logo{
  letter-spacing:normal;
  display:inline-block;
  width:16%;
  vertical-align:middle;
  padding-right:1%;
}
.gnav{
  display:inline-block;
  width:84%;
  text-align:center;
  vertical-align:-100%;
}
.gnav li{
  letter-spacing:normal;
  display:inline-block;
  width:16.6%;
}
.gnav li a{
  display:block;
  padding:8px;
  position:relative;
}
.gnav li a:after{
  content:'';
  border-bottom:2px solid #e6c25c;
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  transition:.3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.gnav li a:hover{opacity:1;}
.gnav li a:hover:after{width:100%;}


/* コンテンツ
----------------------------------------- */
header + section.main{margin-top:20px;}
.main{
  width:100%;
  height:0;
  padding-top:40%;
  position:relative;
  margin-bottom:75px;
}
.contents-ttl{text-align:center;}
.bg-yellow{background:#fffacc;}
.blue-btn,
.inquiry-btn{text-align:center;}
.inquiry-btn.garage-btn{margin-bottom:115px;}
.inquiry-btn.mainte-btn{margin-bottom:150px;}
.inquiry-btn.mainte-btn02{margin-bottom:200px;}
.blue-btn a,
.inquiry-btn button,
.inquiry-btn a{
  display:inline-block;
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  color:#fff;
  background:#07115E;
  padding:5px 15px;
  border-radius:8px;
  border:none;
}
.inquiry-btn button{padding:5px 60px;}
/* ログメンテ用品 */
.contents-ttl.mainte{margin-top:80px;}
.mainte{
  text-align:center;
  margin-bottom:100px;
}
.mainte > dd > .row > .col:first-child{padding-right:35px;}
.mainte > dd > .row > .col:last-child{
  padding-left:20px;
  position:relative;
}
.mainte-txt{
  display:inline-block;
  font-size:23.5px;
  font-weight:bold;
  line-height:1.8;
  text-align:left;
}
.mainte-desc{font-size:18px;}
.mainte-list li{
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:23px;
}
.mainte-list li{position:relative;}
.mainte-list .price{
  font-size:30px;
  font-weight:bold;
  color:#FC152B;
  line-height:1.3;
}
.mainte-list .price.ab{
  position:absolute;
  top:0;
  right:0;
}
.mainte dt{text-align:left;}
.mainte-desc{
  text-align:left;
  position:relative;
}
dd > .row > .col{width:50%;}
dd > .row > .col img:first-child{margin:20px 0 10px;}
dd > .row > .col img:last-child{margin:10px 0 20px;}
.mainte-desc .row{
  position:absolute;
  bottom:0;
  right:0;
}
.green-box{
  width:95%;
  padding:15px 25px;
  margin-left:auto;
  border:1px solid #266B03;
  border-radius:10px;
}
.green-box.txt{
  padding:30px 25px;
  text-align:center;
}
.green-box.txt .price{font-size:26px;}
.mainte .small{
  font-size:18px;
  vertical-align:middle;
}
.attention-txt.mainte{margin-bottom:200px;}
.mainte-desc .caution{
  width:95%;
  font-size:18px;
  font-weight:bold;
  color:#FC152B;
  margin-top:20px;
  margin-left:auto;
}
/* ホーム */
.main.home{background:url(../images/home/main.jpg) center center /contain no-repeat;}
.main.home .main01{
  width:12.45%;
  position:absolute;
  top:5%; 
  left:3%;
}
.main.home .main02{
  width:59.32%;
  position:absolute;
  top:7%;
  right:3.5%;
}
.row.news{margin-top:45px;}
.row.news .col-l,.row.news .col-c,.row.news .col-r{
  display:table-cell;
  width:33.3%;
  position:relative;
  padding-bottom:55px;
}
.row.news .col-l,.row.news .col-c{margin-bottom:50px;}
.row.news .col-l{padding-right:10px;}
.row.news .col-c{
  padding-left:5px;
  padding-right:5px;
}
.row.news .col-r{padding-left:10px;}
ul.news-txt{
  display:inline-block;
  text-align:left;
}
.news-txt li{
  position:relative;
  padding-left:.6em;
}
.news-txt li:before{
  content:'';
  position:absolute;
  top:.6em;
  left:.0;
  width:3px;
  height:3px;
  background:#000;
  border-radius:100%;
}
.news-txt{
  font-size:18px;
  padding:0 12px;
  text-align:justify;
}
.news-img{margin-bottom:10px;}
.news .col-l{text-align:center;}
.detail-btn{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  text-align:center;
}
.detail-btn button,
.detail-btn a{
  display:inline-block;
  font-size:16px;
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  color:#fff;
  background:#333;
  border-radius:10px;
  padding:5px 10px;
}
.garage-bn,
.works-bn{text-align:center;}
.garage-bn{margin:80px 0 50px;}
.works-bn{margin:15px 0;}
.info-row{margin-bottom:40px;}
.info-row .col-l{width:72%;}
.info{
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin-right:30px;
}
.ifrm{
  width:100%;
  height:186px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display:inline-block;
}
.info iframe{
  width:100%;
  min-height:186px;
  height:100%;
  padding: 0em;
  border:none;
  display:block;
}
.info-link{
  text-align:center;
  max-width:90%;
  margin:auto;
}
.info-link li a{
  border:1px solid #266B03;
  padding:14px;
  display:block;
  color:#000;
  font-size:20px;
  font-weight:bold;
}
.info-link li a:hover{
  opacity:1;
  transition:.3s;
  background:#266b03;
  color:#fff;
}
.info-link li:not(:last-child) a{margin-bottom:10px;}
.contents-ttl_irg{margin-bottom:8px;}
.concept-txt{
  font-size:20px;
  text-align:center;
  margin-top:30px;
  line-height:1.8;
}
/* ガレージ*/
.main.garage{background:url(../images/garage/main.jpg) center center /contain no-repeat;}
.main.garage .main01{
  width:47.9%;
  position:absolute;
  top:9%; 
  left:6%;
}
.row.garage{margin:100px 0 150px;}
.row.garage .col-l,.row.garage .col-c,.row.garage .col-r{
  display:table-cell;
  width:30.1%;
  position:relative;
  padding-bottom:55px;
}
.row.garage .col-l,.row.garage .col-c{margin-bottom:50px;}
.row.pb_garage .col-l,.row.pb_garage .col-c,.row.pb_garage .col-r{margin-bottom:50px;}
.row.garage .col-l{
  padding-left:1%;
  padding-right:2.2%;
}
.row.garage .col-r .detail-btn{
  padding-left:3%;
  padding-right:6.6%;
}
.row.garage .col-c{
  padding-left:1.6%;
  padding-right:1.6%;
}
.row.garage .col-c .detail-btn{
  padding-left:4.8%;
  padding-right:4.8%;
}
.row.garage .col-r{
  padding-left:2.2%;
  padding-right:1%;
}
.row.garage .col-r .detail-btn{
  padding-left:6.6%;
  padding-right:3%;
}
.row.pb_garage{margin:75px 0 200px;}
.row.pb_garage .col-l,.row.pb_garage .col-c,.row.pb_garage .col-r{
  display:table-cell;
  width:22.6%;
  position:relative;
  padding-bottom:87px;
}
.row.pb_garage .col-l{
  padding-left:.4%;
  padding-right:2%;
}
.row.pb_garage .col-l .detail-btn{
  padding-left:3.2%;
  padding-right:8%;
}
.row.pb_garage .col-c{
  padding-left:1.2%;
  padding-right:1.2%;
}
.row.pb_garage .col-c .detail-btn{
  padding-left:4.8%;
  padding-right:4.8%;
}
.row.pb_garage .col-r{
  padding-left:2%;
  padding-right:.4%;
}
.row.pb_garage .col-r .detail-btn{
  padding-left:8%;
  padding-right:3.2%;
}
.pb_garage .news-img{text-align:center;}
.t-row{display:table-cell;}
/* 会社概要 */
.main.about{background:url(../images/about/main.jpg) center center /contain no-repeat;}
.company-txt-mgn{margin:60px 0 125px;}
.company-txt{
  font-size:23.5px;
  font-weight:bold;
  line-height:1.8;
}
.about-tbl{margin-bottom:145px;}
.ls0_25em{letter-spacing:0.25em;}
.ls0_207em{letter-spacing:0.207em;}
.ls0_665em{letter-spacing:0.665em;}
.ls1_5em{letter-spacing:1.5em;}
.ls2em{letter-spacing:2em;}
.ls3em{letter-spacing:3em;}
.ls4em{letter-spacing:4em;}
.about-tbl .col-l,.about-tbl .col-r{
  font-size:23.5px;
  font-weight:bold;
  line-height:1.8;
  vertical-align:top;
}
.about-tbl .col-l{
  padding-right:1em;
  text-align:left;
  width:215px;
}
.about-row .col-l{width:50%;}
.about-row .col-r{padding:0 45px 0 25px;}
.about-row{margin-bottom:215px;}
.attention-txt dt,.attention-txt dd{border:1px solid #266B03;}
.attention-txt{margin-bottom:300px;}
.attention-txt dt{
  font-size:19px;
  color:#fff;
  background:#266B03;
  padding:12px 30px;
}
.attention-txt dd{
  font-size:18px;
  padding:30px;
  line-height:1.8;
}
/* ログハウス */
.flex-control-nav li{margin:0 5px;}
.blue-btn.denki{margin:30px 0;}
.main.loghouse{background:url(../images/loghouse/main.jpg) center center /contain no-repeat;}
.loghouse .main01{
  width:56.3%;
  position:absolute;
  top:9%; 
  left:6%;
}
.tsurui-bn{margin-top:25px;}
.tsurui-row{margin:25px 0;}
.tsurui-row:after{
  content:'.';
  height:0;
  visibility:hidden;
  display:block;
  clear:both;
}
.tsurui-row .col-l,
.tsurui-row .col-r{float:left;}
.tsurui-row .col-c{float:right;}
.tsurui-row .col-l,
.tsurui-row .col-r,
.tsurui-row .col-c{width:50%;}
.tsurui-list{padding-left:1.6em;}
.tsurui-row .col-r p{font-size:18px;}
.tsurui-row .col-r p,
.lh-ttl,
.madori-list li,
.tsurui-list li{font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;}
.madori-list{
  font-size:0;
  text-align:center;
}
.madori-list li{
  display:inline-block;
  margin-bottom:20px;
  padding:0 10px;
  width:29%;
}
.madori-list li img{border:1px solid #000;}
.madori-list li a{
  font-size:13px;
  color:#000;
}
.lh-ttl{
  font-size:17px;
  font-weight:bold;
  display:inline-block;
}
.lh-ttl span{
  font-size:12px;
  font-weight:normal;
  padding-left:3em;
}
.tsurui-list{margin-bottom:45px;}
.tsurui-list li{font-size:18px;}
.truimap-row .col-l,.truimap-row .col-r{width:49.5%;}
.truimap-row .col-l{padding-right:.5%;}
.truimap-row .col-r{padding-left:.5%;}
#log{margin-bottom:60px;}
#log30th .tsurui-bn{margin-bottom:60px;}
#miniloghouse{margin-bottom:140px;}
.log30-row h3{
  font-size:23px;
  margin-bottom:30px;
}
.pblog-list li{
  font-size:18px;
  line-height:1.8;
  display:inline-block;
  padding-left:.9em;
  position:relative;
}
.pblog-list li:before{
  content:'';
  width:.8em;
  height:.8em;
  background:#000;
  border-radius:100%;
  position:absolute;
  top:.4em;
  left:0;
}
#log30th h4{
  font-size:18px;
  padding-left:.5em;
}
.row.log30-row{margin:50px 0;}
.row.log30-row .col-l{
  width:37.1%;
  padding-right:2%;
}
.row.kouhou-row{position:relative;}
.row.kouhou-row figure{
  position:absolute;
  bottom:2%;
  right:6%;
  width:35.1%;
}
.row.kouhou-row .col-l,.row.kouhou-row .col-r{
  font-size:19px;
  line-height:1.8;
}
.kouhou-row{
  margin-top:10px;
  padding:25px 30px 75px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
#log30th{margin-bottom:100px;}
.row.logkit{margin:70px 0 50px;}
.row.logkit .col-l,.row.logkit .col-c,.row.logkit .col-r{
  display:table-cell;
  width:33.3%;
  position:relative;
  padding-bottom:55px;
}
.row.logkit .col-l,.row.logkit .col-c{margin-bottom:50px;}
.row.logkit .col-l{padding-right:3.3%;}
.row.logkit .col-c{
  padding-left:1.615%;
  padding-right:1.615%;
}
.row.logkit .col-r{padding-left:3.3%;}
.logkit-img{margin-bottom:20px;}
.row.logkit p{
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:20px;
}
.logkit{text-align:center;}
.price-box{
  display:inline-block;
  text-align:left;
}
.radius-box{
  border:1px solid #000;
  border-radius:10px;
  display:inline-block;
}
.logkit-txt,.mini_loghouse-txt{font-size:15.5px;}
.mini_loghouse-txt .news-txt li{font-size:16px;}
.logkit-txt{padding:10px 35px;}
.mini_loghouse-txt{
  max-width:780px;
  font-size:16px;
  padding:40px 30px;
  margin:auto;
  text-align:left;
}
.ama .row .col-r{padding-left:10px;}
.ama > .col-r{padding-left:20px;}
.chotto .col-l{
  width:25%;
  padding-right:10px;
}
.chotto .col-r{padding-left:10px;}
.chotto .col-l figure{margin-bottom:5px;}
.chotto .col-l p{
  font-size:15px;
  font-weight:bold;
  margin-bottom:5px;
}
/* google map */
.ggmap {
  position: relative;
  padding-bottom:93.94%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* お問い合わせ */
.main.contact{background:url(../images/contact/main.jpg) center center /contain no-repeat;}
.contact-txt{
  font-size:23.5px;
  font-weight:bold;
  line-height:1.8;
}
.contact-txt:first-child{margin:75px 0 50px;}
.contact-txt:last-child{margin-bottom:150px;}
.fm{margin-bottom:250px;}
.fm .inquiry-btn button{
  font-size:20px;
  cursor:pointer;
}
.fm .inquiry-btn button:hover{
  opacity:.8;
  transition:.3s;
}
.fm h2{
  font-size:42px;
  font-weight:normal;
  margin-bottom:40px;
}
.row.fm-row .col-l{
  width:40%;
  font-weight:bold;
  padding-top:10px;
  vertical-align:top;
}
.fm-row .col-l,.fm-row .col-r{
  font-size:21px;
  padding-bottom:70px;
}
.fm-row .col-l span.required{
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:14px;
  color:#fff;
  background:#FC0606;
  padding:4px 6px;
  margin-right:.8em;
}
.fm-row .col-l span.required.optional{visibility:hidden;}
.row.fm-row .fm-t-row{display:table-row;}
input[type='text'],select,textarea{
  width:95%;
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:20px;
  padding:10px;
  box-sizing:border-box;
}
.chk{
  font-size:0;
  margin-bottom:100px;
}
.chk li{
  display:inline-block;
  font-size:20px;
  font-weight:bold;
  padding: 0 12% 0 0;
}
.row.fm-row:nth-of-type(2){margin-bottom:200px;}

/* フッター
----------------------------------------- */
footer{
  font-family:MyYuGothicM, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  padding:40px 0 30px;
  background:#266b03;
  text-align:center;
}
.address{
  font-size:16px;
  color:#fff;
  margin-bottom:15px;
}
.address.tel{
  font-size:20px;
  margin-bottom:95px;
}
.address.tel a{color:#fff;}
a[href^="tel:"]{cursor:default;}
a[href^="tel:"]:hover{opacity:1;}
.fnav{
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
  font-size:0;
  margin-bottom:35px;
}
.fnav li{
  display:inline-block;
  width:16.6%;
}
.fnav li a{
  display:block;
  padding:8px;
  position:relative;
}
.fnav li a:after{
  content:'';
  border-bottom:1px solid #fff;
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.fnav li a:hover{opacity:1;}
.fnav li a:hover:after{
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
small{
  font-size:14px;
  color:#fff;
}

/* =============================================================
   1000px以下
============================================================= */
@media screen and (max-width:1000px){
  /* ログメンテ用品 */
  .attention-txt.mainte dt,.attention-txt.mainte dd{padding:20px;}
  .mainte > dd > .row > .col:last-child{
    max-width: 550px;
    padding-left:0;
    margin: auto;
  }
  .green-box{
    width:100%;
    padding:20px;
  }
  .mainte-desc .caution{
    width:100%;
    font-size:16px;
  }
  .mainte-desc{font-size:16px;}
  .green-box.txt .price{font-size:19px;}
  .mainte-list .price{font-size:22px;}
  .mainte-list .price span{font-size:16px;}
  .mainte-list li{font-size:16px;}
  .mainte-txt{font-size:18px;}
  
  /* ホーム */
  .news-txt{padding:0 12px;}
  .news-txt br{display:none;}
  /* 会社概要 */
  .attention-txt dt,
  .about-tbl .col-l,.about-tbl .col-r,
  .contact-txt,
  .company-txt{font-size:18px;}
  .attention-txt dd{font-size:16px;}
  .attention-txt,
  .about-row,
  .about-tbl,
  .company-txt-mgn.company-txt{padding:0 20px;}
  .contact-txt br,
  .company-txt-mgn.company-txt br{display:none;}
  .about-tbl .col-l{width:170px;}
  .about-row .col-r{padding:0 25px;}
  /* ログハウス */
  .tsurui-row .col-r p,
  .tsurui-list li{font-size:15px;}
  .madori-list li{width:33.3%;}
  .madori-list li a{font-size:12px;}
  .lh-ttl{font-size:15px;}
  .log30-row h3{
    font-size:20px;
    margin-bottom:20px;
  }
  .pblog-list li{font-size:15px;}
  .row.kouhou-row .col-l,.row.kouhou-row .col-r{font-size:16px;}
  .logkit-txt{font-size:13px;}
  .logkit-txt{padding:10px 20px;}
  .row.pb_garage{
    display:block;
    width:100%;
    text-align:center;
  }
  .t-row{
    display:table;
    width:100%;
  }
  .row.pb_garage,.row.pb_garage .col-l,.row.pb_garage .col-c,.row.pb_garage .col-r,
  .row.pb_garage .col-l .detail-btn,.row.pb_garage .col-c .detail-btn,.row.pb_garage .col-r .detail-btn{
    padding-left:0;
    padding-right:0;
  }
  .row.pb_garage,.row.pb_garage .col-l,.row.pb_garage .col-c,.row.pb_garage .col-r{padding:0 8px;}
  .row.pb_garage .t-row:nth-child(2) .col-c,.row.pb_garage .col-r{padding-top:80px;}
  .row.pb_garage .col-l, .row.pb_garage .col-c, .row.pb_garage .col-r{padding-bottom:50px;}
  .mini_loghouse-txt .news-txt li,
  .mini_loghouse-txt{font-size:14px;}
  .mini_loghouse-txt{padding:30px 25px;}
  /* お問い合わせ */
  .fm{padding:20px;}
  .fm h2{font-size:35px;}
  .fm-row .col-l,.fm-row .col-r{
    font-size:17px;
    padding-bottom:50px;
  }
  input[type='text'],select,textarea{
    width:100%;
    font-size:17px;
    padding:8px;
  }
  .chk li{font-size:17px;}
  .fm .inquiry-btn button{font-size:17px;}
  
}

/* =============================================================
   768px以下
============================================================= */
@media screen and (max-width:768px){
  
  /* ヘッダー
  ----------------------------------------- */
  header{
    background:#fff;
    width:100%;
    height:90px;
    padding:0;
    z-index:100;
    position:relative;
  }
  .logo,
  .slicknav_nav{
    position:absolute;
    z-index:100;
  }
  .logo{
    width:100%;
    max-width:70px;
    padding-right:0;
    top:5px;
    left:50%;
    margin-left:-40px;
  }
  .slicknav_nav{
    top:90px;
    right:0;
    width:100%;
    background:#fff;
  }
  .gnav{display:none;}
  .slicknav_menu{
    display:block;
    background:#fff;
  }
  .slicknav_nav li{
    border-top:1px solid #266b03;
    text-align:center;
  }
  .slicknav_nav li:last-child{border-bottom:1px solid #266b03;}
  .slicknav_menu .slicknav_icon-bar{
    background-color:#266b03;
    width: 35px;
  }
  .slicknav_btn{
    background:#fff;
    margin-top:19.5px;
  }
  .slicknav_nav .slicknav_row, .slicknav_nav a{margin:0;}
  .slicknav_nav a{padding:10px 5px;}
  .slicknav_nav a:hover{
    border-radius:0;
    opacity:1;
  }
  .slicknav_menu .slicknav_icon:before,
  .slicknav_menu .slicknav_icon{
    width:35px;
    height:26px;
  }
  .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:10px;}
  .row.kouhou-row .col-r br{display:none;}
  
  /* コンテンツ
  ----------------------------------------- */
  header + section.main{margin-top:0;}
  .contents-ttl img,.contents-ttl_irg img{max-width:50%;}
  .contents-ttl.long img{max-width:80%;}
  /* ログメンテ用品 */
  .mainte > dd > .row > .col:first-child{padding-right:0;}
  .attention-txt.mainte .row,.attention-txt.mainte .col{
    display:block;
    width:100%;
  }
  .attention-txt.mainte .row{margin-top:30px;}
  .attention-txt.mainte .col:first-child{text-align:center;}
  dd > .row > .col img:first-child,dd > .row > .col img:last-child{display:block;}
  dd > .row > .col img:first-child{margin:20px auto 10px;}
  dd > .row > .col img:last-child{margin:10px auto 40px;}
  .mainte-desc .row{position:static;}
  .green-box.txt{text-align:center;}
  .green-box{text-align:left;}
  .mainte-txt br{display:none;}
  /* ホーム */
  .info-link li a{font-size:17px;}
  .concept-txt{font-size:17px;}
  .news-txt{font-size:15px;}
  /* 会社概要 */
  .row.about-row,.row.about-row .col-l,.row.about-row .col-r{
    display:block;
    width:100%;
  }
  .row.about-row .col-l{
    text-align:center;
    margin-bottom:20px;
  }
  .row.about-row .col-r{
    max-width:500px;
    padding:0;
    margin:auto;
  }
  .company-txt br{display:none;}
  .attention-txt dt,.attention-txt dd{font-size:14px;}
  .attention-txt.mainte dt,.attention-txt.mainte dd{font-size:18px;}
  /* ログハウス */
  .pblog-list li br{display:none;}
  #log{margin-bottom:100px;}
  .tsurui-row .col-l,
  .tsurui-row .col-r,
  .tsurui-row .col-c{
    float:none;
    display:block;
  }
  .tsurui-row .col-l, .tsurui-row .col-r, .tsurui-row .col-c{width:100%;}
  .tsurui-row .col-c{margin-bottom:45px;}
  .tsurui-row .col-r p, .tsurui-list li{font-size:17px;}
  .row.truimap-row,.row.truimap-row .col-l,.row.truimap-row .col-r{
    display:block;
    width:100%;
  }
  .tsurui-row .col-l,.tsurui-row .col-c,.tsurui-row .col-r,
  .tsurui-row .col-r p,
  .row.truimap-row,.row.truimap-row .col-l,.row.truimap-row .col-r{
    max-width:488px;
    margin-left:auto;
    margin-right:auto;
    padding:0 10px;
  }
  .row.truimap-row .col-l{margin-bottom:30px;}
  .concept-txt.vis br{display:block;}
  .fnt-l{font-size:20px;}
  .row.log30-row,.row.log30-row .col-l,.row.log30-row .col-r{
    display:block;
    width:100%;
    max-width:351px;
    margin-left:auto;
    margin-right:auto;
    padding-right:0;
  }
  .row.log30-row .col-l{margin-bottom:20px;}
  .kouhou-row{padding:25px 20px 25px;}
  .row.kouhou-row figure{
    position:static;
    bottom:0;
    right:0;
    width:100%;
    text-align:center;
    margin-top:30px;
  }
  .row.kouhou-row .col-l,.row.kouhou-row .col-r{font-size:16px;}
  .row.chotto,.row.chotto > .col-l,
  .row.ama,.row.ama > .col-l{margin-bottom:20px;}
  .row.chotto .col-l,.row.chotto .col-r,
  .row.ama,.row.ama > .col-l,.row.ama > .col-r{
    display:block;
    width:100%;
  }
  .row.chotto .col-l ,.row.chotto .col-r,
  .row.ama .col-l .row .col-l,.row.ama .col-l .row .col-r{text-align:center;}
  .chotto .col-l,
  .ama > .col-r{padding-left:0;}
  .logkit-txt{font-size:16px;}
  .radius-box{display:block;}
  .sekou{
    display:table;
    width:100%;
  }
  .sekou-l,
  .sekou-r{display:table-cell;}
  .sekou-r{padding-left:10px;}
  /* フッター
  ----------------------------------------- */
  .fnav{max-width:600px;}
  .fnav li{
    display:inline-block;
    width:33.3%;
  }
  .fnav li:nth-child(-n+3){margin-bottom:20px;}
  .fnav li a{
    width:70%;
    margin:auto;
  }
  small{font-size:12px;}
}

/* =============================================================
   640px以下
============================================================= */
@media screen and (max-width:640px){
  
  /* コンテンツ
  ----------------------------------------- */
  /* ログメンテ用品販売 */
  .mainte-txt{font-size:16px;}
  /* ホーム */
  .info{margin-right:0;}
  .row.news .col-l, .row.news .col-c, .row.news .col-r,
  .info-row,.info-row .col-l,.info-row .col-r{
    display:block;
    width:100%;
  }
  .news-txt{
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
  }
  .info-row .col-l{margin-bottom:50px;}
  .info-link{max-width:100%;}
  .info-link li{margin-bottom:20px;}
  .concept-txt{padding:0 10px;}
  .concept-txt br{display:none;}
  .row.news .col-l, .row.news .col-c, .row.news .col-r{
    text-align:center;
  }
  .contents-ttl_irg{text-align:center;}
  /* ガレージ */
  .t-row,
  .row.garage,.row.garage .col-l,.row.garage .col-c,.row.garage .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .row.garage,.row.garage .col-l,.row.garage .col-c,.row.garage .col-r,
  .row.garage .col-l .detail-btn,.row.garage .col-c .detail-btn,.row.garage .col-r .detail-btn{
    padding-left:0;
    padding-right:0;
  }
  /* 会社概要 */
  .row.about-tbl .col-l,.row.about-tbl .col-r,
  .contact-txt,
  .company-txt{font-size:16px;}
  .row.about-tbl,.row.about-tbl .col-l,.row.about-tbl .col-r{
    display:block;
    width:100%;
  }
  .row.about-tbl .col-r{padding:0 0 .8em 1em;}
  /* ログハウス */
  .row.kouhou-row .col-l, .row.kouhou-row .col-r{font-size:14px;}
  .row.logkit,.row.logkit .col-l,.row.logkit .col-c,.row.logkit .col-r{
    display:block;
    width:100%;
  }
  .logkit-img{text-align:center;}
  .mini_loghouse-txt,.mini_loghouse-txt .news-txt li{font-size:14px;}
  /* お問い合わせ */
  .row.fm-row,.row.fm-row .fm-t-row,.row.fm-row .fm-t-row .col-l,.row.fm-row .fm-t-row .col-r{
    display:block;
    width:100%;
  }
  .fm-row .col-l{padding-bottom:20px;}
  .fm-row .col-r{padding-bottom:40px;}
  .chk{margin-bottom:50px;}
  .chk li{
    width:50%;
    padding-bottom:40px;
  }
  
  /* フッター
  ----------------------------------------- */
  .address.tel{margin-bottom:50px;}
}

/* =============================================================
   480px以下
============================================================= */
@media screen and (max-width:480px){
  .visible480{display:inline-block;}
  /* ヘッダー
  ----------------------------------------- */
  header{height:80px;}
  .logo{
    max-width:60px;
    top:5px;
    left:50%;
    margin-left:-30px;
  }
  .slicknav_btn{margin-top:14.5px;}
  .slicknav_nav{top:80px;}
  
  /* コンテンツ
  ----------------------------------------- */
  /* ログメンテ用品 */
  .mainte-list .price.ab{position:static;}
  .mainte-list li:not(:last-child){margin-bottom:15px;}
  .green-box.txt .price{font-size:17px;}
  .green-box.txt{padding:15px 25px;}
  .attention-txt.mainte{padding:0;}
  .mainte{margin-bottom:80px;}
  .contents-ttl.mainte{margin-top:50px;}
  .attention-txt.mainte{margin-bottom:70px;}
  .inquiry-btn.mainte-btn02,
  .inquiry-btn.mainte-btn{margin-bottom:100px;}
  .attention-txt.mainte dt, .attention-txt.mainte dd{padding:10px;}
    .mainte-desc .caution{
      font-size:13px;
      margin-bottom:15px;
      line-height:1.4;
    }
  /* ガレージ */
  .row.pb_garage,.row.pb_garage .col-l,.row.pb_garage .col-c,.row.pb_garage .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .row.pb_garage .t-row:nth-child(2) .col-c,.row.pb_garage .col-r{padding-top:0;}
  /* 会社概要 */
  .row.about-tbl .col-l,.row.about-tbl .col-r,
  .contact-txt,
  .company-txt{font-size:14px;}
  .company-txt-mgn{margin:60px 0;}
  .attention-txt,
  .about-tbl,
  .about-row{margin-bottom:80px;}
  /* ログハウス */
  .madori-list li{
    width:50%;
    vertical-align:middle;
  }
  .row.truimap-row,
  .tsurui-row .col-l,.tsurui-row .col-c,.tsurui-row .col-r{padding:0;}
  .tsurui-row .col-r p, .tsurui-list li{font-size:15px;}
  .row.kouhou-row,.row.kouhou-row .col-l, .row.kouhou-row .col-r{
    display:inline-block;
  }
  .row.kouhou-row .col-l{font-weight:bold;}
  .kouhou-t-row{margin-bottom:.8em;}
  .logkit-txt{font-size:14px;}
  .logkit-txt br{display:none;}
  /* お問い合わせ */
  .fm{padding:10px;}
  .fm h2{font-size:30px;}
  .chk li,
  .row.fm-row .fm-t-row .col-l{font-size:15px;}
  input[type='text'],select,textarea{font-size:13px;}
  
  /* フッター
  ----------------------------------------- */
  footer{
    padding:40px 0 30px;
    background:#266b03;
    text-align:center;
  }
  .address{
    font-size:12px;
    color:#fff;
    margin-bottom:15px;
  }
  .address.tel{
    font-size:18px;
    margin-bottom:95px;
  }
  .fnav li{width:50%;}
  
}