@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/

/* 以下の変更はすべてmsatによる */

/* =============================================
	home(front-page)
   ============================================= */
/* 基本の配色 */
body #header {
//	background-color: #256453 !important;
	background-color: #277649 !important;
}
	#gnav {
		background-color: #115151 !important;
	}
	#gnav ul#gnav-ul,
	#gnav ul#gnav-ul>li>a {
		background-color: #115151 !important;
	}
	#gnav ul#gnav-ul>li>a:hover,
	#gnav ul#gnav-ul>li>a:focus {
		background-color: #65a54f !important;
	}
	#gnav ul#gnav-ul>li.current-menu-item>a {
		background-color: #65a54f !important;
	}
	#header-fnav-area #header-fnav-btn a {
	//	background-color: #256453 !important;
		background-color: #277649 !important;
	}
	#header-nav-btn a {
	//	background-color: #256453 !important;
		background-color: #277649 !important;
	}
	/* ハンバーガーメニュー表示時 */
	@media (max-width: 767px) {
		#header-nav-btn a {
	//		background-color: #256453 !important;
			background-color: #277649 !important;
		}
	}

header.category_title,
div.footer-01 {
//	background-color: #256453 !important;
	background-color: #277649 !important;
}
div.footer-02 {
	background-color: #65a54f !important;
}
/*
	メンバー一覧：<span>～</span> をnowrap処理
*/
span.nowrap {
	text-align: justify;
	white-space: nowrap;
}
div.c_box_inner dd {
	text-align: justify;
}
.nowrap span,
div.c_box_inner dd>span>span {
	display: inline !important;
	line-height: 100% !important;
	padding: 0 !important;
	white-space: nowrap;
}

/* よく読まれている記事, サービス概要を消す */
body.home div#front-service,
body.home div#popular_post_content {
	display: none;
}
/* フラッグとクロックを消す */
body.home i.fa-flag,
body.home i.fa-check,
body.home i.fa-clock-o {
	display: none;
}
body.home h2.cont-title {
	padding-top: 1.5em;
}
/* メインビジュアルのテキストに影をつける */
div#main_visual div.wrap {
	text-shadow: 0 2px 12px black, 0 3px 12px black, 0 4px 12px black;
}
div#main_visual div.wrap h2 {
	margin-top: -80px;
	line-height: 150%;
}
/* 上部のヴェールイメージ */
div#content {
//	background-image: url( "/wp-content/uploads/2023/01/veil_bar01.png" );
	background-image: url( "/wp-content/uploads/2023/01/veil_left_top01.png" );
	background-repeat: no-repeat !important;
}
div.main-inner article,
header.post-header {
	background: rgba( 255,255,255,0.5 ) !important;
}
header.post-header h1 {
	text-shadow: 1px 2px 5px #fff;
}

/* 投稿ページのCTA色を変更 */

#content .post-cta {
	background-color:#58656e;
}
#main article .post-cta-btn .button {
	background-color:#ca6666;
	color:#fff !important;
	font-weight: bold;
}

/* =============================================
	サイドメニューデザインカスタマイズ
   ============================================= */
div#side button.wp-block-search__button {
	font-size: 1em;
}
div#side div#block-4 {
	display: none;
}
div#side li {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.7em;
	border: solid 1px silver;
	background-color: #f3f3f3;
	font-size: 12pt;
}
/* トップページ：見出しの突起を消す */
body.home .tri-border {
	display: none;
}
/* 上部セクションのヴェール装飾 */
body.home div#front-company header.front-cont-header,
body.home div#front-service header.front-cont-header {
	background-image: url( "/wp-content/uploads/2023/01/veil_bar02.png" ) !important;
	background-repeat: repeat-x !important;
	padding-top: 40px;
}
/* フッターセクションのヴェール装飾 */
body.home div#front-contact section#front-contents-1 {
	background-position: top center !important;
	width: 100%;
	background-image: url( "/wp-content/uploads/2023/01/veil_bar_rep156h.png" ) !important;
	background-repeat: repeat-x !important;
	background-color: black !important;
	background-color: #65a54f !important;
}
/* SNSアイコン脇のblockquoteを消す */
div.fb-xfbml-parse-ignore blockquote {
	display: none;
}
/* =============================================
	モーションギャラリーのサイドメニュー
	スイッチ閾値の設定
   ============================================= */
@media screen and (max-width: 1010px) {
}
/* =============================================
	テーマ標準のハンバーガーメニューを消す
	階層に対応していないため
   ============================================= */
@media screen and (max-width: 991px) {
	#header-nav-btn {
		display: none;
	}
	//
	// スマートホンでも人気記事を5項目表示
	//
	body.home .front-loop .popular_post_box.rank-4,
	body.home .front-loop .popular_post_box.rank-5,
	body.home .front-loop .popular_post_box.recent-4,
	body.home .front-loop .popular_post_box.recent-5 {
		display: block !important;
	}
}
/* =============================================
	page
   ============================================= */
/* 投稿ページのコメント数表示を消す */
li.comments {
	display: none !important;
}
/* H2装飾 */
#content .post-content h2 {
	background-image: url( "/wp-content/uploads/2023/01/veil_bar_rep156h.png" ) !important;
	border-left: solid 10px #fed5fe;
	text-shadow: 0 2px 12px black, 0 3px 12px black, 0 4px 12px black;
	padding: 12px 16px 6px 56px;
	max-width: 640px;
	line-height: 133%;
}
#content .post-loop-wrap header.post-header {
	padding-top: 24px;
	padding-bottom: 24px;
}
#content .post-loop-wrap h2 {
	font-size: 26px;
}
/* ぶら下げインデント */
.hanging10em {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.hanging70em {
	padding-left: 7em;
	text-indent: -7em;
}
/* read more */
a.more-link-a {
	text-align: right;
	display: block;
}
/* nothing */
.none {
	display: none;
}
/* center */
.center {
	text-align: center;
}
/*YouTube動画の中央配置*/
.wp-block-embed-youtube div {
	text-align: center;
}
/* =============================================
	主催／共催 装飾
   ============================================= */
/* smaller */
dl[id^="front-company-"] strong {
	font-size: smaller;
}
/* =============================================
	協賛 (Waldorf100 compatible)
   ============================================= */
	div.banner_frame_large {
		width: 100%;
		min-width: 428px;
		border: solid 1px silver;
		margin-top: 24px;
		margin-bottom: 12px;
		padding: 12px;
	}
	div.banner_frame_mid {
		width: 100%;
		border: solid 1px silver;
		margin-bottom: 12px;
		padding: 12px;
	}
	div.banner_frame_text {
		padding: 1em;
		width: 100%;
		line-height: 200%;
		text-align: center;
/*		font-size: larger;*/
		font-weight: bold;
		border: solid 1px silver;
	}
	div.banner_mid {
		max-width: 324px;
		padding: 12px;
/*		height: 99px;*/
		height: auto;
		border: solid 1px #cc6;
		border-radius: 6px;
		margin-left: 12px;
		margin-bottom: 12px;
		float: left;
	}
	div.banner_large {
		max-width: 624px;
		min-width: 360px;
		padding: 12px;
		height: auto;
		border: solid 1px #cc6;
		border-radius: 8px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 12px;
	}
	div.banner_mid img, div.banner_large img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
/* =============================================
	画面幅400px以下のスマホに最適化
	H2, H3のサイズとレイアウト
   ============================================= */
@media screen and (max-width: 500px) {
	div.main-inner h2 {
		font-size: 1.3em !important;
		padding-left: 1em !important;
	}
	div.main-inner h3 {
		font-size: 1.2em !important;
		padding-left: 0 !important;
	}
}
/* プロジェクトページ専用 */
blockquote#project_catch_quote01 {
	background-image: url( "/wp-content/uploads/2023/02/orchestra_fig03_back.png" );
}
blockquote#project_catch_quote01 p {
	color: black;
	text-shadow: 0 0 12px white, 0 0 12px white, 0 0 12px white;
}
/* コラム column:パディング border:枠 */
div.column {
	padding: 1em 1.5em 0.3em 1.5em;
}
div.border {
	border: solid 1px silver;
	border-radius: 20px;
}

/* 引用枠を左右に振る */
blockquote.wp-block-quote cite {
	max-width: 70%;
	font-size: 90%;
}
@media screen and (min-width: 500px) {
	blockquote.wp-block-quote.leftsection {
		margin-right: 4em;
	}
	blockquote.wp-block-quote.rightsection {
		margin-left: 4em;
	}
}

	/* pの終わりとcuteの頭がかぶる問題回避 */
	blockquote.wp-block-quote cite {
		display: block;
		position: static;
		margin-left: 30%;
	}

@media screen and (max-width: 500px) {
	article.page .post-content {
		padding: 12px;
	}
	/* 画像のテキスト回り込みを解除 */
	.wp-block-image figure.alignright,
	.wp-block-image figure.alignleft {
		float: none;
		margin: 0.5em auto 0.5em auto;
	}
	/* 引用枠を左右に振るのを停止 */
	blockquote.wp-block-quote.leftsection {
		margin-right: 0.5em !important;
	}
	blockquote.wp-block-quote.rightsection {
		margin-left: 0.5em !important;
	}
	/* テキストを引用符の下に回り込ませる */
	blockquote.wp-block-quote {
		padding: 70px 20px 35px 20px;
	}
	ul.veil {
		margin-left: 0.5em;
	}
}
figcaption.wp-element-caption {
	text-align: center;
	font-size: smaller;
}

/* プロフィールページ */
div.member_closeup img {
	border-radius: 50%;
	max-width: 180px;
	max-height: 180px;
}
div.member_closeup h6 {
	font-size: smaller;
	margin-top: 0.2em;
	margin-bottom: 0;
	text-decoration: bold;
}
div.member_closeup ul,
div.member_closeup p {
	font-size: smaller;
	margin-top: 0;
	margin-bottom: 0;
}
div.member_closeup ul {
	margin-left: 0;
}
div.member_closeup ul>li {
	padding-left: 0;
}
/* =============================================
	ul>li デザイン
   ============================================= */
ul.veil {
	display: inline-block;
}
ul.veil>li {
	list-style: url( "/wp-content/uploads/2023/02/check15.png" );
	padding-bottom: 6px;
	background-image: url( "/wp-content/uploads/2023/02/underline_shadow02.png" );
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 6px;
}
ul.veiltrans>li {
	list-style: url( "/wp-content/uploads/2023/02/check15.png" );
	padding-bottom: 6px;
	font-weight: bold;
}
a.wp-element-button {
	color: #fff0f5 !important;
	background-image: url( "/wp-content/uploads/2023/01/veil_bar_rep156h.png" ) !important;
	box-shadow: 3px 3px 7px #333;
	margin-bottom: 0.5em;
}
/* =============================================
	画像まるく切り抜き
   ============================================= */
div.circle_style img {
	border-radius: 50%;
}
/* =============================================
  イベント一覧テーブルのCSSは記事内に移動しました
   ============================================= */

/* =============================================
	埋め込み地図
   ============================================= */
.map {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* =============================================
	common
   ============================================= */
.larger {
	font-size: larger;
}
.smaller {
	font-size: smaller;
}
.inline_contact_form {
	padding: 1.5em;
}
/* トップマージン */
h2.margintop20em,
.margintop20em {
	margin-top: 2em;
}
.marginbottom20em {
	margin-bottom: 2em;
}
/* インデント */
.indent20em {
	margin-left: 2em;
}
.indent40em {
	margin-left: 4em;
}
.padding20em {
	padding-left: 2em;
}
.padding40em {
	padding-left: 4em;
}
/* 角丸コラム */
.kakumaru-box,
.profile-box {
	padding: 0 !important;
}
.kakumaru-box .wp-block-group__inner-container,
.profile-box .wp-block-group__inner-container {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #95ccff;
	border-radius: 8px;
}
.profile-box .wp-block-group__inner-container::before {
	content:"PROFILE";
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 8px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #95ccff;
}
.kakumaru-box .wp-block-group__inner-container p {
	margin-bottom: 0;
}
.profile-box .wp-block-group__inner-container p {
	margin: 0; 
	padding: 0;
}
.profile-box .wp-block-group__inner-container ul {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0;
	padding-bottom: 0;
}
/*.kakumaru-box {
	padding: 0 !important;
}
.kakumaru-box .wp-block-group__inner-container {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #6091d3;
	background: #FFF;
	border: solid 3px #6091d3;
	border-radius: 10px;
}
.kakumaru-box .wp-block-group__inner-container p {
	margin: 0; 
	padding: 0;
}
*/
/* フッターアドレスセクションを左に揃える */
div.footer_msg {
	text-align: left;
}
/* 記事のアイキャッチサムネイルの大きさを固定する:トップページ */
article.popular_post_box div.post-thumbnail img {
	height: 140px !important;
	object-fit: cover;
}
/* 記事のアイキャッチサムネイルの大きさを固定する：カテゴリ／マンスリーリスト */
body.archive div.post-thumbnail img {
	height: 220px !important;
	object-fit: cover;
}
/* 投稿者欄・コメント欄を非表示 */
div.comments-area,
aside.post-author {
	display: none;
}
/* 会社情報欄を非表示 */
//div#front-company {
//	display: none;
//}
//dl#front-company-1 dt{
//	display: none;
//}
//dl#front-company-1 dd{
//	border: none;
//}
//dl#front-company-1{
//	border-top: solid #ddd 1px;
//}
/* =============================================
	ContactForm7 投稿後フォームを閉じる
   ============================================= */
form.sent p{
	display: none;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	text-align: center;
	background-color: white;
	color: maroon;
	font-weight:bold;
	font-size:120%;
	padding:20px;
	border-radius: 12px;
}