/* BDGカスタマイズ用CSS */
/* Date : 2020/02/24 */
/* Update : 2020/08/10 */
/* Update : 2020/10/19 */
/* Update : 2020/11/30 */
/*** 文頭にアイコン画像付き文章用スタイル ***/
.wp-block-columns img {
	max-width:100px;
	width:100%;
	height:auto;
}
/* 2段組ブロックの段落ちブレークポイント変更 */
/* これを設定しないと、中途半端に落ちてしまうため */
@media (min-width: 600px) {
 .wp-block-columns {
  flex-wrap:nowrap;
 }
}
@media (max-width: 600px) {
 .wp-block-columns .wp-block-column:first-child {
  flex-basis:20% !important;
 }
 .wp-block-columns .wp-block-column:last-child {
  flex-basis:calc(80% - 20px) !important;
	margin-left:20px;
 }
}

/*** ボタンひな形用スタイル ***/
/* 暫定のホバー効果 */
.bgd-l001 a:hover {
	background-color:#969696;
}

/*** ウィジェットカスタマイズ ***/
/* SNSタイトル背景色 */
#custom_html-4 h3 {
	background-color:#1DA1F2;
}
/* 検索タイトル背景色 */
#search-5 h3 {
	background-color:#127EBE;
}
/* 検索フォーム用スタイル */
form.BGD-searchform {
  position: relative;
}
form input.BGD-searchfield {
  font-size: 14px;
  width: 100%;
  margin: 3px 0;
  padding: 10px;
  border: solid 1px #bbb;
  border-radius: 4px;
  background-color: #efefef;
}
form input.BGD-searchsubmit {
  position: absolute;
  top: 50%;
  right: 15px;
  transform:translate(0, -50%);
  padding: 0;
  font-family: FontAwesome;
  font-size: 1.6em;
  cursor: pointer;
  color: #127EBE;
  border: none;
  background: transparent;
}
form input.BGD-searchsubmit:hover {
  opacity: 0.7;
}

/* 検索結果ページ用スタイル */
h2.BGD-result-title {
  margin-bottom:50px;
  text-align:center;
  font-size:4rem;
  font-weight:bold;
  line-height:1.4;
}
.BGD-article-extext {
	margin-top:5px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	font-size:14px;
}

/* Edge,IEでテキストボックスの右端に×ボタンが出るのを回避 */
#search-5 form input[type=text]::-ms-clear {
  display: none;
}

/* ↓202008-09 Google ADS広告対応 */
/* 20200822 トップページ記事一覧2段 GoogleADS、PC非表示対応 */
main .bgd08-ads2lst {
 display:none;
 margin-top:20px;
 padding-bottom:20px;	
 border-bottom:1px solid #ccc;
}
@media (max-width: 767px) {
 main .bgd08-ads2lst {
  display:block;
 }
}

/* 20200823 トップページ記事一覧1段 GoogleADS、PC非表示対応 */
main .bgd08-ads1lst {
 display:none;
 margin-top:20px;
 padding-bottom:20px;	
 border-bottom:1px solid #ccc;
}
@media (max-width: 767px) {
 main .bgd08-ads1lst {
  display:block;
 }
}

/* 20201130 右サイドバー最上段 GoogleADS、SP非表示対応 */
aside #custom_html-10 {
 display:block;
}
@media (max-width: 767px) {
 aside #custom_html-10 {
  display:none;
 }
}

/* 20200912 右サイドバー最下段 GoogleADS、SP非表示対応 */
aside #custom_html-12 {
 display:block;
 text-align:center; /* 20201130 センタリング */
}
@media (max-width: 767px) {
 aside #custom_html-12 {
  display:none;
 }
}

/* 20200913 記事詳細ページ記事下 GoogleADS、表示対応 */
/* PC用2段組表示 */
main .bgd-ads800-51 {
 display:block;
}
@media (max-width: 767px) {
 main .bgd-ads800-51 {
  display:none;
 }
}
main .bgd-ads800-51 ul.bgd-ads-2list {
	font-size:0;
}
main .bgd-ads800-51 ul.bgd-ads-2list li {
	display:inline-block;
	width:calc((100% - 20px) / 2);
	margin-left:20px;
	vertical-align:top;
	font-size:16px;
}
main .bgd-ads800-51 ul.bgd-ads-2list li:first-child {
	margin-left:0;
}
/* SP用1段組表示 */
main .bgd-ads800-61 {
 display:none;
}
@media (max-width: 767px) {
 main .bgd-ads800-61 {
  display:block;
 }
}
/* 20200913 記事詳細ページ関連記事内 GoogleADS、表示対応 */
/* 表示数4を6にアップにて、5列以降のマージンバグ対処 */
#page-single .relation_article_list.article_list_col2 .article {
	margin-left:4%;
}
#page-single .relation_article_list.article_list_col2 .article:nth-child(3),
#page-single .relation_article_list.article_list_col2 .article:nth-child(5),
#page-single .relation_article_list.article_list_col2 .article:nth-child(8) {
	margin-left:4%;
}
#page-single .relation_article_list.article_list_col2 .article:nth-child(1),
#page-single .relation_article_list.article_list_col2 .article:nth-child(4),
#page-single .relation_article_list.article_list_col2 .article:nth-child(7) {
	 margin-left:0;
}

@media (max-width: 767px) {
 #page-single .relation_article_list.article_list_col2 .article {
	 margin-left:0 !important;
 }
}

/* SPのみ表示 */
main .bgd-ads800-71 {
 display:none;
}
@media (max-width: 767px) {
 main .bgd-ads800-71 {
  display:block;
 }
}
/* ↑202008-09 Google ADS広告対応 */

/* 20200917-右サイドウィジェット、各バナー間隔狭く 50px→20px */
aside .aside_box {
	margin-top:20px;
}
@media only screen and (max-width: 767px) {
 aside .aside_box {
	margin-top:20px !important;
 }
}
/* 20200810-記事詳細ペーシでSP表示時、右サイドバーの最上部の余白の補正 */
/* 記事詳細ページ（single.php）のみ適用 */
/* mainのMbottom:40px+sec_relationのPbottom:20px+articleのMbottom20px=80px→30pxに */
@media (max-width: 767px) {
  #page-single aside.aside {
	  margin-top:-50px;
  }
}
/* 20200918-SP時、メインコンテンツと右サイドウィジェット間の間隔が空きすぎるのを40pxに統一 */
/* 固定ページ、会社案内（id40）、事業内容（id54）のみ適用 */
@media (max-width: 767px) {
 body.page-id-40 aside  {
   margin-top:-20px;
 }
 body.page-id-54 aside  {
   margin-top:-40px;
 }
}

/* 20200813-記事詳細ページの記事内画像において、縦横比が崩れる対応 */
#page-single .wp-block-image img {
	height:auto;
}

/* 20200915-記事詳細ページのYouTube投稿において、上部余白が大きくなるのを防止 */
/* WordPress5.1.1の問題点? */
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
	padding-top:0;
}

/* トップ1段組部分タグ文字列が、投稿者と重なる問題対応 2020/10/16 */
/* 左の画像がこの部分の高さを決めているため、画像の高さが低く、タイトル文が長い場合などに発生する */
/* 画像の最低高を規定しての対処方法 ～全ページ適用 */
@media (min-width: 768px) {
 body .twoColumnContents .sec_article .article_list article .article_img img {
	min-height:173px;
 }
}

/* 2020/10/25 「埋め込みブロック」により他ページ貼付時の下部余白縮小対応 */
/* 何もせず適用すると、YouTube動画貼り付けも影響を受けて、画面サイズが小さくなるため、追加classを適用して影響を局所化 */
figure.bgd000-embed {
	margin-bottom:0;
}
figure.bgd000-embed .wp-block-embed__wrapper .youtube {
	padding-top:38%;
}
@media (max-width: 767px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:300px;
 }
}
@media (max-width: 600px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:360px;
 }
}
@media (max-width: 510px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:400px;
 }
}
@media (max-width: 440px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:460px;
 }
}
@media (max-width: 420px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:480px;
 }
}
@media (max-width: 390px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:500px;
 }
}
@media (max-width: 360px) {
 figure.bgd000-embed .wp-block-embed__wrapper .youtube {
  padding-top:570px;
 }
}

/* 右サイドバナー配置変更 20201130 */
aside #custom_html-7 h3 {
	background-color:#ff008c;
}
aside #custom_html-8 li.aside_bnr_list_item a img { /* 高さ（縦横比）固定化 */
	height:220px;
}
aside ul.aside_bnr_list li a .bgd-bnrtext {
	margin-top:5px;
	line-height:1.2;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}
aside ul.aside_bnr_list li a:hover .bgd-bnrtext {
	color:#0f65ef;
}

/* 記事詳細ページ文字体裁 20210619～ */
@media only screen and (min-width: 768px) {
	/* PC時の文字間隔 */
	.detail_article_contents p	{
		letter-spacing:0.8px;
	}
}