/*
Theme Name: habakiri-child
Template: habakiri
*/
/***** Smart Responsive Table *****/
.table-srt {
	overflow: hidden;
	table-layout: fixed;
}
 
.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #dc143c;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.unrequired-srt {
	font-size: 8pt;
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.table-srt th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
 
.table-srt input,
.table-srt textarea {
	max-width: 99% !important;
	margin: 5px 10px 10px 5px;
}
 
.address-100 input {
	max-width: 99% !important;
	margin: 5px 10px 10px 5px;
}

.menu-702 input {
	max-width: 80% !important;
	margin: 5px 10px 10px 5px;
}
.message-100 textarea {
	width: 100%;
	margin: 5px 10px 10px 5px;
}

select.wpcf7-form-control.wpcf7-select {
width:150px;
height: 40px;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

@media screen and (min-width: 900px) {
	.table-srt th {
		width: 28%;
	}
}
 
@media screen and (max-width: 900px) {
	.table-srt {
		display: block;
	}
	
	.table-srt tbody,
		  .table-srt tr {
		display: block;
		width: 99%;
	}
	
	.table-srt th {
		width: 95%;
		text-align: left;
		display: block;
		margin: 0 auto;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	
	.table-srt td {
		display: list-item;
		list-style-type: none;
		margin:  0;
		width: 95%;
		border-top: none !important;
		border-left: none;
		border-right: none;
	}

.wpcf7-form-control-wrap {
  display: block;
  text-align: center;
}


select.wpcf7-form-control.wpcf7-select {
width:250px;
height: 33px;
}

}
.recaptcha {
	padding: 5px 0;
}
.soushin-button {
	padding: 15px 0 15px 0;
	text-align: center;
}
 
 
 
/* 送信ボタンのカスタマイズ */
.soushin {
	-moz-box-shadow: 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow: 0px 1px 0px 0px #c1ed9c;
	box-shadow: 0px 1px 0px 0px #c1ed9c;
	background-color:#33ab3b;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
text-indent:0;
	border:1px solid #089e00;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
height:50px;
	line-height:50px;
width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}.soushin:hover {
	background-color:##0000cd;
}.soushin:active {
	position:relative;
	top:1px;
}

.img-flex {
    display: -webkit-flex;
    display: flex;
}

.img-flex img {
    margin-right: 10px;
}

.img-flex img:last-child {
    margin-right: 0;
}

 h1 {
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "YuGothic", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.7;
    font-weight: 400;
}


.jumbotron {
	padding-top: 10px;
	background-size: cover;
	background-position: 50% 50%;
	height: 280px;
}
@media screen and (max-width: 900px) {
	.jumbotron {
                height: 200px; 
}

.btn-ghost
 {
  background: transparent;
}
.btn-ghost
.btn-default {
  color: #777;
}

.btn-ghost.btn-primary {
  color: #337ab7;
}

.btn-ghost.btn-success {
  color: #5cb85c;
}

.btn-ghost.btn-info {
  color: #5bc0de;
}

.btn-ghost.btn-warning {
  color: #f0ad4e;
}

.btn-ghost.btn-danger {
  color: #d9534f;
}

.btn-ghost
.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
  color: #ffa500;
}

.btn-ghost
.btn-white {
  color: #fff;
  border: 1px solid #fff;
}

.btn-ghost.btn-white:hover {
  color: #333;
  background: #fff;
}

/************************************
** 個々の投稿ページにヘッダーを表示しない
************************************/
body[class*=”postid-18“] #page-header {


/*** 表縦組み2 ***/
.ted-hyo{
  width:100%;
  border: 2px solid #c0c0c0;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.ted-hyo th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  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: #f5f5f5;
}
 
.ted-hyo td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #a9a9a9;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 640px){
.ted-hyo th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.ted-hyo td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */


body {
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;

}

p, ul, ol, dl, table {
    margin-bottom: 20px;
}