/*
Theme Name: tkkform Theme
Theme URI: http://www.www.www/
Description: This is my tkkform theme.
*/

/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 13px;
	font-family: "Meiryo", "メイリオ", sans-serif;
	line-height: 1.7;
    word-break: break-all;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 　
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	zoom: 1;
	} 

html.osMac body, body.osMac {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	}

* {
	margin: 0;
	padding: 0;
	}

/* --------------------------------------------------
	テキスト
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, a { color: #333; font-weight: normal; }

h1 { font-size: 200%; margin: 0; }
h2 { font-size: 160%; margin: 0; }
h3 { font-size: 130%; margin: 0; }
h4 { font-size: 110%; margin: 0; }
h5 { font-size: 100%; margin: 0; }
h6 { font-size: 80%; margin: 0; }
	
p {
	font-size: 100%;
	line-height: 1.7;
	text-decoration: none;
	margin: 0 0 20px;
	padding: 0;
	clear: both;
	}

.bold {
	font-weight: bold;
	}

a {
	color: #3a7fcf;
	text-decoration: underline;
	}

a:link, a:visited {
	color: #3a7fcf;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #66a5ed;
	text-decoration: underline;
	}
	
div {
	color: #333;
	}
	
span {
	color: #333;
	}

.aka {
	color: #c00;
	}

.ao {
	color: #03c;
	}

.midori {
	color: #063;
	}
	
/* --------------------------------------------------
	リスト
-------------------------------------------------- */
li {
	list-style: none;
	}
	
/* --------------------------------------------------
	イメージ
-------------------------------------------------- */
img {
	border: none;
	margin: 0;
	padding: 0;
	}

	
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header {
	margin: 30px auto 25px;
	height: 45px;
	padding: 0;
	}

header #logo {
	padding: 0;
	margin: 0 auto;
	}
		
header .site-id {
	width: 280px;
	height: 45px;
	padding: 0;
	margin: 0 auto;
	}

header .site-id a {
	display: block;
	opacity: 1.0;
	}

header .site-id a:hover {
	opacity: 0.7;
	}

	
/* --------------------------------------------------
	コンテナ
-------------------------------------------------- */
#container {
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	width: 90%;
	}

#content {
	max-width: 680px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	}

#content h2 {
	font-size: 150%;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #0060af;
	border-top: 1px solid #0060af;
	border-bottom: 1px solid #0060af;
	}

#content h3 {
	font-size: 130%;
	font-weight: bold;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0 0 2px;
	
	}

/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	margin: 20px auto 0;
	padding: 0;
	border-top: none;
	}
	
#footer p {
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0 0 15px;
	}

#footer p.copy {
	font-size: 10px;
	}

/* --------------------------------------------------
	お問い合わせ
-------------------------------------------------- */
#form {
	height: auto;
	margin: 20px auto 20px;
	padding: 30px;
	background-color: #eee;
	border-radius: 7px;
	}

.wpcf7-form {
	margin: 0 auto;
	}

.wpcf7 p {
	padding: 0;
	margin: 0 auto 15px !important;
	line-height: 2.0;
	}

.wpcf7-form span.req {
	color: #aa0000;
	font-size: smaller;
	}

.input {
	float: right;
	width: 72%;
	margin: 0 0 10px;
	}

.wpcf7-select {
	padding: 0 10px 0 0;
	}

span.wpcf7-list-item { display: block; }

.cate p,.input p {
	margin: 0 0 20px;
	font-size: 100%;
	}

.wpcf7-form input.wpcf7-text {
	width: 96%;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	font-size: 100%;
	}

.wpcf7-form textarea {
	width: 96%;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	font-size: 100%;
	}

.wpcf7-form .submit {
	margin: 0 auto 0;
	cursor: pointer;
	width: 200px;
	border: none;
	box-shadow: none;
	line-height: 0;
}

.wpcf7-form .submit input {
	display: block;
	position: relative;
	background-color:#777;
	color: #fff !important;
	text-decoration: none !important;
	padding: 5px 20px;
	text-align: center;
	font-size: 100%;
	margin: 30px auto 0;
	cursor: pointer;
	width: 120px;
	line-height: 30px;
	border: none;
}

.wpcf7-form .submit input:hover {
	opacity: 0.7;
}

 /* テキストフォームの設定 */
.wpcf7-text,.wpcf7-textarea {
	color: #555;
	font-weight: normal;
	padding: 7px 2%;
	background-color: #fff;
	border: 2px solid #fff;
   }
   
 /* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus,.wpcf7-textarea:focus {
	background-color: #fff;
	border: 2px solid #ddd!important;
	box-shadow: none!important;
   }

.wpcf7 .wpcf7-select {
    width: 200px;
	height: auto;
	font-size: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	padding: 5px 2%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image: url(image/archive-arrow.jpg);
	background-repeat: no-repeat;
	background-position: right 2px center;
	background-size: 20px 20px;
	border: 1px solid #bbb;
  }

.wpcf7-form.invalid .wpcf7-response-output {color: #aa0000; border: none!important;text-align: center;}
.wpcf7-form.sent .wpcf7-response-output {color: #333; border: none!important;text-align:center;}