/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 11 2025 | 11:51:43 */
/* ------------------------------------
一覧
------------------------------------ */
/* レイアウト：基本 */
.entry-card-thumb {
    max-width: 290px;
}

.entry-card-content {
    margin-left: 310px;
}
@media screen and (max-width: 1243px) {
    .entry-card-content {
        margin-left: 40%;
    }
}

/* レイアウト：モバイル */
@media (max-width:500px){
    .entry-card-thumb {
		max-width:initial;
        width: 100%;
        float: none;
    }
    
    .entry-card-content {
        margin-left: 0;
    } 
}

@media screen and (max-width: 500px) {
    main.main, div.sidebar {
        padding: 32px 16px;
    }
	#main .list .entry-card-wrap {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* 全体 */
.entry-card-wrap {
    padding: 1em;
    background: #f6f6f6;
}

/* タイトル */
.entry-card-title {
    font-size: clamp(1em, 5vw, 1.35em);
    line-height: 1.6; /* モダンな行間 */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #f6f6f6 47%,
        #ededed 100%
    ); /* 現代的なグラデーション */
	
    overflow: initial;
    -webkit-line-clamp: initial;
}

@media screen and (max-width: 500px) {
	.related-entry-card-title, .entry-card-title {
		line-height: 1.4;
	}
}

/* 日付 */
.related-entry-card-meta, .entry-card-meta {
    position: initial;
    text-align: initial;
    line-height: 1;
}

/* カテゴリ */
.e-card-info {
    display: inline-block;
}

.cate-all {
    display: block;
    padding: 0;
    height: 1.5em;
    overflow: hidden;
    margin-bottom: .5em;
}

ul.cate {
    display: block;
    margin: 0;
    padding: 0;
}

ul.cate li {
    list-style: none;
    /* float: left; */
	display:inline-block;
    margin-right: 5px;
    line-height: 1;
}
body:not(.single-post) .cate a {
    width: 90px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width:480px){
    body:not(.single-post) .cate a{
        width:auto!important;
    }
}
.cate a {
    display: inline-block;
    text-decoration: none;
    height: initial;
    overflow: initial;
    margin-bottom: 0;
    padding: .5em .75em;
	
	/*
    border: 1px solid rgb(137, 93, 34);
    border-left: 1px dotted rgb(244, 224, 202);
    border-top: 1px dotted rgb(244, 224, 202);
    border-right: 1px dotted rgb(136, 97, 36);
    border-bottom: 1px dotted rgb(136, 97, 36);
	*/
	
    border-radius: 2px;
    text-align: center;
    line-height: 1;
    min-width: 5em;
}
.cate a, .cate li:before {
    font-size: 11px;
}
.cate li a:hover, .cate li a:active, .cate li a:focus {
    color: white !important;
    background-color: #bb4327 !important;
}

/* ------------------------------------
記事先頭アイキャッチ
------------------------------------ */
.entry-content > figure.wp-block-image:first-of-type img {
  display: block;
  margin-left: auto;
  margin-right:auto;
}
/* 抜粋のリンク */
a.snippet-link {
    color: inherit;
    text-decoration: none;
}

/* ------------------------------------ 
体験記のCSS（クラッシックで使う）
------------------------------------ */
.taikenki {
    border: 1px solid #8b4700;
    background: #fffcf9;
    padding: 2em;
    border-radius: .25em;
}
/* ------------------------------------ 
キーボード
------------------------------------ */
.keyboard-key {
    box-shadow: none;
    padding-left: .5em;
    padding-right: .5em;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
	margin-bottom: .25em;
}
/* ------------------------------------
色指定（カテゴリ、ブレッド）
------------------------------------*/
/* 基本のベース */
div#breadcrumb a,
.cate a {
    background: #9c8d66;
    color: white;
}

div#breadcrumb div:nth-child(1) a{ /* home */
    background-color:#9f9684;
}

div#breadcrumb div:nth-child(3) a,
.cate li:nth-child(2) a {
	background-color: #808AB9;
}
div#breadcrumb div:nth-child(4) a,
.cate li:nth-child(3) a {
	background-color:#9b8b61;
}
div#breadcrumb div:nth-child(5) a,
.cate li:nth-child(4) a{
	background: rgb(147,147,147);

}

/* 色指定: 先頭（親カテゴリ）個別 */

/* ネットビジネス */
#breadcrumb a.net_business,
.cate a.net_business { 
	background: rgb(199,136,155)!important;
}
/* 海外 */
#breadcrumb a.overseas,
.cate a.overseas { 
	background-color: rgb(114,159,219)!important;
}
/* 会社 */
#breadcrumb a.office,
.cate a.office { 
	background-color: rgb(149,169,76)!important;
}
/* 家庭 */
#breadcrumb a.home,
.cate a.home {
    background-color: #397396!important;
}
/* 政治経済 */
#breadcrumb a.politics_economy,
.cate a.politics_economy {
	background-color: rgb(182,74,86)!important;
}
/* 個人 */
#breadcrumb a.personal,
.cate a.personal {
	background: rgb(75,187,157)!important;
}
/* CSS */
#breadcrumb a.css,
.cate a.css {

}
/* ------------------------------------
カテゴリ見直し後の配色
------------------------------------ */
/* ネットビジネス */
#breadcrumb a.net_business,
.cate a.net_business { 
	background: rgb(199,136,155)!important;

}
/* WordPress */
#breadcrumb a.wordpress,
.cate a.wordpress { 
	background: #52668c !important;
}
/* お金と暮らし */
#breadcrumb a.money-life,
.cate a.money-life { 
	background: #a2565e !important;
}
/* 仕事・キャリア */
#breadcrumb a.workplace,
.cate a.workplace { 
	background: rgb(75,187,157)!important;
}
/* 海外 */
#breadcrumb a.overseas,
.cate a.overseas { 
	background-color: #6496d8 !important !important;
}

/* 記事下カテゴリ */
.entry-categories ul li { /* タグ表示と先頭を揃える */
    margin-left: 0;
}
ul.category-list li:last-child {
    margin-right: .5em;
}

.ctdt-one-row>div { /* タグとカテゴリを一列に並べる */
    display: inline-block;
}

/* モノトーンで統一 */
.entry-categories ul li a {
    background: #727272 !important;
    color: white;
}

/* タイトル */
.entry-card h2 a {
    text-decoration: none;
    color: #4a4a4a;
    display:block;
	padding: .5em 1em;
    transition: 0.3s;
}
.entry-card h2 a:hover {
    background: #e1e1e1;
    color: #3a3a3a;
    transition: 0.5s;
}

@media screen and (max-width: 500px) {
	.entry-card h2 a {
		padding: .5em;
	}
}

/* サムネイル画像 */
.entry-card-thumb .cat-label {
    display: none;
}

.entry-card-thumb a {
  display: block; /* aタグの親要素としてブロック化 */
  overflow: hidden; /* 子要素のはみ出しを隠す */
  position: relative; /* 相対位置指定で子要素のtransformを制御 */
}

.entry-card-thumb img {
  transition: transform 0.75s ease; /* スムーズな拡大アニメーション */
  display: block; /* 画像の余計な隙間を防ぐ */
}

.entry-card-thumb a:hover img {
  transform: scale(1.1); /* 画像を少し拡大 */
}

.entry-card-thumb a {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #e7e7e7;
}

/* スニペット */
.entry-card-snippet {
    overflow: initial;
    -webkit-line-clamp: initial;
    font-size: clamp(1.1rem, 2.5vw, 1em);
	line-height:1.5;
}

.related-entry-card-snippet, .entry-card-snippet{
    line-height:1.4;
}

/* スニペットのリンク：モバイルではリンク無効 */
@media screen and (max-width: 480px) {
  .snippet-link {
    pointer-events: none;
    cursor: default;
  }
}

/* ------------------------------------ 
記事内容
------------------------------------ */
/* 日付表示 */
article.type-page .date-tags {
	display: none;
}
/* ------------------------------------
引用
------------------------------------ */
blockquote.wp-block-quote {
    background: #f5f5f5;
    border: none;
    border-left: 5px solid #757575;
    padding: 2em 1.5em;
}

blockquote:before, blockquote:after {
    color: #999999;
}

/* ------------------------------------
テーブル
------------------------------------ */
.wp-block-table table {
    width: auto; /* コンテンツに応じて幅が決まる */
    max-width: 100%; /* 画面幅を超えない */
    table-layout: auto; /* 自動調整 */
    border-collapse: collapse;
    word-break: break-word;
}

.wp-block-table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; /* セル内で折り返し */
}

/* モバイル用の調整 */
@media screen and (max-width: 768px) {
    .wp-block-table table {
        width: 100%; /* モバイル時は横いっぱいにする */
        table-layout: fixed; /* セル幅を均等に */
    }
}

/*
.wp-block-table table tr td {
    font-size:90%;
    background: white;
    border: 1px solid #cccccc;
}

.wp-block-table table tr:nth-child(2n+1) td {
    background: #f7f7f7;
}
.wp-block-table table tr:first-child td {
    background: #6f856a;
    color: white;
}
*/
.entry-content table tr td {
    font-size:90%;
    background: white;
    border: 1px solid #cccccc;
}
.entry-content table tr:nth-child(2n+1) td {
    background: #f7f7f7;
}
.entry-content table tr:first-child td {
    background: #6f856a;
    color: white;
}
.entry-content table{
    border-color:1px solid #677a65;
}
.entry-content table tr:first-child td{ /* top */
    border-color:1px solid #677a65;
}
.entry-content table tr:last-child td{ /* bottom */
    border-bottom:1px solid #677a65;
}
.entry-content table tr td:last-child{ /* right */
    border-right:1px solid #677a65;
}
.entry-content table tr td:first-child{ /* left */
    border-left:1px solid #677a65;
}


/* ------------------------------------
アコーディオン
------------------------------------*/
.toggle-button {
    padding: 5px 10px;
    background: #707e69;
    color: white;
    transition: .3s;
}
.toggle-button:hover {
	background: #0c2102;
    transition: .3s;
}
.toggle-content {
    font-size: 90%;
    background: white !important;
}

.toggle-button:before {
    content: "\f0fe";
    color: white;
    opacity: .9;
    font-size: 1em;
}

label.toggle-button {
    text-align: left;
    padding-left: 1em;
}

/* 以前使っていたプラグイン用 */
.arconix-toggle-wrap {
    background: #677a5f;
    color: white;
    padding: 0;
}

.arconix-toggle-wrap .arconix-toggle-content {
    background: #fafafa;
    margin-left: 0;
    color: #000000;
    padding:2em;
}

.arconix-toggle-wrap .arconix-toggle-title {
    padding: .5em 1em;
}

@media (max-width:480px){
	.arconix-toggle-wrap .arconix-toggle-content {
		padding:1.5em 1em;
	}
}

.arconix-toggle-wrap .fa-plus-square:before,
.arconix-toggle-wrap .fa-minus-square:before{
    color: #eeeeee;
}

/* 枠 */
.blank-box.code {
    border: 3px solid #bfad84;
    background-color: rgb(253, 252, 247);
    border-radius: 2px;
    margin-left: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-top: 1.5em;
    padding-bottom: 1.75em;
    padding-right: 2em;
}
.blank-box.code.gray {
    background-color: #fafafa;
    border-color: #8c8c8c;
}
.blank-box.code.green {
    border-color: #268026;
}
/* 枠：例 */
.blank-box.example {
    border:1px solid #bfad84;
    background:#fdfcf7
}
.blank-box.example.gray {
    border-color: #a0a0a0;
    background: #f9f9f9;
}

/* crayon */
.urvanov-syntax-highlighter-syntax .crayon-table td{
    padding: 1em .5em!important;
}
.crayon-theme-ado .crayon-pre .crayon-c {
    color: #a2a2a2 !important;
}
/* ------------------------------------
関連記事
------------------------------------ *
/* カテゴリ表示は非表示：あっても意味なさそうなものは非表示にする！ */
.related-entry-card-thumb .cat-label {
    display: none;
}

/* ------------------------------------
ページナビ
------------------------------------ */
.page-nav ol {
    margin-left: 0;
    padding: 0;
    letter-spacing: -.5em;
    text-align: center;
}

@media (min-width: 768px) {
    .page-nav ol {
        text-align: center;
    }
}
nav ol, nav ul {
    list-style: none;
}

.page-nav li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 4px 12px;
    background-color: #fff;
    letter-spacing: 0;
    font-size: 85%;
}
.page-nav li a {
    display: block;
    margin: -4px -12px;
    padding: 4px 12px;
    color: #333;
    text-decoration: none;
    font-size: 95%;
}
.page-nav .current {
    background: #05a5ab;
    color: #fff;
}

.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus {
    background: #177174;
    color: #fff;
}

.page-nav li {
    border: 1px solid #859c8d;
}
.page-nav li:last-child {
    margin-right: 0;
}

/* 前へボタン */
.page-nav .page-nav_prev a::before {
    margin-right: 5px;
    content: "\f104";
    font-family: "FontAwesome"; 
}
/* 次へボタン */
.page-nav .page-nav_next a::after {
    margin-left: 5px;
    content: "\f105"; /* 例: FontAwesome の矢印アイコン */
    font-family: "FontAwesome"; 
}