@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/* 使わない項目はコメントアウトして非表示にしよう。重さに影響は与えない。ほぼ。 */

/*************************トップ画面******************************/
.main {
    width: 100%;
    max-width: auto;
    min-height: auto;
    border-radius: 0px;
    background-color: var(--cocoon-white-color);
    margin-left: auto;
    margin-right: auto;
}


/* サイト全体に適用されたtext-shadowを完全に削除する */
body,
body * { /* bodyとbody内のすべての要素 */
    text-shadow: none !important;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.0px !important;
}


/*メイントップ画面*/
.content {
    margin: 0px 0px 0px 0px;
}

.container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.header-container, .footer {
background-color: var(--cocoon-white-color);
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px !important;
margin-right: -10px !important;
max-width: none !important;
}

.wrap {
    width: auto;
    margin: 0px 0px;
}

.main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar {
    background-color: transparent;
}

.no-sidebar .content .main {
    width: auto;
}

/*************************サイドバーなしにするなら　＋サイトそろえるオフ******************************/
.no-sidebar .wrap {
    max-width: 600px;
    margin: 0px auto 0px auto;
}

.content-in {
    display: flex;
    justify-content: start;
    background-color: ;
    margin-top: 0px;
    width: auto;
    /* max-width: 400px; */
}
/*************************トップ画面******************************/










/*************************記事ページ　本文タイトル******************************/
.entry-title {
    font-size: 20px;
    margin: 0px 0;
     line-height: 1.5;
}

.article h1 {
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 5px;
    color: black;
    background-color: unset;
    border-radius: 0px;
    border: 0px solid #999999;
    /* border-top: 0px solid #753c2038; */
    /* border-bottom: 0px solid #753c2030; */
    /* border-left: 0px solid #753c2038; */
    /* border-right: 0px solid #753c2038; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 0px; */
    display: -webkit-box;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    overflow: hidden;
    text-overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-family: FOT-Skip Std;
}


.archive-title {
    font-size: 16px;
    margin: 20px auto 5px auto;
    line-height: 1.3;
    display: flex;
    color: #f07bb1;
    width: auto;
    border-bottom: 3px solid #f07bb1;
    justify-content: center;
    text-align: center;
    /* background: white; */
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); */
    /* border-radius: 5px; */
    /* padding: 5px; */
    max-width: 400px;
}



.archive-title span {
    margin-right: 10px;
    display: none;
}




.article h2 {
    font-size: 18px;
    line-height: 1.35;
    font-weight: bold;
    text-align: center;
    /* display: block; */
    color: #996300;
    background-color: #F5DEB3;
    /* height: auto; */
    /* margin: 0px; */
    padding: 10px;
    /* border-image: initial; */
    /* border-style: double; */
    border-radius: 0px;
    border: 0px solid #ddd;
    /* border-top: 0px solid #753c2038; */
    /* border-bottom: 0px solid #753c2030; */
    /* border-left: 0px solid #753c2038; */
    /* border-right: 0px solid #753c2038; */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 2px; */
    font-family: FOT-Skip Std;
}



.article h3 {
    font-size: 16px;
    padding: 0px 0px 2px 0px;
    color: #449D44;
    margin-top: 20px;
    margin-bottom: 5px;
    border-top: 0px solid var(--cocoon-thin-color);
    border-bottom: 3px solid #449d4450;
    border-left: 0px solid #107516;
    border-right: 0px solid #107516;
}

.article h4 {
    font-size: 16px;
    padding: 0px 0px 2px 0px;
    color: #d9534f;
    margin-top: 20px;
    margin-bottom: 5px;
    border-top: 0px solid var(--cocoon-thin-color);
    border-bottom: 3px solid #d9534f50;
    border-left: 0px solid #d9534f;
    border-right: 0px solid var(--cocoon-thin-color);
}

.article h5 {
    font-size: 16px;
    padding: 0px 0px 2px 0px;
    color: #0275d8;
    margin-top: 20px;
    margin-bottom: 5px;
    border-top: 0px solid var(--cocoon-thin-color);
    border-bottom: 3px solid #0275b050;
    border-left: 0px solid #0275d8;
    border-right: 0px solid var(--cocoon-thin-color);
}


/*本文タイトル下の日付*/
.date-tags {
    line-height: 0.8;
    text-align: center;
    margin-bottom: 5px;
}


/*記事ページ　本文タイトル*/
.e-card-info > span {
    margin-right: 0px;
}


/*効果あり　サイドバーなしの画面　幅*/
main.main, div.sidebar {
        padding: 0px 0px;
}

/*本文を真ん中にする*/
.article {
    width: auto;
    height: auto;
    max-width: 600px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 25%) 0px 1px 6px 0px;
}

.body .article {
    margin-top: 10px;
    margin-bottom: 40px;
}


.entry-content {
    margin-top: 0px;
    margin-bottom: 0px;
}


/*本文テキストの両端をそろえる必須設定！*/
.article p {
    text-align: justify;
    font-family: MaruGoAA-SR;
}



/*本文下パンくずリスト */
.pager-post-navi a.next-post {
    flex-direction: row-reverse;
    padding-right: 5px;
    justify-content: center;

}
.pager-post-navi a.prev-post {
    flex-direction: row;
    padding-left: 5px;
    justify-content: center;
}

.pager-post-navi a {
    padding: 10px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    font-size: 0.8em;
}


.fa-home:before {
    content: "\f015";
    color: #606060;
}
.fa {
    color: ;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*************************記事ページ　本文タイトル******************************/

.wp-caption {
    padding-top: 0px;
    border: 0px solid var(--cocoon-basic-border-color);
    border-radius: 0px;
    background-color: var(--cocoon-xx-thin-color);
    text-align: center;
    max-width: fit-content;
    margin: 0em 0;
}
.wp-caption .wp-caption-text, .gallery .gallery-caption {
    font-size: 0.8em;
    margin: 0px;
}    
    .rect-mini-card .related-entry-card-thumb {
        width: auto;
    }
    .ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .rect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .ect-big-card-first .a-wrap:not(.ec-big-card-first) .card-thumb {
        margin-bottom: 0px;
    }


    .main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar {
        margin: 0 .0% !important;
    }

    div.sidebar {
        display: flow-root;
        margin: 0px;
        width: auto;
    }

    .content-in {
        /*display: flow-root; */
    }

    .content-in {
        display: flow-root;
}



/********************* レスポンシブデザイン用のメディアクエリ************************/
/****************************1280px以下****************************/
@media screen and (max-width: 1280px){
/*必要ならばここにコードを書く*/
.no-scrollable-sidebar .sidebar {
    display: none;
}
}
/****************************1023px以下****************************/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/****************************あらゆるタブレットに対応****************************/
/****************************960px以下****************************/
@media screen and (max-width: 960px){
}
/****************************834px以下****************************/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/****************************782px以下 WordPressのブレイクポイント****************************/
@media screen and (max-width: 782px) {
}
/****************************中途半端な解像度…これは使ってるやつおらんやろ****************************/
/****************************670px以下****************************/
@media screen and (max-width: 670px){
   /*必要ならばここにコードを書く*/
}
/****************************550px以下****************************/

/****************************520px以下****************************/
@media screen and (max-width: 520px){
   /*必要ならばここにコードを書く*/
}
/****************************480px以下****************************/
@media screen and (max-width: 480px){
   /*必要ならばここにコードを書く*/
}
/****************************430px以下****************************/
/****************************iPhone 14 PRO MAX******************/
@media screen and (max-width: 430px){
   /*必要ならばここにコードを書く*/
}
/****************************390px以下****************************/
/****************************iPhone 12 PRO***********************/
@media screen and (max-width: 390px){
   /*必要ならばここにコードを書く*/
}
/****************************375px以下****************************/
/****************************iPhone X 8/7/6***********************/
@media screen and (max-width: 375px){
   /*必要ならばここにコードを書く*/
}
/****************************374px以下****************************/
@media screen and (max-width: 374px){
   /*必要ならばここにコードを書く*/
}
/****************************360px以下****************************/
@media screen and (max-width: 360px){
   /*必要ならばここにコードを書く*/
}
/****************************320px以下****************************/
@media screen and (max-width: 320px){
   /*必要ならばここにコードを書く*/
}
/********************* レスポンシブデザイン用のメディアクエリ************************/









/**************************エントリーカード*************************************/
.entry-card {
    position: relative;
    height: auto;
    max-height: 70px;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    border: 0px solid #e9e9e9;
}

.entry-card-title:hover {
    text-decoration: underline 1.5px solid #0074e7;
    color: #0074e7;
}

.entry-card-wrap {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
}


.list {
    display: flex
;
    flex-direction: column;
    row-gap: 0px;
}
/*エントリーカード抜粋*/
.related-entry-card-snippet, .entry-card-snippet {
    font-size: 14px;
    font-weight: unset;
    transform: translate(0px, 0px);
    width: auto;
    height: auto;
    max-height: fit-content;
    min-height: fit-content;
    color: #474747;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5px 0px 0px 110px;
}




/*エントリーカードカードサムネイル
 * .card-thumb imgではなくこれでサイズ指定
 */
.entry-card-thumb {
    width: 60px;
    height: 60px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    overflow: hidden;
    background: white;
}



.widget-entry-cards figure {
    width: 40px;
    height: 40px;
    margin: inherit;
    /* position: sticky; */
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    overflow: hidden;
    background: white;
    /* display: ruby; */
}





.entry-card-thumb,
.author-thumb,
.blogcard-thumbnail,
.related-entry-card-thumb,
.popular-entry-card-thumb,
.new-entry-card-thumb {
  margin-right: 0%;
}


/*ボーダー入れないとはみ出る*/
.blogcard-thumbnail img, .card-thumb img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 60px;
    height: auto;
    overflow: hidden;
    /* position: absolute; */
    max-width: 100%;
    max-height: 100%;
    /* transform: translate(-50%, -50%); */
    /* top: 50%; */
    /* left: 50%; */
}
.carousel-entry-card-thumb, .related-entry-card-thumb, .widget-entry-card-thumb, .entry-card-thumb {
    float: inline-start;
    margin-top: auto;
    position: relative;
    margin-bottom: auto;
}

/*サムネ横のタイトルとの隙間*/
.entry-card-thumb,
    margin-right: 5px;
}

/*エントリーカードサムネ横のタイトルとの隙間*/
.entry-card-thumb,
    margin-right: 5px;
}



/*カード余白*/
.a-wrap {
    text-decoration: none;
    display: block;
    color: var(--cocoon-text-color);
    padding: 0px;
    transition: all 0.3s ease-in-out;
}

/*カード同士の隙間*/
.entry-card-wrap {
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0px;
}

#list, .list-wrap {
    margin-bottom: 0px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}




/*カードをタップした時のハイライトを消す！*/
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*カードのボーダー追加*/
.list.ecb-entry-border .entry-card-wrap {
    border: 0px;
    border-bottom: 0px solid var(--cocoon-basic-border-color);
    border-left: 0px solid var(--cocoon-basic-border-color);
    border-right: 0px solid var(--cocoon-basic-border-color);
    border-top: 0px solid var(--cocoon-basic-border-color);
    border-radius: 5px;
    height: auto;
}


/* エントリーカードに影を付ける
    box-shadow: 0px 0 rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .2);


 */

.entry-card-wrap {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    border-radius: 5px;
}


/*これ入れないとなんかボーダーの表示がおかしくなる*/
table tr:nth-of-type(2n+1), .widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .pager-links a:hover span, .tagcloud a:hover {
background-color: transparent;
}



/*エントリーカードを浮かす*/
.entry-card {
    background-color: white;
    color: #fff;
}
.entry-card:hover {
    background-color: aliceblue;
    color: #fff;
    border-radius: 5px;
}

.related-entry-card-content, .entry-card-content {
    padding-bottom: 0em;
}



.entry-card-content {
    margin-top: 0px;
    margin-left: 0px;
    height: 60px;
    position: static;
}


.fa-clock-o:before {
    content: "";
}
.e-card-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.entry-card-meta {
    bottom: 5px;
    right: 5px;
    /* top: auto; */
    /* position: absolute; */
    /* text-align: right; */
    /* line-height: 0em; */
    margin: 0px 0px 0px 0px;
    /* margin-bottom: 5px; */
    /* width: auto; */
    /* height: auto; */
    /* font-size: 12px; */
}



.related-entry-card-meta {
    /* bottom: 0em; */
    /* top: auto; */
    /* position: absolute; */
    /* right: 0; */
    /* text-align: right; */
    line-height: 0;
    margin: 0px 5px 5px 0px;
    /* margin-bottom: 5px; */
    /* width: auto; */
    /* height: auto; */
    /* font-size: 12px; */
    display: none;
}


/**************************投稿文*************************************/
/*
.is-style-good-box, .good-box {
    background: #D9534F;
    border: none;
}
.is-style-bad-box, .bad-box {
    background: #0275D8;
    border: none;
}


.is-style-good-box::before, .good-box::before {
    content: "\f164";
    color: white;
    border-right: none;
    font-size: 36px;
    display: none;
}
.is-style-bad-box::before, .bad-box::before {
    content: "\f165";
    color: white;
    border-right: none;
    font-size: 36px;
    display: none;
}


.is-style-memo-box, .memo-box {
    background: none;
    border: none;
}

.is-style-memo-box::before, .memo-box::before {
    content: "\f040";
    color: white;
    border-right: none;
}


.is-style-success-box, .success-box, .sp-success, .success {
    color: #155724;
    background-color: cadetblue;
    border-color: none;
    padding: 15px;
    border-radius: 4px;
}

.is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    position: relative;
    display: block;
}

is-style-good-box::before, .good-box::before {
    content: "\f164";
    color: white;
    font-size: 36px;
   border-right: none;
    display: none;
}*/

/*************************Amazonリンク******************************/
.entry-content>.body .blank-box,{
    margin: 18PX 0PX 18PX 0PX;
}

.blank-box.bb-yellow {
    border-color: var(--cocoon-basic-border-color);
}
.blank-box.bb-tab.bb-yellow .bb-label {
    background-color: unset;
}
.bb-amazon .bb-label::after {
    content: "Amazon.co.jp";
    color: black;
}
.blank-box.bb-tab .bb-label {
    background-color: var(--cocoon-custom-border-color);
    font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif;
    position: relative;
    font-size: 12px;
    top: 0px;
    height: auto;
    color: black;
    left: 0px;
    border-radius: 0px;
    padding: 0px;
}





.blank-box.bb-tab {
    position: relative;
    margin-top: 2em;
    border-top-left-radius: 5;
    border-radius: 5px;
    margin: 20px 0px 0px auto !important;
}

.blank-box {
    --cocoon-custom-border-color: var(--cocoon-basic-border-color);
    padding: 5px;
    border-radius: 5px;
    background-color: #EFEFEF;
    color: var(--cocoon-custom-text-color);
    border-style: solid;
    border-width: 1px;
    border-color: 1px solid var(--cocoon-basic-border-color);
    background-clip: padding-box;
    text-align: center;
}

/********ビデオの余白なんだけどXの埋め込みも影響されるいらんと思う************/
.entry-content>* .video-container, .instagram-container, .facebook-container {
    max-width: 700px;
    margin: 0px 0px;
}

.video-container .video {
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}


.body .video-container {
    margin-top: 0px;
    margin-bottom: 0px;
}

.video iframe, .video object, .video embed, .instagram iframe, .instagram object, .instagram embed, .facebook iframe, .facebook object, .facebook embed {
    border-radius: 0px;
}


/*画像説明の余白調整*/
.wp-caption {
    padding-top: 0px;
    border: 0px solid var(--cocoon-x-thin-color);
    border-radius: 0px;
    background-color: transparent;
    text-align: center;
    max-width: 100%;
    margin: 0 auto !important;
}



.wp-caption img {
    margin: 0 auto;
    padding: 0;
    border: 0 none;
    max-width: 420px;
    max-height: 420px;
}




.wp-caption .wp-caption-text, .gallery .gallery-caption {
    font-size: 0.8em;
    margin: 0px;
}

img {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin: 0px auto 0px auto;
    display: block;
}

.iwe-border img:not(.cta-image), .iwe-border amp-img:not(.cta-image) {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}


/*仕組みはよく分からんがX埋め込みを真ん中にすることができた*/
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .column-wrap, .body .new-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 0em;
    margin: auto;
}
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc,  .body .column-wrap, .body .new-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 0em;
}

/*テーブル・スペック表など*/
/*
table {
    margin-bottom: 20px;
    max-width: fit-content;
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
}

table td {
    background: #fff;
    color: #F07BB1;
}

table tr:nth-child(odd) td {
    background: white;
}

table:not(.has-border-color) :where(th, td) {
    border: 1px solid var(--cocoon-basic-border-color);
}
*/





































.widget-entry-cards .widget-entry-card-excerpt {
    /* padding: 0.25em; */
    overflow: hidden;
    position: absolute;
    display: -webkit-box;
    font-size: 12px;
    color: #777777;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    bottom: 0em;
    line-height: 1.2;
}



/* --- フォント設定（ここから書き換え） --- */
@font-face {
    font-family: 'MaruGoAA-SR';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/MaruGoAA-SR.woff2') format('woff2');
}
@font-face {
    font-family: 'FOT-Skip Std';
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/FOT-Skip Std B.woff') format('woff');
}
/* --- フォント設定（ここまで） --- */






.body.article, .editor-post-title__block .editor-post-title__input, body#tinymce.wp-editor {
    color: #333;
    font-size: 18px;
}




.posts-not-found {
    display: block;
    font-size: 12px;
    height: 70px;
    max-width: 400px;
    width: auto;
    margin: 0 auto 0 auto;
    padding: 10px;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
}


















/*ヘッダー****************************************************************************************************************************************************/
#header .site-name-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    transition: all 1s 
ease-in-out;
    word-break: keep-all;
    display: -webkit-box;
    padding: 5px;
}

#header .site-name-text:hover {
    color: aquamarine;
    transition: 1s ease-in-out;
}


.logo.logo-header.logo-text {
    margin: 0 auto;
    padding: 0px;
    line-height: 1.5;
}


.site-name-text-link {
    color: var(--cocoon-text-color);
    text-decoration: none;
    font-weight: normal;
    padding: 0;
}
.tagline {
    text-align: center;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
    line-height: 1.2;
    word-break: keep-all;
    overflow-wrap: anywhere;
}






#navi .navi-in > .menu-mobile li {
        width: auto;
        height: auto;
        line-height: normal;
}


/* ヘッダーの項目（必須） */
.navi-in a {
    position: relative;
    color: var(--cocoon-text-color);
    text-decoration: none;
    display: flex;
    font-size: 13px;
    font-weight: bolder;
    transition: unset;
    width: 70px;
    height: 100%;
    font-family: MaruGoAA-SR !important;
    text-align: center;
    /* justify-content: end; */
    padding: 5px 5px;
}


.navi-in a:hover {
    color: white !important;
    background-color: #cd6000 !important;
    transition: unset;
    font-weight: bold;
}



.navi-in > ul .caption-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 20px;
    margin: 0px 0px 0px 0px;
}


.navi-in > ul li {
    display: block;
    height: auto;
    position: relative;
    width: auto;
}

.navi-in > ul .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    width: auto;
    list-style: none;
    padding: 0;
    background-color: var(--cocoon-xxx-thin-color);
    z-index: 99;
    text-align: left;
    box-shadow: 0 15px 10px 0 rgba(0, 0, 0, .3);
}



/* 1024px以下〜943pxでもサブメニューを強制的にこじ開ける */
@media screen and (max-width: 1024px) {
    /* 1. 親メニューにマウスが乗ったら子メニューを「見える化」する */
    .navi-in > ul li:hover > .sub-menu,
    .navi-in > .menu-mobile li:hover > .sub-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. サブメニュー自体のデザイン（司令官の設定を活かします！） */
    .navi-in > .menu-mobile .sub-menu {
        /* display: none; は書かない（hover時に上書きされるため） */
        position: absolute;
        margin: 0;
        width: auto; /* autoだと潰れることがあるので一旦指定 */
        list-style: none;
        padding: 0;
        background-color: #ffe777;
        z-index: 999;
        text-align: left;
        box-shadow: 0 15px 10px 0 rgba(0, 0, 0, .3);
    }
}


.navi-in > ul .sub-menu a {
    width: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
}














.navi-in .has-icon {
    position: absolute;
    right: 6px;
    top: 0;
    display: none;
    opacity: 0.7;
    font-size: 12px;
    height: 100%;
    align-items: center;
}






.header-in {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-container-in.hlt-top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background-color: #FFFFFF;
}


.header-in {
  position: relative;
}

.header-in .search-box {
    /* position: absolute; */
    /* top: 50%; */
    /* right: 16px; */
    margin: 0px auto 5px auto;
    width: clamp(250PX, 40vw, 300PX);
    /* min-width: 271px; */
    /* max-width: 400px; */
    /* transform: translateY(-50%); */
}

.header-in input[type="text"] {
    padding: 5.5px 15px 5.5px 35px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    background: #ffffff;
    border: 2px solid #777;
    border-radius: 16px 16px 16px 16px / 50% 50% 50% 50%;
}

.header-in .search-submit {
  left: 3px;
  right: auto;
  color: ;
}





input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select {
    padding: 5px;
    margin: 0px auto 10px auto;
    border: 1px solid var(--cocoon-basic-border-color);
    border-radius: 5px;
    font-size: inherit;
    width: ;
    height: auto;
    display: flex;
    justify-content: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}






/*フッター****************************************************************************************************************************************************/

/*フッターロゴサイズ*/
.footer {
    margin-top: 0px;
    padding: 0px;
}

.footer-bottom-logo .logo-image {
    padding: 0;
    max-width: 150px;
}

.footer-bottom-logo img {
    height: 20px;
    width: auto;
}

.footer-bottom {
    margin: 10px auto 10px auto;
    padding: 5px 0px 5px 0px;
    position: relative;
}

.copyright {
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 12px;
    font-family: MaruGoAA-SR;
}




#footer {
    border-top: 0px solid var(--cocoon-basic-border-color);
}

.navi-footer-in > .menu-footer li.menu-item {
    padding: 0;
    width: auto;
    border: 0;
    margin: unset;
    display: flex;
    flex: 1 1 auto;
    text-align: center;
    max-width: fit-content;
}


/*フッターバー*/
.navi-footer-in a {
    color: var(--cocoon-text-color);
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-weight: bold;
    transition: unset;
    margin: 0px 10px 0px 10px;
font-family: MaruGoAA-SR;
}

.navi-footer-in a:hover {
    text-decoration: underline;
    display: block;
    transition: all 0.3s ease-in-out;
font-family: MaruGoAA-SR;
}


/*プロフィール****************************************************************************************************************************************************/


/*プロフィール欄ウィジェットの追加設定*/
.nwa .author-box {
    text-align: center;
    padding: 0px;
}
.nwa .author-box .author-content {
    margin: 0;
    padding: 0px;
}

.author-box p {
    margin-top: 0.3em;
    line-height: 1.3;
    width: auto;
    margin: 5px 0px 0px 0px;
    font-size: clamp(12PX, 3vw, 12PX);
    color: #1b1c1d;
    text-align: justify;
    font-family: MaruGoAA-SR;
}

.author-box .sns-follow-buttons a.follow-button {
  background-color: #fff;
    color:black;
  border: 0px;
}


.author-box {
    border-radius: var(--cocoon-basic-border-radius);
    line-height: 1.4;
    position: relative;
    padding: 1.6% 2.2% 2%;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
    border-color: transparent !important;
    margin-bottom: 10px !important;
}


.author-box .sns-follow-buttons a.follow-button {
    font-size: 17px;
    width: 17px;
    height: 17px;
    background-color: transparent;
    color: var(--cocoon-x-pallid-text-color);
    border: 1px solid var(--cocoon-basic-border-color);
    border-radius: 0px;
}

/* SNSフォローボタンの中央揃え */
.author-box .sns-follow-buttons {
  justify-content: center;
}

.author-thumb {
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    width: 100px !important;
    border: 1px solid #ccc;
}


.sidebar [class^=icon-], .sidebar [class*=" icon-"]{
    line-height: 0;
    font-size: 0px;
}

#sidebar .widget_author_box .author-box .follow-button, #slide-in-sidebar .widget_author_box .author-box .follow-button{
    border-radius: 0px;
    width: 0px;
    height: 0px;
}


.nwa .author-box .author-thumb {
    float: none;
    width: 40px;
    margin: 30px auto 10px;
}

.author-box .author-name {
    font-size: clamp(12PX, 3.5vw, 14PX);
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: start;
    text-align: center;
}

.sns-buttons {
    display: flex;
    align-items: center;
    position: absolute;
    flex-wrap: wrap;
    align-content: center;
    /* row-gap: 10px; */
    column-gap: 6px;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0px 0px 0px 0px;
    /* height: auto; */
    /* width: auto; */
    bottom: 7px;
    left: 118px;
}


.author-thumb {
    float: left;
    margin-top: 0px;
    width: 70px !important;
    margin-right: 0px;
}

.author-content {
    margin-left: 80px;
    max-height: 80px;
}


.author-description {
    margin-bottom: 0em;
}



/*サイドバープロフィールSNSアイコンスタイル設定*/
.sidebar .author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button {
    border-radius: 5px;
    border: none;
    width: 25px;
    height: 25px;
    color: #fff !important;
    margin: 3px;
    transition: .5s;
    border: 1px solid #ccc;
}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #000000!important;}
div.author-follows a.follow-button.bluesky-button.bluesky-follow-button-sq{background-color: #1185FE!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color: #000000!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.twitch-button.twitch-follow-button-sq{background-color: #5C16C5!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: normal; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }



/*広告****************************************************************************************************************************************************/
.ad-area {
    font-size: 12px;
    text-align: center;
    margin-bottom: 1.8em;
    padding: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}

/*全てのカテゴリ・タグ****************************************************************************************************************************************************/



.content-top, .content-bottom {
    margin: 10px auto 0px auto;
    width: auto;
    max-width: 400px;
    min-width: auto;
    /* border: 1px solid #000000; */
    justify-content: center;
    display: flex;
}

/*全てのカテゴリ*/
.widget_categories ul li a {
    color: #cd6000;
    background: #ffe777;
    padding: 5px 5px 5px 5px;
    display: flex;
    width: auto;
    min-width: 90px;
    /* max-width: 115px; */
    height: auto;
    font-size: 12px;
    font-weight: bold;
    font-family: MaruGoAA-SR;
    text-align: left;
    line-height: 1;
    margin: 2.5px 2.5px 2.5px 2.5px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    border: 1px solid #cd6000;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    justify-content: space-between;
    transition: all 0.1s ease;
}

.widget_categories ul li a:hover {
    color: white;
    border: 1px solid black;
    background-color: #cd6000;
    transition: all 0.1s ease;
    font-weight: bold;
}




/* カテゴリリストの各項目（親要素） */
.widget_categories ul li {
    display: flex;
    list-style-type: none;
    flex: 1 1 auto;
}




.widget_categories ul li ul {
    /* padding-left: 0px; */
    /* margin: 0px; */
    display: none;
    /* flex-wrap: wrap; */
}


.widget_categories ul {
    padding: 0px;
    margin: 0px auto 10px auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /* height: auto; */
    /* width: 375px; */
    justify-content: center;
    /* display: table-row; */
    /* background: white; */
    border-radius: 5px;
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); */
}

.widget_categories ul li a .post-count, .widget_archive ul li a .post-count {
    display: block;
    float: right;
    font-weight: normal;
    font-family: sans-serif;
}






/*全てのタグ （必須）*/
.tagcloud {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: center;
    margin: 5px auto 10px auto;
    width: auto;
    max-width: 400px;
    border-radius: 5px;
}

.tagcloud a {
    border: 1px solid #0098ff;
    /* border-bottom: dashed 1px #ccc; */
    /* border-radius: 2px; */
    color: #0098ff;
    padding: 5px 5px 5px 0px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 2.5px 2.5px 2.5px 2.5px;
    /* flex: 1 1 auto; */
    display: flex;
    justify-content: space-between;
    transition: all 0.1s ease;
    width: 90px;
    max-width: ;
    /* height: 20px; */
    background: white;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    font-family: MaruGoAA-SR;
}

.tagcloud a:hover {
    background-color: #0098ff;
    transition: all 0.1s ease;
    font-weight: bold;
    color: white;
    border: 1px solid black;
}


.tag-caption:hover {
    font-weight: bold;
    color: unset;
    text-decoration: unset;
}

.tagcloud a .tag-caption {
    word-break: break-all;
    color: unset;
}
.tagcloud a .tag-link-count {
    margin-left: 0px;
    color: unset;
    font-weight: normal;
    font-size: 12px;
    font-family: sans-serif;
}

/*ナビゲーション****************************************************************************************************************************************************/
.pagination {
    margin: 5px auto 5px auto;
}
.pagination a:hover {
    background-color: aliceblue;
    transition: all 0.0s ease-in-out;
    color: var(--cocoon-text-color);
}

.pagination .current {
    background-color: #d16359;
    color: white;
    border: 0px solid var(--cocoon-thin-color);
    /* border-radius: 30px; */
    /* width: 30px; */
    /* height: auto; */
}


.page-numbers {
    color: #f07bb1;
    background-color: transparent;
    text-decoration: none;
    display: inline-block;
    height: 32px;
    width: 32px;
    border: 2px solid #f07bb1;
    margin: 0 4px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
}



.page-numbers.dots{
    background-color: transparent;
    border-color: #aaa;
    opacity: 1;

}


.pagination-next {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pagination-next-link {
    border-color: var(--cocoon-three-d-border-colors);
    border-width: 0px;
    border-style: solid;
    background-color: #E4E4E4;
    border-radius: 3px;
    width: auto;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1), 0 3px 5px 0 rgba(0, 0, 0, .2);
    display: none;
}





.index-tab-buttons {
    margin: 0em 0 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1), 0 3px 5px 0 rgba(0, 0, 0, .2);
}

.index-tab-buttons .index-tab-button {
    padding: 0px 0px;
    font-size: 34px;
    margin: 2px;
    border-radius: 4px;
    background-color: var(--cocoon-white-color);
    border: 1px solid var(--cocoon-thin-color);
	border-style: solid;
    width: 100%;
    text-align: center;
}




/*カードのカテゴリラベル****************************************************************************************************************************************************/
.cat-link {
    font-size: 12px;
    /* font-weight: bold; */
    font-family: MaruGoAA-SR;
    text-align: center;
    height: auto;
    display: block;
    line-height: 1.25;
    width: 60px;
    margin: 0px;
    padding: 0px 2px 0px 2px;
    color: #cd6000;
    background-color: #FFE777;
    text-decoration: unset;
    border-radius: 3px;
    border: 1px solid #cd6000;
    /* position: absolute; */
    transition: all 0.1s 
ease;
    letter-spacing: -0.00em;
}


.cat-link:hover {
    color: white;
    font-weight: bold;
    opacity: 1;
    border: 1px solid black;
    background-color: #cd6000;
	transition: all 0.1s ease;
}

.tag-link, .comment-reply-link {
    margin-right: 2px;
    margin-left: 2px;
    /* width: 60px; */
    font-size: 12px;
    /* font-weight: bold; */
    border: 1px solid #0098ff;
    border-radius: 2px;
    line-height: 1.25;
    text-align: center;
    color: #0098ff;
    padding: 0px 2px 0px 2px;
    font-family: MaruGoAA-SR;
    background: white;
    transition: all 0.1s 
ease;
    letter-spacing: -0.00em;
}






.tag-link:hover, .comment-reply-link:hover {
    background-color: #0098ff;
    opacity: 1;
    color: white;
    transition: all 0.1s ease;
    font-weight: bold;
    border: 1px solid black;
}

div.entry-tags {
    height: auto;
    text-align: center;
}

div.entry-card-categories-ex {
    display: -webkit-box;
    left: 70px;
    bottom: 5px;
    position: absolute;
    line-height: 1.25;
}

div.entry-card-tags-ex {
    display: -webkit-box;
    bottom: 5px;
    left: 132px;
    line-height: 1.25;
    position: absolute;
    overflow: hidden;
    padding: 0px 70px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 12px;
}


.entry-categories-tags {
    margin-bottom: 10px;
}
.entry-categories-tags > div {
    margin-bottom: 10px;
    height: auto;
    width: fit-content;
    padding: 0px 0px 0px 0px;
    margin: 5px auto 5px auto;
    line-height: 0;
}

div.popular-entry-card-content-ex {
    height: auto;
    width: auto;
    display: flex
;
    float: left;
    margin: 0px 0px 5px 0px;
    left: 5px;
    bottom: 0;
    line-height: 1;
    position: absolute;
}


/*これ入れないと本文にカテゴリが表示される*/
.ctdt-none {
    display: none;
}


.fa-tag:before {
    content: none;
}


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


/*パンくずリスト****************************************************************************************************************************************************/
.breadcrumb {
    color: #f07bb1;
    font-size: 12px;
    line-height: 0;
    padding-bottom: 0px;
    margin: 0px auto 10px auto;
    max-width: 700px;
}

.breadcrumb-caption {
    margin: 5px 0px 5px;
    color: #f07bb1;
    line-height: 0;
    font-size: 12px;
    font-weight: bold;
}
.breadcrumb-caption:hover {
    text-decoration: underline;
}



/*テキストウィジェットの追加設定****************************************************************************************************************************************************/
div.textwidget {
    font-size: 16px;
    color: #f07bb1;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 3px solid #f07bb1;
    width: auto;
    max-width: 400px;
    margin: 20px auto 5px auto;
    display: flex;
    justify-content: center;
}

/*人気記事ランキングカード ウィジェット****************************************************************************************************************************************************/
/**********普通に横並びにさせると読み込むときにズレる、あと重い************/
.widget-entry-card-pv {
    font-style: normal;
    font-family: MaruGoAA-SR;
    /* line-height: 1em; */
    font-size: 14px;
    font-weight: bold;
    display: flex;
    color: white;
    position: absolute;
    bottom: 0px;
    text-align: center;
    justify-content: center;
    right: 0px;
    background: #d9534f;
    padding: 1px 5px 1px 5px;
    margin-left: 0px;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* overflow: clip; */
    border: 1px solid #d9534f;
    /* margin-bottom: 50px; */
    /* text-autospace: normal; */
}




.post-date, .post-update, .post-author, .amp-back {
    margin-right: 0px;
}
.post-date, .post-update, .post-author, .amp-back, .entry-category {
    padding: 0px;
    font-size: 0em;
}

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

.entry-date {
    padding: 0px 2px 0px 2px;
    color: #777;
    font-size: 12px;
    /* font-weight: bold; */
    margin: 0 auto;
    border: 1px solid #CCC;
    border-radius: 3px;
    line-height: 1.25;
    height: auto;
    width: auto;
    font-family: MaruGoAA-SR;
}

.post-date {
    /* color: #606060; */
    /* padding: 1px 0px 1px 0px; */
    font-size: 12px;
    /* border: 1px solid #c5c5c500; */
    /* border-radius: 2px; */
    /* font-weight: normal; */
    line-height: 1;
    /* width: 75px; */
    height: auto;
    text-align: center;
    display: flex;
}


.widget-entry-cards:not(.large-thumb-on) .card-title:hover  {
    text-decoration: underline 1.5px solid #0074e7;
    color: #0074e7;
}


/**　たてならび
.body .popular-entry-cards {
    display: flex;
    background-color: #ffe0e9;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    overflow: overlay;
    max-width: 660px;
    min-width: 100px;
    width: auto;
    max-height: 130px;
}*/

.popular-entry-cards {
    display: block;
    /* border-left: 0px solid var(--cocoon-basic-border-color); */
    /* border-right: 0px solid var(--cocoon-basic-border-color); */
    /* margin-bottom: 20px; */
    /* overflow: hidden; */
    max-width: 400px;
    /* min-width: 100px; */
    width: auto;
    height: auto;
    /* background-color: #8dddfa; */
    /* margin: 0 auto; */
    margin-bottom: 0em !important;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    /* border: 0px solid #f07bb1; */
    border-radius: 5px;
    /* justify-content: center; */
    column-gap: 1;
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); */
}




.widget-entry-cards.ranking-visible .a-wrap {
    /* display: contents; */
    /* counter-increment: p-rank; */
    /* width: auto; */
    /* column-gap: 1px; */
    /* max-width: 400px; */
    /* border: 0px solid var(--cocoon-basic-border-color); */
    /* height: auto; */
    /* margin: 0px 2.5px 5px 2.5px; */
    /* padding: 0 0px; */
    /* border-radius: 5px; */
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); */
    background: white;
}

.widget-entry-cards.ranking-visible .a-wrap:hover {
    background:aliceblue;
    transition: all 0.1s ease-in-out;
}




.widget-single-content-bottom-title {
    display: none;
}









.widget-entry-cards.ranking-visible .card-thumb::before {
    content: counter(p-rank);
    position: absolute;
    top: 0px;
    /* left: 0px; */
    /* padding: 2px; */
    width: -webkit-fill-available;
    height: auto;
    line-height: 1;
    background-color: #ffffffd0;
    color: black;
    /* opacity: inherit; */
    /* text-align: center; */
    font-size: 12px;
    z-index: 1;
    font-weight: bold;
    /* border: 1px solid #E7E7E7; */
    display: flex
;
    margin: 0px auto;
    padding: 1px;
    justify-content: center;
    align-items: center;
    /* border-radius: 5px 0px 0px 5px; */
}








    /*浮かせない .widget-entry-cards.ranking-visible .a-wrap:hover {
    background-color: white;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    transition: 0.5s;
}*/







/**********************************カード関連記事*****************************/
.widget-related-entry-cards {
    display: flex
;
    margin: 5px 0px 20px 0px;
    overflow: hidden;
    max-width: none;
    /* min-width: 100px; */
    width: auto;
    height: auto;
    /* flex-wrap: wrap; */
    flex-direction: column;
    /* background-color: #FCFCFC; */
    /* border-left: 0px solid var(--cocoon-basic-border-color); */
    border-right: 0px solid var(--cocoon-basic-border-color);
    border-bottom: 0px solid var(--cocoon-basic-border-color);
    column-gap: ;
    /* padding: 10px; */
    padding: 2.5px;
}




.border-partition .a-wrap:first-of-type {
    border-top: 0px dotted var(--cocoon-x-thin-color);
}
.border-partition .a-wrap {
    border-bottom: 0px dotted var(--cocoon-x-thin-color);
}
.widget-entry-cards.card-large-image .widget-entry-card-pv {
    opacity: 0.7;
    position: relative;
    top: 0;
    right: 0;
    padding: 3px 6px;
}




/*ウィジェットのサムネ変更*/


















/****************エントリーカードの投稿日・更新日を表示**************/
.widget-entry-cards .a-wrap {
    background: white;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}


/*更新日を非表示*/
.post-update{
    display: none;
}


.widget-entry-card-date {
    display: none;
    text-align: center;
    justify-content: center;
    /* padding: 0px 0px 0px; */
    bottom: 2px;
    position: absolute;
    right: 5px;
}

.widget-entry-cards.card-large-image figure img {
    width: 100%;
    display: block;
}



/*人気記事のテキスト表示部分*/
.widget-entry-card-content {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    box-sizing: border-box;
    height: 40px;
}








.widget-entry-cards.card-large-image .e-card {
    font-size: 12px;
    position: relative;
}

.entry-categories-tags .tax-icon {
    margin-right: 0.4em;
    padding: 2px 0px 0px;
}

.fa-folder:before {
    content: none;
    color: darkgrey;
    width: auto;
}

.entry-categories-tags .tax-icon {
    margin-right: 0em;
    padding: 0px 0px 0px;
}

/****************エントリーカードの投稿日・更新日を表示**************/





/*親をいじらないと子テーマのレスポンシブに効かない。
多分優先順位は親テーマ、子テーマ本文、レスポンシブクアリーなんだと思う。
************************************/
.widget-entry-cards:not(.large-thumb-on) .card-title {
    font-family: MaruGoAA-SR;
    width: auto;
    color: #0074e7;
    font-weight: bold;
    display: -webkit-box;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding: 1vw 40px 1vw 5px;
    font-size: clamp(11PX, 2.5vw, 14PX);
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: anywhere;
    letter-spacing: -0.05em;
    flex-grow: 0;
}



/*関連記事****************************************************************************************************************************************************/


.related-entry-card-thumb {
    width: 60px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background: white;
}

.related-list {
    display: flex;
    flex-direction: column;
    row-gap: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 400px;
}

.a-wrap {
    text-decoration: none;
    display: block;
    color: none;
    padding: 0px 0px 0px 0px;
    transition: none;
}


.a-wrap:hover {
    background: none;
    background-color: none;
    color: none;
}
a:hover {
    background: none;
}





.related-entry-card-snippet {
    font-size: 12px;
    font-weight: unset;
    transform: translate(0px, 0px);
    width: auto;
    height: auto;
    max-height: fit-content;
    min-height: fit-content;
    color: #474747;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: auto 0px 0px 0px;
    /* padding: 0px 1px 1px 1px; */
}


.related-entry-heading, .comment-title {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    text-align: center;
    /* background: #f07bb1; */
    color: #606060;
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1), 0 3px 5px 0 rgba(0, 0, 0, .2); */
    border-bottom: 0px solid var(--cocoon-basic-border-color);
    /* border-radius: 5px; */
}


.rect-mini-card .related-entry-card-content {
    margin-left: 0px;
}


.related-entry-card-content {
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    box-sizing: border-box;
    height: 60px;
}

img {
    max-width: ;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.rect-mini-card .related-list {
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0%;
}

.related-entry-card .cat-label {
    font-size: 10px;
    display: none;
}

.rect-mini-card .related-entry-card-title {
    font-size: 12px;
    margin: 0px 0px 0px 130px;
    -webkit-line-clamp: 5;
    line-height: 1.2;
    text-decoration: unset;
}
.rect-mini-card .related-entry-card-title:hover {
    text-decoration: underline;
}

.rect-mini-card .related-entry-card-wrap {
    width: 50%;
    padding: 5px;
}

.related-entry-card:hover {
    background: aliceblue;
}

.related-entry-card-title:hover {
    color: #0074e7;
    text-decoration: underline 1.5px solid #0074e7;
}

.related-entry-card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    position: relative;
    height: auto;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    border: 0px solid var(--cocoon-basic-border-color);
margin-bottom: 5px;
}

/*ヤズキカスタム この項目はオリジナルには無し*/
.related-entry-card-title {
    font-size: clamp(12PX, 3.5vw, 15PX);
    font-family: MaruGoAA-SR;
    line-height: 1.35;
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    width: auto;
    height: auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: BLACK;
    position: absolute;
    text-overflow: clip;
    padding: 1vw 5px 1vw 10px;
    border-bottom: 0px solid var(--cocoon-basic-border-color);
    word-break: keep-all;
    overflow-wrap: anywhere;
    letter-spacing: -0.03em;
    flex-grow: 0;
}


/*サイドバー****************************************************************************************************************************************************/
/* サイドバー見出し変更 */
.sidebar h3 {
    background: unset;
    color: #1E73BE;
    font-size: 14px;
    position: relative;
    padding: 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    text-align: left;
    border-radius: 0px;
    color: #606060;
    font-weight: bold;
}


.sidebar {
    background-color: ;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    width: 110px;
}

.no-scrollable-sidebar .sidebar {
    width: auto;
    height: auto;
    POSITION: absolute;
    background: white;
    padding: 10px 10px;
}




/* サイドバーカウント背景*/


/* サイドバーフォントサイズ変更 */
.widget-sidebar ul li a {
    padding: 1.5px 0px 1.5px 0px;
    color: #0000ff;
    font-size: 12px;
    border-bottom: dashed 1px #ccc;
    text-align: left;
}

#sidebar a {
    color: #606060;
}

/* サイドバーカテゴリー */
/* カテゴリーラベルを非表示 */
/*下表示
.cat-label {
    position: absolute;
    top: auto;
    bottom: 0.24em;
    left: 2px;
    right: 2px;
    text-align: center;
    border: 0px solid #eee;
    font-size: 10px;
    color: var(--cocoon-white-color);
    background-color: rgba(51, 51, 51, 0.7);
    padding: 1px 0px;
    max-width: -webkit-fill-available;
    max-height: 20px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
} */


.cat-label {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    color: #919191;
    background-color: white;
    padding: 0px;
    display: none
;
    width: auto;
    max-width: 120px;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-top: 0px solid #E7E7E7;
    font-weight: bold;
}


/* サイドバー目次 */
#sidebar .toc{
margin-top: 4em;/*枠の上の余白*/
margin-bottom: 2em;/*枠の下の余白*/
padding: 10em 1.5em;/*枠の中の余白*/
border-bottom: solid 10px skyblue;;/*枠線の太さ・種類・色*/
border-radius: 2px;/*枠線の角の丸み*/
}

/***ウィジェット カテゴリー ホバーエフェクト化のカスタマイズ****/


.cf .widget_archive a:hover {
    text-decoration-line: underline;
}
.cf .widget_archive a, .cf .widget_archive a:hover {
    transition: 0s;
}

/*ウィジェットのタイトル非表示*/
.widget h2 {
    font-size: 20px;
    display:none
}



.widget-index-bottom-title main-widget-label widget-title {
    font-size: 20px;
    display: none;
}






margin-bottom: 0em;{
    margin-bottom: 10px;
}



/*カルーセル****************************************************************************************************************************************************/
/*カルーセルのドットですよ*/
#carousel .slick-dots {
  display: none !important;
}
/*カルーセルのドットですよ*/



.carousel .slick-dotted.slick-slider {
    margin-bottom: -10px;
}

.carousel .a-wrap {
    padding: 0em 0em;
}

.carousel-in {
    background-color: var(--cocoon-white-color);
    padding: 10px 0;
}


#carousel .carousel-entry-card-title {
  display: none; /* タイトル消す */
}

.carousel-content .slick-track {
    display: flex;
    padding: 0px 0;
}


.carousel {
    margin-top: 0px;
    line-height: 1.1;
    opacity: 0;
    transition: all 1s ease-out;
}

.carousel-content .a-wrap {
    margin: 0px 5px 0px;
    width: auto;
}

.carousel-entry-card e-card cf {
    display: block;
}

.carousel-content {
    margin: 0 30px;
    padding-bottom: 0px;
}

.carousel .cat-label {
  display: none; /* カテゴリーを消す */
}