/*
Theme Name:haku_tcd80_子テーマ
Theme URI:
Description:WordPressテーマの自作子テーマです。
Template:haku_tcd080
Author:
Author URI:
Version:0.0.1
*/

/*共通*/
    /*Gメニュー*/
.pc .header_fix #fixed_header_logo a, .pc .header_fix #global_menu > ul > li > a{
	padding:0 12px !important;
}
	/*テーブル*/
		.post_content td, .post_content th{
			vertical-align:middle;
		}
	/*ギャラリー*/
		.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
			font-weight: bold;
    		line-height: 1.5em;	
			box-sizing: border-box;
			background:linear-gradient(0deg,rgba( 0, 84, 131),rgba(255,255,255,.3) 90%,transparent);
		}
		/*見出し*/
			h2.catch , h4.catch{
				color:#005483 ;
			}


/*TOPぺージ*/
	/*制作体験*/
		.home #contents_builder .num3 .content{
			background: #005483 ;
		}
		.home .num3 .content h4, .home .num3 .content .desc{
			color:#ffffff;
		}
	/*メディア掲載一覧*/
		.home #contents_builder .num4 .content{
			background: #74B3B1;
		}
		 .home .num4 .content h4, .home .num4 .content .desc{
			color:#ffffff;
		}
	/*取り扱い一覧*/
		.home #contents_builder .num5 .content{
			background: #7EB2E5;
		}
		 .home .num5 .content h4,.num5 .content .desc{
			color:#ffffff;
		}
	/*職人紹介*/
		.home #contents_builder .num6 .content{
			background: #005483;
		}
		 .home .num6 .content h4, .home .num6 .content .desc{
			color:#ffffff;
		}
/*会社概要・歴史*/
	/*歴史テーブル*/
		table.history th{
			white-space: nowrap;
		}
		@media screen and (max-width: 750px){
			table.history th,.history  td {
				display:block;
				width:100%;
				box-sizing: border-box;
			}
			table.history td.history-i{
				text-align:center;
			}
		}

/*投稿：ブログ・お知らせ*/
.p-dropdown__title{
	background:#005483;
}
#post_title_area .category a{
	background:#005483 !important;
}
#next_prev_post a,#next_prev_post a{
	background:#005483 !important;
}
#post_list1 .category a{
	background:#005483 !important;
}

/*お問い合わせフォーム*/
.cform th {
	font-size: 14px;
	width:  30%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0 10px 15px;
	font-weight: normal;
}

.cform td {
	font-size: 14px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 5px;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	border-style: solid;
	border-width:1px;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
}

.submit-btn input  , p input{
	background: #005483;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #005483 solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
	border-radius:5px;
}

.submit-btn input:hover , p input {
	background: #fff;
	color: #005483;
}