@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** ■基本表示
************************************/
body { /*全体の背景*/
  color: #000; /*フォントの色*/
/*  background-image:  repeating-radial-gradient(circle at 0 0, transparent 0, #F0F6FC 30px), repeating-linear-gradient(#E2F2FB, #F0F6FC)!important; /*背景デザイン*/
/*  background: -webkit-repeating-linear-gradient(-135deg,#fff 0,#F0F6FC 15px,#fff4f9 15px,#F4F8FD 35px)!important; /*背景デザイン 斜めライン グラデーション付き*/
/*  background: -o-repeating-linear-gradient(-135deg,#fff 0,#F0F6FC 15px,#fff4f9 15px,#F4F8FD 35px)!important;*/
/*  background: repeating-linear-gradient(-135deg,#fff 0,#F0F6FC 15px,#fff4f9 15px,#F4F8FD 35px)!important;*/
/*  background: #F0F6FC!important;*/
/*  background: #f6f6f6!important; /*f9f9f9 FFFDFD*/
/*  background: #f8f8f8!important;*/
  background: #fff!important;

  animation: fadein 1.6s ease 0s 1 normal; /*ページ表示時にフェードイン処理*/
  -webkit-text-size-adjust:100%; /*iPhoneでサイトのレイアウトが崩れたときの対応*/
}

@keyframes fadein { /*フェードインアニメーション処理内容*/
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*デフォルトリンク*/
a {
  color: #0D5CA2;
}
a:hover {
  color: #0A4D89;
}
#main a {
  font-weight: bold; /*メインエリア リンク文字を強調*/
  text-decoration: none;
}
#main a:hover {
  text-decoration: underline;
}

.container { /*コンテンツ部分の背景色*/
  background: #fff;
}
/************************************
** ●見出しカスタマイズ(h1-6)
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  font-size: 22px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: -8px -8px 20px -8px; /*外側余白設定*/
  padding: 16px 7px 16px 36px; /*内側余白設定*/
  line-height: 30px; /*行の高さ*/
  border-radius: 0 6px 6px 0; /*角丸コーナー*/
  border: 1px solid rgba(15,115,202,0.8); /*枠線*/
  border-left: 1px solid #0F73CA;
/*  border: 2px solid #0F73CA; /*枠線*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
  text-shadow: 2px 1px 3px #aaa; /*フォント影追加*/
}
.article h1::after {
/*  position: absolute;
  top: 0.2em;
  left: 0.6em;
  content: '';
  width: 10px;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  background-color: #0F73CA;
  border-radius: 3px;*/

  position: absolute;
  top: 0; /*0.3*/
  left: 0;
  content: '';
  width: 24px;
  height: -webkit-calc(100% - 0em);
  height: calc(100% - 0em);
  background-color: rgba(15,115,202,0.8);
  border-radius: 0;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .article h1{ /*見出し１（タイトル）カスタマイズ*/
      font-size: 20px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .article h1{ /*見出し１（タイトル）カスタマイズ*/
    font-size: 20px;
  }
}

.article h2 { /*見出し2カスタマイズ*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  font-size: 20px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px; /*外側余白設定*/
  padding: 14px 7px 12px 24px; /*内側余白設定 14px 4px 12px 30px*/
  line-height: 27px; /*行の高さ*/
/*  border-radius: 0 4px 4px 0; /*角丸コーナー*/
  border-radius: 0 12px 12px 0; /*角丸コーナー*/
  border: 1px solid rgba(15,115,202,0.8); /*枠線*/
  border-left: 1px solid #0F73CA; /*左ラインの太さとカラー*/
}
.article h2::after {
/*  position: absolute;
  top: 0.3em;
  left: 0.5em;
  content: '';
  width: 8px;
  height: -webkit-calc(100% - 0.5em);
  height: calc(100% - 0.6em);
  background-color: #0F73CA;
  border-radius: 2px;*/

/*  content: "";
  position: absolute;
  top: 47%;
  left: 0;
  width: 18px;
  height: 10px;
  margin-top: -3px;
  background-color: #0F73CA;*/
  
  position: absolute;
  top: 0; /*0.3*/
  left: 0;
  content: '';
  width: 16px;
  height: -webkit-calc(100% - 0em);
  height: calc(100% - 0em);
  background-color: rgba(15,115,202,0.8);
  border-radius: 0;
}

.article h3{ /*見出し３カスタマイズ*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  font-size: 18px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 8px 7px 7px 20px; /*内側余白設定*/
/*  padding: 9px 7px 9px 10px;*/
  border-left: 6px solid rgba(15,115,202,0.8); /*左ラインの太さとカラー*/
  border-bottom: 3px solid rgba(15,115,202,0.8); /*アンダーラインの太さとカラー*/
  border-right: 2px solid rgba(15,115,202,0.3); /*右ラインの太さとカラー*/
  border-top: 2px solid rgba(15,115,202,0.3); /*上ラインの太さとカラー*/
  line-height: 30px; /*高さ*/
  border-radius: 3px 16px 6px 18px;
/*  border-radius: 2px; /*角丸コーナー*/
}

.article h4{ /*見出し４カスタマイズ*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 8px 7px 7px 20px; /*内側余白設定*/
/*  padding: 8px 7px 8px 10px;*/
  border-left: 3px solid rgba(15,115,202,0.8); /*左ラインの太さとカラー*/
  border-bottom: 2px solid rgba(15,115,202,0.8); /*アンダーラインの太さとカラー*/
  border-right: 1px solid rgba(15,115,202,0.3); /*右ラインの太さとカラー*/
  border-top: 1px solid rgba(15,115,202,0.3); /*上ラインの太さとカラー*/
  line-height: 24px; /*高さ*/
  border-radius: 3px 14px 4px 16px;
/*  border-radius: 2px; /*角丸コーナー*/
}

.article h5{ /*見出し５カスタマイズ*/
/*  background: #E2F2FB; /*背景カラー #F4F8FD*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #BAD7F0, #BAD7F0 3px,#F0F6FC 3px, #F0F6FC 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.3), rgba(147,192,231,0.6), rgba(147,192,231,0.6), rgba(147,192,231,0.3)); /*目次タイトル背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 4px; /*文字間隔*/
  margin: 35px 6px 27px 6px;
  padding: 7px 5px 5px 5px;
  border: 2px solid rgba(15,115,202,0.6); /*周囲ラインの太さとカラー*/
  line-height: 20px; /*高さ*/
  text-align: center; /*文字位置中央*/
  border-radius: 10px; /*角丸コーナー*/
/*  box-shadow: 3px 3px 2px rgba(0,0,0,0.3); /*シャドー*/
}

.article h6{ /*見出し６カスタマイズ*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 25px; /*高さ*/
/*  background-color: #BAD7F0; /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.3)); /*タイトル背景カラー*/
  border-radius: 10px; /*角丸コーナー*/
/*  border-left: none;*/
}
.article h6::after{ /*見出し６の逆三角部分のカスタマイズ*/
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 13px solid rgba(147,192,231,0.6);
}


/************************************
** ●カテゴリー／アーカイブ見出しカスタマイズ
************************************/
#archive-title{
/*  padding-bottom:8px; /*下に余白*/
/*  font-size: 22px; /*フォントサイズ*/
/*  text-align: center; /*文字位置中央*/
/*  letter-spacing: 4px; /*文字間隔*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  font-size: 22px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: -8px -8px 20px -8px; /*外側余白設定*/
  padding: 14px 4px 14px 42px; /*内側余白設定*/
  line-height: 30px; /*行の高さ*/
  border-radius: 6px; /*角丸コーナー*/
  border: 1px solid rgba(15,115,202,0.8); /*枠線*/
  text-shadow: 2px 1px 3px #aaa; /*フォント影追加*/
}
#archive-title::after {
  position: absolute;
  top: 0.3em;
  left: 0.6em;
  content: '';
  width: 10px;
  height: -webkit-calc(100% - 0.6em);
  height: calc(100% - 0.6em);
  background-color: #003579;
  border-radius: 6px;
}


/************************************
** ●関連記事見出しカスタマイズ
************************************/
/*ウィジェットの見出し(タイトル)のカスタマイズ に統合*/


/************************************
** ●関連記事カスタマイズ
************************************/
.related-entry-card-wrap.a-wrap.cf{ /*下余白クリア*/
  margin-bottom:0px;
  padding-bottom:0px;
}
.related-entry-card-content.card-content.e-card-content{ /*カード下余白設定*/
  padding-bottom:0px; /*20px*/
}
.related-entry-card-title.card-title.e-card-title{
  font-size: 14px; /*フォントサイズ*/
  height: 100px!important; /*メニュー縦幅設定 40px*/
  display: flex;
/*  align-items: center; /*縦中央寄せ*/
  padding-top:10px; /*20px*/
  margin-bottom: 0!important;
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.rect-vertical-card-4 a:hover {
  text-decoration: none!important;
}
.rect-vertical-card-4 .related-list {
  row-gap: 0.07em;
}
/* スマホでのフォントサイズと下余白 */
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .related-entry-card-title.card-title.e-card-title{
    font-size: 14px;
    height: 90px!important; /*メニュー縦幅設定 40px*/
  }
  .related-entry-card-content.card-content.e-card-content{
    padding-bottom:0px;
  }
  .rect-vertical-card-4 .related-list {
    row-gap: 0;
  }
}


/************************************
** ●関連記事のアイキャッチ画像カスタマイズ
************************************/
.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
  border-radius: 4px!important;/*角丸コーナー*/
/*  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)!important;/*シャドー*/
  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
  box-shadow: 0 10px 8px -6px #8d8c8c;
}


/************************************
** ●サイドバータイトル（見出し）／スライドイン時タイトル（見出し）／Googleアドセンス広告タイトル(見出し)　カスタマイズ
************************************/
.footer-title, /*■*/
.sidebar .ad-label,
#sidebar-menu-content h3,
#sidebar h3{
  position: relative;
/*  color: #333; /*フォントカラー*/
  color: #fff; /*フォントカラー*/
/*  background:linear-gradient(to top, #0D5CA2, #BAD7F0)!important;*/
/*  background:linear-gradient(to top, rgba(15,115,202,1), rgba(15,115,202,0.4))!important;*/
    background:linear-gradient(to top, rgba(10,77,137,1), rgba(15,115,202,0.5))!important;
/*  background:linear-gradient(to top, #BAD7F0, #0F73CA, #BAD7F0)!important;
/*  background:linear-gradient(to top, #BAD7F0, #0F73CA, #0F73CA, #BAD7F0)!important;
/*  background: -webkit-repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 900; /*文字強調*/
  letter-spacing: 3px; /*文字間隔*/
  text-align: center; /*文字位置中央 center*/
  margin: 10px 0px 20px 0px;
  padding: 12px 3px 6px 3px;
/*  border-top-right-radius: 40px; /*右上角丸コーナー*/
/*  border-top-left-radius: 40px; /*左上角丸コーナー*/
/*  border-bottom-right-radius: 10px; /*右下角丸コーナー*/
/*  border-bottom-left-radius: 10px; /*左下角丸コーナー*/
/*  order-radius: 16px 60px/5px 16px 16px; /*角丸コーナー*/
/*  border-radius: 16px 16px 4px 4px; /*角丸コーナー*/
  border-radius: 2px 60px/5px 16px 16px; /*角丸コーナー*/
  line-height: 82%;
/*  border: 1px solid #0F73CA!important;*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
}
.footer-title::after, /*■*/
.sidebar .ad-label::after,
#sidebar-menu-content h3::after,
#sidebar h3::after {
  position: absolute;
  bottom: 0;
  left: 4.0em;
  content: '';
  height: 4px; /*8*/
  width: -webkit-calc(100% - 8.0em); /*8.0em*/
  width: calc(100% - 8.0em); /*8.0em*/
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .footer-title, /*■*/
  .sidebar .ad-label::after,
  #sidebar-menu-content h3::after,
  #sidebar h3::after {
    left: 2.64em; /*3.81em*/
  }
}


/************************************
** ●サイドバー／スライドインボタン カスタマイズ
************************************/
#sidebar-menu-content .widget,
#sidebar .widget{
  margin-top: 46px; /*上隙間設定 36px*/
  margin-bottom: 35px; /*下隙間設定*/
  line-height: 120%; /*行の高さ指定*/
}
.sidebar-menu-content.nwa.cf,
.sidebar.nwa.cf{
  padding-top: 0; /*サイドバートップに広告表示時の上側余白設定 20px*/
}


/************************************
** ●コンテンツ領域の上下間調整
************************************/
.content {
  margin-top: 0; /*ヘッダーとコンテンツ間の縦幅 40px*/
  margin-bottom: 0; /*フッターとコンテンツ間の縦幅 40px*/
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .content {
    margin-top: 0; /*ヘッダーとコンテンツ間の縦幅*/
    margin-bottom: 0; /*フッターとコンテンツ間の縦幅*/
  }
}
.content-top {
  margin: 2.4em 0 0 0;
}
.content-bottom {
  margin: 1em0 0 3em 0;
}
/************************************
** ●コンテンツ領域の左右にライン
************************************/
.content-in {
/*  border-right: 1px solid #93C0E7!important; /*右線 masaline 境縦線*/
/*  border-left: 1px solid #93C0E7!important; /*左線 masaline 境縦線*/
}


/*****************************
** ●エントリー記事内の画像に影を付ける
*****************************/
.shadow1{
/*  box-shadow: 5px 5px 5px #999;*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
  box-shadow: 0 10px 8px -6px #8d8c8c;*/
  border-radius: 6px; /*角丸コーナー*/
  box-shadow: 0 0 4px #eaeaea;
}
.shadow2 {
  box-shadow: 0 0 4px #eaeaea;
}

/*****************************
** ●記事中の画像に枠を表示する場合は、class="border"を指定する
*****************************/
.border{
  border: 1px solid #ccc !important;
}


/************************************
** ●行間と改行幅 カスタマイズ
************************************/
.entry-content p {
  line-height: 2.0; /*行間*/
  margin: 0 0 0.8em; /*改行幅*/
}


/*****************************
** ●キーボードキー風の影を消す
*****************************/
.keyboard-key{
  box-shadow: none;
}


/************************************
** ●リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}
.post a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}
.share-button{ /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
  text-decoration: none!important;
}
.blogcard-wrap.external-blogcard-wrap.a-wrap.cf,
.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf { /*ブログカード装飾無し*/
  text-decoration: none!important;
}


/*****************************
** ■目次カスタマイズ
*****************************/
#main .toc {
  display: block;
/*  border: 1px solid #0F73CA!important; /*全体の枠線の色*/
  border: none;
/*  font-size: 14px; /*フォントサイズ*/
  line-height: 1.7; /*行の高さ指定*/
  padding: 0.5em 1.5em 1.2em 1.5em;
  margin-top: 4em!important; /*目次上マージン*/
  margin-bottom: 4em!important; /*目次下マージン*/
  margin-right: 8%; /*目次右マージン*/
  margin-left: 8%; /*目次左マージン*/
/*  border-radius: 4px;/*角丸コーナー*/
/*  background:linear-gradient(160deg, #BAD7F0, #fff)!important; /*グラデーション化*/
/*  background:linear-gradient(160deg, rgba(186,215,240,0.8), rgba(186,215,240,0.1))!important; /*グラデーション化*/
/*  background-color: #fafafa;*/
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  #main .toc {
    margin-right: 3%; /*目次右マージン*/
    margin-left: 3%; /*目次左マージン*/
  }
}
#sidebar .toc {
/*  display: block;*/
/*  border: 1px solid #0F73CA!important; /*全体の枠線の色*/
/*  font-size: 14px; /*フォントサイズ*/
  line-height: 1.7; /*行の高さ指定*/
/*  padding: 0.5em 1.5em 1.2em 1.5em;*/
/*  margin-top: 4em!important; /*目次上マージン*/
/*  margin-bottom: 4em!important; /*目次下マージン*/
/*  margin-right: 8%; /*目次右マージン*/
/*  margin-left: 8%; /*目次左マージン*/
/*  border-radius: 4px;/*角丸コーナー*/
/*  background:linear-gradient(160deg, #BAD7F0, #fff)!important; /*グラデーション化*/
/*  background:linear-gradient(160deg, rgba(186,215,240,0.8), rgba(186,215,240,0.1))!important; /*グラデーション化*/
}
#sidebar .toc.tnt-number.toc-center.tnt-number.border-element { /*サイドバーの目次を左右広げる*/
  padding-left: 0;
  padding-right: 0;
}
.toc a:hover {
  text-decoration: none!important;
}
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .toc {
      padding: 0.4em 1em 1em 1em;
  }
}
.toc-widget-box .toc { /*ウィジェット（サイドバー）目次のシャドー（影）は消す*/
	box-shadow: none;
}
.toc a { /*目次メニュー*/
  display: block;
  position: relative;
  padding: 3px 6px 0 6px;
  border-bottom: 1px dotted #0F73CA; /*h2のアンダーラインの太さとカラー*/
}
.toc-title { /*目次タイトル*/
/*  background:linear-gradient(160deg, #BAD7F0, #0F73CA, #0F73CA, #BAD7F0); /*目次タイトル背景カラー*/
  background:linear-gradient(160deg, rgba(13,98,172,0.4), rgba(13,98,172,0.8), rgba(13,98,172,0.8), rgba(13,98,172,0.4)); /*目次タイトル背景カラー*/
  border-radius: 14px;/*角丸コーナー*/
  margin-top: 1.2em; /*目次タイトル上マージン*/
  margin-bottom: 1.2em; /*目次タイトル下マージン -0.3em*/
  color: #fff; /*目次タイトルフォントカラー*/
  font-size: 16px; /*目次タイトルフォントサイズ*/
  text-align: center; /*目次タイトル中央寄せ*/
  padding: 1px 0;
  font-weight: bold; /*文字強調*/
  font-style: oblique; /*斜体フォント*/
/*  border: 1px solid #0F73CA; /*全体の枠線の色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.toc-title:hover { /*文字タイトルホバー時*/
/*  background: #eaeaea; /*目次タイトル背景カラー*/
  color: #0A4D89; /*#0F73CA; /*目次タイトルフォントカラー*/
  transition: all 0.8s ease; /*アニメーション*/
  background:linear-gradient(160deg, rgba(13,98,172,0.8), rgba(13,98,172,0.3), rgba(13,98,172,0.3), rgba(13,98,172,0.8)); /*目次タイトル背景カラー*/
}
#sidebar .toc-title { /*サイドバーの目次メニューはクリック無効にする*/
  pointer-events: none;
}
#sidebar .toc-title::after { /*サイドバーの目次タイトル修正*/
  content: '';
}
.toc-title::before { /*目次タイトルアイコン設定*/
  font-family: "Font Awesome 5 Free";
  content: '\f0cb'; /*目次タイトルのアイコン指定*/
  margin-right: 0.3em;
  font-size: 18px; /*フォントサイズ*/
  font-weight: 900; /*アイコンの太さ*/
  font-style: normal; /*通常フォント*/
}
.toc-content {
  background-color: #fafafa;
  padding-bottom: 18px;
}
.toc-content li a:hover {
  text-decoration:none; /*選択時装飾無し*/
  color:#003579; /*フォントカラー*/
}
.toc .toc-list ul, .toc .toc-list ol {
  padding-left: 1.2em;
  margin: 0;
}
.toc ul.toc-list>li>a,
.toc ol.toc-list>li>a {
  display: block;
  border-bottom: 1px dotted #0F73CA; /*h2のアンダーラインの太さとカラー*/
  font-size: 15px; /*フォントサイズ*/
  font-weight: bold;
  padding-top: 0; /*4px;*/
  padding-bottom: 0;
/*  margin-left: -20px; /*アンダーライン調整 iPhone表示不具合により削除*/
/*  padding-left: 20px; /*アンダーライン調整 iPhone表示不具合により削除*/
/*  margin-right: -15px; /*アンダーライン調整 iPhone表示不具合により削除*/
/*  padding-right: 15px; /*アンダーライン調整 iPhone表示不具合により削除*/
}
.article .toc-list li {
  font-size: 15px; /*フォントサイズ*/
  font-weight: 700; /*文字強調*/
}
.article .toc-list > li li {
  font-size: 14px; /*フォントサイズ*/
/*  list-style: none; /*H3以下目次ナンバー非表示*/
  font-weight: 700; /*文字強調*/
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .toc ul.toc-list>li>a,
  .toc ol.toc-list>li>a,
  .article .toc-list li {
    font-size: 13px;
  }
  .article .toc-list > li li {
    font-size: 12px;
  }
}
.toc-content li::marker {
  color:#000;
  font-weight: 700; /*文字強調*/
}
.toc-content li:hover::marker {
  color:#003579;
  font-style: oblique;
}

#sidebar-menu-content .toc-content,
#sidebar .toc-content { /*サイドバー設置時*/
  padding-top: 0; /*10px*/
  padding-bottom: 15px;
  padding-right: 8px;
  word-break: break-all; /*表示範囲に合わせて改行*/
  margin-top: 4px;
}
#sidebar-menu-content .toc ul.toc-list>li>a,
#sidebar-menu-content .toc ol.toc-list>li>a,
#sidebar .toc ul.toc-list>li>a,
#sidebar .toc ol.toc-list>li>a {
  font-size: 13px; /*フォントサイズ*/
  font-weight: 700; /*アイコンの太さ*/
}
#sidebar-menu-content .toc-list > li li,
#sidebar .toc-list > li li {
  font-size: 12px; /*フォントサイズ*/
  font-weight: 700; /*アイコンの太さ*/
}

.toc-checkbox:checked~.toc-content {
	padding-left: 10px;
}

/*****************************
** ■目次ホバーエフェクト化のカスタマイズ
*****************************/
.toc-content li a { /*ホバーエフェクト化*/
  position: relative;
}
.toc-content li a::after {
  position: absolute;
  color: rgba(255,255,255,1);
  bottom: -3px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background: #0F73CA;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.5s;
  border-radius: 2px;/*角丸コーナー*/
}
.toc-content li a:hover::after {
  transform: scaleX(1);
  transform-origin: left top;
  transition: transform 0.5s;
}


/************************************
** ●カテゴリーのカスタマイズ
************************************/
.widget_categories ul li a{ /*親(全体)カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: bold; /*文字強調★*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px solid #0F73CA; /*カテゴリー下側にボーダーライン*/
  border-left: 8px solid #0F73CA; /*カテゴリー左側にボーダーライン*/
/*  border-right: 1px solid #93C0E7; /*カテゴリー右側にボーダーライン*/
  background: #fff; /* #F4F8FD; /*背景色*/
/*  height: 30px;*/
}
#footer .widget_categories ul li a{ /*親(全体)カテゴリー設定 フッター※*/
  padding: 0px 4px 2px 10px; /*上下左右空間*/
  height: 32px;
}

.widget_categories ul li a:hover { /*親(全体)カテゴリー設定*/
  background: #BAD7F0!important; /*背景色*/
  border-left-color: #0A4D89; /*カテゴリー左側にボーダーライン色変更*/
}

.widget_categories ul li a::before{ /*親(全体)カテゴリーのアイコン設定*/
  font-family: "Font Awesome 5 Free";
  content: "\f65d";
  color: #0F73CA;
  padding-right: 6px; /*アイコン右側空間*/
  font-size: 20px; /*フォントサイズ*/
  font-weight: 900; /*アイコンの太さ*/
  filter:drop-shadow(1px 1px 1px #aaa); /*シャドー(影)*/
}
.widget_categories > ul > li > a:last-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 15px; /*フォントサイズ*/
  font-weight: bold; /*文字強調★*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px solid #0F73CA; /*子カテゴリー下側にボーダーライン*/
  border-left: 4px solid #0F73CA; /*子カテゴリー左側にボーダーライン*/
  background: #fff; /*背景色*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f65e";
  color: #0F73CA;
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
  font-size: 18px; /*フォントサイズ*/
  font-weight: 900; /*アイコンの太さ*/
  filter:drop-shadow(1px 1px 1px #aaa); /*シャドー(影)*/
}

.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
/*  color: #0A4D89; /*文字色*/
  color: #333; /*文字色*/
  background: rgba(186,215,240,0.6); /*背景色*/
/*  align-items: flex-end; /*縦中央寄せ*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
  font-weight: bold; /*文字強調*/
  font-style: oblique; /*斜体フォント*/
  font-size: 12px; /*フォントサイズ★12px*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.3; /*行の高さ★1.1*/
/*  padding: 3px 10px; /*上下左右空白*/
  padding: 3px 10px 1px 10px;
/*  margin-bottom: 4px!important; /*下マージン*/
  margin: 4px 8px 0 0!important;
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 4px; /*角丸コーナー*/
  border: 1px solid #ddd; /*#93C0E7; /*外枠*/
}
#footer .widget_categories ul li a .post-count{ /*記事数設定 フッター※*/
  margin: 6px 8px 0 0;
  padding: 4px 10px 1px 10px; /*上下空白★*/
}
.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #BAD7F0; /*背景色*/
  color: #333; /*文字色*/
  transition: all 0.6s ease; /*アニメーション*/
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
  background: #0A4D89; /*#0F73CA; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.6s ease; /*アニメーション*/
  border-radius: 4px; /*角丸コーナー*/
}


/************************************
** ●記事一覧（インデックス）のカスタマイズ
************************************/
.main {
/*  border:1px solid #0F73CA!important; /*コンテンツ枠線設定（インデックスページ除く）*/
/*  border-top: 2px solid #0F73CA!important; /*上線*/
/*  border-bottom: 3px solid #0F73CA!important; /*下線*/
/*  border-right: 1px solid #93C0E7!important; /*右線*/
/*  border-left: 1px solid #93C0E7!important; /*左線*/
  border-radius: 0; /*角丸コーナー*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
  padding-left: 25px; /*無 masaline*/
  padding-right: 25px; /*無 masaline*/
  padding-top: 5px!important;
  padding-bottom: 5px!important;
/*  background-color: #fbfbfb; /*メインmain部分の背景カラー*/
}
.home main, .archive main { /*インデックスページ個別用カスタマイズ*/
/*  background-color: transparent;*/
  border:none!important; /*メインページの左線*/
  background-color: #fff; /*メインページの背景色*/
  margin-top: 12px; /*記事一覧上マージン*/
  padding-top: 6px; /*記事一覧上マージン googleアドセンス設定時34px／それ以外設定時6px*/
/*  border: none!important;*/
}
.entry-card-wrap { /*エントリーカード設定*/
  transition: all 0.6s ease;
  margin-bottom: -7px!important;/*2カラム時*/
/*  margin-bottom: -2px!important; /*1カラム時*/
/*  margin-bottom: -9px!important; /*1カラム時*/
/*  background-color: white;*/
  background-color: #fbfbfb;
/*  border-radius: 6px;*/
/*  border:1px solid #0F73CA; /*枠線*/
/*  border-top: 1px solid #BAD7F0; /*上線*/
/*  border-bottom: 1px solid #BAD7F0; /*下線*/
/*  border-right: 1px solid #BAD7F0; /*右線*/
/*  border-left: 1px solid #BAD7F0; /*左線*/
/*  -webkit-box-shadow: 0 8px 6px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 8px 6px -6px #8d8c8c;*/
/*  box-shadow: 0 8px 6px -6px #8d8c8c;*/
  border: none!important; /*枠一旦削除*/
  box-shadow: 0px 0px 0px 1px rgba(15,115,202,0.3); /*シャドーで枠設定*/
}
@media screen and (max-width: 480px) { /*スマホ表示設定*/
  .entry-card-wrap { /*エントリーカード設定*/
    margin-bottom: -12.3px!important;
  }
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb { /*アイキャッチ画像マージン調整*/
  margin-top: 1px;
  margin-right: 4px;
  margin-bottom: 3px;
}
.entry-card-thumb-image.card-thumb-image.wp-post-image { /*アイキャッチ画像設定*/
  display: block; /*インラインボックス生成*/
  max-width: 100%; /*横最大幅設定*/
  max-height: 100%; /*縦最大幅設定*/
  margin: 0 auto;
/*  border-top: 2px solid #efefef; /*上線*/
/*  border-right: 2px solid #efefef; /*右線*/
/*  border-left: 2px solid #efefef; /*左線*/
/*  border: 2px solid #efefef; /*枠線*/
  box-shadow: 0 0 4px #eaeaea;
/*  border-radius: 6px; /*角丸コーナー*/
/*  box-shadow: 4px 4px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
/*  box-shadow: 0 10px 8px -6px #8d8c8c;
  transition-duration: 0.6s; /*アニメーション0.8*/
/*  overflow: hidden!important; /*画像拡大時のはみ出た画像部分の処理*/
}
.entry-card-wrap.a-wrap:hover .entry-card-thumb-image.card-thumb-image.wp-post-image { /*アイキャッチ画像ホバー時エフェクト処理 ★★★★★*/
/*  transform: scale3d(1.03,1.03,1); /*エフェクト処理*/
/*  transition-duration: 0.6s; /*アニメーション*/
/*  transform:rotateY(180deg); /*エフェクト処理 回転*/
  animation: gatagata 2.0s ease-in 1 forwards; /*アニメーション処理*/
/*  transition-duration: 1.0s; /*アニメーション*/
}
@keyframes gatagata { /*アニメーションgatagata動作内容*/
  0% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(6deg, 6deg);
  }
  10% {
    transform: skew(-5deg, -5deg);
  }
  15% {
    transform: skew(4deg, 4deg);
  }
  20% {
    transform: skew(-3deg, -3deg);
  }
  25% {
    transform: skew(2deg, 2deg);
  }
  30% {
    transform: skew(-1deg, -1deg);
  }
  35% {
    transform: skew(0.8deg, 0.8deg);
  }
  40% {
     transform: skew(-0.6deg, -0.6deg);
  }
  45% {
    transform: skew(0.4deg, 0.4deg);
  }
  50% {
    transform: skew(-0.2deg, -0.2deg);
  }
  55% {
    transform: skew(0deg, 0deg);
  }
}


@media screen and (max-width: 480px) { /*スマホ表示設定*/
  .entry-card-thumb-image.card-thumb-image.wp-post-image { /*アイキャッチ画像設定*/
/*    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*    box-shadow: none; /*シャドー（影）*/
  }
  .entry-card-wrap.a-wrap:hover .entry-card-thumb-image.card-thumb-image.wp-post-image { /*アイキャッチ画像ホバー時エフェクト処理*/
/*    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*    box-shadow: none; /*シャドー（影）*/
  }
}
.entry-card-wrap:hover { /*エントリーカード ホバー時設定*/
  box-shadow: 0px 0px 6px 4px rgba(15,115,202,0.8);
  text-decoration: none!important;
  background-color: #F4F8FD; /*背景色*/
}
.entry-card-wrap:hover .entry-card-title { /*エントリーカード ホバー時タイトル設定*/
/*  box-shadow: 0px 0px 4px 3px rgba(15,115,202,0.8); /*枠設定*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 6px,#E2F2FB 6px, #E2F2FB 14px); /*背景カラー*/
/* background: repeating-linear-gradient(-45deg, #fff, #fff 6px, #E2F2FB 6px, #E2F2FB 14px); /*背景カラー*/
/*  background:linear-gradient(160deg, #93C0E7, #BAD7F0, #E2F2FB); /*タイトル背景カラーTOP*/
  color: #333; /*文字色*/
  transition-duration: 0.6s; /*アニメーション*/
}
.entry-card-wrap.a-wrap:hover { /*エントリーカード ホバー時設定*/
  background-color: #F0F6FC; /*背景色*/
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translate3D(0,-4px,0); /*浮かす*/
  text-shadow: 2px 1px 3px #aaa; /*フォント影追加*/
  transition-duration: 0.6s; /*アニメーション*/
}
@media screen and (min-width:1030px) { /*PCのみ表示*/
  .list .entry-card-wrap.a-wrap:hover:before,
  .list .related-entry-card-wrap.a-wrap:hover:before { /*エントリーカードホバー時に【続きを読む】を表示*/
    position: absolute;
    width: 210px; /*横サイズ*/
    height: 28px; /*縦サイズ*/
    transform: translate(0,0);
    left: 12px; /*位置決め*/
    bottom: 8px; /*位置決め*/
    content: "Click here to read more!"; /*表示文字列*/
    font-size: 100%; /*フォントサイズ*/
    color: yellow; /*フォントカラー*/
    font-style: oblique; /*斜体フォント*/
    background-color: #003579; /*背景色*/
    text-align: center; /*表示文字列中央位置決め*/
    border-radius: 18px; /*角丸コーナー*/
  }
}


/************************************
** ■エントリーカード メタディスクリプションカスタマイズ
************************************/
.entry-card-snippet.card-snippet.e-card-snippet {
  word-break: break-all; /*表示範囲に合わせて改行*/
  text-decoration: underline dotted #bbb; /*アンダーライン*/
  font-size: 14px; /*フォントサイズ★*/
  margin-top: 8px;
  margin-bottom: 20px; /*説明文と日付間の余白22px*/
  color: #333;
  font-weight: 600; /*文字強調*/
  line-height: 1.6; /*行間設定*/
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding-right: 13px;
  padding-left: 13px;
}


/************************************
** ■エントリー記事カード（インデックス）のタイトルのカスタマイズ
************************************/
.entry-card-title {
/*  display: block;*/
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
  margin-top: 10px; /*アイキャッチ画像とタイトル間の余白*/
  margin-bottom: 10px; /*タイトルと説明間の余白*/
  line-height: 1.4; /*行間設定*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#E2F2FB 3px, #E2F2FB 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #E2F2FB 3px, #E2F2FB 7px); /*背景カラー*/
/*  background:linear-gradient(160deg, #BAD7F0, #F4F8FD, #F0F6FC); /*タイトル背景カラーTOP*/
  background:linear-gradient(160deg, rgba(147,192,231,0.6), rgba(147,192,231,0.4), rgba(147,192,231,0.2)); /*タイトル背景カラー*/
  color:#333; /*文字色*/
  font-size:18px; /*フォントサイズ*/
  text-decoration:none; /*装飾無し*/
  font-weight:bold; /*フォント太さ*/
/*  padding: 22px 16px 10px 16px; /*内側余白設定*/
  padding: 22px 20px 10px 20px!important; /*内側余白設定*/
  border-radius: 4px; /*角丸コーナー*/
  border: 1px solid #93C0E7; /*枠線*/
  transition-duration: 0.6s; /*アニメーション*/
  letter-spacing:1.4px; /*文字間隔*/
  text-align: center; /*目次タイトル中央寄せ*/
  text-align-last: left;
}


@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .entry-card-title {
    font-size:18px!important; /*フォントサイズ*/
    padding: 16px 6px 6px 6px!important; /*内側余白設定 ★masaa*/
    margin-top: 12px; /*タイトル上マージン*/
    margin-bottom: 6px; /*タイトル下マージン*/
    line-height: 1.4; /*行間*/
  }
  .post-date, .post-update, .post-comment-count { /*日付、コメント数*/
    font-size: 12px!important; /*フォントサイズ*/
  }
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .entry-card-title {
    font-size:12px!important; /*フォントサイズ*/
    margin-top: 3px; /*タイトルと説明間の余白*/
    padding: 16px 6px 15px 6px!important; /*内側余白設定 ★masaa*/
    line-height: 1.2; /*行間設定*/
    height: 100%!important; /*内側余白設定*/
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .entry-card-title {
    font-size:9px!important; /*フォントサイズ*/
    margin-top: 3px; /*タイトルと説明間の余白*/
    padding: 16px 6px 15px 6px!important; /*内側余白設定 ★masaa*/
    line-height: 1.2; /*行間設定*/
    height: 100%!important;
  }
}

.entry-card-title::after {
  position: absolute;
  left: 8px;
  top: 8px;
  content: '';
  height: 8px;
  width: 96%;
  background-color: #0F73CA;
  border-radius: 4px;
}
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .entry-card-title::after { /*★masaa*/
    position: absolute;
    left: 4px;
    top: 6px;
    content: '';
    height: 6px;
    width: 97%;
    background-color: #0F73CA;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .entry-card-title::after { /*★masaa*/
    position: absolute;
    left: 4px;
    top: 5px;
    content: '';
    height: 6px;
    width: 96%;
    background-color: #0F73CA;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .entry-card-title::after { /*★masaa*/
    position: absolute;
    left: 4px;
    top: 5px;
    content: '';
    height: 6px;
    width: 95%;
    background-color: #0F73CA;
    border-radius: 4px;
  }
}

.e-card-info{ /*日付表示設定*/
  color: #333; /*日付の色*/
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .post-date, .post-comment-count { /*日付表示設定*/
    font-size: 12px!important; /*フォントサイズ*/
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .post-date, .post-comment-count { /*日付表示設定*/
    font-size: 9px!important; /*フォントサイズ*/
  }
}
.entry-date {
  color: #BF0042;
}


/************************************
** ●エントリーカードラベル非表示
************************************/
.entry-card .cat-label{
  display: none;
}
.related-entry-card .cat-label{
  display: none;
}


/************************************
** ●カテゴリーラベルのカスタマイズ
************************************/
.cat-link{ /*カテゴリーラベル*/
  text-decoration: none; /*テキスト初期化*/
  color: #fff; /*フォントカラー*/
  font-size: 12px; /*フォントサイズ*/
  background-color: #0F73CA; /*背景色*/
  display: inline-block; /*横並びで上下左右空白有り*/
  margin-right: 5px; /*内側右余白*/
  padding: 2px 10px 0px 10px; /*外側余白*/
  border-radius: 10px 4px; /*カテゴリ背景デザイン*/
  border: 0px; /*枠線無し*/
  word-break: break-all; /*テキストの途中で改行させない*/
}
.cat-link:hover{ /*カテゴリーラベル マウスホバー時*/
  transition: all 0.6s ease; /*アニメーション*/
  opacity: 0.6; /*不透明度*/
  color: #fff; /*フォントカラー*/
  background-color: #0F73CA; /*背景色*/
}


/************************************
** ●タグラベルのカスタマイズ
************************************/
.tag-link{ /*タグラベル*/
  text-decoration: none; /*テキスト初期化*/
  color: #fff; /*フォントカラー*/
  font-size: 12px; /*フォントサイズ*/
  background-color: #0F73CA; /*背景色*/
  display: inline-block; /*横並びで上下左右空白有り*/
  margin-right: 5px; /*内側右余白*/
  padding: 2px 6px 0px 6px; /*外側余白*/
  border-radius: 10px 4px; /*カテゴリ背景デザイン*/
  border: 0px; /*枠線無し*/
  word-break: break-all; /*テキストの途中で改行させない*/
}
.tag-link:hover{ /*タグラベル マウスホバー時*/
  transition: all 0.6s ease; /*アニメーション*/
  opacity: 0.6; /*不透明度*/
  color: #fff; /*フォントカラー*/
  background-color: #0F73CA; /*背景色*/
}


/************************************
** ●日付のカスタマイズ
************************************/
.date-tags{
  line-height: 1.4; /*行間設定*/
  color: #333; /*文字色*/
  margin-top: 10px; /*上マージン*/
}
.post-date, .post-update{
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
  font-weight: 600; /*文字強調*/
}
.post-date::before{ /*アイコンの変更*/
  font-family: "Font Awesome 5 Free";
  content: "\f093"; /*fa-uploadアイコン*/
  padding-right: 4px; /*右余白*/
  font-weight: 900; /*アイコンの太さ*/
}
.post-update::before{ /*アイコンの変更*/
  font-family: "Font Awesome 5 Free";
  content: "\f044"; /*fa-editアイコン*/
  padding-right: 4px; /*右余白*/
  font-weight: 900; /*アイコンの太さ*/
}
.post-comment-count{ /*コメント数*/
  color: #333; /*文字色*/
  font-size: 14px; /*フォントサイズ*/
  font-weight: 600; /*文字強調*/
}


/************************************
** ●次のページボタンカスタマイズ
************************************/
.pagination-next,
.pager-prev-next { /*次のページ*/
  margin-top: 0; /*上マージン38px*/
  border: solid 2px rgba(15,115,202,0.8); /*枠線*/
  border-radius: 6px; /*角丸コーナー*/
/*  background-color: #fff;*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
}
.pagination-next-link { /*次のページ*/
  font-size: 20px; /*フォントサイズ*/
  letter-spacing: 10px; /*文字間隔*/
  font-weight: bold; /*文字強調*/
  color: rgba(15,115,202,1); /*フォントカラー*/
  padding: 6px; /*余白*/
  transition: all 0.6s ease; /*アニメーション*/
  border: none;
}
.pagination-next-link:hover {
  color: #fff; /*フォントカラー*/
  background-color: rgba(15,115,202,0.8); /*背景色*/
  transition: all 0.6s ease; /*アニメーション*/
  text-decoration: none!important;
}
.pagination-next-link a:hover {
  text-decoration: none!important;
}


/************************************
** ●ページ送りボタン／戻りボタンのカスタマイズ
************************************/
.pagination {
	margin-bottom: 20px;
}
.page-numbers { /*現ページ以外のページ番号*/
  background-color: #fff; /*背景色*/
  border: solid 2px rgba(15,115,202,0.8); /*枠線*/
/*  border-radius: 24px; /*角丸コーナー*/
  border-radius: 50%;
  font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  font-style: oblique; /*斜体フォント*/
  color: rgba(15,115,202,0.8); /*文字色*/
  font-weight: bold; /*文字強調*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  transition: all 0.6s ease; /*アニメーション*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
  height: 46px;
  width: 46px;
}
@media screen and (max-width: 1030px) { /*iPad横表示対応*/
  .page-numbers {
    font-size: 16px; /*フォントサイズ*/
    line-height: 38px; /*高さ調整 32px*/
    height: 42px;
    width: 42px;
  }
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .page-numbers {
    font-size: 12px; /*フォントサイズ*/
    line-height: 32px; /*高さ調整 32px*/
    height: 36px;
    width: 36px;
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .page-numbers {
    font-size: 12px; /*フォントサイズ*/
    line-height: 32px; /*高さ調整 32px*/
    height: 36px;
    width: 36px;
  }
}

.pagination a.page-numbers:hover { /*現ページ以外のページ番号のホバー時*/
  background-color: rgba(15,115,202,0.8)!important; /*マウスオーバー時の背景色*/
  color: #fff!important; /*マウスオーバー時の文字色*/
  transition: all 0.6s ease; /*アニメーション*/
}
.pagination a:hover { /*現ページ以外のページ番号のホバー時*/
  text-decoration: none!important;
}
.pagination .current { /*現ページ番号*/
  background-color: rgba(15,115,202,0.8); /*背景色ffddee*/
  border: solid 2px rgba(15,115,202,0.8); /*枠線fe619a*/
  border-radius: 24px; /*角丸コーナー*/
  border-radius: 50%;
  font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  font-style: oblique; /*斜体フォント*/
  color: #fff; /*文字色*/
  font-weight: bold; /*文字強調*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
}
@media screen and (max-width: 1030px) { /*iPad横表示対応*/
  .pagination .current { /*現ページ番号*/
    font-size: 16px; /*フォントサイズ*/
  }
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .pagination .current { /*現ページ番号*/
    font-size: 12px; /*フォントサイズ*/
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .pagination .current { /*現ページ番号*/
    font-size: 12px; /*フォントサイズ*/
  }
}

.page-numbers.dots { /*ページ番号ドット*/
  display: block;
  background-color: transparent; /*背景*/
  border: none; /*枠線*/
  color: #0A4D89; /*文字色*/
  font-size: 28px; /*フォントサイズ*/
  font-weight: 900; /*文字強調*/
  font-style: normal; /*通常フォント*/
  box-shadow: none; /*シャドー（影）無し*/
  opacity: 0.8; /*不透明度無し*/
}
@media screen and (max-width: 1030px) { /*iPad横表示対応*/
  .page-numbers.dots { /*現ページ番号*/
    font-size: 24px; /*フォントサイズ*/
    margin: 3px 0 0 0!important;
  }
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .page-numbers.dots { /*現ページ番号*/
    font-size: 24px; /*フォントサイズ*/
    margin: 3px 0 0 0!important;
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .page-numbers.dots { /*現ページ番号*/
    font-size: 24px; /*フォントサイズ*/
    margin: 0 0 0 0!important;
  }
}


/************************************
** ●人気記事ランキング表示のカスタマイズ
************************************/
.widget-entry-cards.ranking-visible .card-thumb::before { /*順位数表示のカスタマイズ*/
/*.widget-entry-cards.ranking-visible ::before{ /*順位数表示のカスタマイズ*/
  background-color: rgba(211,229,245,1.0)!important; /*ランキング数字の背景色*/
  color:#0A4D89; /*ランキング数字のカラー*/
  top: -4px;
  left: -4px;
/*  border-radius: 18px; /*角丸コーナー*/
  border-radius: 50%;
  border:solid 2px rgba(10,77,137,0.7); /*ランキング数字の枠のカラー*/
  width: 18px;
  height: 16px;
  line-height: 18px;
  font-weight: bold;
  font-style: oblique;
  font-family: Lato,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif;
  font-size: 13px; /*フォントサイズ*/
}

@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  .widget-entry-cards.ranking-visible .card-thumb::before { /*順位数表示のカスタマイズ*/
    font-size: 12px; /*フォントサイズ*/
  }
}
@media only screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .widget-entry-cards.ranking-visible .card-thumb::before { /*順位数表示のカスタマイズ*/
    font-size: 12px; /*フォントサイズ*/
  }
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*1～3位のランキング数字のスタイル*/
  background-color: rgba(10,77,137,1.0)!important; /*ランキング数字の背景色*/
  color:#fff; /*ランキング数字のカラー*/
}
.popular-entry-card-title.widget-entry-card-title.card-title{ /*タイトル*/
  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
  padding-top: 5px;
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.popular-entry-card-title{ /*フォント*/
  font-weight: bold; /*文字強調★*/
  font-size: 14px;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .popular-entry-card-title{
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .popular-entry-card-title{
    font-size: 12px;
  }
}
.popular-entry-card-link.a-wrap{ /*ランキング間の隔幅調整*/
  padding-top: 6px;
  padding-bottom: 4px;
/*  margin-top: 2px;*/
/*  margin-bottom: 2px;*/
  margin: 0 auto;
}
.attachment-thumb120.size-thumb120.wp-post-image{ /*アイキャッチ画像*/
  border-radius: 2px; /*角丸コーナー*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/

/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
}
.popular-entry-card-link.a-wrap:nth-child(odd) { /*人気記事ランキング順位奇数表示設定*/
/*  background-color: #F0F6FC;*/
}

.widget-entry-cards.card-large-image figure img { /*メインカラム時のアイキャッチカスタマイズ*/
/*  border-radius: 4px!important; /*角丸コーナー ※8*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
}


.widget-entry-cards.card-large-image .e-card:hover img { /*メインカラム時のアイキャッチホバー時のカスタマイズ*/
  animation: gatagata 2.0s ease-in 1 forwards; /*アニメーション処理*/
}

.is-list-horizontal .card-title { /*メインカラム人気記事（スライダー）*/
  font-size: 14px;
}


.widget-entry-cards.card-large-image .card-content {
  margin: 0 0 0.5em;
  padding: 0 0 0.5em 0;
}


/************************************
** ●パーテーション（区切り線）カスタマイズ 人気記事
************************************/
.border-partition a:first-of-type {
/*  border-top: 1px dotted #0A4D89!important; 線消してみる*/
  boder: none!important; /*線消してみる*/
  padding-top:4px;
}
.border-partition a {
/*  border-bottom: 1px dotted #0A4D89!important; 線消してみる*/
  border: none!important; /*線消してみる*/
}


/************************************
** ●全画像のホバー時エフェクト処理
************************************/
a:hover img{
  opacity: 0.6; /*不透明度*/
  transition: all 0.6s ease; /*アニメーション*/
}


/************************************
** ●アイキャッチ画像のホバー時エフェクト個別処理
************************************/
/*記事一覧の画像*/
.entry-card img{
  transition: all 0.6s ease;
}
.entry-card:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*エントリーカードの画像*/
/*.entry-card-wrap.a-wrap:hover figure img{*/
/*  opacity: 0.6;*/
/*  transition: all 0.6s ease;*/
/*}*/
/*人気記事の画像*/
.popular-entry-card-link.a-wrap img{
  transition: all 0.6s ease;
}
.popular-entry-card-link.a-wrap:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*関連記事の画像*/
.related-entry-card-wrap.a-wrap.cf img{
  transition: all 0.6s ease;
}
.related-entry-card-wrap.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*次の記事の画像*/
.prev-post.a-wrap.cf img{
  transition: all 0.6s ease;
  border-radius: 2px; /*角丸コーナー*/
}
.prev-post.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*前の記事の画像*/
.next-post.a-wrap.cf img{
  transition: all 0.6s ease;
  border-radius: 2px; /*角丸コーナー*/
}
.next-post.a-wrap.cf:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*ブログカードの画像*/
.blogcard img{
  transition: all 0.6s ease;
}
.blogcard:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*ブログカード画像の画像*/
.blogcard-thumbnail img{
  transition: all 0.6s ease;
}
.blogcard-thumbnail:hover figure img{
  opacity: 0.6;
  transition: all 0.6s ease;
}
/*ヘッダーロゴ（タイトル画像）*/
.site-name-text img{
/*  transition: all 0.6s ease;*/
  transition: 0.8s;
  opacity: 0.96;
}
.site-name-text:hover img{
  opacity: 1; /*透明度*/
/*  transition: all 0.6s ease;*/
  transition: 1.8s;
  -webkit-transform: rotateX(720deg);*/
  transform: rotateX(720deg); /*上下回転アニメーション*/
}


/************************************
** ●検索ウィンドウと月選択ウィンドウの枠線のカラー（フォーカス時）
************************************/
.search-edit:focus{ /*検索ウィンドウ（フォーカス時）*/
  outline: none;
  border-color: #0F73CA; /*フォーカス時の枠カラー*/
}
#archives-dropdown-3:focus{ /*月選択ウィンドウ（フォーカス時）*/
  outline: none;
  border-color: #0F73CA; /*フォーカス時の枠カラー*/
}
.goog-te-combo:focus{ /*Google翻訳の言語選択ウィンドウ（フォーカス時）*/
  outline: none;
  border-color: #0F73CA; /*フォーカス時の枠カラー*/
}


/************************************
** ●ホバー時の背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
/*.pagination-next-link:hover, .comment-btn:hover,*/
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
  background-color: #BAD7F0; /*背景色*/
  transition: all 0.6s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
}


/************************************
** ●スマホ時のタイトルロゴのサイズ設定
************************************/
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .logo img {
    width: 237px !important; /*ロゴ横サイズ*/
    height: 49px !important; /*ロゴ縦サイズ*/
  }
}


/************************************
** ●ヘッダーメニューカスタマイズ
************************************/
/*#header-container .navi.cf,*/
/*#header-container .navi-in.wrap.cf,*/
#header-container .menu-header {
/*#header-container .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home,*/
/*#header-container .menu-item.menu-item-type-custom.menu-item-object-custom {*/
  height: 32px!important; /* ヘッダーメニューの縦幅 →※Fも連動して変更(A) */
/*  display: flex;*/
/*  align-items: flex-end; /*縦中央寄せ*/
/*  justify-content: center; /*横中央寄せ*/
}
.navi.cf{
/*  border-top: 1px solid #0A4D89; /*ヘッダーとメニューの間にボーダーラインを入れる場合*/
/*  border-bottom: 1px solid #0A4D89; /*ヘッダーとメニューの間にボーダーラインを入れる場合*/
/*  background:linear-gradient(to top, #BAD7F0, #0F73CA 30% 70%, #93C0E7); /*グラデーション化*/
/*  background:linear-gradient(to top, #F4F8FD, #0F73CA 35% 65%, #93C0E7); /*グラデーション化*/
/*  background:linear-gradient(to top, rgba(15,115,202,0.6), rgba(15,115,202,0.8) 39% 70%, rgba(15,115,202,0.6)); /*グラデーション化*/
/*  background:linear-gradient(to top, rgba(15,115,202,0.8), rgba(15,115,202,0.9) 39% 70%, rgba(15,115,202,0.8))!important; /*グラデーション化*/
/*  background:linear-gradient(to top, rgba(19,99,236,0.8), rgba(19,99,236,0.9) 39% 70%, rgba(19,99,236,0.8))!important; /*グラデーション化*/*/
/*  background: white!important; */
}
.caption-wrap{
  height: 32px!important; /* ヘッダーメニューの縦幅 →※Fも連動して変更(A) */
  display: flex; /*並列スタイル指定*/
  align-items: center; /*縦中央寄せ*/
  justify-content: center; /*横中央寄せ*/
  font-weight: bold; /*文字強調*/
  color: #0A4D89;
}
/*.navi-in { /*ヘッダーメニューを改行させない*/
/*    overflow: hidden;*/
/*}*/
/*.navi-in {*/
/*  border-right: 1px solid #93C0E7; /*枠設定*/
/*  border-left: 1px solid #93C0E7; /*枠設定*/
/*}*/
.navi-in .has-icon { /* vのカスタマイズ */
  padding-bottom: 20px;
  font-size: 14px;
  color: #bf0042; /*v→*/
}


/************************************
** ●ヘッダーカスタマイズ
************************************/
.header { 
  height: 130px; /*ヘッダー高さ ※iPad,iPhoneはキャッチフレーズカスタマイズで別設定*/
  padding-top: 5px; /*ヘッダー上マージン 35px*/
  padding-bottom: 5px; /*ヘッダー下マージン 18px*/
/*  background:linear-gradient(100deg, #93C0E7, #0F73CA, #0F73CA 50%, #0F73CA, #93C0E7)!important; /*グラデーション化*/
/*  background:linear-gradient(100deg, #ffeef7, #0F73CA, #0F73CA 50%, #0F73CA, #ffeef7)!important; /*グラデーション化*/
/*  background:linear-gradient(120deg, #93C0E7, #0F73CA, #0F73CA, #0F73CA, #93C0E7)!important; /*グラデーション化*/
/*  background:linear-gradient(165deg, #BAD7F0, #0F73CA, #0F73CA, #BAD7F0)!important; /*グラデーション化*/
/*  background:linear-gradient(165deg, rgba(15,115,202,0.4), rgba(15,115,202,0.9), rgba(15,115,202,0.9), rgba(15,115,202,0.4))!important; /*グラデーション化*/
/*  background:linear-gradient(165deg, rgba(15,115,202,0.8), rgba(15,115,202,1.0), rgba(15,115,202,1.0), rgba(15,115,202,0.8))!important; /*グラデーション化*/
/*  background-color: #0F73CA!important;*/
/*  background-color: #1363EC !important;*/
/*  background-color: #0A4D89 !important;*/
  background:linear-gradient(100deg, #0A4D89, #0A4D89 65%, rgba(15,115,202,0.9))!important; /*グラデーション化*/
/*  border-right: 1px solid #93C0E7; /*枠設定*/
/*  border-left: 1px solid #93C0E7; /*枠設定*/
}
#header-container.header-container {
/*  margin-bottom: 60px;*/
/*  border-top: 1px solid #0F73CA!important;*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★ アピールエリアまたは通知設定時はコメントアウト*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
}
#appeal.appeal.adt-front-page-only {
/*  margin: 0 40px 60px 40px;*/
/*  margin-bottom: 30px;*/
  margin-top: 40px; /*タイトルとアピール画像のすき間調整*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  border-radius: 2px; /*角丸コーナー 6px*/
}
.appeal-content .appeal-button {
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
  background-color: rgba(15,115,202,0.7);
}


@media screen and (max-width: 768px){ /*iPad横表示対応*/
  .appeal-content .appeal-button {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .appeal-content .appeal-button {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.appeal-content {
  background-color: rgba(211,229,245,0.6); /*0.75*/
  border-radius: 6px; /*角丸コーナー*/
  padding: 20px 20px 20px 20px;
}
.appeal-title {
  font-weight: 900; /*文字強調*/
  color: #000;
/*  color: #0A4D89;*/
}
.appeal-message {
  font-weight: 700; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
  color:  #000;
/*  color: #0A4D89;*/
}
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .appeal-message {
    font-size: 13px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .appeal-message {
    font-size: 11px;
  }
}

.appeal-in { /*アピール画像の高さ調整*/
/*  max-height: 700px;*/
  height: 740px
/*    height: calc(100vw * 0.28);*/
}

@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .appeal-in {
    height: 300px;
  }
}


/************************************
** ●キャッチフレーズカスタマイズ
************************************/
.tagline {
  font-size: 16px;
/*  font-weight: bold; /*文字強調*/
/*  margin-bottom: -8px; /*キャッチフレーズ下マージン*/
  margin-top: -6px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px){ /*iPad横表示対応*/
  .tagline {
    font-size: 11px;
  }
  .header { 
    height: 110px; /*ヘッダー高さ*/
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .tagline {
    font-size: 10px;
  }
  .header { 
    height: 105px; /*ヘッダー高さ*/
  }
}


/************************************
** ●フッターカスタマイズ
************************************/
#footer {
/*  background:linear-gradient(100deg, #ffeef7, #0F73CA, #0F73CA 50%, #0F73CA, #ffeef7)!important; /*グラデーション化*/
/*  background: #0F73CA!important;*/
/*  margin-top: 0;*/
}
#footer a {
  text-decoration: none!important;
}

/************************************
** ●フッターメニューカスタマイズ
************************************/
#footer {
  padding-bottom: 0;
  background-color: transparent!important; /*背景*/
}
#footer .textwidget p { /*フッターのテキストウィジェット*/
/*  line-height: 1.7; /*行間*/
}
.footer.footer-container.nwa,
.footer-in.wrap.cf,
.footer-bottom.fdt-up-and-down.fnm-text-width.cf {
/*  height: 120px!important; /*メニュー縦幅設定*/
/*  display: flex; /*並列スタイル指定*/
/*  align-items: flex-end; /*縦中央寄せ*/
/*  justify-content: center; /*横中央寄せ*/
}

.footer-bottom {
  width: 100vw!important; /*フッターを画面いっぱいに広げる*/
  overflow-x: hidden!important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);

/*  background-color: #0D5CA2!important;*/
/*  background:linear-gradient(to top, #93C0E7, #0F73CA, #0F73CA)!important; /*フッターグラデーション化*/
/*  background:linear-gradient(165deg, rgba(15,115,202,0.3), rgba(15,115,202,0.8), rgba(15,115,202,0.8), rgba(15,115,202,0.3))!important; /*グラデーション化*/
/*  background-color: #0F73CA!important;*/
/*  background-color: #1363EC !important;*/
/*  background-color: #0A4D89 !important;*/
  background-color: #333333 !important;
  margin-top: 0;
  margin-bottom: 0;
/*  margin-left: -8px;*/
/*  margin-right: 8px;*/
  color: #fff!important;
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer-in {
  background-color: #F4F8FD; /* →※色連動 */
  margin-left: -8px;
  margin-right: 8px;
  padding-top: 15px;
  word-break: break-all; /*表示範囲に合わせて改行*/
/*  border: 1px solid #93C0E7; /*枠設定*/
/*  border-radius: 6px 6px 0 0; /*角丸コーナー*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .footer-in {
    background-color: #F4F8FD; /* →※色連動 */
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }
  .footer-title {
    margin-right:40px;
    margin-left:-50px;
  }
}
.footer-left .author-description,
.footer-right .textwidget,
.footer-center .textwidget,
.footer-left .textwidget {
  margin-left: 0; /*8px; ■*/
  margin-right:0; /* 8px; ■*/
}

#footer a { /*フッター*/
  color: #333!important; /*フォントカラー*/
}
.footer-mobile a,
#footer .footer-left a,
#footer .footer-center a,
#footer .footer-right a { /*フッター*/
  color:#333!important; /*フォントカラー*/
}
.footer-mobile .textwidget a,
#footer .footer-left .textwidget a,
#footer .footer-right .textwidget a,
#footer .footer-center .textwidget a { /*フッター リンク文字*/
	color: #333!important; /*フォントカラー*/
}
.footer-mobile a:hover,
#footer .footer-left .textwidget a:hover,
#footer .footer-right .textwidget a:hover,
#footer .footer-center .textwidget a:hover { /*フッター リンク文字 ホバー時*/
	color: #0A4D89!important; /*フォントカラー*/
}
#footer .author-box {
/*  border-color: #F0F6FC; /*.footer-inのバックカラーと一緒のカラーコードで枠消す*/
  border-color: transparent; /*枠線を消す*/
}

/************************************
** ■モバイルメニューを横並びスクロール可能に
************************************/
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
/* モバイルトップメニュー */
  ul.menu-mobile{
    overflow-x: auto;
    overflow-y: hidden;
    display: flex !important;
    flex-wrap: nowrap;
    font-size: 14px;
    justify-content: flex-start;
    padding: 0 1em;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }

  ul.menu-mobile > li{
    padding-right: 1em;
    white-space: nowrap;
  }
  ul.menu-mobile .item-label{
    white-space: nowrap;
    font-size: 14px;
  }
}


/************************************
** ●次の記事／前の記事のフォント
************************************/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf{
  font-size: 16px; /*フォントサイズ*/
  font-weight:bold; /*文字強調*/
}
.pager-post-navi a:hover {
  text-decoration: none!important;
}
/* スマホでのフォントサイズ */
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf{
    font-size: 14px; /*フォントサイズ*/
    font-weight:bold; /*文字強調*/
  }
}


/************************************
** ●コメント見出しカスタマイズ
************************************/
/*ウィジェットの見出し(タイトル)のカスタマイズ に統合*/


/************************************
** ●コメントを書き込むボタンのカスタマイズ
************************************/
.comment-btn.key-btn {
  border: solid 1px rgba(15,115,202,0.8); /*枠線*/
  border-radius: 6px; /*角丸コーナー*/
  font-weight:bold; /*文字強調*/
  font-size: 18px; /*フォントサイズ*/
  color: #fff; /*フォントカラー*/
/*  background-color: #0F73CA; /*背景色*/
  background:linear-gradient(160deg, rgba(15,115,202,0.2), rgba(15,115,202,0.6), rgba(15,115,202,0.6), rgba(15,115,202,0.2)); /*目次タイトル背景カラー*/
/*  transition: all 0.6s ease; /*アニメーション*/
  height: 200px; /*高さ*/
}
.comment-btn.key-btn:hover{
  color: #0A4D89; /*フォントカラー*/
/*  background-color: #BAD7F0!important; /*背景色*/
  background:linear-gradient(160deg, rgba(15,115,202,0.1), rgba(15,115,202,0.4), rgba(15,115,202,0.4), rgba(15,115,202,0.1)); /*目次タイトル背景カラー*/
/*  transition: all 0.6s ease; /*アニメーション*/
}
.comment-btn.key-btn {
  margin-top: 15px; /*上側余白*/
}


/************************************
** ●タグクラウド カスタマイズ
************************************/
.tagcloud {
  padding: 0px 2px 0px 2px;
}

.tagcloud a {
  text-decoration: none; /*テキスト初期化*/
  color: #fff; /*タグフォントカラー*/
  font-size: 12px; /*タグフォントサイズ*/
  font-weight:bold; /*文字強調*/
  display: inline-block; /*横並びで上下左右空白有り*/
  background-color: #0F73CA; /*タグ背景色*/
  padding: 2px 6px 0px 6px; /*タグ内側余白*/
  margin-right: 2px; /*タグ外側右余白*/
  margin-bottom: 2px; /*タグ外側下余白*/
  border-radius: 10px 4px; /*タグデザイン*/
  border: 0px; /*タグ枠線無し*/
  word-break: break-all; /*テキストの途中で改行させない*/
}

.tagcloud a:hover {
  background: #BAD7F0; /*ホバー時タグ背景色*/
  color: #0A4D89; /*ホバー時タグフォントカラー*/
  transition: all 0.6s ease; /*アニメーション*/
}


/************************************
** ●広告の表示位置調整－インデックスページミドル
************************************/
.ad-area.no-icon.ad-index-middle.ad-rectangle.ad-label-visible.cf {
  margin-top:5px;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .ad-area.no-icon.ad-index-middle.ad-rectangle.ad-label-visible.cf {
    margin-top: 0;
  }
}


/************************************
** ●カテゴリータグと見出し1の間調整
************************************/
.entry-categories-tags{
/*  margin-bottom: 6px !important;*/
/*  margin-left: -8px;*/
}


/************************************
** ●広告の枠 カスタマイズ
************************************/
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
  border: 2px solid #BAD7F0;
  border-radius: 4px; /*角丸コーナー*/
}
.amazon-item-buttons.product-item-buttons { /*Amazon、楽天、Yahooボタン設定*/
  position: relative;
  bottom: 0;
  white-space: nowrap;
  width: auto!important;
  margin-bottom:-20px;
}
.amazon-item-buttons.product-item-buttons a:hover {
  transition: all 0.6s ease; /*アニメーション*/
  text-decoration: none;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
  font-size: 15px!important; /*フォントサイズ*/
}
.kaerebalink-link1 a, .booklink-link2 a, .tomarebalink-link1 a, .product-item-buttons a {
  font-size: 12px!important; /*フォントサイズ*/
}
.amazon-item-title.product-item-title,
.amazon-item-snippet.product-item-snippet {
  text-align: left!important;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
    font-size: 13px!important; /*フォントサイズ*/
  }
}
.amazon-item-buttons.product-item-buttons a:hover,
.amazon-item-title.product-item-title a:hover {
    text-decoration: none!important;
}


/************************************
** ●Table（表）のカスタマイズ
************************************/
table td {
  background: #F0F6FC; /*表背景色*/
  font-size: 14px;
  padding-left: 10px;
  paddin-right: 10px;
}
table {
  width: 99%!important; /*幅縮小*/
  margin: auto!important; /*表中央寄せ*/
  margin-bottom: 40px!important; /*下マージン*/
  word-break: break-all; /*テキストの途中で改行させない*/
  border: 1px solid #0F73CA; /*楽天アフィリエイト対策*/
}


/************************************
** ●ウイジェット テキストリンクホバー時にアンダーライン表示
************************************/
.textwidget a:hover {
  text-decoration: underline; /*アンダーライン*/
}


/************************************
** ●エントリー記事トップ アイキャッチ画像
************************************/
.eye-catch-wrap .eye-catch { /*★★★★*/
  margin-top: 5px; /*上マージン*/
  margin-bottom: 30px; /*下マージン*/
/*  border-top: 2px solid #f3f3f3; /*上線*/
/*  border-right: 2px solid #f3f3f3; /*右線*/
/*  border-left: 2px solid #f3f3f3; /*左線*/
/*  border-bottom: 2px solid #f3f3f3; /*下線*/
/*  border: 2px solid #f3f3f3; /*枠線*/
	box-shadow: 0 0 5px #ddd;
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
}


/************************************
** ●アイキャッチのカテゴリーラベル非表示
************************************/
.eye-catch .cat-label {
  display: none;
}


/************************************
** ●番号なしリスト/番号付きリストの設定
************************************/
.article ul li, .article ol li {
  margin: 5px 10px 5px 0; /*外側余白設定*/
}
ol, ul {
    padding-left: 34px;
	padding-top: 0;
	padding-bottom: 0;
}
.main ol, .main ul {
	margin-bottom: 15px!important;
}
.toc-content ol, .toc-content ul { /*目次*/
	margin-bottom: 0px!important;
}


/************************************
** ●引用の設定
************************************/
blockquote {
  padding: 40px 30px 40px 40px; /*内側余白設定*/
  border-radius:4px; /*角丸コーナー*/
}
blockquote::before {
  margin-top: 10px;
}
blockquote::after {
  margin-bottom: 10px;
}

/************************************
** ●SNSフォローボタン/SNSシェアボタン カスタマイズ
************************************/
.sns-share-message, .sns-follow-message { /*SNSフォローボタン*/
  display: none; /*説明文字削除*/
}
/*.follow-button, .share-button { /*SNSフォローボタン/SNSシェアボタン*/
/*  border-radius:6px!important; /*角丸コーナー*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*}*/
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-bottom .follow-button,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-bottom .share-button,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top .follow-button,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top .share-button {
  border-radius:5px!important; /*角丸コーナー*/
  border: 1px solid #fff;
  transition: all 0.6s ease; /*アニメーション*/
}

.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-bottom .follow-button:hover,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-bottom .share-button:hover,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top .follow-button:hover,
.sns-share.ss-col-5.ss-high-and-low-lc.bc-brand-color.sbc-hide.ss-top .share-button:hover {
  border-radius:5px!important; /*角丸コーナー*/
  background: none;
  border: 1px solid #003579;
  transition: all 0.6s ease; /*アニメーション*/
}

/************************************
** ●サイドバーにピックアップ記事を設置
************************************/
/*#sidebar .blogcard,*/
/*#sidebar-menu-content .blogcard {*/
/*  padding-bottom: 0; /*内側下余白*/
/*}*/
#sidebar .blogcard-wrap,
#sidebar-menu-content .blogcard-wrap {
  margin: 6px auto; /*外側余白*/
  max-width: 98%; /*横幅*/
  min-height:auto;
  background-color: #fff; /*背景色*/
}
#sidebar .blogcard:hover,
#sidebar-menu-content .blogcard:hover {
  background-color: #BAD7F0; /*背景色*/
  transition: all 0.6s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
}
#sidebar .blogcard-snippet,
#sidebar-menu-content .blogcard-snippet {
  display: none; /*説明文字削除*/
}
#sidebar .blogcard-thumbnail img,
#sidebar-menu-content .blogcard-thumbnail img {
  border-radius: 4px; /*角丸コーナー*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
  box-shadow: 0 10px 8px -6px #8d8c8c;
  max-width: 94%; /*アイキャッチ画像縮小*/
}
#sidebar .blogcard-title,
#sidebar-menu-content .blogcard-title {
  padding-top: 5px; /*タイトル上側外余白*/
  font-size: 14px!important; /*フォントサイズ*/
  line-height: 20px; /*高さ*/
  word-break: break-all; /*表示範囲に合わせて改行*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  #sidebar .blogcard-title,
  #sidebar-menu-content .blogcard-title {
    font-size: 14px!important;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  #sidebar .blogcard-title,
  #sidebar-menu-content .blogcard-title {
    font-size: 12px!important;
  }
}
#sidebar .blogcard-thumbnail,
#sidebar-menu-content .blogcard-thumbnail {
  margin-right: 0;
}
#sidebar .blogcard-content,
#sidebar-menu-content .blogcard-content {
  margin-left: 110px!important;
}
#sidebar .blogcard-date .internal-blogcard-post-date,
#sidebar-menu-content .blogcard-date .internal-blogcard-post-date { /*年月日*/
  display: none; /*無表示*/
}


/************************************
** ●ヘッダーメニュー幅調整
************************************/
#header-container #menu-item-22991 { /*HOMEメニュー幅変更*/
  width: 110px!important;
}
/*#header-container #menu-item-4517 { /*WordPressメニュー幅変更*/
/*  width: 140px!important;*/
/*}*/
#header-container #menu-item-22992 { /*プロフィールメニュー幅変更*/
  width: 150px!important;
}
#header-container #menu-item-22993 { /*SNSメニュー幅変更*/
  width: 90px!important;
}
#header-container #menu-item-22994 { /*お問い合わせメニュー幅変更*/
  width: 140px!important;
}

/*#header-container #menu-item-4310,
#header-container #menu-item-4311,
#header-container #menu-item-4312,
#header-container #menu-item-4313,
#header-container #menu-item-4315 { /*SNSアイコンメニュー幅変更*/
/*  width: 50px!important;
}*/
/*#header-container #menu-item-4314 { /*ダミーメニュー無効化*/
/*  pointer-events: none;
  cursor: default;
  text-decoration:none;
  width: 5px!important;
}*/


/************************************
** ●ヘッダーメニュー アイコン設定
************************************/
/*#menu-item-4310 .caption-wrap { /*Twitter*/
/*  color: #1DA1F2;
  font-weight: 900;
  font-size:120%;
}*/
/*#menu-item-4311 .caption-wrap { /*Instagram*/
/*  color: #904AC6;
  font-weight: 900;
  font-size:126%;
}*/
/*#menu-item-4313 .caption-wrap { /*YouTube*/
/*  color: #CD201F;
  font-weight: 900;
  font-size:130%;
}*/
/*#menu-item-4315 .caption-wrap { /*フォト蔵*/
/*  color: #002561;
  font-weight: 900;
  font-size:120%;
}*/
/*#menu-item-4312 .caption-wrap { /*RSS*/
/*  color: yellow; /*#FFC250*/
/*  font-weight: 900;
  font-size:126%;
}*/


/************************************
** ●ブログカード アイキャッチ画像カスタマイズ
************************************/
.blogcard .blogcard-thumbnail img {
  border-radius: 4px; /*角丸コーナー*/
  margin-top: 14px;
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
}


/************************************
** ●コメントを送信ボタンのカスタマイズ
************************************/
#submit {
  border: solid 1px #0F73CA!important; /*枠線*/
  border-radius: 6px!important; /*角丸コーナー*/
  font-weight:bold!important; /*文字強調*/
  font-size: 18px!important; /*フォントサイズ*/
  color: #fff!important; /*フォントカラー*/
  background-color: rgba(15,115,202,0.7)!important; /*背景色*/
  letter-spacing: 4px!important; /*文字間隔*/
  transition: all 0.6s ease!important; /*アニメーション*/
  margin-bottom: 20px; /*下マージン*/
}
#submit:hover{
  color: #0A4D89!important; /*フォントカラー*/
  background-color: rgba(15,115,202,0.2)!important; /*背景色*/
  transition: all 0.6s ease!important; /*アニメーション*/
}
#throwsSpamAway {
	margin-top: 10px;
}

/************************************
** ●コメントを送信ボタンのカスタマイズ
************************************/
.wpcf7-submit {
  border: solid 2px #0F73CA!important; /*枠線*/
  border-radius: 6px!important; /*角丸コーナー*/
  font-weight:bold!important; /*文字強調*/
  font-size: 18px!important; /*フォントサイズ*/
  color: #fff!important; /*フォントカラー*/
  background-color: #0F73CA!important; /*背景色*/
  letter-spacing: 30px!important; /*文字間隔*/
  transition: all 0.6s ease!important; /*アニメーション*/
}
.wpcf7-submit:hover{
  color: #0A4D89!important; /*フォントカラー*/
  background-color: #BAD7F0!important; /*背景色*/
  transition: all 0.6s ease!important; /*アニメーション*/
}


/************************************
** ●ヘッダーサブメニューのカスタマイズ
************************************/
.sub-menu {
/* background-color: #0F73CA!important; /*背景色*/
/* background-color: rgba(15,115,202,1.0)!important /*背景色*/
  background-color: #fff!important;
  margin-top: -28px!important; /* サブメニューの位置調整 →※Fも連動して変更(B) */
}
.sub-menu a {
  padding-top: 8px; /*縦中央位置決め*/
}
.navi-in .sub-menu {
/*  background-color: rgba(15,115,202,1.0)!important; /*背景色*/
  background-color: rgba(13,98,172,1.0)!important; /*背景色*/
}
.navi-in>ul .sub-menu li {
  border-bottom: 2px groove #fff!important; /*パーティション（仕切り線）*/
  height: 50px; /* サブメニューの高さ */
}
.navi-menu-content .sub-menu { /*モバイル時の横メニューでの表示調整*/
  margin-top: 0!important;
}

/************************************
** ■商品アイテムボックスのカスタマイズ
************************************/
.amazon-item-title.product-item-title a {
  display: block;
  position: relative;
  word-break: break-all; /*表示範囲に合わせて改行*/
  background-color: #E2F2FB; /*タイトル 背景色*/
/*  padding: 6px 10px; /*内側余白設定*/
  font-size: 16px; /*フォントサイズ*/
  color: #333;
  font-weight: 700; /*タイトル フォント太さ*/
/*  line-height: 24px; /*高さ*/
/*  border-radius: 4px; /*角丸コーナー*/
/*  border-left: 8px solid #0F73CA; /*左ラインの太さとカラー*/
/*  border-right: 1px solid #0F73CA; /*右ラインの太さとカラー*/
/*  border-top: 1px solid #0F73CA; /*上ラインの太さとカラー*/
/*  border-bottom: 1px solid #0F73CA; /*下ラインの太さとカラー*/
/*  margin-bottom: 16px;*/
  transition-duration: 0.6s; /*アニメーション*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
  background:linear-gradient(160deg, rgba(147,192,231,0.4), rgba(147,192,231,0.3), rgba(147,192,231,0.1)); /*タイトル背景カラー*/
  word-break: break-all; /*表示範囲に合わせて改行*/
  margin: 0 -10px 14px 0; /*外側余白設定*/
  padding: 6px 4px 6px 25px; /*内側余白設定*/
  line-height: 27px; /*行の高さ*/
  border-radius: 6px; /*角丸コーナー*/
  border: 1px solid #0F73CA!important; /*枠線*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
}
.amazon-item-title.product-item-title a::after {
  position: absolute;
  top: 0.3em;
  left: 0.5em;
  content: '';
  width: 8px;
  height: -webkit-calc(100% - 0.6em);
  height: calc(100% - 0.6em);
  background-color: #0F73CA;
  border-radius: 4px;
}
.amazon-item-title.product-item-title a:hover {
  box-shadow: 0px 0px 6px 4px rgba(15,115,202,0.8); /*枠設定*/
  transition-duration: 0.6s; /*アニメーション*/
  text-decoration: none; /*アンダーライン*/
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
/*  background: -webkit-repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 6px,#BAD7F0 6px, #BAD7F0 14px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 6px,#BAD7F0 6px, #BAD7F0 14px); /*背景カラー*/
  text-shadow: 2px 1px 3px #aaa; /*フォント影追加*/
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px solid #0F73CA; /*外枠*/
/*  background-color: #F0F6FC; /*タイトル 背景色*/
/*  background:linear-gradient(135deg,#fff,#fff,#F4F8FD,#F4F8FD); /*グラデーション化*/
  background: #fff;
  width: 100%!important; /*横幅100%設定*/
}


/************************************
** ■タイトルやボタンをキラッと光らせるカスタマイズ
************************************/
.appeal-content .appeal-button, /*PC･WordPress以外の記事はここをクリック！*/
/*#main .widget-single-content-bottom-title.main-widget-label, /*ウィジェット カスタムHTMLタイトル*/
/*.footer-title, /*フッタータイトル ■*/
.sidebar .ad-label, /*サイドバーGoogleアドセンスタイトル*/
#sidebar h3, /*サイドバータイトル*/
#sidebar-menu-content h3, /*サイドバータイトル スライドインボタン*/
.article h1, /*見出し1(タイトル)*/
.article h2, /*見出し2*/
.article h3, /*見出し3*/
.article h4, /*見出し4*/
/*.article h5, /*見出し5*/
/*.article h6, /*見出し6*/
/*.related-entry-heading, /*関連記事タイトル*/
/*.comment-title, /*コメントタイトル*/
.reflection-img, /*カスタムHTMLのイメージ画像*/
.amazon-item-title.product-item-title a, /*商品アイテムボックスのタイトル*/
.entry-card-title { /*エントリーカードのタイトル*/
/*.comment-btn.key-btn, /*コメントを書き込むボタン*/
/*.follow-button, /*SNSフォローボタン*/
/*.share-button { /*SNSシェアボタン*/
  position: relative;
  overflow: hidden;
}


.appeal-content .appeal-button:before, /*PC･WordPress以外の記事はここをクリック！*/
/*#main .widget-single-content-bottom-title.main-widget-label:before, /*ウィジェット カスタムHTMLタイトル*/
/*.footer-title:before, /*フッタータイトル ■*/
.sidebar .ad-label:before, /*サイドバーGoogleアドセンスタイトル*/
/*#sidebar h3:before, /*サイドバータイトル*/
/*#sidebar-menu-content h3:before, /*サイドバータイトル スライドインボタン*/
.reflection-img_before, /*カスタムHTMLのイメージ画像*/
.amazon-item-title.product-item-title a:before, /*商品アイテムボックスのタイトル*/
.entry-card-title:before { /*エントリカードのタイトル*/
  position: absolute;
  transform: rotate(45deg);
  animation: shine-title 4.8s ease-in infinite; /*アニメーション*/
  background-color: #fffffa;
  content: " ";
  opacity: 0;
  top: -180px;
  left: 0;
  height: 100%;
  width: 30px;
}

.article h1:before, /*見出し1(タイトル)*/
.article h2:before, /*見出し2*/
.article h3:before, /*見出し3*/
.article h4:before, /*見出し4*/
/*.article h5:before, /*見出し5*/
/*.article h6:before, /*見出し6*/
/*.related-entry-heading:before, /*見出し関連記事*/
/*.comment-title:before { /*見出しコメント*/
  position: absolute;
  transform: rotate(45deg);
  animation: shine-title 4.8s ease-in infinite; /*アニメーション*/
  background-color: #fffffa;
  content: " ";
  opacity: 0;
  top: -180px;
  left: 0;
  height: 100%;
  width: 40px;
}

/*.comment-btn.key-btn:before, /*コメントを書き込むボタン*/
/*.follow-button:before, /*SNSフォローボタン*/
/*.share-button:before { /*SNSシェアボタン*/
/*  position: absolute;*/
/*  transform: rotate(45deg);*/
/*  animation: shine-title 3.4s ease-in infinite; /*アニメーション*/
/*  background-color: #fff;*/
/*  content: " ";*/
/*  opacity: 0;*/
/*  top: -180px;*/
/*  left: 0;*/
/*  height: 100%;*/
/*  width: 30px;*/
/*}*/

@keyframes shine-title {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    -ms-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    -ms-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}


/************************************
** ■アフィリエイトバナー（人気有料WordPressテーマ）のリンクアイコン非表示
************************************/
#main .textwidget.custom-html-widget .anchor-icon,
#main .textwidget.custom-html-widget .fa-share-square {
/*#custom_html-15 .fa-share-square {*/
  display:none!important;
}


/************************************
** ■イメージ画像やアイコンを点滅させる点滅させるカスタマイズ
************************************/
#menu-menu1 .fas.fa-angle-down { /*ヘッダーメニュー サブメニュー有りの時のアイコン*/
  animation:blinking 0.9s ease-in infinite alternate!important; /*点滅間隔0.9秒設定*/
}

/*.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before { /*人気記事ランキングの順位表示*/
/*  animation:blinking_sec 1.6s ease-in infinite alternate!important; /*アニメーション点滅間隔1.6秒設定*/
/*}*/

.blink_before, /*HTMLのテキスト*/
.search-box .fa-search { /*サイドバーの検索ボックス内のサーチアイコン*/
  animation:blinking 1.8s ease-in infinite alternate!important; /*点滅間隔1.8秒設定*/
}

.navi-in .has-icon, /*ヘッダーメニューのvアイコン*/
.list-title::after, /*インデックス カテゴリータイトル*/
.tag-link.tag-link-38, /*PRタグ*/
.main .blogcard:after, /*ブログカード ⊿ワンポイント*/
#sidebar .blogcard:after, /*ブログカード ⊿ワンポイント*/
#sidebar-menu-content .blogcard:after, /*ブログカード ⊿ワンポイント*/
.box-menu:hover .box-menu-icon, /*ボックスメニューのアイコン ホバー時*/
#main .ad-label::after, /*アドセンスタイトル*/
#main .main-widget-label::after, /*ウィジェット カスタムHTMLタイトル*/
.footer-title:after, /*フッタータイトル*/
.sidebar .ad-label::after, /*サイドバーGoogleアドセンスタイトル*/
#sidebar h3::after, /*サイドバータイトル*/
#sidebar-menu-content h3::after, /*サイドバータイトル スライドインボタン ★★★★*/
.amazon-item-title.product-item-title a::after, /*商品アイテムボックスのタイトル*/
.article h1::after, /*見出し１（タイトル）*/
.article h2::after, /*見出し2*/
.related-entry-heading::after, /*関連記事見出し*/
.comment-title::after, /*コメント見出し*/
#archive-title::after, /*カテゴリー見出し*/
.entry-card-title::after { /*エントリー記事カードのタイトル*/
  animation:blinking 1.2s ease-in infinite alternate!important; /*点滅間隔1.2秒設定*/
}

.related-entry-card-wrap.a-wrap:hover:before, /*エントリーカードホバー時に【続きを読む】を表示*/
.entry-card-wrap.a-wrap:hover:before { /*エントリーカードホバー時に【続きを読む】を表示*/
  animation:blinking 1.4s ease-in 1 alternate!important; /*アニメーション1回のみ*/
}

.carousel .slick-arrow:before { /*カルーセル 矢印*/
  animation:blinking 1.4s ease-in infinite alternate!important; /*アニメーション点滅間隔1.4秒設定*/
}

.carousel .slick-arrow:hover:before { /*カルーセル 矢印*/
  animation:blinking 0s ease-in infinite alternate!important; /*ホバー時点滅中止*/
}

.tag-link.tag-link-38:hover, /*PRタグ*/
.logo-header img:hover { /*ヘッダーのサイトロゴ画像 ホバー時*/
  animation:blinking 0s ease-in infinite alternate!important; /*ホバー時点滅中止*/
  opacity: 1;
}

.entry-card-wrap:hover .entry-card-title::after, /*エントリー記事カードのタイトル ホバー時*/
.amazon-item-title.product-item-title:hover a::after { /*商品アイテムボックスのタイトル ホバー時*/
  animation:blinking 0.2s ease-in infinite alternate!important; /*ホバー時点滅間隔0.4秒設定*/
  background-color: #003579;
}

@keyframes blinking {
  0% {
    opacity: 0.1;
  }
  81% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinking_sec {
  0% {
    opacity: 0.1;
  }
  61% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/************************************
** ■iOS(iPhone)のプラットフォーム独自の装飾仕様をクリアする
************************************/
* {
  -webkit-appearance: none;
}


/************************************
** ■コメントのラベルカスタマイズ
************************************/
.comment-respond .comment-form-comment label, /*コメントラベル*/
.comment-respond .comment-form-author label, /*名前ラベル*/
.comment-respond .comment-form-email label, /*メールアドレスラベル*/
.comment-respond .comment-form-url label { /*サイトラベル*/
  font-size:0; /*ラベルクリア*/
}

.comment-respond .comment-form-comment label::before { /*コメントラベル変更*/
  font-family: "Font Awesome 5 Free"; /*Font Awesome 5に設定*/
  content: "\f5ad"; /*アイコン*/
  color: #0A4D89; /*アイコンカラー#333*/
  font-size: 20px;
  font-weight: 900;
  filter:drop-shadow(3px 3px 1px #aaa); /*シャドー(影)*/
}
.comment-respond .comment-form-comment label::after { /*コメント欄ラベルに変更*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\A0\30B3\30E1\30F3\30C8\6B04";
  color: #333; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
}

.comment-respond .comment-form-author label::before{ /*名前ラベル変更*/
  font-family: "Font Awesome 5 Free"; /*Font Awesome 5に設定*/
  content: "\f5ad"; /*アイコン*/
  color: #0A4D89; /*アイコンカラー#333*/
  font-size: 20px;
  font-weight: 900;
  filter:drop-shadow(3px 3px 1px #aaa); /*シャドー(影)*/
}
.comment-respond .comment-form-author label::after { /*名前（ハンドルネーム）に変更*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\A0\540D\524D\FF08\30CF\30F3\30C9\30EB\30CD\30FC\30E0\FF09\2A";
  color: #333; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
}

.comment-respond .comment-form-email label::before { /*メールアドレスラベル変更*/
  font-family: "Font Awesome 5 Free"; /*Font Awesome 5に設定*/
  content: "\f5ad"; /*アイコン*/
  color: #0A4D89; /*アイコンカラー#333*/
  font-size: 20px;
  font-weight: 900;
  filter:drop-shadow(3px 3px 1px #aaa); /*シャドー(影)*/
}
.comment-respond .comment-form-email label::after { /*E-Mail（メールアドレス）ラベル変更*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\A0\45\2D\4D\61\69\6C\FF08\30E1\30FC\30EB\30A2\30C9\30EC\30B9\FF09\2A";
  color: #333; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
}

.comment-respond .comment-form-url::before { /*サイトラベル変更*/
  font-family: "Font Awesome 5 Free"; /*Font Awesome 5に設定*/
  content: "\f5ad"; /*アイコン*/
  color: #0A4D89; /*アイコンカラー#333*/
  font-size: 20px;
  font-weight: 900;
  filter:drop-shadow(3px 3px 1px #aaa); /*シャドー(影)*/
}
.comment-respond .comment-form-url label::after { /*ウェブサイトラベル変更*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\A0\30A6\30A7\30D6\30B5\30A4\30C8\55\52\4C";
  color: #333; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
}


/************************************
** ■ウィジェット[c]プロフィールカスタマイズ（プロフィール情報、プロフィールアイコン）
************************************/
.nwa .author-box .author-description { /*プロフィール情報*/
  word-break: break-all; /*表示範囲に合わせて改行*/
  text-decoration: underline dotted #bbb; /*アンダーライン*/
  font-size: 14px; /*フォントサイズ フッター仕様 元14px*/
  font-weight: 600; /*フォント太さ*/
  line-height: 26px; /*行の高さ フッター仕様 元無し*/
  margin-bottom: 30px; /*下マージン フッター仕様 元無し*/
/*  font-style: italic; /*斜体*/
}
.nwa .author-box .author-thumb img { /*プロフィールアイコン回転*/
  animation: ukasu 18s infinite; /*浮かすアニメーション*/
/*  animation: ukasu 8s infinite ease-in 0s alternate; /*浮かすアニメーション*/
/*  animation: kaiten 8s linear infinite; /*回転アニメーション*/
}
@keyframes ukasu { /*浮かすアニメーション*/
  0% {
    transform:translate(-45px, 20px) rotate(0deg);
  }
  35% {
    transform:translate(-45px, -132px) rotate(40deg);
  }
  60% {
    transform:translate(-45px, 20px) rotate(0deg);
  }
  82% {
    transform:translate(-45px, -75px) rotate(-20deg);
  }
  100% {
    transform:translate(-45px, 20px) rotate(0deg);
  }
}
@keyframes kaiten {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-50deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(50deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.nwa .author-box .author-thumb img:hover { /*プロフィールアイコン ホバー時*/
  animation: kaiten 0s linear infinite; /*プロフィールアイコン回転中止*/
}


/************************************
** ■ウィジェット プロフィールのカスタマイズ（肩書きラベル、ネーム、SNSフォローボタン）
************************************/
.nwa .author-box {
	border-color:#fff; /*枠線削除*/
}
.nwa .author-box .author-widget-name { /*肩書きラベル*/
  margin-bottom: 20px; /*下マージン調整*/
  font-weight:bold; /*文字強調*/
}
.nwa .author-box .author-name { /*ネーム*/
  margin-bottom: 20px; /*下マージン調整*/
}
.author-box .sns-follow-buttons a.follow-button { /*SNSフォローボタン*/
  width: 32px; /*横幅サイズ*/
  height: 32px; /*縦幅サイズ*/
  font-size: 22px!important; /*フォントサイズ*/
/*  padding-top: 2px;*/
  background-color: #fff; /*背景カラー*/
  border-radius: 4px; /*角丸コーナー*/
}
@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  .author-box .sns-follow-buttons a.follow-button { /*SNSフォローボタン*/
    width: 28px; /*横幅サイズ*/
    height: 28px; /*縦幅サイズ*/
    font-size: 20px!important; /*フォントサイズ*/
    padding-top: 0;
  }
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-home-logo { /*Home*/
  color: #0F73CA; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-twitter-logo { /*Twitter*/
  color: #1DA1F2; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-instagram-logo { /*Instagram*/
  color: #904AC6; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-youtube-logo { /*Youtube*/
  color: #CD201F; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-amazon-logo { /*Amazon*/
  color: #F59F00; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-feedly-logo { /*feedly*/
  color: #0FC02A; /*アイコンカラー*/
}
.nwa .author-box .sns-follow-buttons a.follow-button .icon-rss-logo { /*RSS*/
  color: #F76300; /*アイコンカラー*/
}
.nwa .author-box .author-description p { /*プロフィール情報*/
  line-height: 1.6; /*高さ*/
/*  margin: 0 -20px; /*左右マージン調整*/
	margin: 0 -38px; /*左右マージン調整*/
}
.author-box.border-element.no-icon.cf { /*プロフィール下間隔クリア*/
	padding-bottom: 0;
}


/************************************
** ■インデックスリストミドル 広告表示調整
************************************/
.list .widget-index-middle-title {
  margin-top:20px;
  text-align: center; /*目次タイトル中央寄せ*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list .widget-index-middle-title {
    margin-top:15px;
    font-size: 13px!important; /*フォントサイズ*/
  }
}


/************************************
** ■ウィジェット ボックスメニューカスタマイズ
************************************/
.box-menu { /*ボックスメニューライン設定*/
/*  box-shadow: 1px 1px 0 0 rgba(15,115,202,1) inset, 1px 1px 0 0 #0F73CA, 1px 0 0 0 #0F73CA;*/
  min-height: 120px; /*2カラム時→110px*/
  padding: 1em 1em;
  box-shadow: none;
/*  background-color: #F4F8FD; /*ボックメニューの背景カラー*/
  background-color: transparent; /*ボックメニューの背景カラー*/
  margin-top: 10px;
}
@media screen and (min-width:1030px) { /*PCのみ表示*/
  .box-menu { /*ボックスメニューライン設定*/
    min-height: 160px;
    margin-top: 25px;
  }
}
.box-menu .box-menu-label {
/*  text-decoration: underline dotted #333; /*アンダーライン*/
  color: #333;
}
.box-menu-icon {
  font-size: 58px; /*Font Awesome 5 アイコンサイズ*/
  filter:drop-shadow(3px 3px 1px #bbb); /*シャドー(影)*/
}

.box-menu:hover { /*ホバー時*/
/*  background-color: #F0F6FC!important; /*背景色*/
  background-color: rgba(186,215,240,0.4)!important; /*背景色*/
  animation: pooyoon3 2.0s ease-in 1 forwards; /*アニメーション処理*/
  text-decoration: none!important;
}

@media screen and (min-width:1030px) { /*PCのみアニメーション*/
  .box-menu:hover .box-menu-icon { /*ホバー時にアイコンをアニメーション*/
    transition: 1.3s;
/*    -webkit-transform: rotateX(360deg);*/
/*    transform: rotateX(360deg);/*上下回転アニメーション*/
/*    -webkit-transform: scale(0.5) translate(-85%, -85%);*/
/*    transform: scale(0.5) translate(-85%, -85%); /*右上縮小移動アニメーション*/
    -webkit-transform: rotateY(360deg) scale(1.8) translate(0%, -55%);
    transform: rotateY(360deg) scale(2.0) translate(0%, -55%); /*上拡大移動アニメーション*/
    color: #003579; /*アイコンカラー*/
    margin-left: 35px; /*アイコン拡大時の左マージン調整*/
    margin-right: 35px; /*アイコン拡大時の右マージン調整*/
  }
  .box-menu:hover .box-menu-label { /*ホバー時にラベルをアニメーション*/
    transition: 1.0s;
    -webkit-transform: scale(0.5) translate(-80%, -80%);
/*    transform: scale(1.2) translate(0%, -150%); /*中央移動*/
    transform: scale(1.3) translate(0%, -110%); /*中央移動 -150%*/
    text-decoration: none; /*アンダーライン無し*/
  }
  .box-menu:hover { /*ホバー時*/
    background-color: #F4F8FD; /*背景色*/
    box-shadow: inset 3px -12px 0 0 #0D5CA2, 3px 3px 0 0 #0D5CA2, 3px 0 0 0 #0D5CA2, 0 3px 0 0 #0D5CA2; /*枠線*/
  }
}

@keyframes pooyoon3 { /*アニメーションpooyoon3動作内容*/
    0%, 50% {
    transform: scale(1.0);
  }
    10%, 30% {
    transform: scale(1.06);
  }
    20%, 40% {
    transform: scale(0.94);
  }
}

@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  .box-menus .box-menu {
    width: calc(100%/4);
  }
  .box-menu-icon {
    font-size: 42px; /*Font Awesome 5 アイコンサイズ*/
    filter:drop-shadow(3px 3px 1px #bbb); /*シャドー(影)*/
  }
  .box-menu-label {
    font-size:10px;
  }
}
@media screen and (max-width: 410px) { /*iPhone8縦表示対応*/
  .box-menus .box-menu {
    width: calc(100%/3);
  }
  .box-menu-icon {
    font-size: 42px; /*Font Awesome 5 アイコンサイズ*/
    filter:drop-shadow(3px 3px 1px #bbb); /*シャドー(影)*/
  }
  .box-menu-label {
    font-size:10px;
  }
}

/************************************
** ■ウィジェット ボックスメニューとカテゴリー結合
************************************/
#slide-in-categories-2 .widget-title,
#categories-2 .widget-title { /*カテゴリータイトル*/
/*  display:none!important; /*タイトル削除*/
}
#slide-in-box_menu-11,
#box_menu-11 { /*ボックメニュー*/
/*  margin-bottom:0!important; /*ボックスメニューとカテゴリー間隔調整*/
}


/************************************
** ■テキストウィジェット お知らせカスタマイズ
************************************/
/*#text-8 .textwidget,*/
/*#text-6 .textwidget { */
/*  background-color: #F0F6FC; 背景色*/
/*  background-color: #fff; 背景色*/
/*  margin: 0 0 30px 0;*/
/*  padding: 30px 10px;*/
/*  border: solid 1px #0F73CA!important; 枠線*/
/*  border-radius: 4px; 角丸コーナー*/
/*}*/


/************************************
** ■ブログカード/関連記事/次の記事/前の記事 ホバー時に浮かすカスタマイズ
************************************/
.blogcard-wrap.external-blogcard-wrap.a-wrap.cf,
.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf {
  background-color: #fff; /*裏側背景色*/
}
.main .prev-post.a-wrap.cf, /*前の記事*/
.main .next-post.a-wrap.cf, /*次の記事*/
.main .blogcard, /*ブログカード*/
.main .related-entry-card-wrap.a-wrap.cf { /*関連記事*/
  transition-duration: 0.6s; /*アニメーション*/
}
.main .prev-post.a-wrap.cf:hover, /*前の記事*/
.main .next-post.a-wrap.cf:hover, /*次の記事*/
.main .blogcard:hover, /*ブログカード*/
.related-entry-card-wrap.a-wrap.cf:hover { /*関連記事*/
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
  box-shadow: 6px 6px 6px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
  background-color: #F4F8FD; /*背景色 #BAD7F0*/
  transition-duration: 0.6s; /*アニメーション*/
}


/************************************
** ■サイドバー ピックアップ記事/人気記事 ホバー時に浮かすカスタマイズ
************************************/
.sidebar .popular-entry-card-link.a-wrap, /*人気記事*/
.sidebar .blogcard { /*ピックアップ記事*/
  transition-duration: 0.6s; /*アニメーション*/
}
.main .popular-entry-card-link.a-wrap:hover,
.sidebar .popular-entry-card-link.a-wrap:hover, /*人気記事*/
.sidebar .blogcard:hover { /*ピックアップ記事*/
/*  -webkit-transform: translateY(-4px); /*浮かす*/
/*  -ms-transform: translateY(-4px); /*浮かす*/
/*  transform: translateY(-4px); /*浮かす*/
/*  box-shadow: 4px 4px 4px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
/*  background-color: #F4F8FD; /*背景色 #BAD7F0*/
  background-color: rgba(15,115,202,0.2); /*背景色*/
  transition-duration: 0.6s; /*アニメーション*/
/*  border-bottom: 2px dotted #BAD7F0; /*アンダーラインの背景色と同化*/
  border-bottom: none; /*アンダーライン削除*/
  text-decoration:none!important; /*装飾無し*/
}
.sidebar .border-partition .a-wrap:first-of-type:hover {
/*	border-top: 2px dotted #BAD7F0!important; /*上アンダーラインの背景色と同化*/
	border-top: none; /*上アンダーライン削除*/
}


/************************************
** ■メニュー カスタマイズ
************************************/
#navi-menu-content {
/*  background-color: #0F73CA; /*背景色*/
  background-color: #fff;
}
#navi-menu-content .menu-drawer ol,
#navi-menu-content .menu-drawer ul {
  margin: 0.2em 0; /*各項目マージン*/
}
/*#navi-menu-content .menu-drawer a { /*メインメニュー*/
#navi-in a {
/*  font-weight: 300!important; /*文字強調*/
/*  color: #e0e0e0!important;*/
  color: #444!important; /*v→*/
  font-size: 15px;
}
.navi .sub-menu .item-label { /*サブメニュー部分だけ文字色設定*/
  color: #fff!important;
  font-size: 15px;
}
/*#navi-menu-content .sub-menu a { /*サブメニュー*/
/*  font-weight:100!important; /*文字強調*/
/*  color: #000!important;*/
/*}*/
#navi-menu-content .menu-item-4314 { /*ダミーメニュー削除*/
  display:none!important;
}


/************************************
** ■ウィジェット カテゴリー ホバーエフェクト化のカスタマイズ
************************************/
.widget_categories ul li a {
  position: relative;
}
.widget_categories ul li a::after {
  position: absolute;
  color: rgba(255,255,255,1);
  bottom: -3px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background: #0A4D89;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.5s;
  margin-bottom: 3px;
}
.widget_categories ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.widget_categories ul li a {
 margin-bottom:2px;
}


/************************************
** ■ヘッダーメニュー ホバーエフェクト化のカスタマイズ
************************************/
#navi .navi-in a {
  position: relative;
}
#navi .navi-in a::after {
  position: absolute;
  color: rgba(255,255,255,1);
  bottom: 28px; /* ヘッダーメニューのホバーエフェクト位置調整 →※Fも連動して変更(B) */
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  background: #0A4D89;
  transform: scaleX(0);
  transition: transform 0.5s;
}
#navi .navi-in a:hover::after {
  transform: scaleX(1);
  transition: transform 0.5s;
}

#navi .navi-in .sub-menu a::after { /* サブメニューのホバーエフェクト位置調整 */
  bottom: -4px;
}


/************************************
** ■テキストウィジェット内リンクのホバーエフェクト化のカスタマイズ
************************************/
.textwidget a:hover {
  border-bottom: none!important;
  text-decoration-line:none; /*アンダーライン無し*/
}
.textwidget a {
  position: relative!important;
}
.textwidget a::after {
  position: absolute!important;
  color: rgba(255,255,255,1);
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #0A4D89;
  transform: scaleX(0);
  transform-origin: right top;
  transition: transform 0.5s;
}
.textwidget a:hover::after {
  transform: scaleX(1);
  transform-origin: left top;
  transition: transform 0.5s;
}
.textwidget.custom-html-widget a::after { /*カスタムHTMLはホバーエフェクト化対象外*/
  height: 0!important;
}


/************************************
** ■エントリーカードの先頭調整
************************************/
.front-page-type-index {
  margin-top: 15px;
}


/************************************
** ■メニュー／サイドバーのCLOSEボタンのカスタマイズ（常時表示対応）
************************************/
.menu-close-button { /*サイドバー*/
  overflow: visible!important; /*ボックス範囲内指定*/
  position: sticky!important; /*スクロール追従*/
  z-index: 99999!important; /*最前面に指定*/
  top: 20px; /*表示位置*/
  background: rgba(186,215,240,0.8); /*背景色*/
  width: 91%; /*横幅*/
  transform: scale(1.2); /*拡大表示*/
}
.menu-content .menu-drawer { /*メニュー*/
  padding:30px 1em 30px; /*上マージン調整*/
}
.menu-content .fas.fa-times { /*×アイコン*/
  padding-left: 30px; /*左側間隔調整*/
}


/************************************
** ■codocのカスタマイズ
*************************************/
#custom_html-29 .widget-single-content-bottom-title.main-widget-label {
  margin-bottom: 30px;
}
.codoc-entry {
  margin-top: -10px;
}
.codoc-entry .codoc-like {
  font-weight:bold; /*文字強調*/
}
.codoc-support {
  border: 1px solid #0A4D89!important;
  background: rgba(15,115,202,0.4)!important;
  padding: 18px!important;
  border-radius: 6px!important; /*角丸コーナー*/
}
.codoc-support .codoc-support-title {
/*  font-weight:bold!important; /*文字強調*/
  display: none!important;
}
.codoc-entry .codoc-btn {
  background: #F0F6FC!important;
  border: 1px solid #0A4D89!important;
  border-radius: 4px!important; /*角丸コーナー*/
}
.codoc-entry .codoc-buy-creator {
  background: #F0F6FC;
  border: 1px solid #0A4D89!important; /*#0A4D89*/
  border-radius: 6px!important; /*角丸コーナー*/
}
.codoc-entry .codoc-btn:hover {
  background: #BAD7F0!important;
  border: 1px solid #0A4D89!important;
}
.codoc-bottom {
  background: #F0F6FC!important; /*#F0F6FC*/
  border: 1px solid #0A4D89!important; /*#0A4D89*/
  border-radius: 6px!important; /*角丸コーナー*/
  margin-top: 12px!important;
}


/************************************
** ■コメントの見出し・関連記事の見出し・ウィジェットの見出し(タイトル)のカスタマイズ
************************************/
.comment-title, /*コメントの見出し*/
.related-entry-heading, /*関連記事の見出し*/
#main .main-widget-label { /*ウィジェットの見出し*/
  margin-top: 30px; /*上マージン*/
  margin-bottom: 11px; /*下マージン*/
  border-radius: 2px; /*角丸コーナー*/
  color: #fff; /*フォントカラー*/
  font-size: 18px; /*フォントサイズ*/
  font-weight: 700; /*フォント太さ*/
  position: relative;
/*  background:linear-gradient(160deg, #0F73CA, #0F73CA, #BAD7F0, #F4F8FD); /*タイトル背景カラー*/
/*  background:linear-gradient(160deg, #0F73CA, #0F73CA, #0F73CA, #93C0E7, #E2F2FB); /*タイトル背景カラー*/
  background:linear-gradient(160deg, rgba(13,98,172,1), rgba(13,98,172,0.8), rgba(13,98,172,0.5)); /*タイトル背景カラー*/
  padding-top: 8px; /*上内側余白設定 5px*/
  padding-bottom: 6px; /*下内側余白設定 3px*/
  padding-left: 24px; /*左内側余白設定*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .comment-title, /*コメントの見出し*/
  .related-entry-heading, /*関連記事の見出し*/
  #main .main-widget-label { /*ウィジェットの見出し*/
    padding-top: 5px; /*上内側余白設定*/
    padding-bottom: 5px; /*下内側余白設定*/
    font-size: 16px; /*フォントサイズ*/
  }
}
.comment-title::after, /*コメントの見出し*/
.related-entry-heading::after, /*関連記事の見出し*/
#main .main-widget-label::after { /*ウィジェットの見出し*/
/*  position: absolute;
  top: 0.3em;
  left: 0.6em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 0.6em);
  height: calc(100% - 0.6em);
  background-color: #fff;
  border-radius: 6px;*/

  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  width: 14px;
  height: 8px;
  margin-top: -3px;
  background: #fff;
}
.comment-title::before, /*コメントの見出し 周囲内ライン設定*/
.related-entry-heading::before, /*関連記事の見出し 周囲内ライン設定*/
#main .main-widget-label::before { /*ウィジェットの見出し 周囲内ライン設定*/
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 2px; /*角丸コーナー*/
}

/*.recommended.cf.rcs-large-thumb-on { /*ウィジェット[C]おすすめカード*/
/*  margin-top:0; /*上マージンクリア*/
/*}*/


/************************************
** ■ウィジェット[C]おすすめカードのカスタマイズ
************************************/
.recommended.cf.rcs-large-thumb-on {
/*  border: solid 1px #0F73CA; /*枠線*/
/*  background-color: #E2F2FB; /*背景色*/
  margin-top:40px; /*上マージン*/
  margin-bottom: 0; /*下マージン*/
/*  border-right: 1px solid #93C0E7; /* 境縦線*/
/*  border-left: 1px solid #93C0E7; /*境縦線*/
/*	border-top: 1px solid #93C0E7; /*境横線*/
/*	border-bottom: 1px solid #93C0E7; /*境横線*/
}
.widget-entry-cards.large-thumb-on .card-content {
  font-weight: 600; /*フォント太さ*/
  font-size: 19px; /*フォントサイズ 15px*/
}
.navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  .widget-entry-cards.large-thumb-on .card-content {
    font-weight: 600; /*フォント太さ*/
    font-size: 13px; /*フォントサイズ*/
  }
}
#recommended.recommended.cf.rcs-center-label-title.rcs-center-title {
  margin-top: 10px;
}


/************************************
** ■サイト内を検索のカスタマイズ
************************************/
.search-edit::placeholder { /*コメント欄ラベルに変更*/
  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
  color: #0F73CA; /*フォントカラー*/
  letter-spacing: 2px; /*文字間隔*/
}
.search-box .fa-search { /*サイドバーの検索ボックス内のサーチアイコン*/
  color: #0F73CA;
  font-size:22px;
}


/************************************
** ■メインエリア 広告ラベル 見出し(タイトル)のカスタマイズ
************************************/
#main .ad-label {
  margin-top:5px;
  margin-bottom: 12px;
  position: relative;
  background:linear-gradient(160deg, #0F73CA, #0F73CA, #BAD7F0, #F4F8FD); /*タイトル背景カラー*/
/*  background:linear-gradient(160deg, #0F73CA, #0F73CA, #BAD7F0); /*タイトル背景カラー*/
  padding: 4px 10px 0 22px; /*左内側余白設定*/
  color: #fff;
  text-align: left; /*目次タイトル中央寄せ*/
  border-radius: 4px; /*角丸コーナー*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
}
#main .ad-label::after {
  position: absolute;
  top: 0.3em;
  left: 0.6em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 0.6em);
  height: calc(100% - 0.6em);
  background-color: #fff;
  border-radius: 6px;
}
#main .ad-label { /*広告ラベル スポンサーリンク削除*/
  display: none;
}

/************************************
** ■投稿画面 カテゴリ表示位置調整
************************************/
#main .entry-categories-tags.ctdt-category-only .entry-categories {
/*  margin:0 10px 18px 2px;*/
}
#main .entry-categories-tags {
  margin:0 10px 20px -6px!important;
}


/************************************
** ■記事を読む時間 カスタマイズ（設定：本文）
************************************/
.read-time {
  color:#0F73CA; /*フォントカラー*/
  font-size: 14px; /*フォントサイズ*/
  border-top: 4px double #BAD7F0; /*上ライン*/
  border-bottom: 4px double #BAD7F0; /*下ライン*/
  text-shadow: 2px 1px 3px #999; /*フォント影追加*/
  margin-bottom: 20px; /*下マージン*/
}


/************************************
** ■Googleカスタム検索のカスタマイズ
************************************/
.gsc-search-button-v2 {
  border: 2px solid #0F73CA!important;
  border-color: #0F73CA!important;
  background-color: #0F73CA!important;
}


/************************************
** ■ウィジェット ボックスメニュー調整（メインエリア）
************************************/
#main .widget.widget_box_menu {
  margin-bottom:20px;
}


/************************************
** ■カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする
************************************/
.archive.date #text-8,
.archive.category #text-8,
.archive.date #text-6,
.archive.category #text-6 {
  display: none!important;
}


/************************************
** ■プロフィール名 カスタマイズ
************************************/
.author-name::before { /*プロフィール名*/
  font-family: "Font Awesome 5 Free"; /*Font Awesome 5に設定*/
  content: "\f1ae"; /*アイコン*/
  color: #666; /*アイコンカラー*/
  font-size: 26px; /*フォントサイズ*/
  font-weight: 900;
  filter:drop-shadow(7px -6px 1px #ccc); /*シャドー(影)*/
}
.author-info .author-name::before { /*プロフィール名*/
  content: "\f1ae\A0"; /*アイコン+空白*/
}
.author-name {
  padding-right: 30px;
}
.footer-meta .author-info .fas.fa-pencil-alt { /*エントリー記事署名*/
  display: none; /*アイコン削除*/
}
.footer-meta .author-info .post-author { /*エントリー記事署名*/
  font-size: 18px; /*フォントサイズ*/
}
#footer .author-box a:hover {
/*    text-decoration: underline!important;*/
    color: #0A4D89!important;
}

/************************************
** ■Google Adsense のスクリプトによる自動的なスタイル(style="height: auto !important;")の注入対策 ※使うとスマホでレスポンシブ非対応になるので保留
************************************/
/*.content-in {
  display: block;
}
.main {
  float: left;
}
.sidebar {
  float: right;
}*/


/************************************
** ■インデックスリストのタイトル付け
************************************/
.list.ect-vertical-card-2.ect-vertical-card.ect-2-columns.front-page-type-index {
  margin-top: -10px!important; /*上マージン調整*/
}
.archive .widget-index-top-title.main-widget-label { /*アーカイブインデックス*/
/*  display: none; /*非表示*/
}


/************************************
** ■サイドバー領域の枠と下にシャドー（影）設定
************************************/
.sidebar {
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
/*  box-shadow: 0 10px 8px -6px #8d8c8c;
/*  border-top: 2px solid #0F73CA; /*上線*/
/*  border-bottom: 3px solid #0F73CA; /*下線*/
/*  border-right: 2px solid #0F73CA; /*右線*/
/*  border-left: 2px solid #0F73CA; /*左線*/
/*  border-radius: 6px; /*角丸コーナー*/
  border: none;
/*  border-right: 1px solid #93C0E7; /*右線 masaline*/
  padding-right: 20px; /*50px masaline*/
  padding-left: 0; /*無 masaline*/
  margin-right: 5px!important; /*無 masaline*/
/*  border-right: 1px solid #93C0E7; /*右線*/
}


/************************************
** ■ウィジェット [C]人気記事の下マージン調整
************************************/
.widget.widget-sidebar.widget-sidebar-standard.widget_popular_entries {
  margin-bottom: -18px!important;
}


/************************************
** ■カルーセル カスタマイズ
************************************/
.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
  font-size: 14px; /*フォントサイズ*/
  font-weight:bold; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.carousel .carousel-entry-card .cat-label {
  color: #fff; /*ラベル 文字色*/
  border: none; /*枠削除*/
  display: none; /*ラベルを表示したい場合はコメントアウト*/
}
.carousel .carousel-in {
  margin-top: 40px; /*上マージン調整*/
  background-color: #F0F6FC; /*カルーセル全体背景色*/
}
.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius: 6px; /*角丸コーナー*/
}
.carousel .slick-prev,
.carousel .slick-next { /*カルーセル送り戻り*/
  background: #BAD7F0; /*背景色*/
  border-radius: 4px; /*角丸コーナー*/
  height: 100%;
}
.carousel .slick-arrow:before { /*矢印*/
  color: #0A4D89;
}
.slick-list.draggable {
  padding-top: 7px;
}


/************************************
** ■通知 カスタマイズ
************************************/
#notice-area-wrap {
/*  border-left: 1px solid #93C0E7!important;*/
/*  border-right: 1px solid #93C0E7!important;*/
/*  border-bottom: 3px solid #93C0E7!important;*/
/*  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;*/
/*  box-shadow: 0 10px 8px -6px #8d8c8c;*/
  transition-duration: 0.6s; /*アニメーション*/
/*  margin-right: 130px;*/
/*  margin-left: 130px;*/
}
/*#notice-area-wrap:hover {*/
/*  color: #fff;*/
/*  background-color: #0D5CA2; /*カルーセル全体背景色*/
/*  background-color: #F0F6FC*/
/*  transition-duration: 0.6s; /*アニメーション*/
/*}*/
#notice-area {
  font-weight:bold; /*文字強調*/
  font-size: 15px;
  color: #BF0042;
/*  background-color: #fff; /*カルーセル全体背景色*/
/*  background-color: #F4F8FD!important; /*カルーセル全体背景色 →※色連動 */
  background-color: transparent; /*カルーセル全体背景色*/
  transition-duration: 0.6s; /*アニメーション*/
}

#notice-area:hover {
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background-color: #BAD7F0!important;
  transition-duration: 0.6s; /*アニメーション*/
}
@media screen and (max-width: 768px){ /*iPad横表示対応*/
  #notice-area-wrap {
    margin-right: 0;
    margin-left: 0;
  }
  #notice-area {
    font-size: 11px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  #notice-area-wrap {
    margin-right: 0;
    margin-left: 0;
  }
  #notice-area {
    font-size: 10px;
  }
}
/************************************
** ■おすすめメニュー（おすすめカード）カスタマイズ
************************************/
#recommended.recommended.cf.rcs-large-thumb-on.rcs-card-margin { /*オススメメニュー*/
  margin-top: 30px; /*上マージン*/
  margin-bottom: -20px; /*下マージン*/
  transform: scale(1); /*縮小表示 6個表示の場合1 / 4個表示の場合0.92*/
}

@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  #recommended.recommended.cf.rcs-large-thumb-on.rcs-card-margin { /*オススメメニュー*/
    transform: scale(0.96); /*縮小表示*/
  }
}
.navi-entry-card-link.widget-entry-card-link.a-wrap {
  border-radius: 4px; /*角丸コーナー ※8*/
/*  -webkit-box-shadow: 0 9px 7px -6px #8d8c8c; /*シャドー（影）★★★★*/
/*  -moz-box-shadow: 0 9px 7px -6px #8d8c8c;*/
/*  box-shadow: 0 9px 7px -6px #8d8c8c;*/
  box-shadow: 0 0 4px #e8e8e8; /*枠設定*/
}
.navi-entry-card-title.widget-entry-card-title.card-title {
  color: #78FFDD; /*文字色*/
}
.widget-entry-cards.large-thumb-on .card-content {
/*  background: linear-gradient(180deg, transparent, #555);*/
  background: rgba(85,85,85,0.7);
  padding-top: 2px;
  padding-bottom: 2px;
}
/************************************
** ■おすすめメニュー/カード以外の上マージン調整
************************************/
#recommended_cards-5 #recommended.recommended.cf.rcs-large-thumb-on.rcs-card-margin { /*オススメカード*/
  margin-top: 0; /*上マージン*/
}
#custom_html-39 .textwidget.custom-html-widget { /*カスタムHTML 広告バナー*/
  margin-top: 25px; /*上マージン-20px*/
  margin-bottom: -10px; /*下マージン0px*/
}
#custom_html-36 .textwidget.custom-html-widget { /*カスタムHTML 広告バナー*/
  margin-top: -20px; /*上マージン*/
}


/************************************
** ■カテゴリーと月別アーカイブタイトルの上マージン調整
************************************/
#archive-title.archive-title,
.category-content.article {
  margin-top: 1.2em;
}


/************************************
** ■サイドバースクロール追従 目次マージン調整
************************************/
.sidebar-scroll .toc {
  margin-top: -10px; /*1em*/
  margin-right: 0;
  margin-left: 0; 
}


/************************************
** ■横幅を最縮小したときの枠設定（メインとサブの境界線）
************************************/
#main.main {
/*  border: 2px solid #0F73CA!important; /*メイン枠設定*/
	border: none;
/*  border-top: 2px solid #0F73CA!important; /*上線*/
/*  border-bottom: 3px solid #0F73CA!important; /*下線*/
/*  border-right: 1px solid #93C0E7!important; /*右線 メインとサブの境界線*/
/*  border-left: 1px solid #93C0E7!important; /*左線 masaline*/

  border-radius:0!important; /*角丸コーナー*/
}


/************************************
** ■ブログカード ⊿ワンポイント表示追加
************************************/
.main .blogcard { /*ブログカード*/
  padding-right: 6px; /*内側右余白*/
  padding-bottom: 6px; /*内側下余白*/
}
.main .blogcard:after { /*⊿ワンポイント*/
  margin-top: 0;
  border-top: solid 20px transparent;
  border-right: solid 20px #0D5CA2;
}
.main .blogcard-date { /*年月日*/
  margin-right: 5%;
}
#sidebar .blogcard,
#sidebar-menu-content .blogcard { /*サイドバーピックアップ記事(ブログカード)*/
  padding-top: 3px!important;
  padding-right: 4px; /*内側右下余白*/
  padding-bottom: 4px; /*内側下余白*/
}
#sidebar .blogcard:after,
#sidebar-menu-content .blogcard:after { /*⊿ワンポイント*/
  margin-top: 0;
  border-top: solid 12px transparent;
  border-right: solid 12px #0D5CA2;
}
.blogcard-footer { /*サイト名位置調整*/
  padding-top: 0;
}
.blogcard-post-date.internal-blogcard-post-date { /*ブログカード*/
  display: none /*日付削除*/
}
#sidebar .blogcard-footer.internal-blogcard-footer.cf,
#sidebar .blogcard-footer.external-blogcard-footer.cf,
#sidebar-menu-content .blogcard-footer.internal-blogcard-footer.cf,
#sidebar-menu-content .blogcard-footer.external-blogcard-footer.cf { /*サイドバーピックアップ記事(ブログカード)*/
  display: none; /*サイト名削除*/
}


/************************************
** ■ブログカード サイトファビコン+URLを上に移設
************************************/
.main .blogcard-footer.internal-blogcard-footer.cf,
.main .blogcard-footer.external-blogcard-footer.cf {
  position: absolute;
  top: 3px;
}
@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  .main .blogcard-footer.internal-blogcard-footer.cf,
  .main .blogcard-footer.external-blogcard-footer.cf {
    top: 2px;
  }
}
.main .blogcard.internal-blogcard.ib-left.cf,
.main .blogcard.external-blogcard.eb-left.cf {
  padding-top: 26px;
}
@media screen and (max-width: 768px) { /*iPad縦表示対応*/
  .main .blogcard.internal-blogcard.ib-left.cf,
  .main .blogcard.external-blogcard.eb-left.cf {
    padding-top: 22px;
  }
}


/************************************
** ■ブログカード フォントサイズ調整
************************************/
.main .blogcard-title {
  font-size: 16px!important; /*フォントサイズ*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .main .blogcard-title {
    font-size: 12px!important;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .main .blogcard-title {
    font-size: 10px!important;
  }
}
.main .blogcard-snippet.internal-blogcard-snippet,
.main .blogcard-snippet.external-blogcard-snippet {
  font-size: 14px!important; /*フォントサイズ*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .main .blogcard-snippet.internal-blogcard-snippet,
  .main .blogcard-snippet.external-blogcard-snippet {
    font-size: 12px!important;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .main .blogcard-snippet.internal-blogcard-snippet,
  .main .blogcard-snippet.external-blogcard-snippet {
    font-size: 10px!important;
  }
}
.main .blogcard-domain.internal-blogcard-domain,
.main .blogcard-domain.external-blogcard-domain {
  font-size: 16px!important; /*フォントサイズ*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .main .blogcard-domain.internal-blogcard-domain,
  .main .blogcard-domain.external-blogcard-domain {
    font-size: 12px!important;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .main .blogcard-domain.internal-blogcard-domain,
  .main .blogcard-domain.external-blogcard-domain {
    font-size: 12px!important;
  }
}


/************************************
** ■インデックス フロントページタイプ（β版）【カテゴリーごと】設定時のカスタマイズ
************************************/
.list-title {
  position: relative;
/*  color: #333; /*フォントカラー*/
  color: #fff; /*フォントカラー*/
/*  background:linear-gradient(to top, #0D5CA2, #BAD7F0)!important;*/
  background:linear-gradient(to top, rgba(10,77,137,1), rgba(15,115,202,0.5))!important;
/*  background:linear-gradient(to top, #BAD7F0, #0F73CA, #BAD7F0)!important;
/*  background:linear-gradient(to top, #BAD7F0, #0F73CA, #0F73CA, #BAD7F0)!important;
/*  background: -webkit-repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
/*  background: repeating-linear-gradient(-45deg, #E2F2FB, #E2F2FB 3px,#BAD7F0 3px, #BAD7F0 7px); /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  font-weight: 900; /*文字強調*/
  letter-spacing: 3px; /*文字間隔*/
  text-align: center; /*文字位置中央 center*/
/*  margin: 10px 0px 20px 0px;*/
  padding: 12px 3px 6px 3px;
/*  border-top-right-radius: 40px; /*右上角丸コーナー*/
/*  border-top-left-radius: 40px; /*左上角丸コーナー*/
/*  border-bottom-right-radius: 10px; /*右下角丸コーナー*/
/*  border-bottom-left-radius: 10px; /*左下角丸コーナー*/
/*  order-radius: 16px 60px/5px 16px 16px; /*角丸コーナー*/
/*  border-radius: 16px 16px 4px 4px; /*角丸コーナー*/
  border-radius: 2px 60px/5px 16px 16px; /*角丸コーナー*/
  line-height: 98%;
/*  border: 1px solid #0F73CA!important;*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); /*シャドー*/
  width: 90%; /*横幅縮小*/
  margin: 10px auto 20px auto; /*マージン＋中央寄せ*/
}
.list-title::after {
  position: absolute;
  bottom: 0;
  left: 4.0em; /*4.0em*/
  content: '';
  height: 4px; /*8*/
  width: -webkit-calc(100% - 8.0em); /*8.0em*/
  width: calc(100% - 8.0em); /*8.0em*/
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list-title::after {
    left: 3.0em;
    width: -webkit-calc(100% - 6.0em); /*8.0em*/
    width: calc(100% - 6.0em); /*8.0em*/
  }
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list-title { /*タイトル*/
/*    font-size: 16px;*/
/*    padding: 5px 0 0 3px; /*余白設定*/
    width: 98%; /*横幅縮小*/
    margin: 10px auto 10px auto; /*マージン＋中央寄せ*/
  }
}
.list-title-in {
	padding:0 20px;
}
.list-title-in::before,
.list-title-in::after { /*タイトル左右ライン削除*/
/*  background-color: #fff;*/
  display: none;
}

.list-new-entries-title.list-title { /*新着記事*/
  margin-top: 30px; /*上マージン 40px*/
}

.list-more-button { /*もっと見るボタン*/
  margin-top: 24px; /*上マージン*/
  margin-bottom: 40px; /*下マージン*/
  border: solid 2px #0F73CA; /*枠線*/
/*  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  font-size: 0; /*【もっと見る】ボタンフォントクリア*/
  letter-spacing: 1px; /*文字間隔*/
  font-weight: bold; /*文字強調*/
  color: #0A4D89; /*フォントカラー*/
  padding: 3px 0 3px 0; /*余白*/
  transition: all 0.6s ease; /*アニメーション*/
  width: 90%;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list-more-button { /*もっと見るボタン*/
    margin-bottom: 30px;
    padding: 4px 0 4px 0; /*余白*/
    width: 90%;
  }
}

.list-more-button:hover { /*もっと見るボタン*/
  background-color: #BAD7F0; /*背景色*/
  transition: all 0.6s ease; /*アニメーション*/
  color: #0A4D89; /*フォントカラー*/
  text-decoration: none!important;
}
.list-new-entries .list-more-button::after { /*【全エントリー記事】設定*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\5168\30a8\30f3\30c8\30ea\30fc\8a18\4e8b\00A0\27a1"; /*全エントリー記事 ➡*/
  font-size: 16px; /*フォントサイズ*/
  color: #0A4D89; /*フォントカラー*/
  font-weight: bold; /*文字強調*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list-new-entries .list-more-button::after { /*【全エントリー記事】設定*/
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .list-new-entries .list-more-button::after { /*【全エントリー記事】設定*/
    font-size: 12px;
  }
}
/*PC関連カテゴリー設定 START*/
.list-category-16-column.list-column .list-more-button::after, /*【PR/レビュー】設定*/
.tab-cont.tb2 .list-more-button::after,
.list-category-16.list-column .list-more-button::after { /*【PC関連】設定*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\0050\0043\95a2\9023\30ab\30c6\30b4\30ea\30fc\00A0\27a1"; /*PC関連カテゴリー ➡*/
  font-size: 16px; /*フォントサイズ*/
  color: #0A4D89; /*フォントカラー*/
  font-weight: bold; /*文字強調*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .tab-cont.tb2 .list-more-button::after,
  .list-category-16.list-column .list-more-button::after { /*【PC関連カテゴリー】設定*/
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .tab-cont.tb2 .list-more-button::after,
  .list-category-16.list-column .list-more-button::after { /*【PC関連カテゴリー】設定*/
    font-size: 12px;
  }
}
/*PC関連カテゴリー設定 END*/
/*WordPress関連カテゴリー設定 START*/
.list-category-2-column.list-column .list-more-button::after, /*【PR/レビュー】設定*/
.tab-cont.tb3 .list-more-button::after,
.list-category-2.list-column .list-more-button::after { /*【WordPress関連カテゴリー】設定*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\0057\006F\0072\0064\0050\0072\0065\0073\0073\95a2\9023\30ab\30c6\30b4\30ea\30fc\00A0\27a1"; /*WordPress関連カテゴリー ➡*/
  font-size: 16px; /*フォントサイズ*/
  color: #0A4D89; /*フォントカラー*/
  font-weight: bold; /*文字強調*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .tab-cont.tb3 .list-more-button::after,
  .list-category-2.list-column .list-more-button::after { /*【WordPress関連カテゴリー】設定*/
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .tab-cont.tb3 .list-more-button::after,
  .list-category-2.list-column .list-more-button::after { /*【WordPress関連カテゴリー】設定*/
    font-size: 12px;
  }
}
/*WordPress関連カテゴリー設定 END*/
/*レビュー/レビューPRカテゴリー設定 START*/
.list-category-21-column.list-column .list-more-button::after, /*【PR/レビュー】設定*/
.tab-cont.tb4 .list-more-button::after,
.list-category-21.list-column .list-more-button::after { /*【PR/レビュー】設定*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\0050\0052\002f\30ec\30d3\30e5\30fc\30ab\30c6\30b4\30ea\30fc\00A0\27a1"; /*PR/レビューカテゴリー ➡*/
  font-size: 16px; /*フォントサイズ*/
  color: #0A4D89; /*フォントカラー*/
  font-weight: bold; /*文字強調*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .tab-cont.tb4 .list-more-button::after,
  .list-category-21.list-column .list-more-button::after { /*【PR/レビューカテゴリー】設定*/
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .tab-cont.tb4 .list-more-button::after,
  .list-category-21.list-column .list-more-button::after { /*【PR/レビューカテゴリー】設定*/
    font-size: 12px;
  }
}
/*レビュー[PR]カテゴリー設定 END*/


/*TP-Link製品設定 START*/
.tab-cont.tb4 .list-more-button::after,
.list-category-37.list-column .list-more-button::after { /*【TP-Link製品】設定*/
  font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  content: "\0054\0050\002d\004c\0069\006e\006b\88fd\54c1\30ab\30c6\30b4\30ea\30fc\00A0\27a1"; /*TP-Link製品カテゴリー ➡*/
  font-size: 16px; /*フォントサイズ*/
  color: #0A4D89; /*フォントカラー*/
  font-weight: bold; /*文字強調*/
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .tab-cont.tb4 .list-more-button::after,
  .list-category-37.list-column .list-more-button::after { /*【TP-Link製品カテゴリー】設定*/
    font-size: 14px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .tab-cont.tb4 .list-more-button::after,
  .list-category-37.list-column .list-more-button::after { /*【TP-Link製品カテゴリー】設定*/
    font-size: 12px;
  }
}
/*TP-Link製品設定 END*/


/************************************
** ■googleアドセンスがトップにある場合に設定
************************************/
.ad-area.no-icon.ad-index-top.ad-horizontal.ad-label-invisible.cf {
  margin-top: 30px; /*上マージン設定*/
  margin-bottom: 40px; /*下マージン設定*/
}


/************************************
** ■一番下の広告マージン調整
************************************/
#custom_html-38 {i
  margin-top: 20px;
}


/************************************
** ■YouTubeコンテンツのカスタマイズ
************************************/
.video-container {
	margin-top: -14px!important; /*上マージン調整*/
	margin-bottom: -4px!important; /*下マージン調整*/
}


/************************************
** ■Copyrightのカスタマイズ
************************************/
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  .copyright {
    font-size: 10px;
  }
}


/************************************
** ■関連記事 縦型カード3列／縦型カード4列 カスタマイズ
************************************/
#related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-wrap.a-wrap.cf,
#related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-wrap.a-wrap.cf {
  padding-bottom: 5px; /*20px*/
  margin-bottom: 5px;
  border-radius: 4px; /*角丸コーナー*/
}
#related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-thumb-image.card-thumb-image.wp-post-image,
#related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-thumb-image.card-thumb-image.wp-post-image {
  box-shadow: none;
  margin-bottom: -10px;
}
#related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-title.card-title.e-card-title,
#related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-title.card-title.e-card-title {
  line-height: 1.4;
}

@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  #related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-wrap.a-wrap.cf,
  #related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-wrap.a-wrap.cf {
    padding-bottom: 0; /*32px*/
    margin-bottom: 5px;
    border-radius: 4px; /*角丸コーナー*/
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  #related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-wrap.a-wrap.cf,
  #related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-wrap.a-wrap.cf {
    padding-bottom: 22px;
    margin-bottom: 5px;
    border-radius: 4px; /*角丸コーナー*/
  }
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  #related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-thumb-image.card-thumb-image.wp-post-image,
  #related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-thumb-image.card-thumb-image.wp-post-image {
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  #related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-title.card-title.e-card-title,
  #related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-title.card-title.e-card-title {
    font-size: 13px;
  }
}
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  #related-entries.rect-vertical-card.rect-vertical-card-3.recb-entry-border .related-entry-card-title.card-title.e-card-title,
  #related-entries.rect-vertical-card.rect-vertical-card-4.recb-entry-border .related-entry-card-title.card-title.e-card-title {
    font-size: 12px;
  }
}


/************************************
** ■インデックス フロントページタイプ（β版）【タブ一覧】設定時の切り替えボタンのカスタマイズ
************************************/
.index-tab-buttons .index-tab-button {
  padding: 12px 16px;
  font-size: 14px;
  margin: 2px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #0A4D89;
  width: 100%;
  text-align: center;
  color: #0A4D89;
  font-weight: 700;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
  background: none #0A4D89;
  border: 1px solid #0A4D89;
  color: #fff;
  font-weight: 700;
}


/************************************
** ■ステマ対策 PRタグ
************************************/
.tag-link {
  text-decoration: none; /*テキスト初期化*/
  color: #fff; /*フォントカラー*/
  font-size: 12px; /*フォントサイズ*/
  background-color: #0F73CA; /*背景色*/
  display: inline-block; /*横並びで上下左右空白有り*/
  margin-right: 5px; /*内側右余白*/
  padding: 2px 14px 0px 14px; /*外側余白*/
  border-radius: 10px 4px; /*カテゴリ背景デザイン*/
  border: 0px; /*枠線無し*/
  word-break: break-all; /*テキストの途中で改行させない*/
}
.tag-link.tag-link-38 {
  font-weight: 900; /*文字強調*/
  background: #0A4D89;
}


/************************************
** ■サイドバー ショートカットアイコン 背景カスタマイズ
************************************/
/*#custom_html-44.widget_text.widget.widget-sidebar.widget-sidebar-scroll.widget_custom_html,
#custom_html-46.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html {
  background: #F4F8FD;
  padding-bottom: 2px;
  padding-top: 2px;
}*/


/************************************
** ■サイドバー 広告と広告の間隔調整
************************************/
#text-10.widget.widget-sidebar.widget-sidebar-scroll.widget_text, /*Googleアドセンス bottomマージン調整*/
#custom_html-23.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html { /*パソコン工房 bottomマージン調整*/
  margin-bottom: 0;
}
#text-14.widget.widget-sidebar.widget-sidebar-scroll.widget_text { /*The Moneytizer topマージン調整*/
  margin-top: 0;
}
#custom_html-53.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html { /*ツクモ topマージン調整*/
  margin-top: 8px;
}


/************************************
** ■フッターのX(旧Twitter)ロゴカラー
************************************/
#footer .icon-x-corp-logo {
  color: #000!important;
}


/************************************
** ■フッターのナビメニューのカラー
************************************/
#navi-footer-in a {
  color: #fff!important;
}


/************************************
** ■MASAa.net 記事カテゴリー 上位 iPhone時最後削除
************************************/
@media screen and (max-width: 410px){ /*iPhone8縦表示対応*/
  #box_menu-3 .box-menu:last-child {
    display:  none;
  }
}


/************************************
** ■Audio player（ショートコード）表示調整
************************************/
.mejs-container {
  width: 90%!important;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 5%;
}


/************************************
** ■スマホ表示時にはヘッダーメニューを表示させない
************************************/
@media screen and (max-width: 1030px){ /*iPad横表示対応*/
  #navi.navi.cf {
    display: none;
  }
}


/************************************
** ■ヘッダーを画面いっぱいに広げる
************************************/
.header {
  width: 100vw!important;
/*  overflow-x: hidden!important;*/
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
}


/************************************
** ■ヘッダーメニュー領域を画面いっぱいに広げる
************************************/
#navi.navi.cf {
  width: 100vw!important;
/*  overflow-x: hidden!important;*/
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
}


/************************************
** ■フッター左中右を画面いっぱいに広げる
************************************/
#footer.footer.footer-container.nwa {
  width: 100vw!important;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background-color: #F4F8FD!important; /* →※色連動 */
  border-top: 6px solid #E2F2FB;
}


/************************************
** ■横スクロールバーを非表示にする
************************************/
body {
  overflow: scroll;
  overflow-x: hidden;
}


/************************************
** ■おすすめメニュー（おすすめカード）を画面いっぱいに広げる
************************************/
.recommended-in.wrap.cf {
  width: 100vw!important;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background-color: #F4F8FD!important; /* →※色連動 */
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 6px solid #E2F2FB;
  border-bottom: 6px inset #BAD7F0;
}
@media screen and (min-width:1030px) { /*PCのみ表示*/
  .recommended .navi-entry-cards { /*領域広げてサイズ拡大*/
    width: 114vw!important;
    margin-left: calc(50% - 57vw)!important;
    margin-right: calc(50% - 57vw)!important;
/*    padding-left: 10px!important;*/
/*    padding-right: 10px!important;*/
  }
  .recommended-in.wrap.cf {
    width: 114vw!important;
    margin-left: calc(50% - 57vw)!important;
    margin-right: calc(50% - 57vw)!important;
    padding-left: calc(57vw - 50%)!important;
    padding-right: calc(57vw - 50%)!important;
  }
}


/************************************
** ■通知エリアを画面いっぱいに広げる
************************************/
#notice-area-wrap {
  width: 100vw!important;
/*  overflow-x: hidden!important;*/
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
/*  background-color: #F4F8FD!important; /* →※色連動 */
  background:linear-gradient(to right, rgba(244,248,253,0.2),rgba(244,248,253,0.6),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.6),rgba(244,248,253,0.2))!important;
/*  border-top: 6px solid #E2F2FB;*/
  border-bottom: 6px inset #BAD7F0;
}


/************************************
** ■GO TO TOPの色変更
************************************/
.go-to-top .go-to-top-button {
  background-color: #0D5CA2!important;
}


/************************************
** サイドバー目次をスクロール PC
************************************/
.sidebar .toc-content{
  overflow-y: scroll; /*スクロールバーを表示*/
  overflow-x: hidden; /*横にはスクロールさせない*/
  max-height: 600px; /*スクロールに移行する高さ*/
  background-color: #fafafa;
  padding-top: 10px!important;
}
#sidebar .toc-title {
  margin-bottom: 20px;
}


/************************************
** ■ウィジェットタイトル（人気記事・カテゴリー・ボックスメニューetc）を画面いっぱいに広げる
************************************/
#popular_entries-4.widget.widget-content-top.widget_popular_entries { /*バッグ領域*/
  width: 100vw!important;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background-color: #F4F8FD!important; /* →※色連動 */
/*  background:linear-gradient(to right, rgba(244,248,253,0.2),rgba(244,248,253,0.6),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.6),rgba(244,248,253,0.2))!important;*/
  padding-top: 20px;
  padding-bottom: 0;
  border-top: 6px solid #E2F2FB;
  border-bottom: 6px inset #BAD7F0;
}
.widget-content-top-title.main-widget-label.widget-title { /*タイトル*/
  width: 100vw!important;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background-color: rgba(10,77,137,0.8)!important; /* →※色連動 */
  letter-spacing: 6px; /*文字間隔*/
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
}
.widget h2 {
  font-size: 18px;
  text-align: center;
  color: #333;
  font-weight: 700;
}
.popular-entry-cards {
  margin-top: 18px!important;
  margin-bottom: 2px!important;
}
@media screen and (min-width:1030px) { /*PCのみ表示*/
  .swiper { /*領域広げて表示数増やす*/
    width: 100vw!important;
    margin-left: calc(50% - 50vw)!important;
    margin-right: calc(50% - 50vw)!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}

#popular_entries-4 .widget-content-top-title.main-widget-label.widget-title::before {
	content: "\3000\6700\8fd1\306e\4eba\6c17\8a18\4e8b\30d9\30b9\30c8\0032\0035\0020\1F8B1"; /*　最近の人気記事ベスト１０*/
}

/************************************
** ■TP-Linkアフィリエイトバナー位置調整
************************************/
#custom_html-63.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html {
  margin-top: 5px;
}
@media only screen and (max-width: 768px) { /*iPad縦表示対応*/
  #custom_html-63.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html {
    margin-top: 20px;
  }
}


/************************************
** ■上位カテゴリー・下位カテゴリー カスタマイズ（アイコン）
************************************/
#box_menu-3.widget.widget-content-top.widget_box_menu,
#box_menu-16.widget.widget-content-top.widget_box_menu {
  width: 100vw!important;
  margin-left: calc(50% - 50vw)!important;
  margin-right: calc(50% - 50vw)!important;
  padding-left: calc(50vw - 50%)!important;
  padding-right: calc(50vw - 50%)!important;
  background:linear-gradient(to right, rgba(244,248,253,0.2),rgba(244,248,253,0.6),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.9),rgba(244,248,253,0.6),rgba(244,248,253,0.2))!important;
  border-top: 6px solid #E2F2FB;
  border-bottom: 6px inset #BAD7F0;
  padding-top: 20px;
}
#box_menu-3 .box-menus.no-icon {
  justify-content: center; /*横中央寄せ*/
  margin-top: 18px!important;
}
#box_menu-16 .box-menus.no-icon {
  justify-content: left;
  margin-top: 18px!important;
}
#box_menu-3.widget.widget-content-top.widget_box_menu {
  margin-bottom: 6px;
}
#box_menu-16.widget.widget-content-top.widget_box_menu {
  margin-bottom: 40px;
}

#box_menu-3 .widget-content-top-title.main-widget-label.widget-title::before {
	content: "\3000\4e0a\4f4d\30ab\30c6\30b4\30ea\30fc\0020\1F8B1"; /*　上位カテゴリー*/
}

#box_menu-16 .widget-content-top-title.main-widget-label.widget-title::before {
/*	content: "\3000\4e0b\4f4d\30ab\30c6\30b4\30ea\30fc\0020\1F8B1"; /*　下位カテゴリー*/
	content: "\3000\3088\304f\4f7f\3046	\4e0b\4f4d\30ab\30c6\30b4\30ea\30fc\0020\1F8B1"; /*　よく使う下位カテゴリー*/
}

/************************************
** ■おすすめカテゴリーを最大横4列で表示させる
**********************************/
.recommended .navi-entry-cards {
  flex-wrap: wrap;
}
.recommended .navi-entry-card-link {
/*  width: 50%;*/
}
.recommended.rcs-card-margin a:first-child {
  margin-left: 0.5%;
}
.recommended.rcs-card-margin a:last-child {
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.recommended.rcs-card-margin a {
  margin: 0.5% 0.5%;
}
.navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on {
  transform: scale(0.87); /*縮小表示*/
}
.recommended-in.wrap.cf {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width:1795px) { /*PCの解像度が高い表示において5個目を強制的に折り返す*/
  .recommended .navi-entry-cards::after {
    content: '';
    width: 100%;
  }
  .recommended.rcs-card-margin a:nth-child(n+5) {
    order: 1;
  }
}


/************************************
** ■スマートフォン表示時にエントリーカード表示の最後を真ん中に表示させる
**********************************/
@media screen and (max-width: 834px){ /*スマートフォン表示対応*/
  .list.ect-vertical-card-3.ect-vertical-card.ect-3-columns.ecb-entry-border a:last-child {
/*    margin: auto!important; /*中央寄せ*/
  }
}


/************************************
** ■メインカラムのサイト内を検索のカスタマイズ
**********************************/
.content-top .search-box {
  width: 50%; /*縮小*/
  margin: auto!important; /*中央寄せ*/
}
@media screen and (max-width: 834px){ /*スマートフォン表示対応*/
  .content-top .search-box {
    width: 90%
  }
}

/************************************
** ■インデックスカードの最後の下マージン調整
**********************************/
#list-wrap.list-wrap.front-page-type-category {
  margin-bottom: 0;
}


/************************************
** ■インデックスカード3個表示した際の間隔調整
**********************************/
.list.ect-vertical-card-3.ect-vertical-card.ect-3-columns.ecb-entry-border {
  justify-content: space-between;
}
.ect-3-columns .entry-card-wrap {
  margin-bottom: -7px!important;
}


/************************************
** ■フロントページをカテゴリーごとにした場合のカスタマイズ
**********************************/
.list-columns .list-more-button { /*もっと見るボタン*/
  margin-top: 24px; /*上マージン*/
  margin-bottom: 0; /*下マージン*/
  border: solid 2px #0F73CA; /*枠線*/
  font-size: 0; /*【もっと見る】ボタンフォントクリア*/
  letter-spacing: 1px; /*文字間隔*/
  font-weight: bold; /*文字強調*/
  color: #0A4D89; /*フォントカラー*/
  padding: 3px 0 3px 0; /*余白*/
  transition: all 0.6s ease; /*アニメーション*/
  width: 90%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px){ /*iPad縦表示対応*/
  .list-columns .list-more-button { /*もっと見るボタン*/
    margin-bottom: 30px;
    padding: 4px 0 4px 0; /*余白*/
    width: 90%;
  }
}
.list-columns .widget-entry-cards:not(.large-thumb-on) .card-title { /*タイトル文字設定*/
  font-size: 15px;
}
.new-entry-card-link.widget-entry-card-link.a-wrap { /*枠線設定*/
  border-radius: 0!important; /*角丸コーナー*/
  border: solid 1px #0F73CA; /*枠線*/
}
.new-entry-card-link.widget-entry-card-link.a-wrap:hover {
  text-decoration:none!important; /*装飾無し*/
}


/************************************
** ■ヘッダーロゴを左寄せ・ヘッダーメニューを右寄せするカスタマイズ
**********************************/
@media screen and (min-width: 1450px){ /*PC表示のみ対応 1360*/
  .tagline,
  .logo-image {
    text-align: left;
    margin-left: -80px;
  }
  #header-container .menu-header {
    float: right;
    margin-right: -80px;
  }
}
@media screen and (max-width: 1359px){ /*1359px*/
  .header {
    background:linear-gradient(#0A4D89)!important; /*グラデーション化を解除*/
  }
}

/************************************
** ■おすすめカテゴリーをスマホ表示時には表示させない。PCのみ表示
************************************/
/*@media screen and (max-width: 834px){ /*iPad横表示対応*/
/*  .recommended-in.wrap.cf {
    display: none;
  }
}*/