.tbl table {
width: 550;
border: 1px #666666 solid;
}

.tbl td {
border: 1px #666666 solid;
padding: 5 5;
}

.tbl_03{
 width: 550px;
 border-collapse: separate;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
 .tbl_03 th{
 width:100px;
 padding:4px;
 text-align: left;
 vertical-align: top;
 color: #ccc;

 background-color: #181818;
 border-left: 1px double #999;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 .tbl_03 td{
 width:450px;
 padding:4px;
 background-color: #181818;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }



.tbl_04{
 width: 550px;
 border-collapse: separate;
 border-spacing: 0px;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
}
 .tbl_04 th{
 width:30px;
 padding:4px;
 text-align: left;
 vertical-align: top;
 color: #ccc;
 background-color: #181818;
 border-left: 1px double #999;

 border-bottom: 1px solid #ccc;
 }
 .tbl_04 td{
 width:520px;
 padding:4px;
 background-color: #181818;
 border-bottom: 1px solid #ccc;
 }


 .google-maps {
 position: relative;
 padding-bottom: 60%; // これが縦横比
 height: 0;
 overflow: hidden;
 }
 .google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 }


/*** レスポンシブテーブルデザイン ***/
.shokai{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.shokai th{
  padding: 6px 8px 5px;
  border-top: dotted 1px #ffffff;

  width: 30%;
  overflow: hidden;
  color: #cccccc;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #181818;
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #cccccc;
background-color: #181818;
border-top: dotted 1px #ffffff;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */

/*** レスポンシブテーブルデザイン ***/
.shokai2{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.shokai2 th{
  padding: 6px 8px 5px;
  border-top: dotted 1px #ffffff;

  width: 6%;
  overflow: hidden;
  color: #cccccc;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #181818;
}
 
.shokai2 td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #cccccc;
background-color: #181818;
border-top: dotted 1px #ffffff;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.shokai2 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai2 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */