/*
Theme Name: XeoryBaseChild
Theme URI: https://xeory.jp/base/
Template: xeory_base
Description: Xeoryベース子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/

/*▲▲▲重要：最上段維持▲▲▲グロナビ表示無い場合はハンバーガーメニュートル。使わない場合もコメントアウトで残す*/
/*
#header-menu-tog {
    display:none;
}
*/
/*▲▲▲ここまで、最上段維持*/

/*******************　重要：新しいスタイルは特に理由が無ければ上へ。下に入れると意図した挙動をしない、、のは、styleの閉じタグがなかったから？　*******************/


/* ************************************************************ */
/* 2025年1月27日以降注意：テーマエディタのXeoryBaseChild編集では意図した編集できなかったため。テーマ -> カスタマイズ -> 左メニュー一番下の追加CSSにて、調整追加している。 */
/* ※2026年1月7日追記。ここに追記した内容も、実際の挙動には反映されてない可能性。　あらゆる手段で調べたが不明のためここでの更新はあきらめた。むしろ深入りしないほうがいいかも*/
/* 　　　　　　　　　　▲▲▲更新はできます。更新反映もFTPサーバ上でも確認できる。それでも指示内容が表示されない。▲▲▲ */
/* 2026年3月4日　●●●おそらく理由がわかった。なぜか今は編集後前に空白があると利かないらしい */
/* ************************************************************ */

/*サイトマップSPで文字サイズli小さく　2021年10月17日*/
@media screen and (max-width: 991px){
li {
    font-size: 0.9em;
}
}

/*フッタこだわり調整、右マージン削除処理　2021年10月17日*/
.footer-01 ul li:last-child {
    margin-right: 0;
}

/*ハンバーガーメニューフェードインアニメ　2021年10月16日*/
#gnav.active {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*└ここまでハンバーガーメニューフェードインアニメ*/

/*新ヘッダまわりの調整で出たSPグロナビの下線がはずれる問題への対応　2021年10月15日*/
@media screen and (max-width: 991px){
#gnav {
    border-bottom: 1px solid #ccc !important;
}
}


/*グロナビの間隔　ちょい広げ　2021年10月15日*/
#gnav li {
    padding-left: 31px;
}


/*冒頭をふきだしでリード説明仕様時、ふきだし内容がtwitterサムネなどで表示されないのでseo対策としてhiddenで吹き出しの内容を入れることに。テスト完食良い。　　2021年10月15日SOPHから移植*/
.boutou {
	display:none;
}

/*サムネは常に記事幅いっぱいにしたい⇒結果的にサムネ用が象が自動で右寄せで入るのが使えないのでそれは消し、記事に物理的にいれる仕様に。　2021年10月15日SOPHから移植　*/
.post-thumbnail {
    margin-left: 0px;
    float: none;
	display:none;
}
.post-thumbnail img {
    width: 100%;
	display:none;
}

/*　新ロゴ画像　横幅　2021年10月14日　*/
#logo a img {
    width: 60px;
}
@media screen and (max-width: 991px){
#logo a img {
width: 40px;
}
}
/*　新ロゴ画像使用時ヘッダ空間調整　2021年10月14日　*/
#header .wrap {
    margin-top: 10px;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px){
#header .wrap {
    margin-top: 5px;
    margin-bottom: 10px;
}/*└スマホ極小ロゴ対応でハンバーガーメニューの位置もデフォから微調整*/
#header-menu-tog {
    top: 10px !important;
}
}
/*　新ロゴ画像使用時ヘッダ空間調整　2021年10月14日　*/
#header {
    padding: 0;
}
/*└上記新ロゴ実装じ、最下部でもヘッダ調整してるので注意　2021年10月14日*/

/*　新ロゴ実装時グロナビ調整　2021年10月14日　*/
#gnav {
border-bottom: 1px white;
}
#gnav li.current-menu-item a {
    border-top: 1px #c8a063 solid;
}
#gnav li.current-menu-item a:hover {
    border-top: 1px #000 solid;
}

/*モバイル端末では基本文字サイズ小さくしたほうが　2021年5月12日*/
@media screen and (max-width: 991px){
p {
    font-size: 0.9em;
}	
}
/*└あわせて目次も　2021年5月12日*/
@media screen and (max-width: 991px){
.post-content ul.toc_list {
    font-size: 0.9em;
	margin-bottom: 5px !important;
}	
.post-content ul.toc_list li {
	margin-bottom: 5px !important;
}
.post-content ul.toc_list ul { /*２階層目以降のULは、上マージンが無いと違和感*/
	margin-top: 5px !important;
}	
}
/*└上記にからみ、現実的なところで、box26に上記より少し下げたfont-sizeを適用　2021年5月12日*/
/*　
@media screen and (max-width: 991px){
.box26 {
    font-size: 0.85em;
}
}
└上記のような内容は、本スタイルシート下のbox26のフォントサイズ指定の下に記述した
*/

/*見出し、でふぉのboldはとる方が品が良い　2021年5月12日*/
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6
{
    font-weight: normal;
}
/*見出し一番上、でふぉのboldはとる方が品が良い　2021年5月12日*/
.post-title
{
    font-weight: normal;
}

/*　目次プラグインのborderとる　2021年5月12日*/
#toc_container {
    border: none;
	margin: 0 auto;
}
/*　目次、横に長すぎると読みづらいので制限する　2021年5月12日*/
#toc_container {
    max-width: 550px;
}

/*　cv-btnタグ内でアフィ計測タグについたimgで崩れるのを防ぐ　2021年5月11日*/
.post-content p.cv-btn img {
display:none;
}
/*　└box26に入ったCVボタンは、下にマージンつける（上記cv-btnないimgで崩れ防ぎ対策による、副作用の調整）　2021年5月11日*/
.box26 p.cv-btn {margin-bottom:10px;}

/*　トップでデフォのコンテンツエリア上のpaddingが空きすぎ　2021年5月11日*/
body.home #content {
    padding-top: 12px;
}

/*　トップでデフォの記事ループエリア下のmarginが空きすぎ　2021年5月11日*/
.post-loop-wrap article {
margin-bottom: 10px;
}



/*　タイトル上マージン調整、スマホのみで　2021年5月11日*/
@media screen and (max-width: 767px) {
.post-meta {
    margin-bottom: 22px;
}
}

/* 新型マイクロコピージャンプ動き　2021年5月11日 */
.micro-copy.jump {
    animation: jump 5s infinite;
    -webkit-animation: jump 5s infinite;
    -moz-animation: jump 5s infinite;
}
@keyframes jump{
  0%{transform:translate(0,0px);}
  3%{transform:translate(0,-20px);}
  5%{transform:translate(0,0px);}
  6%{transform:translate(0,-5px);}
  7%{transform:translate(0,0px);}
  100%{transform:translate(0,0px);}
}
@-webkit-keyframes jump{
  0%{-webkit-transform:translate(0,0px);}
  3%{-webkit-transform:translate(0,-20px);}
  5%{-webkit-transform:translate(0,0px);}
  6%{-webkit-transform:translate(0,-5px);}
  7%{-webkit-transform:translate(0,0px);}
  100%{-webkit-transform:translate(0,0px);}
}
@-moz-keyframes jump{
  0%{-moz-transform:translate(0,0px);}
  3%{-moz-transform:translate(0,-20px);}
  5%{-moz-transform:translate(0,0px);}
  6%{-moz-transform:translate(0,-5px);}
  7%{-moz-transform:translate(0,0px);}
  100%{-moz-transform:translate(0,0px);}
}

/* 新型マイクロコピー　2021年5月11日 */
.micro-copy {
    text-align: center;
    color: #b99154;
    font-size: 0.85em;
margin-bottom: -0.4em !important;/*修正2026年1月7日　0.4em　から　-0.4emへ　熱量のままCVボタン押下へ導くため　*/
}

/* 新型CVボタン　2021年5月11日 */
.cv-btn a {
    background: #d3b382;
    color: #fff;
    border-radius: 3px;
    border-bottom: 5px solid #b99154;
    display: block;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    width: 60%;
    margin: 0 auto 0px;
font-size:1.1em;/* 2026年3月4日 */
	font-weight:bold;
}
.cv-btn a:hover {
    background: #f5d6a8;
	border-bottom: 5px solid #d3b382;
}

/*　ミニボタン実装　2026年3月4日　*/
.cv-btn-mini a {
    border-radius: 12px;
    background: #468cb7;
    border-bottom: 6px solid #1c6d9e;
    color: #fff;
    display: block;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 55%;
    margin: 0 auto 0px;
    font-size: 1.0em;
    font-weight: bold;
}
.cv-btn-mini a:hover
{
    background: #78b9e1;
    border-bottom: 2px solid #45a3db;
}

/*　└cv-btn スマホビューで幅いっぱいに　2021年5月11日*/
/*　ミニ追加　2026年3月4日　*/
@media (max-width: 480px){
.cv-btn-mini a,
.cv-btn a {
width: 100%;
}
}

/*CTAを出している場合はオーサーを非表示にするテスト*/
.post-author {display:none;}

/*コメント機能使ってない場合スペースだけ入るのでpaddingをゼロに*/
#comments {
    padding: 0 !important;
}

/*背景カスタム*/
/* 背景画像を解除　2021年10月14日
body {
    background: #fff !important;
  	background: #FFF url('https://nuro-go.com/wp-content/uploads/2020/07/nuro_sky_bg.jpg') no-repeat left top fixed !important;
	background-size:cover !important;
	background-color:rgba(255,255,255,0) !important;
background-blend-mode:lighten !important;
}
/* └解除後に白へ　2021年10月14日*/
body {
    background: #fff !important;
}



/*RSSボタンはトル*/
#header-sns {display:none;}

/*ページを読み進めたときに右下に出るページトップへ戻るボタンの中心矢印の位置を調整*/
.fa-angle-up:before {
    position: relative;
    top: 5px;
}

/* PC外、フッタ、サイドナビの詰まり感 調整 */
@media screen and (max-width: 991px) {
#footer .wrap {
    padding: 30px 10px 30px 10px;
}
.side-widget ul li {
    padding: 16px 10px;
}
.side-widget .side-title {
    margin: 0 10px 13px;
}
}

/*マーカー*/
.marker-yellow {background: linear-gradient(transparent 60%, #FFFF99 50%);}
.marker-pink {background: linear-gradient(transparent 60%, #ffcedb 50%);}

/*CTAのキーヴィジュアルスマホ対応*/
@media screen and (max-width: 767px) {
.post-cta-img img {width:100%!important;}
}
	
/*CTAのCVボタンはいらない*/
.post-cta-btn {display: none;}

/*テーブルセルのあしらい追加*/
td.blue,th.blue {background-color:#c9daf8;font-weight:bold;} 
td.red,th.red {background-color:#f4cccc;font-weight:bold;} 
td.caution,th.caution {background-color:#ffff00;font-weight:bold;} 
td.danger,th.danger {background-color:#ff0000;font-weight:bold;color:white;}

/*H4のあしらい追加*/
.post-content h4 {
border-bottom: 1px solid #c8a063;
padding-bottom: 5px;
padding-left: 5px;
}

/*全体 文章エリア padding スマホサイズで余白を極力少なく*/
@media screen and (max-width: 767px) {
.post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header {
padding: 12px !important;/*文章エリア余白*/
}
.post-header {
padding: 28px 12px 2px !important;/*ヘッドエリア余白*/
}
}


/*テーブルにborderはいらない*/
.post-content table {
    border: none !important;
}


/*テーブルデバイス切り替え用に*/
.sp {
display: none !important;
}
.pc {
display: block !important;
}
/* pcクラスが付与されると、pcの時だけ表示される、デフォはビジブル、スマホではオフ */
@media screen and (max-width: 767px) {/*spと書きつつ、事情でtb size991にしたりしなかったり*/
.sp {
display: block !important;

}
.pc {

display: none !important;
}
}

/* スマホでは狭すぎる場合は自動的に横スクロールさせる処理があるがそれを解除 */
/* └列が多い場合は文字を小さくするクラス手動付与で対処 -> 最下部に smallパターンとして設置 */
@media screen and (max-width: 767px) {
.post-content table {
    white-space: normal;
}
}


/*調整、参考注釈内に箇条書きul liが入った場合 awesome やじるし に変更*/
.box26 li { list-style:none; margin-bottom: 10px; }/*2020年12月9日マージン追加*/
.box26 li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    color: #b99154;
    content: "\f105";
	padding-right:5px;
}
.box26.green li:before { color: #b99154;}
.box26.red li:before { color: #b99154;}
.box26.gray li:before { color: #b99154;}
.box26 ul,.box26 ol {
margin:-10px 0 0 0;/*ul開始の上に空白pが入ってスキマができるの対応*/
padding-left:0;/*defのマージン消す*/
}

/*テーブル下、マージンを狭く（PC）*/
.post-content table {
    margin-bottom: 28px;
}
/*└スマホのテーブルはdivに巻かれて、下マージンが設定されている*/
.table-wrap {
    margin-bottom: 0px;
overflow-x: hidden;/*横スクロール出さないように*/
}


/*記事内にimg srcの値がアフィドメインだったら1px imgはdisplay noneにする*/
article > section > p img[src^="//i.moshimo.com"],
article > section > p img[src^="https://text.j-a-net.jp"]
article > section > p img[src^="https://www19.a8.net"]
article > section > p img[src^="//ad.jp.ap.valuecommerce.com"]
{
display: none !important;
}

/*アフィリエイト1pxイメージにも記事内画像センタリング用display blockで、見えてなくても存在してるかのような余計な空白をだすので、ここで改めてdisplay noneで消す*/
p.cv_btn img {display: none;} 
p.cv_btn a img {display: none;} 
p.cv_btn span {display: block;margin-top:5px;}/*マイクロコピーのspanはblock化して改行する、自動BR改行は使わない*/ 

/*PC用、もっと見る、ボタンの下マージンは不要。規定が広すぎる。*/
.more-link {
    margin-bottom: 0;
	margin-top: 42px;
}
/*SP用、もっと見る、調整、上記でmtop 42を追加したがSPでは必要ない*/
@media screen and (max-width: 767px){
.more-link {
	margin-top: 0;
}
}

/*テーブルの文字サイズを少し小さく*/
td,th {font-size: 13px;}
@media screen and (max-width: 767px){
td,th {font-size: 13px;}
}

/*アイキャッチ画像の1pxわく*/
.post-thumbnail img {
border: 1px solid #ddd;
}
/*記事下著作者iconの1pxわく*/
.post-author-img img {
border: 1px solid #ddd;
}

/*もっと読むのカスタマイズ*/
body .more-link {
    background: #444;
    border: none;
    border-radius: 4px;
color: #fff;
}

/*ハンバーガーメニューのカラー*/
#header-menu-tog a {
    color: #c8a063;
}

/*上へ戻るボタンのカラー*/
.pagetop span {
background: #2581c4;
}

/*テーブルセルカラー*/
.post-content table tbody th {
    background: #c8a063;
}

/*見出しH3装飾*/
.post-content h3, .rp4wp-related-posts h3 {
    font-size: 22px;
    border-left: 4px solid #c8a063;
}
/*SP、見出しH3装飾*/
@media screen and (max-width: 767px){
.post-content h3, .rp4wp-related-posts h3 {
    font-size: 18px;
}
}

/*見出しH2装飾*/
.post-content h2 {
    background: #fbf9f7;
border-top: 4px solid #087f72;/*2026年3月9日*/
    font-size: 24px;
    margin: 2.6em 0 1.4em;
padding: 20px;
}
/*SP、見出しH2装飾*/
@media screen and (max-width: 767px){
.post-content h2 {
    padding: 12px;
    font-size: 20px;
    border-top: 2px solid #087f72;/*2026年3月10日*/
}
}


/*SP、タイトル文字サイズ調整*/
@media screen and (max-width: 991px){
.post-title {
    font-size: 22px;
}
}

/* ソーシャルボタンをオフにした加減でh1マージンを修正した（トップにも影響するので、投稿ページと固定ページのみ） 2021年5月11日 */
body.single .post-title,
body.page .post-title
{
margin-bottom: 0;
}



/*CVボタン調整（howtoから移植して適応するよう修正）*/

/* CVボタン nuro独自調整 PC SP分離（2020年12月7日 */
p.cv_btn a.btn-flat-logo {font-size: 1.2em;}/*2020年12月7日小さく調整*/ 
@media screen and (max-width: 767px){
p.cv_btn a.btn-flat-logo {font-size: 1.0em;}/*2020年12月7日小さく調整*/ 
}

/*コンバージョンボタン（CVボタン）追加*/
.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
padding: 0.7em 0.55em;/*縦幅調整2020年12月7日*/
  text-decoration: none;
 color: #FFF !important;
  background: #00bcd4;
  transition: .4s;
	box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);
	border-radius: 3px;
}
.btn-flat-logo:hover {
  background: #1ec7bb;
  color: #FFF !important;
}

.btn-flat-logo i:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
	font-style: normal;
	color: #fff;
content: "\f105"; /*←ココ！！！！！！！*/
}

/*CVボタンに疑似クラスで右に矢印アイコン追加*/
a.btn-flat-logo:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 0;
    margin-right: 10px;
}
/*上記矢印アイコン追加に伴う、ボタン本体の左パディングの調整*/
.btn-flat-logo {
padding-right: 20px;/*幅がかなり狭い場合にボタン名称と右アイコンが重ならないよう調整*/
}
	
/*CVボタンの出し分け　PCは７０per、スマホ、タブレットは100per*/
.btn-flat-logo {width:70%;}
@media (max-width: 767px)  {.btn-flat-logo {width:85%;}}
@media (max-width: 991px) and (min-width: 767px) {.btn-flat-logo {width:55%;}}

/*CVボタン下 ミニコピー*/
.cv_btn span {
    display: block;
    margin-top: 5px;
}
/*CVボタン付近のマイクロコピー上下モジュールCLASS構造 SP PCだしわけ（2020年12月7日新設*/
.cv_btn .micro-copy-top {font-size: 0.9rem; margin-bottom:10px; font-weight:bold;}
.cv_btn .micro-copy-bottom {font-size: 0.9rem; margin-top:15px; font-weight:bold;}
@media (max-width: 767px)  {
.cv_btn .micro-copy-top {font-size: 0.75rem; margin-bottom:10px; font-weight:bold;}
.cv_btn .micro-copy-bottom {font-size: 0.75rem; margin-top:15px; font-weight:bold;}
}

/*囲み系追加 by さるわか ul及びol 調整マージンボトムぜろ追加*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.75em 1em 0.5em;
    border-radius: 8px;
border: 3px solid #95ccff;
	line-height: 1.8em;
}
/*　新CVボタンの影響で背景に色を敷くことにしたがgrayのときのみ、新デザイン適用にしたいので　*/
.box26.gray {
background: #F5ECCE;
border: none;
}
/*　└★結局、全枠エリアは、新デザイン（ゴールドっぽいベタ）に統一　*/
.box26 {
background: #e5e5e5;/*2026年3月10日*/
border: none;
}
	
.box26 .box-title {
    position: absolute;
    display: inline-block;
top: -9px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    font-weight: bold;
background: white;
}
/*　新CVボタンの影響におけるgrayのみの適用へ、囲い罫のタイトル部分の背景　*/
.box26.gray .box-title {
background: transparent;
}
/*　└★結局ぜんぶ同じデザインにする　*/
.box26 .box-title {
background: transparent;
}

.box26 p {
    margin: 0; 
    padding: 4px 0;
}
.box26 ul {margin-bottom: 0;}
.box26 ol {margin-bottom: 0;}

.box26 i:before {
padding:10px 10px 30px 0;
}
.box26 i:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
	font-style: normal;
	color: #ababab;/*2026年3月10日*/
content: "\f105"; /*←基本指定*/
}
/*ボーダーカラーのバリエ*/
.box26.green {border-color: #b99154;}
.box26.red {border-color: #b99154;}
.box26.gray {border-color: #b99154;}

/*タイトルカラーのバリエ*/
.box26.green .box-title {color: #b99154;}
.box26.red .box-title {color: #b99154;}
.box26.gray .box-title {color: #b99154;}
/*└タイトルカラー　色名が付かない場合のために追加　2021年5月12日*/
.box26 .box-title {color: #ababab;/*2026年3月10日*/}

/*タイトルアイコン*/
.box26.green i:before {color: #b99154;}
.box26.red i:before {color: #b99154;}
.box26.gray i:before {color: #b99154;}

/*フォントーサムiconのバリエ*/
.box26 i.fas.fa-book:before {
content: "\f02d"; /*←class指定の場合、iを上書き*/
}
.box26 i.fas.fa-bookmark:before {
content: "\f02e"; /*←class指定の場合、iを上書き*/
}
.box26 i.fas.fa-exclamation-triangle:before {
content: "\f071"; /*←class指定の場合、iを上書き*/
}
.box26 i.fas.fa-pencil-alt:before {
content: "\f303"; /*←class指定の場合、iを上書き*/
}



/*SP、囲み罫、タイトルの文字サイズを小さくする、改行が入ることが多いので。*/
@media screen and (max-width: 767px) {
.box26 .box-title {
    font-size: 15px;
}
}


/*カスタム口コミレビュー風エリア*/
.comment-image {
    float: left;
    width: 84px;
    margin-right: 10px;
}
.comment {
padding: 24px;
    border: 3px solid #f1f1f1;
    border-radius: 6px;
    margin-bottom: 32px;
    color: #362c0d;
    overflow: hidden;
}
.comment-heading {
    line-height: 1.4;
    font-weight: 700;
}
.post-content .comment-heading p {
    padding: 0;
    margin: 0;
    line-height: 0;
}
.comment-username, .comment-highlight, .comment-body {
    margin: 0 0 6px 102px;
    font-size: 14px;
}
.comment-body {
    margin-top: 8px;
}
.valuation {
    color:red;
}
/*end カスタム口コミレビュー風エリア*/





/*記事の日付部分*/
.post-meta li {
    color: #c8a063;
}

/* feedアイコン位置の調整 */
#header #header-sns {
    position: absolute;
    top: 35px;
    right: 20px;
}


/*【TB以下】ハンバーガーメニューイチ調整*/
@media screen and (max-width: 991px){
#header-menu-tog {
    position: absolute;
    top: 20px;
    right: 20px;
}
}

/*【TB以下】アイキャッチ画像の右フロートは有効で*/
@media screen and (max-width: 991px) {.post-thumbnail, .post-cta-img, .post-loop-wrap .post-thumbnail {
margin-left: 20px;
margin-right: 20px;
float:right;
}
}

/*【SP】アイキャッチを全幅に（後半、float解除とマージン不要処理を追加）*/
@media screen and (max-width: 767px) {
.post-thumbnail img {
    width: 100%;
    margin-bottom: 16px;
}
.post-thumbnail {
float:none;
margin-left: 0px;
margin-right: 0px;
}
}


/*【SP】オーサーのセンタリング*/
@media screen and (max-width: 767px) {
#main .post-author .post-author-img {
    margin: 0 auto;
}
.post-author .post-author-meta h4 {
    margin: 0 0 10px 0;
    text-align: center;
}
}

/*【SP、TB】グロナビのセンタリング*/
@media screen and (max-width: 991px) {
#gnav ul li {
    display: block;
}
#gnav ul li:last-child a {
    border-bottom:none;
}
}

/*グロナビのセンタリング*/
#gnav ul {
    text-align: center;
}
#gnav li {
    float: none;
    display: inline-block;
}

/*もっと読む　を　横幅広く*/
.more-link {
    text-align: center;
    display:block;
}
	
/*ロゴのセンタリング調整*/
header .wrap #logo {
	float:none !important;
    margin: 0 auto !important;
    width: 330px !important;
	text-align: center;
}

/*記事下の「SNSでもご購読できます。」は削除で*/
#content .wrap #main .post-share {
	display:none !important;
}


/*SP、トップとカテゴリのアイキャッチ画像.post-loop-wrap .post-thumbnailを横幅いっぱいに*/
@media screen and (max-width: 767px) {
.post-loop-wrap .post-thumbnail {
    width: 100%;
    height: auto;
    margin-left: 20px;
    margin-bottom: 20px;
	margin-right: 0px;/*意図的に消す、これが記事詳細、と、トップ＆カテゴリの違い*/
float: right;
}
}

/* スマホの table　文字が小さいsmallパターン */
@media screen and (max-width: 767px) {
table.small td,table.small th {
    font-size: 11px;
padding: 4px 6px;
}
}
/* スマホの table　デフォから小さくするテスト */
@media screen and (max-width: 767px) {
table td,table th {
font-size: 10px;
padding: 2px 4px !important;
}
}

	/* table　文字を大きくclass */
table.big td,table.big th {
    font-size: 15px;
padding: 8px 10px;
}

/*新NUROで行こうロゴ用調整*/
header .wrap #logo {
    width: auto !important;
}
#header {
    padding-bottom: 0px !important;
	background-color: transparent !important;
}
#content {
    background: white !important;
}
/*ここまで　新NUROで行こうロゴ用調整*/

/*NURO用、吹き出し文字サイズ調整*/
.w_b_quote {font-size: 0.9rem;}

/*NURO用、メモなどの文字サイズ調整*/
.box26 {
    font-size: 0.95rem;
}
/*└文字全体サイズの縮小に絡んで、注釈エリアも下げる（文字全体サイズ縮小以下に）　2021年5月12日*/
@media screen and (max-width: 991px){
.box26 {
    font-size: 0.85em;
}
}

/*CTA背景色などを打ち消し　2020年12月9日*/
.post-cta {
    background: transparent;
    border-top: none;
}

/*CTAボーダーボトムを打ち消し　2020年12月9日*/
.post-cta .cta-post-title {
    border-bottom: none;
}

/*sideウィジェット下マージンを打ち消し　2020年12月9日*/
.side-widget {
    margin-bottom: 0px;
}

/*sideバナーエリアだけで、タブレット以下はセンタリング　2020年12月9日*/
@media screen and (max-width: 991px) {
div#custom_html-2.side-widget,
div#custom_html-3.side-widget
{
    text-align: center;
	margin-bottom: 20px;
}
}

/*sideバナーエリアだけpad bottomはゼロ　2020年12月9日*/
div#custom_html-2.side-widget,
div#custom_html-3.side-widget
{
padding-bottom: 0px;
}

/*formのテキストエリア　2020年12月9日*/
form textarea {
    max-width: 100%;
    width: 100%;
}


/* ctaエリアのみ、構造的に横幅を狭くする　2021年5月12日*/
@media screen and (max-width: 991px){
.post-cta{
    padding: 20px 0 !important;
}
}

/*ロゴ上スマホであけたくない　2021年10月14日*/
@media screen and (max-width: 991px) {
#header {
    padding: 0 !IMPORTANT;
}
}

/* *************以下NordVPN研究所移行後（追加CSSエリアからの移動も含む）*********************************************** */

/*グローバルメニュー下のLINEを消す　2026年3月9日*/
body.color02 #gnav{
	border-bottom: 1px #fff solid;
}

/*基本リンクカラー　2026年3月9日*/
body.color02 a
{
    color: #2581c4;
}

/*日付カラー　2026年3月9日*/
.post-meta li{
	color: #087f72;
}

/*グローバルナビの現在地　2026年3月9日*/
body.color02 #gnav li.current-menu-item a {
  border-top: 1px #087f72 solid;
}

/* PR表記追加によるPCビューのみの調整　2025年1月27日 */
.post-content {
    padding-top: 0px;
}
.post-title {
    margin-bottom: 0;
}


/*　2025年2月2日 paddingの上のみ、 0.75emを1.75emへ【同時修正あり。shortcoderのcv-btn-dxnのdivクラス名を box26 grayからgrayを削除】　*/
.box26 {
	padding-top: 1.35em;/*これだけだと実機safariのみでトップ以外のpaddingが効かないバグ*/
	padding: 1.35em 1em 0.5em;
}

/*　マイクロコピーの特別演出　2025年2月10日　*/
p.micro-copy.jump.micro-copy-sp{
color: #ff1fd9;
font-weight: 600;
}
/* スマホの本文およびタイトルTXTサイズを動的に制御（モバイル端末で本文は大きめに、タイトルは小さく）　同上日付 */
@media screen and (max-width: 991px) {
    p {
        font-size: 1.0em;
				line-height: 1.93 !important;
    }
   li {
        font-size: 1.0em;
				line-height: 1.93 !important;
    }
    .box26 {
        font-size: 0.9em;
				line-height: 1.93 !important;
    }
.post-title {
    font-size: 1.2em;
}
}
/* みだし文字調整（本文H2）　同上日付　2026年3月9日ボーダーボトム追加 */
.post-content h2 {
    font-size: 1.1em !important;
    font-weight: 900;
    color: #087f72;
}
/* みだし文字調整（本文H3）　同上日付 */
.post-content h3 {
    font-weight: 600;
    color: #087f72;
}
/* みだし文字調整（本文H4）　同上日付 */
.post-content h4 {
    font-weight: 500;
    color: #b99154;
}
/*　もくじプラグインをハウツーに合わせたあと見た目一部調整　2025年2月15日（WPアプデ後）*/
.ez-toc-title-container {
    background-color: #5d91c4;
    padding: 15px;
    margin-bottom: 15px;
    text-align: center;
}
#ez-toc-container {
	background-color:#f5faff !important;
	border: 2px solid #5d91c4 !important;
	box-shadow: none;
		padding: 0;
}
/* もくじの見出し第二階層のみfont-weight詳細ベース指定　同上日付 */
nav ul li ul li {
    font-weight: 500 !important;
}
/* もくじの見出し全階層line-height調整　同上日付 */
nav li {
line-height:1.6 !important;
}
/* もくじの中身の幅は動的に制御　同上日付 */
nav {
    width: 90%;
    margin: 0 auto 20px;
}
@media (max-width: 991px) {
    nav {
        width: 80%;
    }
}
@media (max-width: 480px) {
    nav {
        width: 100%;
    }
}
/* コンテンツ背景変更　2026年3月9日 */
div#content {
    background-color: #5e8f9f1f !important;
}
/* Posts Like Dislikeプラグイン導入時にカテゴリタイトル下に出る不要なボタンを非表示　2025年10月4日 */
.cat-content-area {
    display: none;
}
/* Posts Like Dislike　デザイン調整　2025年10月4日 */
.pld-like-dislike-wrap
 {
    width: 150px;
background: #daeceb;/*2026年3月9日*/
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.pld-like-dislike-wrap .pld-common-wrap
 {
    margin-left: 5px;
}
/* ボタン下に備考コピー（最後の一押し＆不安解消コピー）追加 2026年1月7日 */
p.bikou-copy.bikou-copy-sp{
text-align: center;
margin-top: -7px;
margin-bottom: 13px;
font-size: 0.9em;
font-weight: 600;
}
.micro-copy
/* ついでにマイクロコピーのミニマム調整（マイクロコピ→CV熱量そのまま伝導させるために微妙に近づける） 2026年1月7日 */
 {
    margin-bottom: -0.4em !important;
}
/*CVボタン改善　目的：CVボタンをボタンらくしく際立たせる　2026年1月7日*/
.cv-btn a
 {
    border-radius: 12px; /*メインボタン丸み　アップ*/
    background: #0681d7; /*メインベースカラー　濃く*/
    border-bottom: 9px solid #553c16;/*メイン立体化ボトムカラー　底上げして濃く*/
}
/*リード改善　目的：単純強化（壁打ち済み）　2026年1月7日*/
span.box-body
{
font-weight:600;color:#e17600;
}

/*H2見出しの下のLINEを消す　H2装飾は500行目付近にもあります　2026年3月9日*/
body.color02 .post-content h2 {
  border-bottom: 1px solid #fff;
}

/*続きをみるボタン　2026年3月9日*/
body.color02 .more-link {
border: 1px #444 solid;
    color: #ffffff;
}

/*続きをみるボタンホバー　2026年3月9日*/
body.color02 .more-link:hover {
	border: 1px #999 solid;
background:#999;
}

/*CTAボタンではなくCTAテキストの文字色　2026年3月10日（2026年3月15日更新）*/
body.color02 a.cta-a8
{
    /*color: white;*/
    /*color: #383838;*/
	color: #428bca;
}

/*見出しh3　2026年3月10日*/
body.color02 .post-content h3{
    border-left: 5px solid #54ad9e;
}

/* ************word_balloon系cssがクローン後読み込まれてなく原因究明に時間をかけ過ぎたくないので直書き start************ */

/* ******** /word_balloon_user.css ****** */
.w_b_box{margin:20px 0}.w_b_box *,.w_b_box *:before,.w_b_box *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.w_b_box .w_b_mp0{margin:0;padding:0}.w_b_bal{display:inline-block}.w_b_bal p{margin:0}.w_b_db{display:block}.w_b_flex{display:-webkit-flex;display:flex}.w_b_col{-webkit-flex-direction:column;flex-direction:column}.w_b_jc_fe{-webkit-justify-content:flex-end;justify-content:flex-end}.w_b_jc_c{-webkit-justify-content:center;justify-content:center}.w_b_jc_sb{-webkit-justify-content:space-between;justify-content:space-between}.w_b_ai_c{-webkit-align-items:center;align-items:center}.w_b_ai_fs{-webkit-align-items:flex-start;align-items:flex-start}.w_b_ai_fe{-webkit-align-items:flex-end;align-items:flex-end}.w_b_f_wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.w_b_relative{position:relative}.w_b_f_n{flex:none}.w_b_oh{overflow:hidden}.w_b_o_2{-webkit-order:2;order:2}.w_b_quote{word-wrap:break-word}.w_b_name{font-size:10px;font-weight:bold}.w_b_mta{margin-top:auto}.w_b_mla{margin-left:auto}.w_b_mra{margin-right:auto}.w_b_ta_C{text-align:center}.w_b_ta_R{text-align:right}.w_b_w100{width:100%}.w_b_h100{height:100%}.w_b_z1{z-index:1}.w_b_z2{z-index:2}.w_b_size_S{width:64px;height:64px}.w_b_size_M{width:96px;height:96px}.w_b_size_L{width:128px;height:128px}.w_b_ava_effect{z-index:1}.w_b_ava_img{object-fit:cover}.w_b_radius{-webkit-border-radius:50%;border-radius:50%}.w_b_radius_3{border-radius:3%}.w_b_radius_12{border-radius:12%}.w_b_radius_20{border-radius:20%}.w_b_bal:before,.w_b_bal:after{content:'';position:absolute}.w_b_shadow_L{box-shadow:2px 2px 3px 0px #888888}.w_b_shadow_R{box-shadow:-2px 2px 3px 0px #888888}.w_b_border_L{border:2px solid #dddddd}.w_b_border_R{border:2px solid #dddddd}.w_b_ava_shadow_L{box-shadow:2px 2px 3px 0px #888888}.w_b_ava_shadow_R{box-shadow:-2px 2px 3px 0px #888888}.w_b_flip_h{transform:scale(-1,1)}.w_b_flip_v{transform:scale(1,-1)}.w_b_flip_hv{transform:scale(-1,-1)}.w_b_status_box{font-size:12px;line-height:1.2;margin:0 6px}.w_b_status{height:100%}.w_b_line_up>div{width:auto}

/* ******** skin/word_balloon_talk.min.css ****** */
.w_b_talk{padding:10px;min-height:45px;-webkit-border-radius:10px;border-radius:10px}.w_b_talk:before{top:18px;border:6px solid transparent}.w_b_talk:after{top:19px;border:5px solid transparent}.w_b_talk_L{border:1px solid #dddddd;background:#ffffff;margin:0 auto 0 15px;color:#222222}.w_b_talk_L:before{border-top-color:#dddddd;border-right-color:#dddddd;left:-12px}.w_b_talk_L:after{border-top-color:#ffffff;border-right-color:#ffffff;left:-10px}.w_b_talk_R{border:1px solid #dddddd;background:#ffffff;margin:0 15px 0 auto;color:#222222}.w_b_talk_R:before{border-top-color:#dddddd;border-left-color:#dddddd;right:-12px}.w_b_talk_R:after{border-top-color:#ffffff;border-left-color:#ffffff;right:-10px}

/* ************word_balloon系cssがクローン後読み込まれてなく原因究明に時間をかけ過ぎたくないので直書き end************ */

/* ************************************************************ */
/* 2025年1月27日以降注意：テーマエディタのXeoryBaseChild編集では意図した編集できなかったため。テーマ -> カスタマイズ -> 左メニュー一番下の追加CSSにて、調整追加している。 */

/* 2026年3月4日　●●●おそらく理由がわかった。なぜか今は編集後前に空白があると利かないらしい。●●●または直前のタグ崩れ */