/*
Theme Name: CROSYS
Theme URI: 
Description: 
Tags: 
Author: 
Author URI: 
Text Domain: 
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

.table_01{
width: 100%;
border-collapse: collapse;
}
.table_01 th{
width: 28%;
padding: 15px 10px 15px 10px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #000;
border-bottom: 1px solid #fff;
}
.table_01 td{
padding: 15px 10px 15px 10px;
background-color: #000;
border-bottom: 1px solid #fff;
text-align: left;
}

.table_01 textarea[name="your-message"] {
        width: 100%;
        height: 100px !important;
}

.table_01 a:link { color: #0000ff; }
.table_01 a:visited { color: #000080; }
.table_01 a:hover { color: #ff0000; }
.table_01 a:active { color: #ff8000; }

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden !important;
table-layout: fixed !important;
background:#fff !important;
color:#000 !important;
width:98%;
}
 
.required-contactform7{
  padding: 5px;
  background: #584be5;
  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;
  border:solid 1px #b9b9b9;
  text-align:left;
  padding:10px;
}

.table-contactform7 td{
  border:solid 1px #b9b9b9;
}
 
.table-contactform7 input,
.table-contactform7 textarea {
  max-width: 90% !important;
  max-height: 100px !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input {
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea {
  width: 100%;
  max-height:100px !important;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:40%;
  }
   .table-contactform7 td{
    width:60%;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
  width: 100%;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  display:block;
  margin: 0 auto;
  padding:20px;
  border:solid 1px #b9b9b9;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
}
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:98%;
 text-align:center;
 background:#584be5;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#584be5;
}


.post-password-form {
  width:90% !important;
  padding:0 10px 0 10px;
}

.post-password-form input[type=password] {
  width: 60% !important;
}
  
.post-password-form input[type=submit] {
  display: block !important;
 padding:0.5em 0 !important;
 margin-top:30px !important;
 width:180px !important;
 text-align:center !important;
 background:#584be5 !important;
 color:#fff !important;
 font-size:18px !important;
 font-weight:bold !important;   
 border-radius:2px !important;
 border: none !important;
}

.post-password-form input[type=submit]:hover {
 background:#fff !important;
 color:#584be5 !important;
}