@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*2020年8月31日追記、作成者管理忍*/
/*サムネイル画像下のカテゴリ非表示*/
.entry-category {
    display: none;
}

/*サムネイル画像上のカテゴリ非表示*/
.cat-label {
    display: none;
}

/*人気記事を横並びに*/
#popular_entries-2 .popular-entry-cards {
    display: flex;
    margin-bottom: 1em;
    background-color: white;
}

/*人気記事のフォントサイズを小さく*/
.widget-entry-cards.large-thumb-on .card-content {
    font-size: small;
}

#popular_entries-4 .popular-entry-cards > a {
    margin: 1%;
}

/*BODYのフォントファミリーを変更*/
body {
    /* フォントの種類 */
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*ウィジェットの見出しの調整*/
.widget h2 {
    font-size: medium;
    margin-left: 1.5%;
    color: white;
}

/*スニペットの抜粋文の文字調整*/
.entry-card-snippet, .related-entry-card-snippet {
    line-height: 1.5;
    color: #888;
}

/*メインカラムの角Rをなくす*/
.main {
    border-radius: 0px;
}

/*サイドバーの角Rをなくす*/
.sidebar {
    width: 376px;
    border: 1px solid transparent;
    padding: 19px;
    border-radius: 0px;
    background-color: #FFF;
}

/*最近のコメントの吹き出しの三角を消す*/
.recent-comment-content::before {
    border-width: 0px;
}

/*最近のコメントの吹き出しのボーダーを消す*/
.recent-comment-content {
    border: 0px;
}

/*2020年8月31日追記ここまで、作成者管理忍*/
/*2020年9月2日追記 作成者管理忍*/
/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button {
    background-color: #111111;
    color: #FFFFFF;
}

.logo-menu-button.menu-button {
    background-color: #111111;
}

/*スライドインメニューの横幅を調整*/
.menu-content {
    max-width: 300px;
}

/*2020年9月2日追記ここまで、作成者管理忍*/
/*2021年2月10日追記 作成者管理忍*/
/* doublerectangle */
.articleend {
    padding: 0px !important;
}

.articleendleft {
    float: left;
    width: 336px;
}

.articleendright {
    float: right;
    width: 336px;
}

/* clear */
.clear {
    clear: both;
}

.clear hr {
    display: none;
}

/*2021年2月10日追記ここまで、作成者管理忍*/

/* ▼▼▼ 2021.02.16 akatsuki */
.author-hash {
    margin: 0 .5em;
    font-style: normal;
    font-weight: normal;
}

/* ▼▼▼ SNSシェアボタン(480px以下もあり)  */
.sns-share.lolninja-share .button-caption {
    clip: rect(1px, 1px, 1px, 1px);
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

.sns-share.lolninja-share .share-count {
    display: none;
}

.sns-share.lolninja-share .sns-share-buttons {
    justify-content: center;
}

.article-header .sns-share.lolninja-share .sns-share-buttons {
    justify-content: flex-end;
}

.sns-share.lolninja-share .sns-share-buttons a {
    height: auto;
    display: inline-block;
    width: auto;
    flex: 0 1 auto;
    background-color: transparent;
    color: #333;
    margin: 0 1em .5em;
    font-size: 24px;
}

/* ▲▲▲ SNSシェアボタン */

.entry-card-tags {
    display: flex;
    flex-wrap: wrap;
}

.entry-card-tags .entry-card-tag {
    padding: 1px 0.7em;
    margin: 0.5em 4px 0 0;
    background-color: #E12D2C;
    color: #fff;
    font-size: 0.7em;
}

/* ▲▲▲ 2021.02.16 職忍 */


/* ▼▼▼ 2021.03.06 管理忍 */
hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* ▲▲▲  2021.03.06 管理忍 */
/* ▼▼▼ 2022.08.28 管理忍 */
/* ▼▼▼ レスポンシブ2カラム */
.cntnr {
    display: flex;
    flex-wrap: wrap;
}

.clmn {
    width: 100%;
}

@media (min-width: 1024px) {
    .clmn {
        width: 50%;
    }
}

/*▲▲▲ 2022.08.28 管理忍 */

/* ▼▼▼ 2025.03.08 管理忍 */
        .SummaryCheckList {
            list-style: none; /* デフォルトのブレットを消す */
            padding: 0;
            margin-bottom: 20px; /* 下に余白を追加 */
        }
        .SummaryCheckList li::before {
            content: "✅️ "; /* ✅️ 絵文字を追加 */
            font-size: 1.2em; /* 必要に応じてサイズ調整 */
        }
/*▲▲▲ 2025.03.08 管理忍 */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
    img.site-logo-image {
        width: 140px;
        margin: 8px auto 0;
    }
}

/*834px以下*/
@media screen and (max-width: 834px) {
    img.site-logo-image {
        width: 140px;
        margin: 8px auto 0;
    }
}

/*480px以下*/
@media screen and (max-width: 480px) {
    img.site-logo-image {
        width: 140px;
        margin: 8px auto 0;
    }

    /* SNSシェアボタン  */
    .sns-share.lolninja-share .sns-share-buttons a {
        margin: 0 .75em .5em;
        font-size: 20px;
    }

    .entry-card-tags {
        display: none;
    }
}

/* ▼▼▼ 2021.12.10 職忍 */
#mobile-ad-banner {
    display: none;
    text-align: center;
}

#mobile-ad-banner a {
    display: none;
    line-height: 1;
}

#mobile-ad-banner img,
#mobile-ad-banner video {
    display: block;
}

@media screen and (max-width: 600px) {
    #mobile-ad-banner {
        display: flex;
        justify-content: center;
    }
}

/* ▲▲▲ 2021.12.10 職忍 */

/* 2023-01-06 コメントボタン左に*/
.commets-list .reply {
    text-align: left;
    font-size: 0.8em;
}

/*2023-04-03 カスタムブレット*/
.listed-comments,
.listed-comments ul {
    list-style: none;
    padding-left: 0;
}

@media screen and (max-width: 834px) {
    ul.listed-comments, ul.listed-comments ul {
        padding-left: 0;
    }
}

.listed-comments li,
.listed-comments ul li {
    position: relative;
    padding-left: 1.5em; /* ブレットとテキストの間に十分なスペースを確保 */
}

.listed-comments li hr {
    margin: 1.5em 0 0;
    border: 0;
}

.mce-content-body .listed-comments li hr {
    margin: 0;
    border: 1.5em solid #fafafa;
}

.listed-comments > li + li,
.listed-comments li > ul > li {
    margin-top: 1em; /* 2番目以降のリストアイテムと、インデントされたリストアイテムの上マージンを設定 */
}

.listed-comments li::before,
.listed-comments ul li::before {
    content: "\f075";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #c5cdd1; /* Font Awesomeのフォントの色を変更 */
}

/*Agents_Introduction_Header*/
.portal__header {
    color: var(--text-color);
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}
.portal__content {
    box-sizing: border-box;
    padding: 5px 15px;
    font-size: 12px;
    padding-top: 20px;
}
.grayedimg {
        filter: grayscale(100%);
	     opacity: 0.5;
      }
/* Agents Personal Information */
h3.pi-data-label {
    all:unset;
    flex-basis: 90px;
    margin: 0;
    overflow: hidden;
}
h3.pi-data-label.pi-secondary-font {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0;
}
.pi-data-value {
    line-height: 1.5;
    overflow-wrap: break-word;
}
.pi-font {
    font-size: 12px;
}
.pi-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    grid-column-gap: 9px;
    border-top-style: solid;
    border-top-width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.portable-infobox {
    border-style: none;
    border-width: 1px;
    margin: 0 auto 18px;
    width: 270px;
}
.pi-item-spacing {
    padding-bottom: 9px;
    padding-top: 9px;
}
.pi-data {
    padding-left: 9px;
    padding-right: 9px;
}