/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2025 | 03:24:27 */
body.article-list .main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background: transparent;
    border: 0;
}
@media screen and (max-width: 500px) {
    body.article-list .main {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 500px) {
    body.article-list .main {
        margin-left: 0px;
        margin-right: 0px;
    }
    body.article-list .entry-card-wrap {
        border-left: none!important;
        border-right: none!important;
    }
}

body.category div#breadcrumb div{ 
	display:none;
}

body.article-list .entry-card-wrap {
    background: white;
    border: 1px solid #d0d0d0;
}

/* ------------------------------------
リンク
------------------------------------ */
a{
    transition: .3s;
}
a:hover{
    transition: .4s;
}

/* ------------------------------------
共通
#9d0000 ホバー色
------------------------------------*/

/* ------------------------------------
先頭のメニューバー
google translatorを有後悔してると下にずれるので調整。ついでに fixedにしておく。
------------------------------------ */
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

/* ------------------------------------
レイアウト
（カラム幅や左右の余白などはテーマの設定で行う）
------------------------------------*/
@media screen and (max-width: 834px) {
    main.main, div.sidebar {
        padding-top: 0;
        border-width: 1px;
        margin-left:10px;
        margin-right:10px;
    }
}
@media screen and (max-width: 480px) {
    main.main, div.sidebar {
        margin-left: 0;
        margin-right: 0;

        border-left:none;
        border-right:none;
    }
}

/* フッターに限ってはCSSでレイアウトを変える */
.footer-in.wrap {
    width: auto;
}
.footer-widgets {
    width: 1224px;
}
@media screen and (max-width: 1243px) {
    .footer-widgets {
        width: auto;
    }
}
/* ------------------------------------
共通
------------------------------------*/
.hosoku,
.cocoon-custom-text-1 { /* 補足 */
	font-size: 90%;
	color: #AF5B32;
    line-height: 1.5;
}

.one,
.cocoon-custom-text-2 { /* 一塊 */
	display:inline-block;
}

.cocoon-custom-text-3 { /* オレンジマーカー */
    background: linear-gradient(#FFFBF5 60%, #FFE5C3 60%);
    padding: 0 4px;
    margin: 0 2px;
}

.cocoon-custom-text-4 { /* 文字：大 */
    font-size: 1.25em;
}

.cocoon-custom-text-5 { /* やわらか 赤 */
    color: rgb(255, 89, 89);
}
.cocoon-custom-text-6 { /* やわらか ブルー */
    color: #336cea;
}
.cocoon-custom-text-7 { /* やわらか グリーン */
    color: rgb(88 155 82);
}
.cocoon-custom-text-8 { /* コード */
    font-family: monospace;
    background-color: #e7e7e7;
    padding: .5em .5em;
    overflow-x: auto;
}
/* ------------------------------------
リスト（箇条書き）
------------------------------------*/
ul{
	font-size:95%;
}
ul > li > ul > li {
	list-style: circle;
}
ul > li > ul > li > ul > li {
	list-style: disc;
}

/* waku */

.tagid-105 ul.wp-block-list:not(ul.wp-block-list ul.wp-block-list),
ul.waku {
    border: 1px solid #bfad84;
    background-color: rgb(253, 252, 247);
    border-radius: 2px;

    margin: 2em 0;
	padding: 1.25em 2em 1.25em 2.5em;   
}
.tagid-105 ul.wp-block-list:not(ul.wp-block-list ul.wp-block-list) > li,
ul.waku > li{
    list-style:none;
    position:relative;
}

.tagid-105 ul.wp-block-list:not(ul.wp-block-list ul.wp-block-list) > li:before,
ul.waku > li:before{
    content: "\f111";
    font-family: FontAwesome;
    color: #907b6e;
    font-size: 75%;
    margin-right: .75em;
    margin-left: -1.25em;
    vertical-align: 0.1em; /* 中央揃え */
	top: .25em;
}

/* 例の枠（分かりやすい日本語ページなど）*/
.tagid-105 ul.example.wp-block-list:not(ul.wp-block-list ul.wp-block-list), 
ul.waku.example{
    border-color: gray;
    background: #fcfcfc;
    padding: 1.25em 1.5em;
    border-radius: 5px;
}
.tagid-105 ul.example.wp-block-list:not(ul.wp-block-list ul.wp-block-list) > li:before, 
ul.waku.example>li:before {
    display:none;
}

/* ポイント（分かりやすい日本語ページなど）*/
.tagid-105 ul.point.wp-block-list:not(ul.wp-block-list ul.wp-block-list),
ul.point {
	border: 3px solid #c19e7b;
    padding: 1.5em;
    background: #fffdf5;
    margin-left: 0;
    margin-top: 3em;
    margin-bottom: 2em;
}
.tagid-105 ul.point.wp-block-list:not(ul.wp-block-list ul.wp-block-list) > li:first-child,
ul.point > li:first-child {
    font-weight: bold;
    padding: .25em .5em .25em 1em;
    color: white;
    background-color: rgb(150, 125, 91);
    margin-bottom: 1em;
}
.tagid-105 ul.point.wp-block-list:not(ul.wp-block-list ul.wp-block-list) > li:not(:first-child),
ul.point > li:not(:first-child) {
    margin-left: 1.25em;
    margin-bottom: ,75em;
    color: #482510;
}

/* ------------------------------------
関連リスト
------------------------------------*/
ul.kanren {
    border: 1px dotted gray;
    padding: 1em 1em 1em 2em;
    font-size: 90%;
    background: #f7f7f7;
}
ul.kanren > li:first-child {
    list-style: none;
    margin-left: -1em;
}
ul.kanren > li > ul {
    padding-left:1.5em;
}


/* ------------------------------------
チェックマークリスト
------------------------------------*/
/* マークのスタイル調整 */
ul.check,
.block-editor-block-list__block.check{
    padding-left: 0;
}

ul.check > li::before,
.block-editor-block-list__block.check > li::before {
    content: "\f14a" !important; /* FontAwesomeのアイコン */
    font-family: FontAwesome !important;
    font-size: 1em; /* アイコンのサイズ */
    margin-right: 0.5em; /* テキストとの間隔 */
    display: inline-block;
    vertical-align: baseline; /* ベースラインに揃える */
	top: -1px;	 /* 微調整 */
}

/* 色の指定 */
ul.check-gray > li::before,
.block-editor-block-list__block.gray > li::before {
    color: #979797; /* グレー */
}

ul.check-black > li::before,
.block-editor-block-list__block.black > li::before {
    color: #636363; /* ブラック */
}

ul.check-pink > li::before,
.block-editor-block-list__block.pink > li::before {
    color: #ff69b4; /* ピンク */
}

ul.check-red > li::before,
.block-editor-block-list__block.red > li::before {
    color: #ff5959; /* レッド */
}

ul.check-green > li::before,
.block-editor-block-list__block.green > li::before {
    color: #00a300; /* グリーン */
}


/* ------------------------------------
見出し
------------------------------------*/
/* ---------- h1 ---------- */
.article h1{
    padding:1em 40px;
    margin: auto -40px;
    margin-bottom:1.5em;
	margin-top: -30px;
}

.single-post .article h1 {
    margin-bottom: 10px;
}

.article h1 {
    line-height: 1.4;  
    font-weight: bold;
    background: #e9e9e9;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
@media screen and (max-width: 834px) {
    .article h1 {
        margin-top: -30px;
    }
}

/* ---------- h2 ---------- */
.article h2 {
    background-color: #1c757b;
    margin: auto -40px;
    padding:1em 40px;
    color:white;
    margin-bottom:1.5em;
}

@media screen and (max-width: 834px) {
    .article h1 {
		margin: auto -16px;
        margin-bottom:1.5em;
        padding:1em 16px;
    }
    .article h2 {
		margin: auto -16px;
        margin-bottom:1.5em;
        padding:1em 16px;
    }
}

/* ---------- h3 ---------- */
.article h3 {
    padding-left: 0em;
    position: relative;

    border: none;
    border-bottom: 4px solid #afafaf;
    border-top: none;
    color: #545454;

}

.article h3:before {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 4px;
    background-color: #1a242f;
    content: '';
}

/* ----------------- h4 ------------------- */
.article h4 {
    margin-top: 2em;
    margin-bottom: 1.5em;
    padding: .75em 1em .75em;
    background: #e9e9e9;
    border-left: 6px solid #595959;
    color: #545454;
}


/* ------------------------------------
パンくずリスト
------------------------------------ */
div#breadcrumb {
    background: transparent;
    padding-bottom: 0;
    font-size: 11px;

	height: 2.5em;
    white-space: wrap;
    overflow: hidden;
}

div#breadcrumb .breadcrumb-home > .fa,
div#breadcrumb .breadcrumb-item > .fa {
    display: none;
}
.breadcrumb div {
    display: inline-block;
    margin-bottom: .25em;
}

div#breadcrumb a { /* カテゴリ：基本 */
    display:inline-block;
    text-align:center;
    padding: 0 .5em;

	transition: all 0.3s ease-in-out;
}
div#breadcrumb a:hover {
    background: #9d0000 !important;
    transition: all 0.3s ease-in-out;
    color: white !important;
}

div#breadcrumb div a{
    border-radius: 0 10px 10px 0;align-content;
    min-width:7em;
	background-color:#8b8b8b;
}
@media (max-width:480px){
	div#breadcrumb div a{
		min-width:5em;
	}
}
/* 色指定 : page（一覧 / 記事）で指定 */

.breadcrumb .sp { /* 間の矢印 */
    margin: 0 5px 0 4px;
}

/* ------------------------------------
日時表示
------------------------------------ */
.entry-card-meta .fa.fa-history:before,
.date-tags .fa.fa-history:before {
    content: "update :";
}
.entry-card-meta .fa.fa-clock-o:before,
.date-tags .fa.fa-clock-o:before {
    content: "posted : ";
}

.entry-card-meta,
.date-tags {
    color: #adadad;
}

/* ------------------------------------
画像の枠
------------------------------------ */
/* 画像全体のスタイル（枠を含む設定） */
a.waku, /* 以前使っていたクラス：引っ越しで暫定処置 */
.wp-block-image.waku, /* 以前使っていたクラス：引っ越しで暫定処置 */
.wp-block-image.sotowaku {
    display: table; /* 位置指定を考慮 */
    box-sizing: border-box; /* 枠の太さを含めても横幅が影響されない */
    max-width: 100%; /* 記事幅からはみ出さないようにする */
    padding: 10px; /* 画像と枠の間のスペース */
    border: 5px solid #99b1da; /* 枠の設定（太さ5px、黒色） */
}


/* 枠の内側の画像スタイル */
a.waku img, /* 以前使っていたクラス：引っ越しで暫定処置 */
.wp-block-image.waku img, /* 以前使っていたクラス：引っ越しで暫定処置 */
.wp-block-image.sotowaku img {
    display: block; /* 画像が正しく中央揃えされるように */
    width: 100%; /* 横幅を親要素に合わせる */
    height: auto; /* 縦横比を保つ */
}

/* キャプションのスタイル */
.wp-block-image.waku figcaption. /* 以前使っていたクラス：引っ越しで暫定処置 */
.wp-block-image.sotowaku figcaption {
    margin-top: 5px;
    padding: .5em 1em;
    background: #7a84a6;
    color: #ffffff;
    line-height: 1.6;
    text-align: left;
    font-size: 80%;
	
    display: table-caption;
    caption-side: bottom;
}

/* ------------------------------------
三角
------------------------------------*/
.sankaku {
    position: relative; /* 相対位置を設定 */
    padding-left: 1.25em /* テキストと三角形の間にスペースを作る */
}

.sankaku::before {
    content: ''; /* 空のコンテンツを生成 */
    position: absolute; /* 絶対位置を設定 */
    left: 0; /* 左端に配置 */
    top: 50%; /* 垂直中央に配置 */
    transform: translateY(-50%); /* 垂直中央に調整 */
    border-top: .4em solid transparent; /* 上側の透明なボーダー */
    border-bottom: .4em solid transparent; /* 下側の黒いボーダー（三角形の色） */
    
    border-left: .75em solid #4a4a4a; /* 左側の透明なボーダー */
    border-right: 0em solid transparent; /* 右側の透明なボーダー */   
}


/* ------------------------------------
PR 表記
------------------------------------ */
.pr-label {
    display:none;
    margin-bottom:2em;
}
body.tagid-107 .pr-label{
    display:block;
}
.tag-link-107 {
    display: none;
}



/* ------------------------------------
動画
------------------------------------ */

/* 記事中のYoutube動画を記事幅いっぱいに */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9のアスペクト比 (9 / 16 * 100) */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-container .video {
    margin-top: 0 !important;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* ------------------------------------
message
TOPやメルマガ紹介ページ
------------------------------------ */
.msg-to-you {
    border: 10px solid rgba(144, 110, 73, 0.5);
    padding: 2em 2em;
    margin: 3.5em 0 4.5em !important;
    background: #fffcf7;
    border-radius: 8px;
    color: #764300;
}
.msg-to-you p {
    margin-bottom: .75em;
}

.msg-to-you p:nth-last-child(2) {
    margin-bottom: 2em;
}

.msg-to-you .auth {
    color: #a31515;
}

/* ------------------------------------
コメント（記事下）
------------------------------------ */
ol.commets-list li {
    border: 1px solid #c0c0c0;
    padding: 1em;
    font-size: 95%;
	margin-bottom: 1.5em;
}

ol.commets-list li.bypostauthor {
    background: #f7f7f7;
}

ol.commets-list img.avatar {
    border-radius:100px;
}

/* ------------------------------------
Crayon メニュー日本語化
------------------------------------*/
/*------------------------------------
Urvanov Syntax Highlighter
ツールバーのメニューアイコン
日本語化
------------------------------------ */

/* ------------------------------------
① メニューアイコンの初期化
------------------------------------ */
/* メニューアイコン画像を非表示 */
.urvanov-syntax-highlighter-syntax .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon {
	background-image: none;
}

/* メニューアイコンの幅指定解除、マウスオーバー時のカーソル変更 */
.urvanov-syntax-highlighter-syntax .crayon-toolbar .crayon-button {
	width: auto;		/* 幅指定を解除 */
	cursor: pointer;	/* カーソルが乗った時はポインターへとカーソル形状変更 */
}

/* 日本語メニューボタンの基本
（各メニューボタンをbefore疑似要素で作る）*/
.crayon-button.urvanov-syntax-highlighter-nums-button:before,		/* 行番号 */
.crayon-button.urvanov-syntax-highlighter-plain-button:before,		/* ハイライト */
.crayon-button.urvanov-syntax-highlighter-wrap-button:before,		/* 折り返し */
.crayon-button.urvanov-syntax-highlighter-expand-button:before,	    /* 広げる */
.crayon-button.urvanov-syntax-highlighter-copy-button:before,		/* コピー */
.crayon-button.urvanov-syntax-highlighter-popup-button:before		/* 別ウインドウ */
{
	/* フォント指定 */
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif!important;
	font-size: 11px;

	/* メニューボタン内の左右の余白 */
	padding: 0 0.5em;
}

/* ------------------------------------
② 各メニューの文言指定
------------------------------------ */
/* 行番号メニュー */
.crayon-button.urvanov-syntax-highlighter-nums-button:before{
	content: "行番号";
}
/* プレーンテキスト表示メニュー */
.crayon-button.urvanov-syntax-highlighter-plain-button:before {
	content: "ハイライト";
}
/* 折り返しメニュー */
.crayon-button.urvanov-syntax-highlighter-wrap-button:before {
	content: "折り返し";
}
/* 横に広げるメニュー */
.crayon-button.urvanov-syntax-highlighter-expand-button:before {
	content: "広げる";
}
/* コピーメニュー */
.crayon-button.urvanov-syntax-highlighter-copy-button:before {
	content: "コピー";
}
/* 別ウインドウで表示メニュー */
.crayon-button.urvanov-syntax-highlighter-popup-button:before {
	content: "別ウインドウ";
}

/* ------------------------------------
モバイルメニュー
------------------------------------ */
/* サイドメニュー全体のデザイン */
.navi-menu-content {
}

/* メニュー項目 */
.menu-drawer li {
}

.menu-drawer a {
}

/* ホバー時のデザイン */
.menu-drawer a:hover,
.menu-drawer .sub-menu li a:hover {
    background-color: #d9edff; /* ホバー時に薄い青色 */
}

/* サブメニューのデザイン */
.menu-drawer .sub-menu {
    padding-left: 0px; /* インデント */
    border-left: 4px solid #ddd; /* 左ボーダー */
    margin-left:10px;
    margin-bottom:1em;
}

.menu-drawer .sub-menu li a {
    font-size: 0.95em; /* サブメニューは少し小さく */
}

/* 第一階層のリストアイテムにのみ●を追加 */
.menu-drawer > li {
    position: relative; /* 子要素の配置基準を設定 */
    list-style: none; /* デフォルトのリストスタイルを無効化 */
    padding-left: 20px; /* テキストを右にずらしてスペースを確保 */
}

.menu-drawer > li::before {
    content: "●"; /* 追加するマーク */
    color: #000; /* 色を指定 */
    font-size: 1em; /* サイズ調整 */
    position: absolute; /* 絶対配置でテキスト左に配置 */
    left: 0; /* 左端に配置 */
    top: 50%; /* 縦方向で中央揃え */
    transform: translateY(-50%); /* 完全に中央に揃える */
}

/* 第一階層のリストアイテムにのみ●を追加 */
.menu-drawer > li {
    position: relative; /* 子要素の基準を設定 */
    list-style: none; /* デフォルトのリストマーカーを無効化 */
    padding-left: 20px; /* テキストを右にずらして「●」のスペースを確保 */
}

/* 第一階層の●のデザイン */
.menu-drawer > li::before {
    content: "●"; /* 追加するマーク */
    color: #a8a8a8; /* 色を指定 */
    font-size: 1em; /* サイズ調整 */
    position: absolute; /* 絶対位置を指定 */
    left: 0; /* 左端に固定 */
    top: 0; /* 親要素の上端に配置 */
    margin-top: 8px; /* 縦方向に微調整 */
    transform: translateY(0); /* 不要な中央揃えを削除 */
}

/* サブメニューのデザイン調整 */
.menu-drawer .sub-menu {
     /* サブメニューのインデントを調整 */
     border-left: 4px solid #ddd; /* サブメニューの左線を表示 */
     margin-left: 10px; /* 全体の位置を調整 */
     margin-bottom: 1em; /* 下部の余白を確保 */
}

/* サブメニュー内のリストアイテム */
.menu-drawer .sub-menu li {
    position: relative; /* サブメニューアイテムの基準を設定 */
    list-style: none; /* サブメニューのデフォルトマーカーを無効化 */
    padding-left: 10px; /* インデントを追加 */
}

/* サブメニューのマーカーを消去 */
.menu-drawer .sub-menu li::before {
    content: ""; /* サブメニューのマーカーを非表示 */
}

/* ネットビジネスメニューはクリックできないので */
ul.menu-drawer li.menu-item-17611 > a:hover {
        background: none;
} 

/* reCAPTCHA v3 ロゴマークを非表示：お問い合わせページ以外 */
body:not(.page-id-96) .grecaptcha-badge {
    visibility: hidden;
}
.grecaptcha-badge {
    bottom: 90px !important;
}

/* ------------------------------------
AI プロンプトbox 用
------------------------------------ */
.prompt .box-content {
    font-size: 90%;
    font-family: "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
    line-height: 1.5;
    padding: 1.5em 1.5em;
    border-radius: 0;
}

.prompt .box-label {
   font-size: 90%;
    border-radius: 0!important;
    padding: .5em 2em!important;
    line-height: 1;
}

.prompt .box-label,
.prompt .box-content {
    border-width:2px;
}