@charset "UTF-8";
/*!
Template: cocoon-master
*/

/*
■画像
記事画像はすべて自動で中央表示。左寄せにする場合は「左寄せ」を指定する。
解説画像などは「中央揃え」で背景グレー化。
写真画像などは場合は大きく表示するためそのまま。
中央揃え背景グレー画像の高さは最大400px、スマホは250pxなので、それ以上にする場合はエディタ上からリサイズする（マウスで画像をドラッグするとアス比が狂うのでサイズ数値の上下矢印でおこなうこと）


■独自クラス
brown：子要素のstrongを一括赤茶
code：コード内には見出しや画像を表示できないのでコレで擬似的なコード表示にしてstrongを暗赤化
inline：次の要素を改行させない。
グループ枠線：グループに背景色（パレット三段階目のもっとも濃い色）を指定すると枠線が表示される(パナソニック充電器記事で使用：https://sho-log.com/panasonic-charger-list/)

■通常テーブル
「配置を変更→幅広（中央でも可だがフレキシブルに中央がないので幅広て統一）」で一括中寄せ。
「ﾃｷｽﾄの配置→中央」で1列目中寄せでｸﾞﾚｰ化
■フレキシブルテーブル
「配置を変更→幅広」で一括中寄せ。
「任意のｾﾙ選択→ｾﾙの配置→中央」で1列目中寄せでｸﾞﾚｰ化

■テーブル独自クラス
pct：PCﾃｰﾌﾞﾙを改行なし横ｽｸﾛｰﾙ化、ｽﾏﾎ含む
spt：上記のでｽﾏﾎだけ版（フレキシブルテーブルの横スクロール設定はブロックエディタ上で反映されないので使用しない）
is-style-stripes-col：列を交互にｸﾞﾚｰ化
tra:セル結合でずれたtdの背景を透明化＋横スクロール時の固定解除
tgl:テーブル内でコンテンツ開閉


■その他
ポップアップ要素の検証：ﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙでポップアップがでたらF8を押す
*/

/*■■■■テストスペース■■■■*/
/**/





/*自分用の注釈などを非表示*/
.dnone {
    display: none !important;
}



/*シェアお願い*/
.sns-share-buttons.sns-buttons:after {
    content: "記事が役に立ったらぜひシェアを願いします！";
    display: block;
    font-weight: bold;
    color: orange;
}

/*ステマ規制対策テキスト*/
p.ad-text {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #70b9d8;
}



/*ポチップ*/
#main .pochipp-box {
	display: grid;
    grid-template-columns: 150px 1fr;
	align-items: center;
	grid-gap: 0 20px;
	grid-template-areas:
        "areaImg areaBody"
        "areaImg areaBtns";
	width: 100%;
	max-width: 728px;
	padding: 20px !important;
    box-shadow: none;
    border: 2px solid #eaeaea;
}
#main .pochipp-box__image img {
    width: 100%;
	max-height: 150px;
    max-width: none;
}
#main .pochipp-box__title a {
	line-height: 1.5;
    color: var(--link-color) !important;
}
#main .pochipp-box__info {
    font-size: 14px;
	margin-top: 10px;
    color: #999;
    opacity: inherit;
}
#main .pochipp-box .pochipp-box__btns {
    margin-top: 5px;
}
#main .pochipp-box .pochipp-box__btn {
    display: block;
    font-size: 13.5px;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: none;
}
#main .pochipp-box .pochipp-box__btn::before {
    background: no-repeat;
}
.pochipp-box .-amazon .pochipp-box__btn:after {
    content: "で見る";
}
.pochipp-box .-rakuten .pochipp-box__btn:after {
    content: "市場で見る";
}
.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn:after {
    content: "ショッピングで見る";
}
#main .pochipp-box__logo {
    display: none !important;
}

@media screen and (max-width: 1099px) {
#main .pochipp-box .pochipp-box__btns {
    margin-top: 15px;
}
}
@media screen and (max-width: 700px) {
#main .pochipp-box {
    font-size: 15px;
}
#main .pochipp-box__btnwrap {
    flex-basis: 100%;
    max-width: 100%;
}
}	
@media screen and (max-width: 480px) {
#main .pochipp-box {
    display: block;
	max-width: 300px;
}	
#main .pochipp-box .pochipp-box__btns {
    margin-bottom: -5px;
}
}
/*ポチップ（テーブル内）*/
#main table .pochipp-box {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}
#main table .pochipp-box__image {
    display: none;
}
#main table .pochipp-box__body {
    display: none;
}
#main table .pochipp-box .pochipp-box__btns {
    display: block;
    margin: 0;
}
#main table .pochipp-box .pochipp-box__btnwrap {
    margin: .4em 0;
    padding: 0;
}
#main table .pochipp-box .pochipp-box__btnwrap:first-child {
    margin-top: 0;
}
#main table .pochipp-box .pochipp-box__btnwrap:last-child {
    margin-bottom: 0;
}
#main table .pochipp-box__saleInfo.-top {
    display: none;
}
#main table .pochipp-box .pochipp-box__btn {
    overflow: hidden;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: inherit;
    padding: 0;
    color: var(--link-color) !important;
    background: none !important;
}
#main table .pochipp-box .pochipp-box__btn:after {
    display: none;
}



/*グループ枠線*/
body .wp-block-group[class*="has-"] {
    padding: 2%;
}
.wp-block-group[class*="has-grey"] h3 {
    border-color: #999;
}
.wp-block-group[class*="has-red"] h3 {
    border-color: #f5574c;
}
.wp-block-group[class*="has-blue"] h3 {
    border-color: #50b4d4;
}
.wp-block-group[class*="has-indigo"] h3 {
    border-color: #4d8098;
}
.wp-block-group[class*="has-green"] h3 {
    border-color: #62b74c;
}
.wp-block-group[class*="has-yellow"] h3 {
    border-color: #ffc722;
}
.wp-block-group[class*="has-orenge"] h3 {
    border-color: #ff9900;
}
.wp-block-group[class*="has-purple"] h3 {
    border-color: #a473d0;
}
.wp-block-group[class*="has-pink"] h3 {
    border-color: #ff7bc9;
}
.wp-block-group__inner-container h3:first-child, 
.wp-block-group__inner-container h4:first-child {
    margin-top: 0;
}




/*■■■■■■■■*/

/*スマホ用*/
@media screen and (max-width: 480px) {}
@media screen and (min-width: 481px) {}
/*記事一覧3カラム・テーブル*/
@media screen and (max-width: 700px) {}
/*ギャラリー画像*/
@media screen and (min-width: 701px) {}
/*トップメニュー変更*/
@media screen and (max-width: 834px) {}
/*サイドメニュー変更*/
@media screen and (max-width: 1023px) {}
/*サイト幅（正確には1164px）*/
@media screen and (max-width: 1168px) {}



/*全体*/
/*変数（https://www.seleqt.net/programming/how-to-use-css-variables/）*/
:root {
    --main-color: #70b9d8;
    --main-color-50p: rgb(112 185 216 / 0.5);
	--link-color: #1967d2;
}
body {
    font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
:focus {
    outline: none;
}
a {
    color: var(--link-color);
    transition: .1s ease-in;
}
/*aの子孫がspanだと下線が消える問題の修正*/
a span {
    text-decoration: inherit;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
}
img {
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
.logo, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.5 !important;
}
.entry-content > *, 
.wp-block-group__inner-container > * {
    margin-bottom: 1.4em;
}
.entry-content > p:first-child {
    margin-top: 0;
}
/*一括上下余白*/
#main .toc, .entry-categories-tags, .sns-share, .sns-follow, .related-entry-heading, .comment-title, 
.article .ad-area, .article .widget_common_ad, .article .adsbygoogle, .article .google-auto-placed, .main > .google-auto-placed:first-child {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.blogcard {
    margin: 1.4em auto !important;
}
/*一括枠線削除*/
.blogcard, .ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square a, .author-box {
    border: none;
}
/*背景色（アドセンスで上下に押し込まれるので注意）*/
body {
    background: white;
}
#container {
    background: whitesmoke;
}
#container {
    background: #c1cfd5;
}
/*サイト幅*/
.content, #main, #sidebar {
    margin: 0;
}
#main, #sidebar {
    border-radius: 0;
}
.content-in {
    margin-top: 20px;
}
#main {
    padding: 30px;
}
@media screen and (max-width: 1204px) {
.content-in {
    margin: 20px;
    width: auto;
}
.main {
    width: 67.698%;
}
.sidebar {
    width: 30.585%;
}
}
@media screen and (max-width: 1023px) {
.content-in {
}
#main, #sidebar {
    margin: 0 auto;
}
#main {
    max-width: 800px;
}
#sidebar {
    max-width: 400px;
    margin: 60px auto 20px;
}
}
@media screen and (max-width: 834px) {
.content-in {
    margin: 15px;
}
#main {
    padding: 20px 3.5%;
}
#sidebar {
}
}
@media screen and (max-width: 480px) {
.content-in {
}
#main {
    margin: -15px -15px 0;
    padding: 15px;
}
.home #main, .archive #main, .search #main {
    margin: 0;
}
#sidebar {
}
}
/*ヘッダー*/
.site-name-text {
    font-family:arial black;
}
.header-container, .site-name-text-link {
    font-weight: bold;
}
@media screen and (max-width: 834px) {
#header .site-name-text {
    font-size: 20px;
}
}
/*トップメニュー*/
#navi .navi-in > ul > li {
    width: auto;
}
.navi-in a {
    font-size: 15px;
    padding: 0 30px;
}
/*トップメニュー（スマホ）*/
@media screen and (max-width: 834px) {
.tagline {
    margin: 0;
}
.logo-text {
    padding: 20px 0;
}
.slicknav_nav {
    margin-top: 70px;
}
.slicknav_nav a {
    font-weight: bold;
    margin: 0 10px;
    padding: 8px 10px;
    color: #333;
    border-top: 1px solid #eaeaea;
}
.slicknav_menu {
    position: relative;
    padding: 0;
    background: #fff;
}
.slicknav_menu .slicknav_btn {
    position: absolute;
    top: 19px;
    right: 10px;
    margin: 0;
    padding: 10px 7px;
}
.slicknav_menu .slicknav_menutxt {
    display: none;
}
.slicknav_menu .slicknav_icon {
    margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}
}
/*1カラム表示（広い）*/
.column-wide .content .main {
    width: auto;
}
.column-wide .eye-catch {
    padding: 7px;
}
.column-wide .eye-catch img {
    width: 100%;
    max-width: 800px;
}
/*グループ化時にページタイプ（サイト幅）を広くすると中央寄せになるのを解除*/
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: inherit;
}
/*見出しデザイン*/
.article h1, .article h2, .article h3, 
.article h4, .article h5, .article h6 {
    position: relative;
    padding: 0;
    border: none;
    background: transparent;
}
.article h2, .article h3, 
.article h4, .article h5, .article h6 {;
    margin-top: 2.5em;
}
.article h1 {
    margin-top: .4em;
}
.article h2 {
    padding: .6em;
    color: #fff;
}
.article h3 {
    padding: .5em 0px .5em .5em;
    border-left: 6px solid;
}
.article h4 {
    padding-left: 1.25em;
}
.article h4:before {
    position: absolute;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    top: 0;
    left: 0;
    color: #4ebff3;
}
/*見出し文字サイズ*/
.article h1 {
    font-size: 26px;
}
.article h2 {
    font-size: 1.4em;
}
.article h3 {
    font-size: 1.3em;
}
.article h4 {
    font-size: 1.2em;
}
.article h5 {
    font-size: 1.1em;
}
@media screen and (max-width: 480px) {
.article h1 {
    font-size: 1.25em;
}
.article h2 {
    font-size: 1.2em;
}
.article h3 {
    font-size: 1.15em;
}
.article h4 {
    font-size: 1.1em;
}
.article h5 {
    font-size: 1.05em;
}
}
/*見出し（関連記事・コメント・カテ一覧）*/ 
.related-entry-heading, .comment-title, .archive-title {
    font-size: 22px;
    margin-bottom: 20px;
}
/*パンくずリスト*/
.breadcrumb {
    line-height: 1.4;
    margin: 0;
}
.breadcrumb .fa-fw {
    display: none;
}
/*目次*/
#main .toc {
    font-size: 15.5px;
    font-weight: bold;
    line-height: 1.5;
    min-width: 70%;
    border: none;
    background: #f9f9f9;
}
@media screen and (max-width: 480px) {
#main .toc {
    font-size: 14px;
}
}
#main .toc .toc-list ul, 
#main .toc .toc-list ol {
    margin: 0;
    padding: 0 0 0 1em;
    border: none;
    background: none;
}
#main .toc li, #main .toc li li {
    font-size: .9em;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
#main .toc li li, #main .toc li li a {
    font-weight: normal;
    list-style: none;
    color: #666;
}
#main .toc a {
    display: block;
    padding: .4em 0;
}
/*アイキャッチ*/
.eye-catch {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    background: whitesmoke;
}
.eye-catch img, .eye-catch amp-img {
    border: 0px solid #f5f5f5;
}
/*記事画像*/
/*▼エディタ用*/
.wp-block-image .components-resizable-box__container {
    margin: 0 auto;
}
/*▲*/
.wp-block-image {
    text-align: center;
}
.wp-block-image img {
    margin: 0 auto;
}
/*記事画像手動中央化&背景グレー（エディター共通）*/
/*WP更新で.aligncenterが子要素から兄弟要素になったので.wp-block-image.aligncenterを追加*/
.wp-block-image .aligncenter,
.wp-block-image.aligncenter {
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
}
.wp-block-image .aligncenter img, 
.wp-block-image.aligncenter img {
    border: 1px solid #ffffff;
    outline: 1px solid #c7c7c7;
    box-shadow: 0 2px 5px 1px rgb(0 0 0 / 30%);
}
/*背景グレー初期化*/
.primary-box .wp-block-image .aligncenter,
.primary-box .wp-block-image.aligncenter {
    padding: 0;
	background:transparent
}
@media screen and (min-width: 481px) {
.wp-block-image .aligncenter,
.wp-block-image.aligncenter {
    padding: 20px;
}
.wp-block-image .aligncenter img,
.wp-block-image.aligncenter img {
    max-width: calc(100% - 40px);
}
}
.wp-block-image.is-resized {
    display: block;
}
/*記事画像（高さと幅の上限、これ以上にする場合はエディタ上でリサイズ）*/
.wp-block-image .aligncenter:not(.is-resized) img,
.wp-block-image.aligncenter:not(.is-resized) img {
    width: auto;
    max-height: 250px;
    margin: 0 auto;
}
@media screen and (min-width: 481px) {
.wp-block-image .aligncenter:not(.is-resized) img,
.wp-block-image.aligncenter:not(.is-resized) img {
    max-height: 400px;
}
}
@media screen and (min-width: 701px) {
.toggle-content .wp-block-image .aligncenter img,
.toggle-content .wp-block-image.aligncenter img {
    max-width: 550px !important;
}
}
/*キャプション（共通）*/
#container figcaption {
    font-size: 13px;
    line-height: 1.5;
	margin-top: 5px;
}
.wp-block-image figcaption {
    display: block !important;
}
.wp-block-image .aligncenter figcaption, 
.wp-block-image.aligncenter figcaption {
    margin: 5px 0 -5px !important;
    padding: 0;
}
@media screen and (min-width: 481px) {
.wp-block-image .aligncenter figcaption, 
.wp-block-image.aligncenter figcaption {
    margin: 10px 0 -10px !important;
}
}
/*ギャラリー*/
.blocks-gallery-item__caption > br {
    display: none;
}
.blocks-gallery-item:last-child {
    margin-bottom: 0 !important;
}
.wp-block-gallery .blocks-gallery-item figcaption {
    padding: .7em .5em .3em;
    opacity: inherit;
    text-shadow: 0 0 10px rgba(0,0,0,1);
    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.3) 80%,transparent);
}
@media screen and (min-width: 701px) {
.body .wp-block-gallery .blocks-gallery-item {
    margin-bottom: 1.4em;
}
}
@media screen and (max-width: 480px) {
.blocks-gallery-grid {
    margin: 0 -15px;
}
}
/*Cocoon使いまわしテンプレートの画像枠線*/
.size-full.alignnone {
    border: 3px solid #ddd;
}
/*テキスト装飾*/
.brown *:not(span) > strong {
    color: #b53333;
}
/*リスト*/
.entry-content ul.wp-block-list:not(.toc-list), 
.entry-content ol.wp-block-list:not(.toc-list), 
.entry-content dl {
    padding: 1em 1em 1em 2.5em;
    border: solid 3px #eaeaea;
    background: #fff;
}
.entry-content ul:not([class]) ul {
    border: none;
}
.entry-content ul:not([class]) li, 
.entry-content ol:not([class]) li, 
.entry-content dl dt, 
.entry-content dl dd {
    font-size: .95em;
    line-height: 1.6;
    margin: 0;
    padding: .4em 0;
}
.entry-content ul:not([class]) img, 
.entry-content ol:not([class]) img, 
.entry-content dl img {
    width: auto !important;
    max-height: 100px !important;
    margin-top: .4em;
}
dl dt {
    display: list-item;
    font-weight: bold;
    padding-bottom: .2em;
}
dl dd {
    color: #666;
}
dd + dt {
    margin-top: .6em !important;
}
.entry-content .toggle-content ul, 
.entry-content .toggle-content ol,
.entry-content .toggle-content dl {
    border: none;
    background: whitesmoke;
}
/*FAQ（dl dtなどの說明リスト使用）*/
.wp-block-cocoon-blocks-faq.faq-wrap {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
.wp-block-cocoon-blocks-faq.faq-wrap dl.faq {
    padding: 10px 0 10px 0;
    border: none;
    background: none;
}
.wp-block-cocoon-blocks-faq.faq-wrap .faq-item {
    line-height: inherit;
    align-items: center;
}
.faq-item-label {
    width: .7em;
    text-align: right;
    display: inline-block;
}
.faq-question-label {
    color: #fd7b7b;
}
.faq-answer-label {
    color: #25a7e2;
}
/*ボックス共通*/
blockquote, 
blockquote cite, 
.block-box {
    font-size: .95em !important;
    border-radius: 0;
}
/*ボックス共通、見出し上部のスペース削除*/
.block-box h2:first-child, 
.block-box h3:first-child, 
.block-box h4:first-child, 
.block-box h5:first-child {
    margin-top: 0;
}
/*引用*/
blockquote {
    border: none;
    background: #f5f5f5;
}
blockquote::before, blockquote::after {
    font-family: Verdana;
}
cite {
    font-style: normal;
}
/*案内ボックス(グレー背景)*/
.primary-box {
    padding: 1.5em;
    color: inherit;
    background: #f5f5f5;
}
/*白抜きボックス(小型注釈)*/
.blank-box {
    padding: .4em .8em;
    border: 3px solid #eaeaea;
    background: #fff;
}
.blank-box p {
    margin-bottom: 0;
}
.blank-box h3, .blank-box h4 {
    margin: .3em 0 0 0 !important;
    padding: 0;
    border: none !important;
}
.blank-box p + h3, .blank-box p + h4 {
    margin-top: 1.5em !important;
}
/*トグル開閉*/
.toggle-wrap {
    border: 2px solid #e4e4e4;
    background: #ffffff;
}
.toggle-button {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    border: none;
    color: #666;
    background: none;
}
.toggle-button::before {
    font-size: 16px;
}
.toggle-button::after {
    content: '（押して開く）';
    font-size: 14px;
    color: #999;
}
.toggle-checkbox:checked ~ .toggle-content {
    border: none;
}
.toggle-content > p:last-child:empty {
    margin-top: -1.4em !important;
}
/*タイムライン*/
.timeline-box {
    border: 3px solid #eaeaea;
}
.timeline-item-content, .timeline > li.timeline-item {
    border-color: #eaeaea;
}
.timeline-item:before {
    top: 1.3em;
}
.timeline-item-label {
    font-size: 1em;
    padding-top: .8em;
    padding-left: .8em;
}
.timeline-item-content {
    padding-bottom: 0;
}
.timeline p {
    font-size: .95em;
    line-height: 1.6;
    color: #666;
}
@media screen and (max-width: 480px){
.timeline-item::before {
    left: -7px;
    width: 12px;
    height: 12px;
}
.timeline-item-content {
    padding-top: 0;
}
}
/*吹き出し*/
.speech-person {
    margin-top: -5px;
}
@media screen and (min-width: 481px) {
.speech-person {
    width: 12%;
    min-width: 60px;
    max-width: 75px;
}
}
.speech-name {
    font-weight: bold;
}
div.speech-balloon {
    border: 3px solid #eaeaea;
}
.speech-balloon::before {
    border-right-color: #eaeaea;
}
.speech-balloon::after {
    left: -8px;
}
@media screen and (max-width: 480px) {
.speech-wrap .speech-balloon::after {
    left: -3px;
}
}
.speech-icon img, .speech-icon amp-img {
	margin-bottom: -5px !important;
    background: transparent;
}
/*吹き出し（背景グレー化）*/
div.speech-balloon {
    background: #f3f3f3;
    border-color: #f3f3f3;
}
.speech-balloon::before, .speech-balloon::after {
    border-right-color: #f3f3f3;
}
/*カラム*/
.wp-block-column .wp-block-image {
    margin-bottom: 0;
}
/*ブログカード*/
.blogcard-wrap {
    max-width: 550px;
}
.blogcard {
    padding: 10px;
}
.blogcard, .navi-entry-cards {
    border: 2px solid #eaeaea;
    border-radius: 0;
}
.blogcard:before, 
.navi-entry-cards:before {
    position: absolute;
    top: -2px;
    left: -2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .5px;
    padding: 5px;
    color: #fff;
    border-radius: 0 0 .5em 0;
    z-index: 10;
}
.internal-blogcard:before, 
.navi-entry-cards:before {
    content: "関連記事";
}
.external-blogcard:before {
    content: "参考サイト";
}
.blogcard-thumbnail {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none;
    width: 140px;
}
.blogcard-thumbnail, .blogcard-favicon {
    margin-top: 0;
}
.blogcard-thumbnail img {
    width: auto;
    max-height: 90px;
}
.blogcard-content {
    display: table-cell;
    vertical-align: top;
    padding: 25px 0 0 10px;
}
.blogcard-title {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
.blogcard-snippet {
    display: none;
}
.blogcard-footer {
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 160px;
    width: calc(100% - 190px);
    padding: 0;
    color: #999;
}
.blogcard-site {
    float: none;
}
.blogcard-favicon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.blogcard-domain {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 480px) {
.blogcard-thumbnail {
    width: 130px;
}
.blogcard-content {
    padding-top: 20px;
}
.blogcard-title {
    font-size: 14px;
}
.blogcard-footer {
    font-size: 13px;
    left: 150px;
    width: calc(100% - 160px);
}
}
/*関連記事（複数ブログカード風）*/
/*外観→メニュー→自作の記事一覧*/
.navi-entry-cards {
    position: relative;
    max-width: 550px;
    margin: auto;
    padding: 5px;
}
.navi-entry-cards .e-card {
    display: table;
}
.navi-entry-cards figure {
    display: table-cell;
    width: 130px !important;
}
.navi-entry-cards .card-content {
    display: table-cell;
    vertical-align: middle;
}
.navi-entry-cards .card-title {
    font-size: 14px;
    font-weight: bold;
}
.navi-entry-cards .a-wrap {
    margin: 0 !important;
}
@media screen and (min-width: 481px) {
.navi-entry-cards .card-title {
    font-size: 16px;
}
}
/*コード*/
pre.wp-block-code {
    border: none;
    border-radius: 4px;
    background: #f5f5f5;
    overflow-x: scroll;
}
pre.wp-block-code, pre.wp-block-code * {
    font-size: 13px;
    font-weight: normal !important;
    line-height: 1.4 !important;
    white-space: pre;
}
pre.wp-block-code code {
    display: inline;
}
/*コード（highlight.js）*/
/*nohighlightは行番号なし*/
/*plaintextは行番号あり*/
pre.wp-block-code.hljs {
    padding-top: 10px;
    padding-bottom: 10px;
}
pre.wp-block-code.hljs::before {
    text-align: right;
    width: 1.6em;
    margin: 10px 0 10px 5px;
    padding: 0;
    color: #999;
}
/*行番号表示で高さが変わるのを無効化*/
.is-code-row-number-enable pre.hljs, 
.is-code-row-number-enable pre.hljs * {
    line-height: 1.4 !important;
}
pre.wp-block-code.hljs .hljs-comment {
    font-style: normal;
    font-weight: bold !important;
    color: #666;
}
/*コードでは見出しや画像が使えないので
擬似的なコード表示にするため
テキストをmonospace化、strong部分を暗い赤化
例：useCustom = true*/
.code {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
}
.code p {
    color: #666;
}
.code strong {
    font-family: monospace;
    font-weight: normal;
    color: #d73a49;
}
/*埋め込み*/
.wp-video, 
.video-container,
.instagram-container,
.facebook-container,
#content .imgur-embed-iframe-pub 
{
    display: block !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}
.twitter-tweet {
    margin: 0 auto !important;
}
.video-container .video {
    margin: 0;
}
/*テーブル初期化*/
/*初期ｽﾌﾟﾗｲﾄ解除*/
table tr:nth-of-type(2n+1) {
    background: transparent;
}
/*横ｽｸ1列目ｶﾗｰを解除*/
.scrollable-table.stfc-sticky table:not(.wp-calendar-table) tr > *:first-child {
    background: transparent;
}
/*ヘッダー、フッターの太線削除*/
.wp-block-table thead, .wp-block-table tfoot {
    border: none;
}
/*テーブル*/
#content table {
    font-size: 13px;
    line-height: 1.3;
    min-width: 50%;
    width: auto;
    margin: 0 auto;
    background: white;
}
table a + br + a, table a + br +span a {
    display: inline-block;
    margin-top: 5px;
}
@media screen and (max-width: 834px) {
#content table, table th, table td {
    font-size: 10px;
    line-height: 1.1;
}
table a {
    display: inline-block;
    margin: 1px 0;
}
}
table th,  table td {
    padding: 3px !important;
  }
table th, table td, table img, 
.is-scrollable.stfc-sticky {
    border: 1px solid;
    border-color: #dedede !important;
}
table img {
    margin: 3px 0;
}
/*テーブルキャプション*/
[class*="-block-table"] figcaption {
    text-align: center;
    margin-top: 8px;
}
#content .scrollable-table {
    margin-bottom: 0;
}
/*テーブル全体一括変更*/
/*固定*/
#content table.has-fixed-layout {
    table-layout: fixed;
    width: 100%;
}
/*中央寄せ*/
.aligncenter table, .alignwide table {
    text-align: center;
}
/*背景グレー*/
/*テーブルヘッダー*/
#content table th, #content thead th, #content tfoot td {
    font-weight: normal;
    text-align: center;
    background: #f5f5f5;
}
#content thead th, #content tfoot td {
    font-weight: bold;
}
/*1列目中寄せグレー化*/
#content table tr > *:first-child[class*="has-text-align-center"], 
#content table tr > *:first-child[style*="text-align:center"] {
    background: #f5f5f5;
}
/*行・列・セル・のスプライト*/
#content .is-style-stripes tr:nth-child(odd),
table .stripe {
    background: #fbfbfb;
}
#content .is-style-stripes-col td:nth-child(odd) {
    background: #f5f5f5;
}
/*ｽﾄﾗｲﾌﾟﾃｰﾌﾞﾙ下部の線を削除*/
.wp-block-table.is-style-stripes {
    border-bottom: none !important;
}
/*テーブル横スクロール*/
.scrollable-table th, .scrollable-table td {
    white-space: normal;
}
/*pctで全体・sptでスマホのみ*/
.pct table th, .pct table td {
    white-space: nowrap;
    padding: 1px !important;
}
@media screen and (max-width: 700px) {
.spt table th, .spt table td {
    white-space: nowrap;
    padding: 1px !important;
}
}
/*横スクロール時の1列目グレー化*/
#content .is-scrollable tr > *:first-child, 
#content .pct tr > *:first-child, 
#content .spt tr > *:first-child { 
    background: #f5f5f5;
}
/*フレキシブルテーブル*/
.wp-block-flexible-table-block-table {
}
/*セル結合で1列目グレーtdがずれるのを修正*/
#content .wp-block-flexible-table-block-table tr > *:first-child.tra {
    position: static;
    background: transparent;
	box-shadow: none;
    z-index: auto;
}
/*テーブル1列目固定で左線消失バグ修正*/
.is-scrollable.stfc-sticky table {
    border-collapse: separate;
    margin: 0;
    border: 0;
}
.is-scrollable.stfc-sticky {
    border-width: 1px 0 0 1px;
    border-color: #e3e3e3 !important;
}
.is-scrollable.stfc-sticky th, .is-scrollable.stfc-sticky td {
    border-width: 0 1px 1px 0;
}
/*テーブル横スクロール修正*/
@media screen and (max-width: 834px) {
.scrollable-table::-webkit-scrollbar {
    height: 6px;
}
.scrollable-table::-webkit-scrollbar-track {
    background-color: #eee;
}
.scrollable-table::-webkit-scrollbar-thumb {
    background-color: #bbb;
}
}
/*エントリーフッター*/
.entry-footer {
    text-align: center;
}
/*カテゴリ・タグ*/
.entry-categories-tags {
    font-size: 0;
    margin-bottom: 10px;
}
.entry-categories-tags a {
    line-height: 1;
    margin: 3px;
    padding: 7px !important;
}
a.tag-link {
    border: none;
    background: #eaeaea;
}
/*SNSボタン*/
.sns-share, .sns-follow {
    margin-top: 10px;
}
.sns-share .sns-buttons {
    display: block;
}
.sns-share .sns-buttons a {
    font-size: 23px;
    width: 40px !important;
    height: 40px;
    border: none;
    opacity: .8;
}
.sns-share a .button-caption {
    display: none;
}
/*コメント・ページナビ*/
input[type], textarea, select {
    font-size: 16px;
    padding: .8em;
    border: none;
    background: #f3f3f3;
}
textarea {
    font-family: Arial;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
}
/*記事欄のコメント*/
.commets-list textarea {
    font-size: 14px;
}
.commets-list .comment-body {
    font-size: .9em;
    padding: 1em;
    border-radius: 0;
    background: #f5f5f5;
}
.depth-1 > .comment-body:first-child {
    border-left-width: 2px;
    border-left-style: dotted;
}
.commets-list .comment-author {
    display: inline;
}
.commets-list .comment-meta {
    display: inline-block;
}
.commets-list .comment-meta > a:first-child {
    font-size: 1.1em;
    text-decoration: none;
    color: #999;
    pointer-events: none;
}
.commets-list cite {
    font-size: 15px;
    font-weight: bold;
    margin-right: .3em;
    color: #666;
}
[alt="Sho"] + cite.fn:after {
    content: "(管理者)";
    font-size: .8em;
    font-weight: normal;
}
.commets-list .says {
    display: none;
}
.commets-list .comment-content p {
    margin: 5px 0 1px;
}
.commets-list .comment-reply-link {
    font-size: 13px;
    margin: 0;
    border: none;
    background: #eaeaea;
}
.comment-reply-title small {
    font-size: 14px;
    margin-left: 10px;
}
.comment-notes, .comment-form-email, .comment-form-url {
    display: none;
}
.commets-list [src*="https://secure.gravatar.com/avatar"] {
    display: none;
}
.pagination-next-link, 
.comment-btn, 
input[type='submit'] {
    font-size: 15px;
    border: none;
    background: #fff;
}
.comment-btn, 
input[type='submit'] {
    display: block;
    width: 200px;
    margin: 20px auto;
    border-radius: 30px;
    background: #f5f5f5;
}
h3#reply-title {
    display: none;
}
/*お問い合わせページ（Contact Form 7）*/
.wpcf7-form {
    display: flex;
    flex-direction: column;
}
.wpcf7-response-output {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.wpcf7-form label, .comment-form {
    font-size: 15px;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7-response-output {
    text-align: center;
}
article#post-145 .entry-content.cf.is-code-row-number-enable {
    margin-bottom: 0 !important;
}
/*お問い合わせページ（reCAPTCHA）*/
.reCAPTCHA {
    font-size: 12px;
    text-align: center;
    color: #999;
    order: 2;
}
.reCAPTCHA a {
    text-decoration: none;
}
.grecaptcha-badge {
    visibility: hidden; 
}
.reCAPTCHA + .wpcf7-response-output {
    display: none;
}
/*サイト内検索*/
.search-box {
    overflow: hidden;
}
.main .search-box {
    margin: 1em 0 2em;
}
.main .search-edit, .sidebar .search-edit {
    line-height: 45px;
    height: 45px;
    padding-left: 10px;
    padding-right: 45px;
    background: #fff;
}
.search-submit {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 100px;
    width: 45px;
    margin-top: 1px;
    background: transparent;
}
input::placeholder {
    color: #999;
}
/*記事一覧*/
.home #main, .archive #main, .search #main {
    padding: 0;
    background: transparent;
}
.list {
    display: block;
	margin-bottom: 0 !important;
    flex-direction: row;
    row-gap: normal;
}
.entry-card-wrap {
    margin-bottom: 15px;
    padding: 10px;
    background: #fff;
}
.ect-entry-card .card-thumb {
    margin-bottom: 0;
}
.entry-card-title {
    font-size: 15px;
}
.entry-card .admin-pv {
    font-size: 11px;
    margin: 0;
    color: #999;
}
/*記事一覧（1カラムまで）*/
@media screen and (max-width: 480px) {
.entry-card-thumb {
    width: 40%;
    margin-right: 10px;
}
.entry-card-content {
    overflow: hidden;
    padding-bottom: 20px;
}
.e-card-title {
    overflow: hidden;
    font-size: 14px;
    margin: 0;
}
}
/*記事一覧（2カラム以上）*/
@media screen and (min-width: 481px) {
.ect-entry-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.entry-card-wrap {
    width: 48.75%;
}
.entry-card-thumb {
    width: 100%;
    float: none;
    margin: 0;
}
.entry-card-content {
    margin: 0;
    margin-top: 12px;
	  padding-bottom: 20px;
}
.entry-card-title {
    margin-bottom: 3px;
}
}
/*記事一覧（3カラム）*/
@media screen and (min-width: 701px) {
.ect-entry-card {
    justify-content: flex-start;
}
.entry-card-wrap {
    width: 32%;
    margin-right: 2%;
}
.entry-card-wrap:nth-child(3n) {
    margin-right: 0;
}
}
/*記事一覧サムネイル上下空白削除*/
.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
    margin-top: 0;
	margin-bottom: 0 !important;
}
/*関連記事（カードタイプ）*/
.rect-vertical-card .related-list {
    justify-content: space-between;
    margin: -5px;
	column-gap: normal;
	row-gap: normal;
}
.rect-vertical-card .related-list p {
    /*上記でマイナスマージンで「関連記事は見つかりませんでした。」が左寄りになるので初期化*/
    margin: 5px;
}
.related-entry-card-content {
    font-size: 1em;
}
.rect-vertical-card .related-entry-card {
    display: block;
}
.rect-vertical-card .related-entry-card-title {
    font-size: 15px;
}
.rect-vertical-card-3 .related-entry-card-wrap {
    width: 33%;
    margin-bottom: 0;
}
.related-list:after {
    content: "";
    display: block;
    width: 33%;
}
@media screen and (max-width: 700px) {
.rect-vertical-card .related-entry-card-wrap {
    width: 49%;
}
.related-list:after {
    width: 49%;
}
}
@media screen and (max-width: 480px) {

.rect-vertical-card .related-entry-card-wrap {
    width: 100%;
    margin-bottom: 5px;
}
.related-list:after {
    width: 100%;
}
.rect-vertical-card .related-entry-card-thumb {
    float: left;
    width: 40%;
    margin-right: 10px;
}
.related-entry-card-content {
    padding: 0;
}
.rect-vertical-card .related-entry-card-title {
    font-size: 14px;
}
}
@media screen and (min-width: 481px) {
.rect-vertical-card .related-entry-card-content {
    margin: 0;
    margin-top: 8px;
    padding-bottom: 18px;
}
}
/*日付*/
.entry-card-info > *, .entry-category, .post-date, .post-update, .post-author, .amp-back {
    font-size: 12px;
    color: #999;
}
.date-tags .post-date, 
.date-tags .post-update {
    font-size: 13px;
}
/*カテゴリーラベル*/
.cat-label {
    font-size: 11px !important;
    font-weight: bold;
    line-height: 1.9;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0 0 .5em 0;
}
@media screen and (max-width: 480px) {
.cat-label {
    font-size: 10px !important;
	  line-height: 1.3;
}
}
/*ページナビゲーション*/
.pagination-next {
    margin-top: 0;
}
.pagination-next-link, .page-numbers, .pagination .current {
    font-weight: bold;
    background: #fff;
}
.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.pagination .current {
    border: 5px solid;
}
/*サイドバー分離*/
#sidebar {
    padding: 0;
    background: transparent;
}
.sidebar .widget {
    margin-bottom: 20px;
}
.sidebar .widget:not(.widget_search):not(.widget_common_ad) {
    padding: 10px;
    background: #fff;
}
.sidebar h3 {
    margin: 0;
}
.search-box {
    margin: 0;
    padding: 0;
}
.author-box {
    margin: 0;
}
/*サイドバー*/
.sidebar h3 {
    font-size: 16px;
    margin-bottom: 5px;
    padding: 5px;
    background: none;
}
.sidebar p {
    font-size: 16px;
}
.widget-entry-cards .a-wrap {
    margin-bottom: 5px;
}
.widget-entry-cards .a-wrap:last-child {
    margin: 0;
}
.widget-entry-card {
    font-size: 14px;
    line-height: 1.5;
}
.widget-entry-cards figure {
    width: 115px;
    margin-right: 10px;
}
.widget-entry-card-content {
    margin-left: 0;
}
.sidebar .widget ul li a {
    font-size: 14px;
    padding: 5px 10px;
    color: #757575;
}
.body .author-box, 
.body .popular-entry-cards, 
.body .new-entry-cards {
    margin: 0;
}
/*プロフィール*/
.nwa .author-box {
    padding: 10px;
}
.nwa .author-box .author-thumb {
    margin: 0 auto;
}
.author-thumb img, .author-thumb amp-img {
    max-width: 80px;
    margin: 0 auto;
    background: transparent;
    border-radius: 50%;
}
.nwa .author-box .author-content {
    padding: 0;
}
.author-box .author-name {
    font-size: 16px;
    padding: 5px;
}
.author-box .author-name a {
    text-decoration: none;
    color: inherit;
    pointer-events: none;
}
.author-description, .author-description p {
	    margin: 0;
}
.author-description p {
    font-size: 14px;
    line-height: 1.6;
}
.author-box .author-follows {
    display: none;
}
/*トップへ戻る*/
.go-to-top-button {
    background: #eaeaea;
}
/*フッター*/
.navi-footer-in > .menu-footer li:first-child {
    border: none;
}
.navi-footer-in > .menu-footer li:last-child {
    border-right: 0;
}
/*アドセンス広告*/
/*
.ad-areaがCocoon広告、
.ad-areaの親に.widget_common_adでｳｨｼﾞｪｯﾄ広告、
.adsbygoogleがphp広告、
.google-auto-placedが自動広告
*/

/*
これがなくても中央化に問題ないかも
.ad-area, .adsbygoogle {
    text-align: center;
    margin: 0 auto;
}
*/
.home .ad-area, .archive .ad-area {
    margin-bottom: 15px;
}
.sidebar .ad-area {
    margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
.sidebar .ad-sidebar-top, 
.sidebar .widget_common_ad:first-child {
    display: none;
}
}
/*アドセンス自動広告調整*/

#header-container-in .google-auto-placed {
    max-width: 1164px;
    margin: 0 auto;
    padding: 10px 0;
}
.main > .google-auto-placed:first-child {
    margin-top: -10px;
}
/*かんたんリンク*/
.easyLink-box {
    border: 2px solid #eaeaea !important;
    min-height: 200px;
}
@media screen and (max-width: 480px) {
.easyLink-box {
    margin: 20px auto 0 !important;
    max-width: 280px;
}
}
/*かんたんリンク画像*/
@media screen and (min-width: 481px) {
.easyLink-img {
    width: 180px !important;
    height: auto !important;
    min-height: 160px !important;
    margin: 0 !important;
}
}
@media screen and (max-width: 480px) {
.easyLink-img {
    overflow: hidden !important;
    height: 180px !important;
}
}
.easyLink-img-box {
    position: absolute !important;
    width: 160px !important;
    height: 160px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 auto !important;
}
.easyLink-img-box span > img {
    max-width: 160px !important;
    max-height: 160px !important;
    width: auto !important;
}
.easyLink-img-box > a > img {
    width: 30px !important;
    height: 30px !important;
}
@media screen and (max-width: 480px) {
.easyLink-img-box {
    width: 226px !important;
}
}
/*かんたんリンク右側*/
@media screen and (min-width: 481px) {
.easyLink-info {
    width: calc(100% - 180px) !important;
}
}
.easyLink-info-name {
    font-size: 15px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}
.easyLink-info-name a {
    color: var(--link-color) !important;
}
.easyLink-info-maker, .easyLink-info-model {
    font-size: 13px !important;
    color: #999;
}
.easyLink-info-btn a {
    font-size: 13px !important;
    line-height: 1.5 !important;
    width: auto !important;
    margin: 5px !important;
    padding: .5em 1em !important;
}
.easyLink-info-btn-amazon {
    background: #ffa724 !important;
}
.easyLink-info-btn-rakuten {
    background: #ff5f5f !important;
}
.easyLink-info-btn-yahoo {
    background: #39c0e0 !important;
}
@media screen and (min-width: 704px) {
.easyLink-info-name {
    font-size: 16px !important;
}
.easyLink-info-btn {
    margin: 20px -5px 0 !important;
}
.easyLink-info-btn a {
    font-size: 13.5px !important;
}
}
/*かんたんリンク大型*/
@media screen and (min-width: 704px) {
.easyLink-box:not(.easyLink-size-s) .easyLink-img {
    width: 260px !important;
    min-height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-img-box {
    width: 240px !important;
    height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-img-box span > img {
    max-width: 240px !important;
    max-height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info {
    width: calc(100% - 280px) !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info-name {
    font-size: 18px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info-btn a {
    width: calc(50% - 10px) !important;
    padding: 10px !important;
}
}
/*Rinker*/
#main .yyi-rinker-box {
	flex-direction: column;
    margin: 0 auto;
    padding: 20px;
    max-width: 300px;
    border: 2px solid #eaeaea;
}
#main .yyi-rinker-image {
	justify-content: center;
    width: 160px;
    min-width: auto;
}
#main .yyi-rinker-image a {
    margin: 0;
}
#main .yyi-rinker-info {
    padding: 0;
}
#main .yyi-rinker-title a {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px;
	color: var(--link-color);
}
#main .yyi-rinker-detail {
    line-height: 1.5;
    margin-top: 10px;
    padding: 0;
    color: #999;
}
#main .yyi-rinker-detail > * {
    font-size: 14px;
    padding: 0;
}
#main .credit-box {
    display: none;
}

#main .yyi-rinker-links {
    margin: 10px 0 -5px;
}
#main .yyi-rinker-links li {
    align-self: flex-start;
    margin: 5px;
}
#main .yyi-rinker-links a {
	font-size: 13.5px;
	line-height: 1;
    padding: .9em .95em;
	min-height: auto;
    border-radius: 3px;
    box-shadow: none;
    transform: none;
    transition: auto;
    background: #ffa724;
}
#main .yyi-rinker-links .rakutenlink a {
    background: #ff5f5f;
}
#main .yyi-rinker-links .yahoolink a {
    background: #39c0e0;
}
#main .yyi-rinker-links a:after {
    content: "で見る";
    position: relative;
    right: 0;
    width: auto;
    height: auto;
    border: none;
    transform: none;
}
#main .rakutenlink a:after {
    content: "市場で見る";
}
#main .yahoolink a:after {
    content: "ショッピングで見る";
}
@media (min-width: 481px) {
#main .yyi-rinker-box {
    flex-direction: row;
    max-width: 800px;
    min-height: 200px;
}
#main .yyi-rinker-info {
    padding-left: 20px;
    justify-content: center;
}
#main .yyi-rinker-title a {
	text-align: left;
    margin-top: 0;
}
#main .yyi-rinker-detail > * {
	text-align: left;
}
#main .yyi-rinker-links {
    margin: 20px -5px 0;
}
}
@media (min-width: 768px) {
#main .yyi-rinker-title a {
    font-size: 16px;
}
}
/*計測用の1px画像非表示*/
#main .yyi-rinker-links > li img, .yyi-rinker-title > img {
    display: none;
}
/*Rinker（テーブル内）*/
#main table .yyi-rinker-contents {
    margin: 0;
}
#main table .yyi-rinker-box {
    min-height: auto;
    padding: 0;
    border: none;
    background: no-repeat;
}
#main table .yyi-rinker-image {
	display: none;
}
#main table .yyi-rinker-info {
    padding: 0 !important;
}
table .yyi-rinker-title {
    display: none;
}
#main table .yyi-rinker-detail {
    display: none;
}
#main table .yyi-rinker-links {
    display: block;
    margin: 0;
}
#main table .yyi-rinker-links li {
    margin: 0;
}
#main table .yyi-rinker-links a {
    overflow: hidden;
	font-size: inherit;
    font-weight: normal;
    white-space: normal;
    min-height: auto;
    padding: 0;
	color: var(--link-color);
    background: none !important;
}
#main table ul.yyi-rinker-links > li a {
    margin: 5px 0;
}
#main table ul.yyi-rinker-links > li:first-child a {
    margin-top: 0px;
}
#main table ul.yyi-rinker-links > li:last-child a {
    margin-bottom: 0px;
}
#main table .yyi-rinker-links a:after {
    display: none;
}
/*独自スタイル（ショートコード）*
/*さらに見る・トグル開閉（テーブル内）*/
.tgl-wrap {
    display: inline;
}
p.inline {
    display: inline;
}
.tgl-wrap + br {
    display: none;
}
.tgl-btn {
    display: inline-block;
    margin: 4px 0;
}
.tgl-text {
    display: block;
    cursor: pointer;
}
.tgl-text:before {
    content: "さらに見る";
}
.close .tgl-text:before {
    content: "閉じる";
}
.tgl-in {
    display: none;
    color: #777;
}
.tgl-in + br, .tgl-in br:first-child {
    display: none;
}
/*さらに見る・テキスト改変可能版[tglt text=""]*/
.tglt .tgl-text:before {
    display: none;
}
.tglt .close .tgl-text:before {
    display: block;
}
.tglt .close .tgl-text span {
    display: none;
}
/*独自スタイル（ツールバー）*/
/*フォントカラー*/
.text-red, .text-red-bold, .text-red a, .text-red-bold a {
    color: #ec0b0b !important;
}
.text-blue, .text-blue-bold, .text-blue a, .text-blue-bold a {
    color: #0095d9 !important;
}
.text-green, .text-green-bold, .text-green a, .text-green-bold a {
    color: #22a946 !important;
}
.text-orange, .text-orange-bold, .text-orange a, .text-orange-bold a {
    color: #ff9800 !important;
}
.text-purple, .text-purple-bold, .text-purple a, .text-purple-bold a {
    color: #b14af1 !important;
}
.text-pink, .text-pink-bold, .text-pink a, .text-pink-bold a {
    color: #ff72a2 !important;
}
.text-brown, .text-brown-bold, .text-brown a, .text-brown-bold a {
    color: #985533 !important;
}
.text-grey, .text-grey-bold, .text-grey a, .text-grey-bold a {
    color: #999 !important;
}
.text-black, .text-black-bold, .text-black a, .text-black-bold a {
    color: #333 !important;
}
.text-red-bold, 
.text-blue-bold, 
.text-green-bold, 
.text-orange-bold, 
.text-purple-bold, 
.text-pink-bold,
.text-brown-bold,
.text-grey-bold,
.text-black-bold {
    font-weight: bold !important;
}
a .text-red, 
a .text-blue, 
a .text-green, 
a .text-orange, 
a .text-purple, 
a .text-pink,
a .text-brown,
a .text-grey,
a .text-black {
    text-decoration: underline;
}
/*インラインテキストカラーのグレーを置き換え*/
[style*="color:#949495"], [style*="color: rgb(148, 148, 149);"] {
    color: #aaa !important;
}
/*フォントサイズ（相対サイズ、スマホでも小さくなる）*/
.fs-60pc {    font-size: 60% !important;}
.fs-70pc {    font-size: 70% !important;}
.fs-80pc {    font-size: 80% !important;}
.fs-90pc {    font-size: 90% !important;}


/*フォントサイズ（絶対サイズ、スマホでも同じ大きさ）（Cocoon標準のfz-○pxとは別）*/
.fs-10px, .fs-10px table {    font-size: 10px !important;}
.fs-11px, .fs-11px table {    font-size: 11px !important;}
.fs-12px, .fs-12px table {    font-size: 12px !important;}
.fs-13px, .fs-13px table {    font-size: 13px !important;}
.fs-14px, .fs-14px table {    font-size: 14px !important;}
.fs-15px, .fs-15px table {    font-size: 15px !important;}
.fs-16px, .fs-16px table {    font-size: 16px !important;}

.fs-10px, .fs-10px table {    line-height: 1.1 !important;}
.fs-11px, .fs-11px table, 
.fs-12px, .fs-12px table {    line-height: 1.2 !important;}
.fs-13px, .fs-13px table, 
.fs-14px, .fs-14px table, 
.fs-15px, .fs-15px table, 
.fs-16px, .fs-16px table {    line-height: 1.3 !important;}
span.fs-10px, 
span.fs-11px, 
span.fs-12px, 
span.fs-13px, 
span.fs-14px, 
span.fs-15px, 
span.fs-16px {
    display: inline-block;
}


/*YARPP（関連記事プラグイン）*/
#content .yarpp {
    display: block;
    margin: 3em 0;
}
yarpp-title {
    font-weight: bold;
}
#content .widget_yarpp_widget >:first-child {
    font-size: 1em;
    margin-top: 4em;
}
#content .yarpp ul, #content .yarpp ol {
    padding: 0;
    border: none;
    background: transparent;
}
#content .yarpp li {
    line-height: 1.4;
    list-style: none;
    padding: .1em 0;
    border-top: 1px solid #dedede;
}
#content .yarpp a {
    font-size: .85em;
    font-weight: normal;
    line-height: 1;
    padding: 0;
}
#content .yarpp a:visited {
    color: #609;
}

/************ここ以下は固定*************/














/*ホバー*/
a:hover:not(.go-to-top-button), 
.pagination-next-link:hover, 
.comment-btn:hover, input[type='submit']:hover, 
.slicknav_nav a:hover {
    opacity: .6;
    transition: none;
}
@media screen and (max-width: 700px) {
:hover {
    opacity: 1 !important;
}
}
ul:not(.yyi-rinker-links) li a:hover, .a-wrap:hover, .pagination-next-link:hover, .pagination a:hover {
    background: white !important;
}
.tag-link:hover, .comment-reply-link:hover {
    background: #eaeaea !important;
}
.slicknav_nav a:hover {
    border-radius: 0;
}
/*メインカラー*/
.site-name-text,
.toc, 
.article h4:before,
.search-submit,
.archive-title span,
.hljs-comment,
.toggle-button::before, 
[alt="Sho"] + cite.fn {
    color: var(--main-color);
}
.article h2,
.slicknav_btn,
.cat-label,
.timeline-item:before,
.cat-link,
.blogcard:before,
.navi-entry-cards:before {
    background: var(--main-color);
}
.article h2, 
.article h3, 
.article h4, 
.article h5, 
.blank-box, 
.comment-body, 
.pagination .current {
    border-color: var(--main-color);
}
.blank-box, .pagination .current {
    border-color: var(--main-color-50p);
}
/*サブカラー*/
.toggle-button::before {
    color: #ffbb44;
}
.external-blogcard:before {
    content: "参考サイト";
    background: #ffbb44;
}