ホームページの初期設定

<div class="table">

<div class="tr">
<div class="td">
<label> <b>氏名</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[text* your_name] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>氏名フリガナ</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[text* your_name_furigana] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>住所</b><u class="nini">任意</u> </label>
</div>
<div class="td">郵便番号（7桁半角数字ハイフンなし）<br>[text zip]<br>住所<br>[text pref]　[text city]　[text addr]<br>[text addr2]</div></div>


<div class="tr">
<div class="td">
<label> <b>電話番号</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[tel* your_denwa] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>メールアドレス</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[email* your_email] 
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>お問い合わせに対する<br>ご希望の連絡方法</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[radio your_renraku use_label_element default:1 "電話にて" "メールにて"]
電話にてご連絡する場合の希望時間<br>（例：いつでも、平日午前中、○日18:00以降など）
[text your_renrakujikan]
</div>
</div>

<div class="tr">
<div class="td">
<label> <b>お問い合せ内容</b><u class="hissu">必須</u></label>
</div>
<div class="td">
[textarea* your_naiyou]
</div>
</div>

</div>
<br>
[submit "送信する"]

お問い合わせがありました。
対応お願いいたします。

■氏名
[your_name]

■氏名フリガナ
[your_name_furigana]

■郵便番号
[zip]

■住所
[pref][city][addr]
[addr2]

■電話番号
[your_denwa]

■メールアドレス
[your_email]

■お問い合わせに対するご希望の連絡方法
[your_renraku]

■電話にてご連絡する場合の希望時間
（例：いつでも、平日午前中、○日18:00以降など）
[your_renrakujikan]

■お問い合せ内容
[your_naiyou]

-- 
送信元ページ：[_post_title]
送信元URL：[_post_url]
このメールは [_site_title] ([_site_url]) のお問い合わせフォームから送信されました

/************************************
** フォームのデザイン
************************************/
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
form u.kotei {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}

/* 禁止マーク */
input:disabled {
    cursor: not-allowed;
}
label.disabled {
    cursor: not-allowed;color:#999;
}
/* 郵便番号 */
input[name="your_date"]{width:40%;}
input[name="your_name"]{width:40%;}
input[name="your_name_furigana"]{width:50%;}
input[name="your_denwa"]{width:50%;}
input[name="your_email"]{width:60%;}
input[name="zip"]{width:30%;}
input[name="pref"]{width:30%;}
input[name="city"]{width:30%;}
input[name="addr"]{width:30%;}
input[name="addr2"]{width:100%;}
select[name="your_todohuken"]{width:60%;}
@media screen and (max-width: 1023px){
	input[name="your_date"]{width:70%;}
	input[name="your_name"]{width:70%;}
	input[name="your_name_furigana"]{width:70%;}
	input[name="your_denwa"]{width:80%;}
	input[name="your_email"]{width:90%;}
	input[name="zip"]{width:60%;}
	input[name="pref"]{width:60%;}
	input[name="city"]{width:60%;}
	input[name="addr"]{width:90%;}
	input[name="addr2"]{width:100%;}
	select[name="your_todohuken"]{width:60%;}
}

input[name="your_gosyoukai_name"]{width:40%;}
@media screen and (max-width: 1023px){input[name="your_gosyoukai_name"]{width:70%;}}
input[name="your_gosyoukai_tanto"]{width:40%;}
@media screen and (max-width: 1023px){input[name="your_gosyoukai_tanto"]{width:70%;}}
input[name="your_gosyoukai_denwa"]{width:50%;}
@media screen and (max-width: 1023px){input[name="your_gosyoukai_denwa"]{width:80%;}}
input[name="your_gosyoukai_email"]{width:60%;}
@media screen and (max-width: 1023px){input[name="your_gosyoukai_email"]{width:90%;}}

/* フォームオブジェクト */
input[type="submit"] {
    display:block;
    background-color: #B00000;
    color:#fff;
    font-weight:bold;
    text-align:center;
    margin: 1rem auto 0 auto;
    width: 60%;
	font-size:1em;
}
input {border: 1px solid #808080 !important;margin:4px 0;}
textarea {border: 1px solid #808080 !important;margin:2px 0;}
input:focus {background-color: #e0ffff;border: 1px solid #000 !important;}
textarea:focus {background-color: #e0ffff;border: 1px solid #000 !important;}
input:focus[type="submit"] {background-color: #0000ff;}



/************************************
** テーブルのデザイン
************************************/
.table{
  font-size:0.9em;
  display:table;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 !important;
}
.table .tr{
  width: 100%;
  display:table-row;
  border: 1px solid #aaa;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 8px 13px;
  vertical-align: middle;
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:65%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}

.tr_midashi{
	background:#eee;
	color:#333;
	font-weight:bold;
}

//ログイン時間を長くする
add_filter( 'auth_cookie_expiration', 'my_auth_cookie_expiration' );
function my_auth_cookie_expiration() {
  return 60*60*24*365;
}