/*
 Theme Name: BusinessPress Child
 Template:businesspress
 Description: BusinessPress Child Theme
 Theme URI: https://businesspress.jp/theme/
 Author: BusinessPress
 Author URI: https://businesspress.jp/
 Version: 1.0.0
*/

/*****************************************
 * ContactForm7のテーブル化レスポンシブ調整
 *****************************************/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
	/*background: #eee;*/
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.2em 0.8em 0.1em 0.8em;
    background: #EA0027;
    border-radius: 3px;
}

/*ここから768px以下の指定*/

/*@media only screen and (max-width: 768px) {*/
@media screen and (min-width: 1000px) {
　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"], textarea {
	color: #000;
    border: 1px #AAA solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}

/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

.submit{
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding-left: 48px;
	margin: 2em 0;
}

/*送信ボタンスタイリング*/
.submit input[type="submit"] {
    padding: 1.0em 2.0em;
	border-radius: 5px;
    background: #860016;
    color: #fff;
    font-weight: bold;
}

/*送信ボタン・マウスオーバー時スタイリング*/
.submit input[type="submit"]:hover {
      background: #B7001E;
	  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

/*戻るボタンスタイリング*/
.submit input[type="button"] {
	border: 1px solid #860016;
    padding: 1.0em 2.0em;
	border-radius: 5px;
    background: #FFF;
    color: #860016;
    font-weight: bold;
}

/*送信ボタン・マウスオーバー時スタイリング*/
.submit input[type="button"]:hover {
      background: #FFEAED;
	  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
	border: none !important;
	color: #EA0027;
}

.wpcf7 form .wpcf7-response-output {
	padding: 0 !important;
	border: none !important;
	text-align: center;
}

/*****************************************
 * フッタースタイリング
 *****************************************/

.site-footer {
	background-color: #f4f4f4;
	padding: 2rem 0;
}

.site-credit { display:none !important; }

.footer-map-category {
	border-bottom: 1px solid #ccc !important;
}

.footer-widget-area {
	border: none;
	padding: 0;
}

.widget {
	font-size: 85%;
	color: #aaa;
	margin-bottom: 1rem;
}

.site-bottom {
	margin-top: 4rem;
	padding: 0;
	border: none;
}

.site-bottom-content {
	text-align: center;
}

.site-info {
	float: none;
	margin: 0;
	text-align: inherit;
}

/*****************************************
 * ヘッダースタイリング
 *****************************************/
.main-header-original{
	padding-top: 1em;
	padding-bottom: 1em	
}

/*****************************************
 * オブジェクトスタイリング
 *****************************************/

.justify-content-center{
	justify-content: center;
}

.justify-content-between{
	justify-content: space-between;
}

.align-items-start{
	align-items: flex-start !important
}

.align-items-end{
	align-items: flex-end !important
}

.align-items-center{
	align-items: center !important
}

.pad-none { padding: 0 !important; }
.pad-xsm { padding: 1.0em !important; }
.pad-sm { padding: 1.2em !important; }
.pad-md { padding: 1.6em !important; }
.pad-lg { padding: 1.8em !important; }

.gap--xsm { gap: 0.5em !important;}
.gap--sm { gap: 1.0em !important; }
.gap--md { gap: 1.5em !important; }
.gap--lg { gap: 2.0em !important; }

.w--25per { width: 25% !important;}
.w--50per { width: 50% !important;}
.w--75per { width: 75% !important;}
.w--100per { width: 100% !important;}
.w-max-540px { max-width: 540px !important;}

.m--auto { margin: auto !important;}
.mt--1em { margin-top: 1em !important;}
.mb--1em { margin-bottom: 1em !important;}

/*****************************************
 * 要素スタイリング
 *****************************************/

/* 役員テーブル */
.tbl-officer {}
.tbl-officer td:nth-of-type(1) { width: 100px; }
.tbl-officer td:nth-of-type(2) { width: 100px; }
.tbl-officer td:nth-of-type(3) {}

/* 外部監査テーブル */
.tbl-auditor {}
.tbl-auditor td:nth-of-type(1) { width: 50%; }
.tbl-auditor td:nth-of-type(2) { width: 50%; }

/* 2列テーブル */
.tbl-col--2 {}
.tbl-col--2 td:nth-of-type(1) { white-space: nowrap; min-width: 100px; }
.tbl-col--2 td:nth-of-type(2) { }

/*****************************************
 * テーマスタイリング
 *****************************************/

a { text-decoration: none; }
.text-caution {
	color: #EA0027;
}

/*****************************************
 * WM Memberフォームの上書きスタイリング
 *****************************************/

/* ショートコードフォームの上書き */
#wpmem_login, #wpmem_reg, .wpmem_msg {
	width: 100% !important;
	max-width: 540px !important;
	margin: auto !important;
}

/* ダイアログのメッセージブロック */
.wpmem_msg {
	text-align: left !important;
	background: none !important;
	border: none  !important;
}

/* ボタン */
#wpmem_login input[type="submit"],
#wpmem_reg input[type="submit"] {
	background-color: #860016;
	font-weight: bold;
	padding: 12px 24px;
	border-radius: 9999px;
}

#wpmem_login input[type="submit"]:hover,
#wpmem_reg input[type="submit"]:hover {
	opacity: 0.9;
}

/**************************
ログインIDのラベル(Email (Use your mission email address if applicable))を強制変更
#wpmem_login label[for="log"]{
	font-size: 0;
}
#wpmem_login label[for="log"]:before{
	font-size: 16px;
	content: 'メールアドレス' !important;
}
**************************/

.home-header-overlay{
	height: 360px;
	max-height: 360px;
	background-color: rgba(0,0,0,0.3) !important;
	display: flex;
	align-items: end;
	justify-content: flex-start;
}

.home-header-content {
	padding: 1em !important;
}

@media (min-width: 767px) {
	.home-header-overlay{
		height: 60vh;
		max-height: 60vh;
	}

	.home-header-content {
		margin: 0 0 52px 52px;
	}
}

.home-header-title {
	letter-spacing: 1px !important;	
	font-size: 32px !important;
}

.home-header-text {
	margin-top: 0 !important;
}

.home-header-button-main {
	margin: 1em 0 !important;
}

@media (max-width: 767px) {
	.home-header-text br {
		display: none;
	}
}

.jumbotron-title {
	letter-spacing: 2px !important;
}

/*****************************************
 * クエリループの最適化
 *****************************************/

/* クエリループのコンテナの左マージンを無効化 */
.wp-block-query .wp-block-post-template{
	margin-left: 0 !important;
}

/* クエリループの記事タイルグループのパディングを狭く */
.wp-block-query-tile-group{
	padding: 30px 12px 30px 12px !important;
}

/*****************************************
 * カスタム投稿サイドバーウィジェット
 *****************************************/

.widget-sidebar-title.widget-title{
	font-size: 1.75rem;
	color: #860016;
}