/*
Theme Name: Pantomime_Child
Template: pantomime
Theme URI: http://minimalwp.com
Description: PC、タブレット、スマートフォンと見ているデバイスに自動最適化されるレスポンシブデザインに対応したミニマルでシンプルなWordPressテーマです。トップページにはイメージスライダーと新着サムネイルギャラリーが並びます。またウィジェットエリアを多数設置しましたので、様々なパターンのレイアウトがドラッグ＆ドロップだけで構築できます。とびきりの写真やイラストでオリジナリティ溢れるトップページにしてください。ロゴ、メニュー、ウィジェットが、管理画面から簡単にカスタマイズできますので、HTMLの知識が無くてもオリジナルサイトが作れます。
Version: 1.0
Author: Minimal WP
Author URI: http://minimalwp.com
License:
License URI:
Text Domain: minimalwp
*/

@import url("../pantomime/style.css");

/* 各ページ共通の設定 START */
#nav {
	margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

.tmp_box_left {
	float: left;
}

.tmp_box_right {
	float: right;
}

.pagetitle,
.pagetitle a,
.pagetitle a:hover {/* 例：トップページタイトル文字色 投稿タイトル文字色*/
	color: #333;
}

#footer { /* フッター部分全体 */
	background: #a9a9a9;
}

.footerbox { /* フッター部分全体 */
	text-align: left;
}

.footerbox .widget {
	padding: 20px 0;
}

#nav_menu-22 { /* フッター部分 中央の文字も左詰め */
	text-align: left;
}

/* 各ページ共通の設定 END */

/* CSSハック Windows Macで表示違う対応 START */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance:button;
    border-radius:0;
    vertical-align:middle;
    text-align:center;
}
/* CSSハック Windows Macで表示違う対応 END */

/* 固定ページContactおよびコンタクトフォーム7の設定 START */
#fp_contact h2 {
	font-size: 18px !important;
	color: #888;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#fp_contact p {
	font-size: 14px;
}
#fp_contact th,
#fp_contact td {
	padding: 5px;
	border: 1px solid #ddd;
}

#fp_contact th {
	background: #f5f5f5;
	width: 20%;
	text-align: left;
	vertical-align: middle;
}

#fp_contact td>div {
	margin-top: 4px;
}

#fp_contact span.wpcf7-not-valid-tip {
	position: relative !important;
	margin-top: 2px;
	margin-left: 0.8em;
	left: 0 !important;
	border: 0px solid #ff0000 !important;
}

#fp_contact .c7_field1 {
	width: 100%;
	box-sizing: border-box;
}

#fp_contact .c7_required {
	font-size: 0.7em;
	color: #cc2200;
}

#fp_contact .c7_field_note {
	margin-bottom: 0;
	font-size: 0.86em !important;
}

#fp_contact .c7_submitbtn {
	margin: 1em 2em 1em auto;
	padding: 1em 0;
	width: 12em;
	font-size: 1.2em;
	height: 3.6em;
	color: #5a5a5a;
}

#fp_contact .c7_submitbtn:hover {
	background-color: #ffa500;
	color: #fff !important;
	background: linear-gradient(to bottom, #ffa500 0%, #ff8500 97%);
}

#fp_contact .c7_resetbtn {
	margin: 1em auto 1em 2em;
	padding: 1em 0;
	width: 12em;
	background-color: #f4f4f4;
	color: #aaa;
	border: 1px solid #ddd;
	font-size: 1.2em;
	height: 3.6em;
	text-align: center;
}

#fp_contact .c7_resetbtn:hover {
	background-color: #ffa500;
	color: #fff;
	background: linear-gradient(to bottom, #ffa500 0%, #ff8500 97%);
}

#fp_contact div.wpcf7-response-output {
	color: #CC2200;
}

#fp_contact div.wpcf7-mail-sent-ok {
	background: #00BB9B;
	border: 2px solid #00BB9B;
	color: #fff;
}

#fp_contact div.wpcf7-mail-sent-ng {
	background: #ff0000;
	border: 2px solid #ff0000;
}

#fp_contact div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

#fp_contact div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

#fp_contact_bottom {
	margin: 0;
	padding: 0;
	width: 100%;
}

#fp_contact .tmp_box_left {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: right;
}

#fp_contact .tmp_box_right {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: left;
}

/* 固定ページContactおよびコンタクトフォーム7の設定 END */

/* スマホ又は横幅767px以下の場合 START */
@media only screen and (max-width: 767px) {
	#fp_contact {
		margin: 0;
		padding: 0 2px;
	}

	#fp_contact br {display: inline;}

	#fp_contact table {
		display: block;
	}

	#fp_contact table th,
	#fp_contact table td {
		margin: 0 auto;
		width: 95% !important;
		display:block;
		border-top: none;
	}

	#fp_contact table tr:first-child th {
		border-top: 1px solid #ddd;
	}

	#fp_contact .c7_field2 {
		font-size: 0.8em;
		/* box-sizing: border-box; */
	}

	#fp_contact .tmp_box_left,
	#fp_contact .tmp_box_right {
	float: none;
	width: 100%;
	text-align: left;
	}

	#fp_contact .c7_submitbtn,
	#fp_contact .c7_resetbtn {
		margin: 1em;
		padding: 1em 0;
		font-size: 1.2em;
		width: 70%;
	}

	#fp_contact .c7_submitbtn {
		color: #5a5a5a;
		background-color: #c0c0c0;
	}

	#fp_contact .c7_resetbtn {
		color: #aaa;
		background-color: #f4f4f4;
	}
}
/* スマホ又は横幅767px以下の場合 END */