/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


.profile a:link { color: #999999; }
.profile a:visited { color: #999999; }
.profile a:hover { color: #999999; }
.profile a:active { color: #999999; }

@media screen and (max-width: 768px){ .profile {
	font-size:86%;
}
}
/*メールフォーム*/
/*スマートフォン表示の際はラベルと入力部品が縦に並ぶようにする*/
@media screen and (max-width: 768px) {
    body .wpcf7 input[type="text"],
    body .wpcf7 input[type="email"],
    body .wpcf7 input[type="url"],
	body .wpcf7 select{
        width:100%;
		margin-bottom:0.6em;
    }
	body .wpcf7 input[type="radio"]{
		margin:10px 0 0 20px;	
	}

    /*スマホ時に送信ボタン大きく。*/
    body .wpcf7 .wpcf7-submit{
        width:50%;
        font-size:1.5em;
    }
}
/*フォーム幅を95%に*/
body .wpcf7{
    width:95%;
    max-width:700px;
    margin:0 auto;
}
/*ラベルを左寄せに、文字サイズ変更*/
.wpcf7 label{
    float:left;
    font-size:0.8em;
    line-height:1.3em;
    margin-bottom:0.5em;
    padding: 0.5em;
}
/*必須印の色とサイズを指定*/
.wpcf7 label span,
.wpcf7 .cap span{
    font-size:0.8em;
    color:#F4524D;
}
/*フォーム部品を右にフロート、幅を7割程度に*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 select{
 
    float:right;
    width:70%;
}
.wpcf7 input[type="radio"]{
	margin-left:120px;
	margin-top:10px;
}
/*フロート解除*/
.wpcf7 p,.wpcf7 span{
    clear: left;
}
/*入力フォームのデザインをカスタマイズ*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="radio"],
.wpcf7 textarea,select{
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    font-size: 1em;
    padding: 0.4em;
    border-radius: 1px;
    box-shadow: 0px 0px 0px rgba(0,0,0,.1) inset;
}
/*テキストエリアを幅100%に*/
.wpcf7 textarea {
    width: 100%;
}
/*親要素に中央揃えを適用し、送信ボタンを真ん中に寄せます*/
body .wpcf7 .contact_submit{
    text-align:center;
}
/*送信ボタンを相対サイズに。ディフォルトのmarginを取り除く*/
.wpcf7 .wpcf7-submit{
    width:20%;
    margin-right:0;
    font-size:1.3em;
    max-width:300px;
}
/*送信ボタンにマウスカーソルが乗った時の処理*/
.wpcf7-submit:hover {
  background-color: #3D4045;
  color: #fff;
}
/*エラーの表示を中央寄せ・幅100%表示にします*/
.wpcf7-response-output,
div.wpcf7-validation-errors {
    width:100%;
    text-align:center;
}
/*ロード中画像をブロック要素にして中央に寄せます*/
div.wpcf7 img.ajax-loader{
    display:block;
    margin: 0 auto;
}
/*ディフォルトのエラー文章を非表示にします*/
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
/*エラーの発生したフォームを赤背景にします*/
body .wpcf7 .wpcf7-not-valid {
    background: pink;
}