/*
    Theme Name: e-works-new
    */
@charset "utf-8";
@import "css/default.css";
@import "css/common.css";
@import "css/global.css";
@import "js/css/hover.css";
@import "js/css/animate.css";
@import "js/css/effeckt.css";

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}
/* tab */

#mtab { overflow:hidden;}
#mtab li { width:130px; float:left; height:40px; background-color:#b5b5b5; }
#mtab li a { display:block; line-height:35px; text-align:center; text-decoration:none; border-bottom:solid 5px #EEE; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
#mtab li a:hover { opacity:0.5; }
#mtab li.on {}
#mtab li.on a { margin:0 10px; }
#mtab li.tbs, #mtab li.tb2, #mtab li.tb3, #mtab li.tb4 { margin-right:5px; }
#mtab li.tbs { display:block; line-height:35px; text-align:center; text-decoration:none; background-color: #EEE; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
#mtab li.tb2 a { color:#FFF; }
#mtab li.tb3 a { color:#FFF; }
#mtab li.tb4 a { color:#FFF; }
#mtab li.tb5 a { color:#FFF; }
#mtab li.tb1.on a { border-color:#000; }
#mtab li.tb2.on a { border-color:#000; }
#mtab li.tb3.on a { border-color:#000; }
#mtab li.tb4.on a { border-color:#000; }
#mtab li.tb5.on a { border-color:#000; }


/* tab */

#category_mtab li { width:130px; float:left; height:40px; background-color:#b5b5b5; }
#category_mtab li a { display:block; line-height:35px; text-align:center; text-decoration:none; border-bottom:solid 5px #EEE; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; }
#category_mtab li a:hover { opacity:0.5; }
#category_mtab li.on {}
#category_mtab li.on a { margin:0 10px; }
#category_mtab li.tbs, #category_mtab li.tb2, #category_mtab li.tb3, #category_mtab li.tb4 { margin-right:5px; }
#category_mtab li.tbs { display:none; line-height:35px; text-align:center; text-decoration:none; background-color: #EEE; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
#category_mtab li.tb2 a { color:#FFF; }
#category_mtab li.tb3 a { color:#FFF; }
#category_mtab li.tb4 a { color:#FFF; }
#category_mtab li.tb5 a { color:#FFF; }
#category_mtab li.tb1.on a { border-color:#000; }
#category_mtab li.tb2.on a { border-color:#000; }
#category_mtab li.tb3.on a { border-color:#000; }
#category_mtab li.tb4.on a { border-color:#000; }
#category_mtab li.tb5.on a { border-color:#000; }
div#category_tabGroup { width: 100%;margin-left: 22px;height: 40px; }