@charset "UTF-8";

body { 
  -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */           
  font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: normal; 
  min-width: 980px;
}





table img{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}


.imgCenter{
 display: block;
 margin-left: auto;
 margin-right: auto;
 }



/* 全てのボディーの指定 */
.body_box{
  width: 100%;
  margin: 0 auto;
}
.box{
  width: 980px;
  margin: 0 auto;  
}


.boxs{
  width: 845px;
  margin: 0 auto;
  text-align: center;
}



/* トップページトップ */
.MainVisual {
  width: 100%;
  background:  url("../img/top/bgImgheader.jpg") no-repeat center;
  height: 479px;
}

.MainVisual_ImgBox{
  width: 980px;
  padding-top: 40px;
  height: 400px;
  margin: auto;
  clear: both;
}

.MainVisual_Img01{
  text-align: center;
  margin: auto;
  float: left;
  margin-left: 350px;
}

.MainVisual_Img02{
  float: right;
  margin-right: 100px;
}

/* 企業ロゴ/文言/メールボタン */
.box_cnt01{
  width: 980px;
  height: 50px;
  margin: 0 auto;
  padding-top: 10px;
  clear: both;
}

.box_cnt01 p{
  font-size: 16px;
  font-weight:600;
}


/* 企業ロゴ */
.box_cnt01_box01{
  float: left;
}

/* 文言 */
.box_cnt01_box02{
  float: left;
  vertical-align: middle;
  padding-left: 12px;
  line-height:40px;
  text-align: center;
}

/* メールボタン */
.box_cnt01_box03{
  float: right;
}




/* 営業時間/電話番号 */
.box_cnt02 {
  height: 75px;
  width: 100%;
  background: url("../img/common/bgImg01.png") repeat  center;
}

.box_cnt02_box {
  width:980px;
  height: 75px;
  margin: 0  auto;
}

.box_cnt02_box.logo_none {
  padding-left: 238px;
  width: 742px;
}

.box_cnt02_box01 {
  float: left;
  padding-top: 8px;
  line-height: 1;
}

.box_cnt02_box02 {
  padding-left: 60px;
  padding-top: 12px;
  line-height: 1.4;
  float: left;
}


.box_cnt02_box02 dt{
  width: 70px;
  padding-top : 0px; 
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}
.box_cnt02_box02 dd{
  width: 400px;
}

.box_cnt02_box03 {
  float: right;
padding-top: 15px;
}






/* グローバルナビ */
.gnavi {
  background-color: #59493f;
  width: 100%;

}

.gnavi > ul {
  width: 980px;
  margin: 0 auto;
  padding: 8px 0px ;
}


.gnavi > ul:before,
.gnavi > ul:after{
  content: " ";
  display: table;
}

.gnavi > ul:after{
  clear: both;
}

.gnavi > ul{
  *zoom:1;
}



.gnavi  > ul > li {
  width: 162px;
  text-align: center;
  color: #cbd8b0;
  font-size: 16px;
  font-weight: 400;
  display: -moz-inline-box;
  display: block;
  float: left;

  position: relative;
}



.gnavi > ul > li + li {
  border-left:1px solid #7e8f5c;
}

.gnavi > ul > li > a{
  background-color: #59493f;
  display: block;
  margin: -8px 0px;
  padding: 8px 0px;
  color:#cbd8b0;
  font-style:normal;
  text-decoration:none;
}



.gnavi > ul > li > a:hover{
  background-color: #302722 !important;
  color: #fff !important;
  opacity: 1 !important;
}


a {
  opacity: 1;
  color:#000;
  font-style:normal;
  text-decoration:none;
}
a:hover {
  opacity: 0.8;
}


a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: 0.6;
}


.img_box img:hover {
  opacity: 0.8;
  transition: 0.3s;
}


.img_box .no:hover {
opacity:1;
filter:alpha(opacity=100);
-ms-filter: “alpha( opacity=100 )”;
}


.img_box2 img:hover {
  opacity: 0.8;
  transition: 0.3s;
}


/*マウスオーバープルダウンメニュー*/
.gnavi ul > li > ul {
  list-style: none;
  position: absolute;
  z-index: 5000;
  background-color: #59493f;
  width: 162px;
  top: 100%;
  font-size: 13px;
}

.gnavi ul > li > ul > li {
  width: 100%;
  padding: 8px 0px ;
}

.gnavi ul > li > ul {
  margin-top: 8px;
}


.gnavi li ul li a{
  padding: 8px 0px;
  margin: -8px 0px;
  border-top: 1px solid #7c8c0e;
  text-align: center;
  display: block;
  color: #cbd8b0;
}
.gnavi li:hover > a{
  background: #6e7c0c;
}
.gnavi li a:hover{
  background: #616d0b;
  color: #fff;
  opacity: 1;
}

.gnavi li ul li a.underLine{
background-color: #222;
color: #fff;
}

.gnavi .underLine{
background-color: #222;
color: #fff;
}


#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}










/* トップページサービス */
.bg_ptn01 {
  width: 100%;
  background: url("../img/common/bgImg02.png") repeat  center;
}

.box_service_ttl {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 55px 0px 0px 0px;
}


.box_service_btn ul {
  width: 980px;
  margin: 50px auto;
}

.box_service_btn li {
float: left;
padding-bottom: 35px;
}



.box_service_btn ul  li{
  width: 322px;
}

.box_service_btn ul  li:nth-child(2),.box_service_btn ul  li:nth-child(5),.box_service_btn ul  li:nth-child(8){
  width: 323px;
  margin: 0 7px 0px 6px;
}



.z1{
  z-index: 1;
}





/*
.bx-wrapper {
     position: relative;
     margin: 0 auto 30px;
     padding: 0;
     *zoom: 1;
     height:120px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
     position: absolute;
     width: 100%;
}
*/




/* Pager部分 */


/*
.bx-wrapper .bx-pager.bx-default-pager a {
     background: #fba4c1;
     text-indent: -9999px;
     display: block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     outline: 0;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
*/

/*
.bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #de094f;
}
*/
/*
.bx-wrapper .bx-controls-direction a {
     position: absolute;
     outline: 0;
     width:20px;
     height: 120px;
     top:60;
     text-decoration: none;
     line-height: 120px;
     font-size: 50px;
     color:#898989;
     z-index: 9999;
     background: #f00000;
}*/

.bx-wrapper .bx-controls-direction a.disabled {
     display: none;
}

#keyimg {
  min-width: 980px;
  overflow: hidden; //横スクロールさせないようにする
}
#keyimg .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important; //両サイドが表示される
  height: 500px !important;
  //z-index: 1; //スマホやタブレットでスワイプできないときに指定
}




.slide_bg_left {
  position: absolute;
  top: 0px;
  left: 0px;
  outline: 0;
  width: 90px;
  height: 405px;
  text-indent: -100px;
  z-index: 100;
}

.slide_bg_right {
  position: absolute;
  top: 0px;
  right: 0px;
  outline: 0;
  width: 90px;
  height: 405px;
  text-indent: -100px;
  z-index: 100;
}










.box_slider{
  width: 980px;
  height: 400px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  clear: both;
}

.box_slider .sliderBtn{
  padding: 175px 20px;
}

.box_slider .bgLeft{
  float: left;
  z-index: 10;
  background: url("../img/top/bg_slide.png") repeat ;
  height: 100%;
  width: 90px;
}

.box_slider .bgRight{
  float: right;
  width: 90px;
  height: 100%;
  z-index: 10;
  background: url("../img/top/bg_slide.png") repeat ;
}


/* 熊本復興支援バナー */
.bnr01{
  padding-top: 65px;
  padding-bottom: 45px;
  width: 980px;
  margin: 0 auto;
  text-align: center;
}



.footer_box{
  width: 100%;
  background: url("../img/common/bgImgfooter.jpg") repeat  center;
  height: 325px;
}


.footer_box_logobox{
  width: 980px;
  margin: 0 auto;
  position: relative;
  padding-top: 40px;
}

.footer_box_logo{
  position: absolute;
  width: 980px;
  margin: 0 auto;
  height: 123px;
}



.footer_box_menu {
  width: 980px;
  margin: 0 auto;
  position: relative;
  clear: both;
  z-index: 10;
}
.footer_box_menu a{
  color:  #59493f;
}


.footer_box_clm1 {
  width: 134px;
  height: 230px;
  line-height: 1;
  float: left;
  padding-left: 195px;
  border-right: 1px solid #59493f;
  display: block;
}

.footer_box_clm2 {
  width: 200px;
  height: 230px;
  line-height: 1;
  float: left;
  padding-left: 60px;
    color:  #59493f;
}

.footer_box_clm2 > ul > li+li {
  padding-top: 26px;
}

.footer_box_clm2 > ul > li > ul > li {
  padding-left: 17px;
}

.footer_box_clm2 > ul > li > ul > li+li {
  padding-left: 17px;
  padding-top: 26px;
}

.footer_box_clm3 {
  width: 180px;
  height: 230px;
  line-height: 1;
  float: left;
  padding-left: 20px;
}

.footer_box_clm3 > ul > li {
  padding-bottom: 26px;
}


.footer_box_clm4 {
  width: 170px;
  height: 230px;
  line-height: 1;
  float: left;
  padding-left: 20px;
}

.footer_box_clm4 > ul > li {
  padding-bottom: 26px;
}



.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf :after{
  clear: both;
}
.cf {
  *zoom:1;
}













.sns_box {
  width: 100%;
  height: 1040px;
  background:  url("../img/common/bgImg03.jpg") no-repeat center bottom;
  background-color: #f3fafe;
}





.bgImg04 {
  width: 100%;
  background:  url("../img/common/bgImg04.png") no-repeat center bottom;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 30px;
}

.bgImg05 {
  width: 100%;
  background:  url("../img/common/bgImg05.png") no-repeat center bottom;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 30px;
}






.sns_ttl_box{
  background-color: #59493f;
  width: 100%;
  height: 70px;
}

.sns_ttl {
  width: 980px;
  color: #e0e5a4;
  font-size: 29px;
  margin: auto;
  line-height: 67px;
}

.sns_ttl_small{
  font-size: 23px;
}


.sns_clmbox{
  width: 980px;
  padding-top: 40px;
  margin: 0 auto;
}

.sns_clmbox_left{
  width: 373px;
  height: 820px;
  float: left;
  margin: 0 auto;
}

.sns_clmbox_left_box1{
  margin: 0 auto;
}

.sns_clmbox_left_box2{
  width: 353px;
  padding: 15px 0px 10px 0px;
  font-size: 24px;
  float: left;
  margin: 0 auto;
}

.sns_clmbox_left_box3{
  padding-left: 0px;
  width: 350px;
  font-size: 18px;
  line-height: 1.4;
}




.sns_clmbox_right{
  width: 607px;
  height: 820px;
  float: right;
}




.toTop{
  width: 980px;
  text-align: right;
  margin: 0 auto;
  padding-top: 30px;
}



/* H1 */
.box_ttl01{
}


/* H2 商品のご紹介 */
.box_ttl02{
  width: 980px;
  margin: 0 auto;
  padding-top: 70px;
}


/* H3 タイトル */
.box_ttl03{
  width: 980px;
  height: 60px;
  border-bottom: 5px #cbd8b0 solid;
  margin: 0 auto;
  padding-top: 70px;
}


/* H4 小見出し */
.box_ttl04 {
  width: 930px;
  margin: 0 auto;
  border-bottom: 3px #097c25 solid;
  clear: both;
  height: 32px;
  margin-bottom: 15px;
}

.box_ttl04_square {
  display: inline-block;
  width: 31px;
  height: 33px;
  background: #097c25;
  float: left;
}

.box_ttl04_text {
  padding-left: 15px;
  height: 33px;
  color: #097c25;
  font-size: 22px;
  float: left;
  font-weight: 600;
  line-height: 34px;
}

.box_ttl04_text_cap {
  float: right;
  font-size: 16px;
  line-height: 32px;
}


.textbox {
  width: 874px;
  font-size: 18px;
  margin:  0 auto;
  padding: 25px 53px;
  line-height: 1.35;
}

.textbox.Contact {
  width: 850px;
  padding: 25px 65px;
}




.product_table_bg{
  background-color: #e1e3c3;
  width: 930px;
  padding: 25px 25px 50px 25px;
  margin: 0 auto;
}

.product_table_txtBox{
  padding-top: 20px;
  width: 845px;
  margin: 0 auto;
}



.sec02ryukyu dl{
  border-left: inset 10px #acd598;
  margin-left: 35px;
  padding-bottom: 15px;
}

.sec02ryukyu dl dt{
  font-size: 24px;
  font-weight: 600;
  padding-left: 15px;
}

.sec02ryukyu dl dd{
  font-size: 18px;
  font-weight: 300;
  padding-left: 15px;
  line-height: 1.5;
}

.sec02ryukyu .ddcolor {
  font-weight: 600;
  color: #2a8a3a;
  padding-bottom: 15px;
  line-height: 40px;
}

.sec02ryukyu_Imgl{
  padding-bottom: 35px;
  width: 545px;
  float: left;
}

.sec02ryukyu_Imgl ul{
  float: right;
}
.sec02ryukyu_Imgl ul > li {
  padding: 6px 0px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display:inline-block;
}


.sec02ryukyu_Imgl ul > li:nth-child(1){
  width: 170px;
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
}

.sec02ryukyu_Imgl ul > li:nth-child(2){
  width: 225px;
  color: #fff;
  border: 2px solid #000;
  background-color: #000;
}


.sec02ryukyu_Imgl > ul > li >a{
  display: block;
  margin: -6px 0px;
  padding: 6px 0px;
  color:#fff;
  font-style:normal;
  text-decoration:none;
}


.sec02ryukyu_Imgl > div > ul > a {
  height: 100%;
  width: 100%;
  text-align: center;
  margin:  0 auto;
}

.sec02ryukyu_Imgl > div > a{
  display: block;
}

.sec02ryukyu_Imgl > div > ul > li > a:hover{
  color: #fff !important;
  opacity: 1 !important;
}




.sec02ryukyu_ImgR{
  float: right;
  width: 415px;
  margin: 0 auto; 
}

.sec02ryukyu_ImgR > p{
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  color: #097c25;
  padding: 5px 0px 20px 0px;
}

.sec02ryukyu_ImgR.pt2 > p{
  text-align: left;
  width: 420px;
  font-size: 16px;
  line-height: 1.4;
  color: #097c25;
  padding: 5px 0px 20px 0px;
}


/* product_01tatami 商品のご紹介 畳  */

.product_01tatami table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 5px;
}

.product_01tatami table tbody tr:nth-child(1) li:nth-child(2) {
  background-color: #8a8000;
}

.product_01tatami table tbody td li:nth-child(2) {
  width: 80px;
  padding: 6px 0px;
  margin: 0 auto;
  text-align: center;
  background-color: #097c25;
  color: #fff;
}

.product_01tatami table td:nth-child(3){
  padding-left: 15px;
  padding-right: 10px;
  text-align: left;
}

.product_01tatami table thead tr th{
  margin: 0 auto;
  text-align: center;
  padding-bottom:15px;
}

.product_01tatami table thead tr th p{
  line-height: 30px;
}

.product_01tatami table thead tr th:nth-child(2) p{
  background-color: #fff ; 
}
.product_01tatami table thead tr th:nth-child(4) p{
  background-color: #e6f2c7;
}
.product_01tatami table thead tr th:nth-child(5) p{
  background-color: #acd598;
}
.product_01tatami table tbody td:nth-child(4) {
  background-color: #e6f2c7;
}

.product_01tatami table tbody td:nth-child(2) {
  background-color: #fff;
}
.product_01tatami table tbody td:nth-child(5) {
  background-color: #acd598;
}

/*
.product_01tatami table th:nth-child(4), td:nth-child(4){
  border-right: inset 1px #e1e3c3;
}
*/



/* product_01yuka 商品のご紹介 畳床  */

.product_01yuka table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 5px;
}

.product_01yuka table tr td:nth-child(2) {
  background-color: #fff;
  text-align: center;
  font-weight: 600;
  padding: 0 15px;
}

.product_01yuka table td:nth-child(3){
  padding-left: 10px;
  text-align: left;
}

.product_01yuka table td:nth-child(4){
  background-color: #acd598;
}






/* product_01seat 商品のご紹介 畳シート  */

.product_01seat table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 0px;
}


.product_01seat table th{
  height: 36px;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
  font-weight: 600;
}

.product_01seat table th:nth-child(2){
  background-color: #767950;
  color: #fff;
  font-weight: 300;
}

.product_01seat table td:nth-child(2){
  background-color: unset;
  text-align: left;
  padding-left: 20px;
}

.product_01seat .bgc_grn{
  background-color: #acd598;
  text-align: right;
}

.product_01seat table td　img{
  vertical-align: top ;
}


/* product_02ryukyu 商品のご紹介 琉球畳・縁なし畳  */

.product_02ryukyu table{
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 0px;
}

.product_02ryukyu table th{
  height: 50px;
  background-color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
}

.product_02ryukyu table th span.fs18{
  font-size: 18px;
}

.product_02ryukyu table th span.list {
  float: right;
}

.product_02ryukyu table span li{
  padding: 7px 10px;
  font-size: 15px;
  color: #fff;
  text-align: right;
  display: inline-block;
  font-weight: 300;
  margin-right: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.product_02ryukyu table li.orange{
  background-color: #ef6f03;
}

.product_02ryukyu table li.green{
  background-color: #559224;
  box-shadow: 0 0 0 2px #59493f inset;

}

.product_02ryukyu table li.lgreen{
  background-color: #779e2a;
}

.product_02ryukyu table tr:nth-child(2) td:nth-child(1){
  vertical-align: top;
}

.product_02ryukyu table td:nth-child(2){
  text-align: left;
  padding-left: 20px;
  background-color: unset;
  vertical-align: top;
  padding-top: 10px;
}

.product_02ryukyu table .bgc_grn {
  background-color: #acd598;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: text-top;
}

.product_02ryukyu table tr:nth-child(2) td {
  width: 560px;
  margin: 0;
  padding: 0;
}
.product_02ryukyu table tr:nth-child(2) td:nth-child(2) {
  padding: 15px;

}

/*
.product_02ryukyu table tr:nth-child(2) img {
  width: 560px;
  height: 100%;
  background: #f5f5e8 url('') no-repeat right top scroll;
  background-size:auto;
  background-position: center;
}
*/

.product_02ryukyu_a {
  line-height: 1.5;
  float: left;
  vertical-align: top;
  display: block;
}


.product_02ryukyu_a  dt{
  width: 170px;
  padding-top : 0px; 
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}
.product_02ryukyu_a  dd{
    float : left;/* 左に寄せる */
}








/* product_03fusuma 襖／ふすま張替  */

.product_03fusuma table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 4px;
}



.product_03fusuma table thead tr th{
  margin: 0 auto;
  text-align: center;
  padding-bottom:15px;
}

.product_03fusuma table thead tr th p{
  line-height: 30px;
}

.product_03fusuma table thead tr th:nth-child(2) p {
  background-color: #fff;
}
.product_03fusuma table thead tr th:nth-child(3) p{
  background-color: #e6f2c7;
}
.product_03fusuma table thead tr th:nth-child(4) p{
  background-color: #acd598;
}
.product_03fusuma table thead tr th:nth-child(5) p{
  background-color: #f6f2c7;
}
.product_03fusuma table tbody td:nth-child(2) {
  background-color: #fff;
}
.product_03fusuma table tbody td:nth-child(3) {
  background-color: #e6f2c7;

}.product_03fusuma table tbody td:nth-child(4) {
  background-color: #acd598;
}
.product_03fusuma table tbody td:nth-child(5) {
  background-color: #f6f2c7;
}

/*
.product_03fusuma table th:nth-child(4), td:nth-child(4){
  border-right: inset 1px #e1e3c3;
}
*/

.product_03fusuma table td p{
  padding: 0px 15px 0px 15px;
}




.product_03fusumaB_box{
  width: 925px;
  background-color: #fff;
  margin: 0 auto;
  padding: 40px 0px;
}

.product_03fusumaB {
  width: 845px;
 display: block;
 margin-left: auto;
 margin-right: auto;
}






.product_03fusumaB ul{
  float: right;
}
.product_03fusumaB ul > li {
  padding: 6px 0px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display:inline-block;
}


.product_03fusumaB ul > li:nth-child(1){
  width: 170px;
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
}

.product_03fusumaB ul > li:nth-child(2){
  width: 225px;
  color: #fff;
  border: 2px solid #000;
  background-color: #000;
}


.product_03fusumaB > ul > li >a{
  display: block;
  margin: -6px 0px;
  padding: 6px 0px;
  color:#fff;
  font-style:normal;
  text-decoration:none;
}


.product_03fusumaB > div > ul > a {
  height: 100%;
  width: 100%;
  text-align: center;
  margin:  0 auto;
}

.product_03fusumaB > div > a{
  display: block;
}

.product_03fusumaB > div > ul > li > a:hover{
  color: #fff !important;
  opacity: 1 !important;
}







/* product_03syouji　障子紙張替　  */

.product_03syouji table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 4px 4px;
}



.product_03syouji table thead tr th{
  margin: 0 auto;
  text-align: center;
  padding-bottom:15px;
}

.product_03syouji table thead tr th p{
  line-height: 30px;
}

.product_03syouji table thead tr th:nth-child(2) p {
  background-color: #fff;
}

.product_03syouji table thead tr th:nth-child(4) p{
  background-color: #f6f2c7;
}

.product_03syouji table tbody tr:nth-child(1) td:nth-child(2) {
  background-color: #fff;
  height: 120px;
}


.product_03syouji table tbody td:nth-child(1) {
  background-color: #fff;
  height: 120px;
}
.product_03syouji table tbody td:nth-child(4) {
  background-color: #f6f2c7;
}

.product_03syouji table tbody td:nth-child(3) {
  background-color: #f6f2c7;
}

.product_03syouji table tbody tr:nth-child(1) td:nth-child(3) {
  background-color: unset;
}

.product_03syouji table td p{
  padding: 0px 15px 0px 15px;
}



/* product_03amido　網戸張替　  */

.product_03amido table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
}


.product_03amido table thead tr th{
  margin: 0 auto;
  text-align: center;
  padding-bottom:15px;
}

.product_03amido table thead tr th p{
  line-height: 30px;
}

.product_03amido table tbody tr td:nth-child(1)  {
  background-color: #fff;
  text-align: left !important;
  padding-left: 20px;
}

.product_03amido table thead tr th:nth-child(2) p {
  background-color: #f6f2c7;
}

.product_03amido table tbody td:nth-child(2) {
  background-color: #f6f2c7;
}

.product_03amido table td p{
  padding: 50px 15px 50px 15px;
}





.product_03fuchi table{
  width: 920px;
  border-spacing: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 5px 5px;
}


.product_03fuchi table thead th p{
  background-color: #0c7d27;
  color: #fff;
  font-size: 24px;
  padding: 8px 0px;
  text-align: center;
}


.product_03fuchi table tbody td p{
  background-color: #fff;
  padding: 25px 0px; 
}

.product_03fuchi > a {
  color: #638c0b;
  border-bottom: 1px solid ;
}




.product_03fuchi_more ul{
  float: right;
}
.product_03fuchi_more ul > li {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display:inline-block;
}


.product_03fuchi_more ul > li:nth-child(1){
  padding: 6px 20px;
  border: 2px solid #000 ;
  background-color: #fff;
  color: #000;
}

.product_03fuchi_more ul > li:nth-child(2){
  padding: 6px 12px;
  color: #fff;
  border: 2px solid #000;
  background-color: #000;
}


.product_03fuchi_more > div > ul > a {
  height: 100%;
  width: 100%;
  text-align: center;
  margin:  0 auto;
}

.product_03fuchi_more > div > a{
  display: block;
}

.product_03fuchi_more > div > ul > li > a:hover{
  color: #fff !important;
  opacity: 1 !important;
}







/* product_05pet わんにゃんスマイル畳  */

.product_05pet table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 5px;
}



.product_05pet table .colorR{
  padding: 6px 8px;
  margin: 0 auto;
  text-align: center;
  background-color: #a40000;
  color: #fff;
  margin-left: 10px;
}


.product_05pet table thead th{
  padding: 6px 8px;
  margin: 0 auto;
  text-align: center;
}


.product_05pet table td:nth-child(1){
  background-color: #fff;
  padding: 20px 20px;
}

.product_05pet table tbody td:nth-child(3) {
  background-color: #e6f2c7;
}
.product_05pet table tbody td:nth-child(4) {
  background-color: #acd598;
}

.product_05pet table thead th:nth-child(3) {
  background-color: #e6f2c7;
}
.product_05pet table thead th:nth-child(4) {
  background-color: #acd598;
}

.product_05pet table th:nth-child(3) {
  border-right: inset 1px #e1e3c3;
}

.product_05pet table td:nth-child(3){
  border-right: inset 1px #e1e3c3;
}

.product_05pet_ImgBox{
   display: inline-block;
   padding: 50px 0px 20px 0px;
}

.product_05pet_ImgBox2{
   display: inline-block;
   margin-bottom: -30px;
}



.flow_txt1{
  height: 35px;
  width: 935px;
  display:inline-block;
  margin: 0 auto;
  background-color: #fff;
}

.flow_txt1.pt2{
  width: 100%;
}

.flow_txt1 p{
  font-size: 24px;
  color: #097c25;
  font-weight: 600;
  line-height: 35px;
  vertical-align: middle;
}

.flow_txt2 {
  margin: 0 auto;
  padding: 10px 10px 0px 45px ;
}
.flow_txt2 .colorG{
  color: #097c25;
  font-weight: 600;
}

.flow_txt2.pt2 {
  margin: 0 auto;
  padding: 10px 10px 0px 10px ;
}

.flow_bg_box{
  background-color: #e1e3c3;
  width: 930px;
  padding: 0px 25px 0px 25px;
  margin: 0 auto;
}
.flow_box{
  width: 935px;
  margin: 0 auto;
  padding-top: 25px;
}

.flow_box_pt2L{
  width: 468px;
  margin: 0 auto;
  float: left;
}

.flow_box_pt2R{
  width: 451px;
  margin: 0 auto;
  float: right;
}


.flow_box.pt1{
  background:  url("../img/flow/ArrowPt01_.png") no-repeat left;
  background-position: 5px 35px;
}

.flow_box.pt2{
  background:  url("../img/flow/ArrowPt02.png") no-repeat left;
  background-position: 5px 0px;
}

.flow_box.pt3{
  background:  url("../img/flow/ArrowPt03.png") no-repeat left;
  background-position: 5px 0px;
}

.flow_box.pt3 .colorG{
  color: #097c25;
  font-weight: 600;
}

.flow_txt_ico{
  float:right; 
  padding: 2px 10px 2px 0px;
}

.flow_txt_ico img{
  display: inline-block;
  vertical-align: middle;
  margin: -15px;
  padding-left: 25px;
  padding-right: 20px;
}

.GreenBox{
  width: 930px;
  margin: 0 auto;
  border: 1px solid #cbd8b0;
  background-color: #fff;
  padding: 25px;
}


.policyTxt {
  margin: 0 auto;
  padding: 10px 10px 20px 45px ;
}

.policyTxt b {
  line-height: 40px;
}

.policyTxt > a {
  color: #638c0b;
  border-bottom: 1px solid ;
}

.policyTxt > span a {
  color: #638c0b;
  border-bottom: 1px solid ;
}
.faqTxt {
  margin: 0 auto;
  padding: 20px 10px 30px 25px ;
  line-height: 30px;
}

.green_a {
  color: #638c0b;
  border-bottom: 1px solid ;
}





/* ooyasan 大家さんへ  */

.ooyasan_table_bg{
  background-color: #e1e3c3;
  width: 930px;
  padding: 25px 25px 50px 25px;
  margin: 0 auto;
}


.ooyasan_table_pt1 table{
  width: 545px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.5;
  margin-left: 30px;
  text-align: left;
  border-collapse: separate;
  border-spacing: 1px 2px;
  margin-top: 5px;
}

.ooyasan_table_pt1 table:nth-child(1){
  border-collapse: separate;
  border-spacing: 1px 2px;
  background-color: #66c0bc;
}

.ooyasan_table_pt1 table:nth-child(2){
  border-collapse: separate;
  border-spacing: 1px 2px;
  background-color: #c490bf;
}


.ooyasan_table_pt1  table td{
  padding: 10px 10px 10px 35px ;
  background-color: #fff;
}
.ooyasan_table_pt1  table th{
  padding: 10px 20px 10px 20px ;
  color: #fff;
  font-size: 24px;
}

.ooyasan_table_pt1  table:nth-child(1){
  background-color: #66c0bc;
}

.ooyasan_table_pt1  table:nth-child(2){
  background-color: #c490bf;
}


.ooyasan_table_pt2 table{
  width: 845px;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 5px;
}

.ooyasan_table_pt3  table{
  width: 545px;
  border-spacing: 0;
  font-size: 18px;
  margin-left: 30px;
  border-spacing: 1px 2px; 
  border-collapse: separate;
}

.ooyasan_table_pt3  table td{
  padding: 10px 10px 10px 35px ;
  background-color: #fff;
}


.ooyasan_pt2{
  width: 880px;
  margin: 0 auto;
  text-align: center;
  height: 73px;
}

.ooyasan_pt2 p{
  border :solid 3px #7ba758;
  padding :20px 25px;
  background-color: #fff;
  float: left;
}

.ooyasan_pt2 table {
   background-color: #fff;
   border :solid 3px #7ba758;
   height: 73px;
}

.ooyasan_pt2 table tr  {
  text-align: left;
}
.ooyasan_pt2 table th  {
  padding :5px 25px;
  border-right: 1px dashed #7e8f5c;
}

.ooyasan_pt2 table td:nth-child(2)  {
  padding: 6px 30px 0px 25px; 
}

.ooyasan_pt2 table td:nth-child(1)  {
  padding: 0px 30px 6px 25px; 
}



.ooyasan_pt2 .ico{
  float: left;
  margin: 0 auto;
  padding: 23px 15px ;
}

.ooyasan_pt2 .ico:after{
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f067";
    color: #7ba758;
}







.GreenBox .faqBg.pt01{
  background:  url("../img/faq/bgImg01.png") no-repeat right ;
}

.GreenBox .faqBg.pt02{
  background:  url("../img/faq/bgImg02.png") no-repeat right ;
}

.GreenBox .faqBg.pt03{
  background:  url("../img/faq/bgImg03.png") no-repeat right ;
}

.GreenBox .faqBg.pt04{
  background:  url("../img/faq/bgImg04.png") no-repeat right ;
}

.GreenBox .faqBg.pt05{
  background:  url("../img/faq/bgImg05.png") no-repeat right ;
}

.GreenBox .faqBg.pt06{
  background:  url("../img/faq/bgImg06.png") no-repeat right ;
}



.GreenBox .faqBg p{
  padding-left: 15px;
  float: left;
  font-size: 18px;
  line-height: 30px;
  width: 665px;
}
.GreenBox .faqBg p.colorR{
  color: #7d0000;
}

.faqBg li{
  padding-bottom: 10px;
}


.shopinfo table {
  width: 880px;
  margin: 0 auto;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  text-align: left;
  border-collapse: separate;
  border-spacing: 3px 2px;
}

.shopinfo table th{
  width: 205px;
  background-color: #d7dab4;
  padding: 12px;
}

.shopinfo table td{
  width: 640px;
  background-color: #e1e3c3;
  padding: 12px;
}


.shopinfo table td > a {
  color: #638c0b;
  border-bottom: 1px solid ;
}



.contact table {
  width: 850px;
  margin: 0 auto;
  border-spacing: 0;
  font-size: 17px;
  line-height: 1.35;
  text-align: left;
  border-collapse: separate;
  border-spacing: 3px 3px;
}

.contact.thanks{
  width: 750px;
  margin: 0 auto;
  background-color: #fff;
  padding: 60px 50px ;
  border :solid 1px #a0a0a0;
}

.contact.thanks .txtB{
  font-size: 24px;
  font-weight: 600;
  display: block;
  padding-bottom: 20px;
  line-height: 1.5;
}

.contact.thanks .colorR{
  color: #f00000;
  font-weight: 600;
}



.contact.confirm  table {
  border-collapse: collapse;
  border-spacing: 0px;
  background-color: #fff;
}


.contact.confirm  table th {
   border :solid 1px #a0a0a0;
}


.contact.confirm  table td {
   border :solid 1px #a0a0a0;
}




.contact table th{
  background-color: #d7dab4;
  padding: 20px 15px 20px 15px;
}


.contact.confirm table th{
  background-color: #fff;
  padding: 20px 15px 20px 15px;
}


.contact table td{
  background-color: #e1e3c3;
  padding: 20px 15px 20px 15px;
}


.contact.confirm table td{
  background-color: #fff;
  padding: 20px 15px 20px 15px;
}













.contact table a {
  color: #097c25;
  border-bottom: 1px solid ;
  margin-left: 10px;
}

.contact table a img{
  padding-right: 8px;
  vertical-align: middle;
}

.formBox{
  width: 180px;
  height: 35px;
  padding: 5px 10px 5px 10px;
  border-color: #ffffff;
  -webkit-appearance: none;
}

/*Webkit*/
::-webkit-input-placeholder {color: #bbb}

/*Firefox 19以降*/
::-moz-placeholder  {color: #bbb}

/*Firefox 18以前*/
:-moz-placeholder {color: #bbb}

/*Windows IE*/
:-ms-input-placeholder  {color: #bbb} 

.formBox.small{
  width: 180px;
}

.formBox.mid{
  width: 250px !important;
}

.clrRed{
  color: #f00000;
}

.formBox.pt2{
  width: 350px;
}

.formtxt{
  color: #f00000;
  font-weight: 600;
  font-size: 16px;
  padding-top: 8px;
}



textarea{
  width: 520px;
  height:120px;
  padding: 15px;
  resize: none;  
}


.clear{
  clear: both;
}




.checkbtn {
    padding: 6px;
}
.checkbtn input[type=checkbox] {
    display: inline-block;
}
.checkbtn input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}

 
@media (min-width: 1px) {
    .checkbtn input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .checkbtn input[type=checkbox] + label {
        padding: 0 0 0 35px;
        margin-right: 30px;
    }
    .checkbtn input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -9px;
        background: #FFF;
    }

    .checkbtn input[type=checkbox] + label::before {
        border: 2px solid #000;
    }
    .checkbtn input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .checkbtn input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 10px;
        margin-top: -6px;
        border-left: 3px solid #333;
        border-bottom: 3px solid #333;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}



















.fs85 {
  font-size: 85%;
}

.db{
  display: block;
}


.vat{
vertical-align: top;
}

.img_box{
  width: 850px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.img_box2{
  width: 850px;
  display: block;
  margin: 0 auto;
  clear: both;

 }

.textbox a{
  color: #e60012;
  border-bottom: 1px solid ;
}



.vab{
  vertical-align: bottom;
}


.mb400{
  margin-bottom: 400px;
}

.db{
  display: block;
}


.vam{
  vertical-align: middle;
}

.tac{
  text-align: center;
}


.p32{
  padding: 0px 32px;
}


.fl{
  float: left;
}


.fr{
  float: right;
}

.pl16{
  padding-left: 16px;
}

.pl20{
  padding-left: 20px;
}

.pl30{
  padding-left: 30px;
}
.pb10{
  padding-bottom: 10px;
}

.pb70{
  padding-bottom: 70px;
}

.pl10{
  padding-left: 10px;
}

.pl35{
  padding-left: 35px;
}

.vm{
  vertical-align: middle;
}

.pt20{
  padding-top: 20px;
}


.pt10{
  padding-top: 10px;
}

.mt25{
  margin-top: 25px;
}


.mt35{
  margin-top: 35px;
}


.pb30{
  padding-bottom: 30px;
}

.mt15{
  margin-top: 15px;
}

.pb15{
  padding-bottom: 15px;
}

.pb5{
  padding-bottom: 5px;
}

.pr9{
  padding-right: 9px;
}

.mr9{
  margin-right: 9px;
}

.pb30{
  padding-bottom: 30px;
}

.pb35{
  padding-bottom: 35px;
}


.mb15{
  margin-bottom: 15px;
}

.mb30{
  margin-bottom: 30px;
}
.mt10{
  margin-top: 10px;
}

.mt70{
  margin-top: 70px;
}

.pt20{
  padding-top: 20px !important;
 }

.pt35{
  padding-top: 35px !important;
 }

.pt40{
  padding-top: 40px;
 }

.pt5{
  padding-top: 5px;
}

.pt50{
  padding-top: 50px ;
 }


.pt70{
  padding-top: 70px ;
 }

.pt130{
  padding-top: 130px ;
 }

.pr130{
  padding-right: 130px;
}

.pt100{
  padding-top: 100px;
}

.pr5{
  padding-right: 5px;
}

.font75{
  font-size: 75%;
}

.tal{
  text-align: left;
}

.ptb10{
  padding: 10px 0px;
}

.plr10{
  padding: 0px 10px;
}

.plr20{
  padding: 0px 20px;
}

.p5_20{
  padding: 5px 20px;
}

.plr30{
  padding: 30px 0px;
}

.mr20{
  margin-right: 20px;
}

.h80{
  height: 70%;
}

.h20{
  height: 30%;
}