/*
 Theme Name:   marble_child
 Theme URI:    http://example.com/marble_child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     marble
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left !important;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 text-align:left !important;
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
	margin-left: auto;
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

/*--------------------------------------
  　　スマホでの表示
--------------------------------------*/
.res-table{
	width:95%;
    margin:2em auto;
	border:#f1f1f1 1.5px solid;
}
.res-table th{
    padding:3px;
	display:block;
	background-color:#ccddff;
}


.res-table td{
	padding:5px;
	display:block;
	text-align:center;
}


/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {

/*--------------------------------------
  PCでの表示
--------------------------------------*/

.res-table{
	width:100%;
	margin:5px auto !important;
	font-size:90%;
	border:#f1f1f1 1.5px solid !important;
}
.res-table tr{
    border-bottom:#f1f1f1 1px solid !important;
}
.res-table tr:last-child{
	border:none
 }
.res-table th{
	width:20%;   
    padding:5px 10px;
	display:table-cell;
	border-right:#f1f1f1 1px solid !important;
	text-align: left !important;
}

.res-table td{
	width:80%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left !important;
}

}	

/*-施工事例-------------------------------------
  　　スマホでの表示
--------------------------------------*/
.res-table2{
	width:95%;
    margin:2em auto;
	border:#f1f1f1 1.5px solid;
}
.res-table2 th{
    padding:3px;
	display:block;
	background-color:#ccddff;
}


.res-table2 td{
	border:#f1f1f1  1px solid;
	padding:5px;
	display:block;
	text-align:center;
}


/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {

/*--------------------------------------
  PCでの表示
--------------------------------------*/

.res-table2{
	width:100%;
	margin:5px auto !important;
	font-size:90%;
	border:#f1f1f1 1.5px solid !important;
}
.res-table2 tr{
    border-bottom:#f1f1f1 1px solid !important;
}
.res-table2 tr:last-child{
	border:none
 }
.res-table2 th{
	width:50%;   
    padding:5px 10px;
	display:table-cell;
	border-right:#f1f1f1 1px solid !important;
	text-align: left !important;
}

.res-table2 td{
	width:50%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left !important;
}

}	

/*----------------
 スクロールする表
------------------*/
@media screen and (max-width: 640px) {
  .scroll {
    overflow-x: auto;
  }
  .tbl-r07 {
    min-width: 640px;
    margin: 0 10px 50px;
  }
  .tbl-r07 td {
  /*border-top: solid 1px #ccc !important ;
    border-bottom: solid 1px #ccc !important;*/
  }
}