/*
Theme Name: WestlawJapan
Theme URI: https://www.westlawjapan.com/
Author: AseSourcing,Inc.
Author URI: http://www.ase-source.co.jp/
Description: WestlawJapan Theme
Version: 1.0
/*
 * /*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;
}
.message-100_02 textarea{
border: solid 1px;
  margin: 5px 10px 10px 0px;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;

	}
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
	padding-top:30px!important;
	padding-bottom:30px!important;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;
	padding-top:30px!important;
	padding-bottom:30px!important;
 }

.tbl_base_con td{
 font-size:13px;
 border:solid 1px #d7d7d7;
	padding-top:15px!important;
	padding-bottom:15px!important;
 }

.tbl_base input[type="text"]
{
    background-color: #fff;
    color: #000;
	/* width: 98%;*/
    width: 95%!important;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#FF8000;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#666666;
 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:#FF8000;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
	border-radius: 5px;
	border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 opacity: 0.8; color:#FFF;
/* background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;*/
}
/*確認ボタンのデザイン変更*/
#confirmbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#666666;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
	border-radius: 5px;
	border: none;
}
/*確認ボタンマウスホバー時*/
#confirmbtn:hover{opacity: 0.8; color:#FFF;
/* background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;*/
}
.txtshounin{
font-weight:bold !important;
font-size:16px;
color:#FF8000;}

#modoru{
background: #999999;
border: none;
	display: block;
/*display: inline-block;*/
color: /*#666666*/#fff;
padding: 15px 23px 15px 23px;
border-radius: 5px;
font-size: 13px;
		text-align:center;
	font-weight:bold;
	margin:25px auto 0;
}
#modoru:hover{opacity: 0.8; color:#FFF;background:#999999;
/*background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;*/
}

.wpcf7-mail-sent-ok {
 display:none !important;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: red;}
.screen-reader-response{color: #F00;} 

p.text-xs-center{margin: 25px auto; text-align:center; }
p.text-xs-center input{width: 150px; text-align:center; padding: 3px 0px; margin: 0px 15px; color:#666666; }
p.text-xs-center:hover{ opacity: 0.8;  color:#FFF; }

input.long, textarea.long{width: 95%!important; }

/*項目解答欄サイズ修正*/
.message-100 textarea{
  width: 95%;
  margin: 5px 10px 10px 5px;
}
.tel-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.tel-100_02 input{
	 width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.tel-100_03 input{
	 width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.cus-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.email-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.bus-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.bus02-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.name-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.name02-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.busho-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.position-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.add-100 input{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}
.inquiry-100 select{
  width: 95% !important;
  margin: 5px 10px 10px 5px;
}

 /* new */
.wpcf7 input[name="your-recipient"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-business"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-post"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-name2"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-tel"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-email"] { /* 名前入力欄 */
	width: 95%;
}
.wpcf7 input[name="your-text"] { /* 名前入力欄 */
	width: 95%;
}
/*.wpcf7 input[name="your-text"] {
        height: 50px !important;
	
}ボックスの横幅調整のため非表示*/
.tbl_base input[name="textarea"]
{
    background-color: #fff;
     width: 95%;
   /* width: 85%; */
}
/* new_end */
/*.tbl_base input[name="textarea"]
{
    background-color: #fff;
    
    width: 98%;
}ボックスの横幅調整のためwidth変更*/

textarea {
   resize: vertical;/* resize: none; */
	
}
/*.tbl_base input[type="email"]
{
    background-color: #fff;
    color: #000;
    width: 98%;
}ボックスの横幅調整のため非表示*/

::placeholder{ /* Others */
 font-size:12px;
}

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
/*z-index: 9999999999;*/
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}