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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.news_top {
    text-align: center;
    background: url(https://kouhou.niigatakenjinkai.com/wp-content/uploads/2022/12/news.jpg);
    background-size: cover;
    height: auto;
    width: 100%;
    font-size: 20px;
    background-position: bottom;
    padding: 2em 0;
}

.news_top div {
    width: 80%;
    margin: auto;
    background: rgb(255, 255, 255, 0.8);
}


/* メインコンテンツ,トップページ */
body.home .content {
    margin-top: 3em;
}

.content {
    margin-top: 4em;
}

.main {
    padding: 0;
    background-color: transparent;
    max-width: 1200px;
    width: 800px;
}

body.home .main {
    max-width: 100%;
}

body.home.blog #sidebar {
    display: none;
}

body.home.blog .main {
    width: 90%;
}

#content-in {
    width: 95%;
    justify-content: space-around;
}

/* トップ見出し */
body.home .list-title {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
    margin-bottom: 3em;
    font-size: 23px;
    text-align: left;
    border: 1px solid #444;
    padding: 1rem 2rem;
}

body.home .list-title span {
    visibility: inherit !important;
    border-left: 6px double #444;
    padding-left: 2rem;
    color: #444;
    position: relative;
}

body.home .list-title-in::before,
body.home .list-title-in::after {
    content: none;
}

.list-column h1.list-title {
    font-size: 21px !important;
}

.list-title-in {
    padding: 0;
}

.widget-entry-cards .a-wrap {
    border: 1px solid #ccc;
    margin-bottom: 3%;
    border-collapse: collapse;
}

/* もっと見るボタン */
.list-more-button-wrap {
    text-align: right;
}

.list-more-button {
    border-radius: 0;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    padding: 0.3em 3em 0.3em 2.5em;
    border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
}

.list-more-button::before {
    position: absolute;
    content: "";
    width: 20%;
    height: 100%;
    background: #000;
    right: 0;
    top: 0;
    border-radius: 100px 0 0 0;
}

.list-more-button:hover,
.pagination-next-link:hover,
.comment-btn:hover {
    background: none;
}

/* ヘッダー・ナビゲーション */
#header {
    position: relative;
}

#navi-in {
    width: 100%;
}

.navi-in>ul {
    justify-content: space-around;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* ヘッダー 検索欄 */
.add-header-contents {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 1em;
}

.add-header-contents .search-box.input-box input {
    font-size: 14px;
    padding-right: 50px;
    border-color: #000;
}

.search-submit {
    color: #000;
}

/* 下にスクロールした際のヘッダー表示 */
.header-container-in.hlt-top-menu #header {
    display: none;
}

#header-container-in #navi-in {
    justify-content: center;
}

.header-container-in.hlt-top-menu #navi-in {
    width: auto;
}

.header-container-in.hlt-top-menu .navi-in>ul {
    justify-content: center;
    border: none;
}

.navi-in a {
    font-size: 15px;
}

/* モバイル用 */
.mobile-header-menu-buttons {
    align-items: center !important;
    background: #fff;
    height: 85px;
}

.mobile-menu-buttons .menu-caption {
    display: none;
}

.menu-close-button {
    text-align: right;
    padding-right: 20px;
}

.logo-menu-button img {
    max-height: 70px;
}

#navi-menu-content {
    background: #fff;
}

#navi-menu-content ul.menu-drawer li.menu-item {
    padding: 10px 0;
}

#navi-menu-content ul.menu-drawer li.menu-item a {
    border-bottom: 1px solid;
}

#navi-menu-content ul.menu-drawer .sub-menu {
    padding: 0;
}

#navi-menu-content ul.menu-drawer .sub-menu li {
    font-size: .9em;
    padding-bottom: 0;
}

#navi-menu-content ul.menu-drawer .sub-menu li a {
    border-bottom: 0;
    position: relative;
    font-size: 15px;
}

#navi-menu-content ul.menu-drawer .sub-menu li a::before {
    display: inline-block;
    border: none;
    content: "";
    width: 5px;
    height: 5px;
    background: #000;
    margin: 0 .5em 0 1em;
    margin-right: 10px;
}

/* トップ　新着情報一覧ページ */
body.home #content {
    margin-top: 5em;
}

body.home.front-top-page #content {
    margin-top: auto;
}


/* トップスライドショー */
div#n2-ss-3 .n2-ss-layer {
    max-width: 1300px !important;
}

.home .n2-ss-slider {
	height: 550px !important;
}

.learn_more a:hover {
    background: #e6d8b2 !important;
    color: #000 !important;
    transition: 0.5s !important;
}

body.home .n2_clear {
    display: none;
}

body.home.front-top-page .n2_clear {
    display: block;
}

/* トップモジュール*/
/* 新着情報一覧では非表示にする */
body.home #jtg-9750,
body.home #jtg-9755,
body.home #jtg-9749,
body.home #jtg-7111,
body.home #jtg-9427,
body.home #jtg-11562 {
    display: none;
}

body.home.front-top-page #jtg-9750,
body.home.front-top-page #jtg-9755,
body.home.front-top-page #jtg-9749,
body.home.front-top-page #jtg-7111,
body.home.front-top-page #jtg-9427,
body.home.front-top-page #jtg-11562 {
    display: block;
}

#jtg-9750,
#jtg-9755,
#jtg-7111,
#jtg-9749 {
    width: 90%;
    margin: 2em auto;
}

#jtg-9427,
#jtg-11562 {
    width: 100%;
    margin: 2em auto;
}

/* タイトル箇所 */
#jtg-9750 .jtg-title,
#jtg-9755 .jtg-title,
#jtg-9749 .jtg-title,
#jtg-7111 .jtg-title,
#jtg-9427 .jtg-title,
#jtg-11562 .jtg-title {
    background: rgb(0, 0, 0, 0.45);
    width: 100%;
    left: 0 !important;
    bottom: 0 !important;
    padding-left: 10px !important;
    transform: none !important;
    text-align: left !important;
}

html body .modula .modula-item.effect-pufrobo .jtg-title::after {
    content: none !important;
}



#jtg-9750 .modula-item:first-child .jtg-title,
#jtg-9755 .modula-item:first-child .jtg-title,
#jtg-9749 .modula-item:first-child .jtg-title,
#jtg-7111 .modula-item:first-child .jtg-title,
#jtg-11562 .modula-item:first-child .jtg-title {
    border-color: #999;
}

/* モジュール　タイトル非表示 */
#jtg-9427 .modula-item:nth-last-of-type(-n+4) .jtg-title {
    display: none;
}


/* サイドバー トップページ以外*/
.sidebar {
    max-width: 400px;
    width: auto;
    background-color: transparent;
    padding-top: 12px;
}

/* サイドバー　カテゴリー */
.fa-tag::before {
    content: none;
}

/* サイドバー 旬のイベント情報 */
.sidebar {
    margin-top: -39px;
}

.sidebar h3 {
    background: none;
    border-bottom: 1px solid #000;
    text-align: center;
}

.sidebar .navi-entry-card-content {
    display: none;
}

.widget-entry-cards figure {
    width: 100%;
}

.tagcloud a .tag-caption {
    position: relative;
}

.tagcloud a:hover {
    background: #e6d8b2;
}

/* 記事一覧 トップページ*/
.ect-3-columns {
    justify-content: space-between;
}

.ect-3-columns .entry-card-wrap {
    width: calc((100% / 3) - 20px);
    margin-left: 0;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 3em;
}

.list.ect-3-columns::after {
    display: block;
    content: "";
    width: calc((100% / 3) - 20px);
}

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

.card-arrow .card-content,
.widget-entry-card-content {
    margin: 0;
}

.ect-3-columns>*,
.fpt-3-columns>* {
    width: calc((100% / 3) - 30px);
}

.widget-entry-card {
    font-size: 14px;
    position: relative;
}

.new-entry-card-title {
    text-align: left;
    position: absolute;
    bottom: 4px;
    color: #fff;
    padding: 10px;
    font-weight: 500;
    width: 100%;
    background: rgb(0, 0, 0, 0.45);
}

.widget-entry-cards figure {
    margin: 0;
}

.card-arrow .a-wrap::after {
    content: none;
}

.fa.fa-clock-o,
.post-update {
    display: none;
}

.cat-label {
    width: auto;
    font-size: 14px;
    text-align: center;
    top: -20px;
    left: -20px;
}

/* 次のページ */
.pagination-next {
    width: 30%;
    margin: auto;
}

.pagination-next-link {
    position: relative;
    background: #fff;
    font-size: 18px;
}

.pagination-next-link::before {
    position: absolute;
    content: "";
    width: 15%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    border-radius: 0 100px 0 0;
}


/* 関連記事 */
.rect-vertical-card .related-entry-card-title {
    font-size: 14px;
}

.under-entry-content .related-entry-card-snippet {
    display: none;
}

/* 関連記事、旬のイベント情報、おすすめ特集　見出し */
.related-entry-heading {
    border-bottom: 1px solid;
    margin-bottom: 2em;
    padding-bottom: 10px;
    font-size: 20px;
}

.widget h2 {
    font-size: 23px;
    border-top: 4px double #444;
    padding: 1rem 2rem;
}

.figc.no-description {
    background: transparent;
}

/* モジュール */
html body .modula .modula-items .modula-item.effect-pufrobo .jtg-title {
    bottom: 50%;
    top: inherit !important;
}

.modula-gallery .modula-item-content>a:not(.modula-no-follow) {
    cursor: pointer !important;
}

aside#related-entries,
aside#navi_entries-2,
#content-bottom aside {
    margin-bottom: 0;
    text-align: center;
}

#jtg-7435 .modula-item .figc .jtg-title {
    text-align: center;
    text-shadow: 2px 2px 4px #000;
}

/* バナー */
#content-bottom {
    margin: 5em 0 0;
}

#content-bottom-in {
    width: 100%;
    position: relative;
}

#custom_html-31 {
    width: 90%;
    margin: auto;
}

#custom_html-31>.textwidget.custom-html-widget {
    display: flex;
    align-items: center;
    height: auto;
}

ul.banner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 1em 0 0 0;
    width: 100%;
    height: 100%;
    position: relative;
}

ul.banner li:nth-last-of-type(-n+4) {
    margin-bottom: inherit;
}

ul.banner li {
    width: calc(100% / 4);
}

/* footer */
#footer-in {
    width: 100%;
}

#footer {
    margin-top: 0;
    padding: 0;
    background: #e6d8b2;
}

.footer-left,
.footer-right {
    display: none;
}

.footer-center {
    width: 100%;
}

.footer-center #nav_menu-4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.footer-center #nav_menu-4 ul li {
    width: calc(100% / 5);
    text-align: center;
    padding: 20px;
}

.footer-center #nav_menu-4 ul li a {
    border-bottom: 1px solid;
}

.footer-center #nav_menu-4 ul li a:hover {
    background: none;
}

.footer-center #nav_menu-4 .sub-menu {
    display: block;
}

.footer-center #nav_menu-4 .sub-menu li {
    width: 100%;
    text-align: left;
    font-size: 14px;
    padding: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

.footer-center #nav_menu-4 .sub-menu li a {
    position: relative;
    border: none;
    padding: 0;
}

.footer-center #nav_menu-4 .sub-menu li a::before {
    display: inline-block;
    border: none;
    content: "";
    width: 5px;
    height: 5px;
    background: #000;
    vertical-align: middle;
    margin-right: 10px;
}

#custom_html-30 {
    text-align: center;
    margin: 0;
}

#custom_html-30 span {
    padding-right: 10px;
}

.footer-bottom {
    margin-top: 0;
}

/*投稿ページ*/
.article h3 {
    font-size: 19px;
}

.article h4 {
    font-size: 18px;
}

.article h5 {
    font-size: 17px;
}

.article-header {
    text-align: center;
    position: relative;
}

.eye-catch-wrap {
    display: block;
}

.eye-catch .cat-label {
    top: 0;
}

.date-tags {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #e6d8b2;
    color: #444;
    width: auto;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
}

.date-tags span.post-date {
    margin-right: 0;
}

html body #jtg-8535.modula .modula-item.effect-pufrobo .figc,
html body #jtg-8571.modula .modula-item.effect-pufrobo .figc,
html body #jtg-8695.modula .modula-item.effect-pufrobo .figc,
html body #jtg-8728.modula .modula-item.effect-pufrobo .figc {
    text-align: left;
}

/*アーカイブページ*/
h1.archive-title,
h1.entry-title {
    font-size: 21px;
    text-align: center;
    margin: 0 0 1.5em;
    padding: 0 0 20px;
    border-bottom: 1px solid #444;
    color: #444;
}

/* タグのアイコン変更　*/
.fa-tags:before,
.fa.fa-tag.tag-icon.tax-icon::before,
.tagcloud a .tag-caption::before {
    content: "#";
    font-weight: bold;
}

/*固定ページ*/
#post-3984 .eye-catch-wrap,
#post-3984 .date-tags,
#post-3 .eye-catch-wrap,
#post-3 .date-tags,
#post-8957 .eye-catch-wrap,
#post-8957 .date-tags,
#post-8960 .eye-catch-wrap,
#post-8960 .date-tags,
#post-169 .date-tags,
body.page-id-7892 .date-tags,
body.page-id-7897 .date-tags {
    display: none;
}

/* 固定ページ下タグ一覧 */
.article-footer {
    margin-top: 10em;
}

.article-footer .main-widget-label {
    text-align: center;
    border-bottom: 1px solid;
    font-size: 18px;
    margin-bottom: 1em;
    padding-bottom: 1em;
    font-weight: bold;
}

/*問い合わせ*/
input[type='submit'] {
    background: #000;
    color: #fff;
    width: 20%;
}

#post-8957 button {
    width: 20%;
    padding: 10px 15px;
}

.contact_midashi {
    background: none !important;
}

.contact_midashi,
.contact_text {
    text-align: center;
}

/* 2023.03.24 樋口追記 */
/* テーブルレイアウト用 */
.tableList th {
    width: 25%;
}

.tableList td {
    width: 75%;
}

.tableHead {
    display: flex;
    margin-bottom: 10px;
}

.tableHead img {
    height: 22px;
    margin: 0 7px -4px 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1260px以下*/
@media screen and (max-width: 1260px) {
    .sidebar .navi-entry-cards::after {
        display: block;
        content: "";
        width: 50%;
    }

    .sidebar {
        max-width: 90%;
        margin-top: 0;
    }

    .sidebar .navi-entry-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sidebar .widget-entry-cards .a-wrap {
        width: 50%;
    }

    .sidebar .navi-entry-card {
        height: 100%;
    }

    #search-4 {
        display: none;
    }
}

/*1024px以下*/
@media screen and (max-width: 1025px) {

    /*必要ならばここにコードを書く*/
    .news_top div {
        font-size: 18px;
    }

    /*スライドショー箇所*/
    .n2_clear {
        margin-top: 2.2em;
    }

    .main {
        width: auto !important;
    }

    .content {
        margin-top: 6em;
    }

    /*サイドバー箇所*/
    .sidebar {
        max-width: 100%;
    }

    /*フッター箇所*/
    .footer-center #nav_menu-4 ul {
        flex-wrap: wrap;
    }

    .footer-center #nav_menu-4 ul li {
        width: calc(100% /3);
        padding: 10px;
    }

    #custom_html-30 {
        text-align: center;
        margin: 2em 0 0;
    }

    #custom_html-30 span {
        display: block;
        padding: 0;
    }

    .footer-bottom {
        margin-top: 0;
    }

    input[type='submit'] {
        width: 100%;
    }
}

/*834px以下*/
@media screen and (max-width: 834px) {

    /*必要ならばここにコードを書く*/
    /*トップバナー、topic箇所*/
    .main-before-banner ul,
    .main-before-topic ul {
        flex-wrap: wrap;
        padding-left: 0;
    }

    .main-before-banner ul li,
    .main-before-topic ul li {
        width: 50%;
        margin: 0;
        text-align: center;
        margin-bottom: 3em;
    }

    .main-before-banner ul a,
    .main-before-topic ul a {
        right: 15%;
    }

    /*スライドショー箇所*/
    .n2_clear h1 {
        font-size: 23px !important;
    }

    .ect-3-columns .entry-card-wrap {
        width: calc((100% / 2) - 20px);
    }

    #custom_html-31>.textwidget.custom-html-widget {
        height: auto;
    }

    #jtg-9750 .modula-item:first-child .jtg-title,
    #jtg-9755 .modula-item:first-child .jtg-title,
    #jtg-9749 .modula-item:first-child .jtg-title,
    #jtg-7111 .modula-item:first-child .jtg-title,
    #jtg-9427 .modula-item:first-child .jtg-title,
    #jtg-11562 .modula-item:first-child .jtg-title {
        width: 60%;
    }

    ul.banner {
        padding: 2em 0;
    }

    ul.banner li {
        width: calc(100% / 3);
    }

    /* 2023.03.24 樋口追記 */
    /* テーブルレイアウト用 */
    .tableList th {
        width: 100%;
        display: block;
        text-align: left;
    }

    .tableList td {
        width: 100%;
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 600px) {
    .news_top div {
        text-align: left;
        padding: 10px;
    }

    /*トップバナー、topic箇所*/
    .main-before-banner ul a,
    .main-before-topic ul a {
        right: 0;
    }

    /*スライドショー箇所*/
    .n2_clear h1,
    .n2_clear h2 {
        text-align: center !important;
    }

    /*トップモジュール*/
    div[id^="jtg-"] .modula-item .figc .jtg-title {
        font-size: 12px !important;
    }

    div[id^="jtg-"] {
        width: 100% !important;
    }

    #jtg-7435 .modula-item .figc .jtg-title {
        font-size: 16px !important;
    }

    /*イベント情報無料の位置調整*/
    .wp-image-7896 {
        inset: 0px auto auto -17.1677px !important;
    }

    /*にいがたをささえたいの位置調整*/
    .wp-image-7898 {
        inset: 0px auto auto -49.1677px !important;
    }

    /*トップ新着記事箇所*/
    body.home .list-title {
        font-size: 20px;
    }

    .ect-3-columns .entry-card-wrap {
        width: 100%;
        margin: 0 auto 3em;
    }

    h1.archive-title,
    h1.entry-title {
        font-size: 20px;
    }

    /*次のページ*/
    .pagination-next {
        width: 87%;
    }

    /*関連記事*/
    .rect-vertical-card .related-entry-card-title {
        text-align: left;
    }

    /*サイドバー*/
    .sidebar .navi-entry-cards {
        flex-wrap: wrap;
    }

    /*バナー*/
    ul.banner {
        flex-direction: column;
    }

    ul.banner li {
        width: 100%;
        margin-bottom: inherit;
    }

    /*問い合わせ箇所*/
    .contact_midashi {
        margin: auto 0;
    }

    .contact_midashi,
    .contact_text {
        text-align: left;
    }

    #post-8957 button {
        width: 30%;
        padding: 10px;
        border-radius: 5px;
        background: #ccc;
        color: #000;
    }

    /*コピーライト*/
    .copyright p {
        font-size: 12px;
    }
}

/*428px以下*/
@media screen and (max-width: 480px) {

    /*必要ならばここにコードを書く*/
    /*メインコンテンツ*/
    body.home .content {
        margin-top: 1em;
    }

    .menu-content {
        max-width: 100%;
    }

    .entry-card-content h2 {
        margin-bottom: 1.5em;
    }

    .date-tags {
        width: 30%;
    }

    /*サイドバー*/
    #content-bottom {
        margin-top: 2em;
    }

}

/*迷ったらココ*/
.guide {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 1em;
    margin: 1em 2em 2em;
    border: solid 1px #CCC;
    padding: 15px;
    border-radius: 15px;
    text-decoration: none;
}


.icon-beginner {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1.2em;
    vertical-align: middle;
    margin-right: .4em;
}

.icon-beginner::before,
.icon-beginner::after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    border: .1em solid #333;
    border-bottom-width: .15em;
    box-sizing: border-box;
}

.icon-beginner::before {
    left: 0;
    background: #ff0;
    transform: skewY(45deg);
    border-radius: .3em 0 0 .1em;
    border-right: none;
}

.icon-beginner::after {
    right: 0;
    background: #390;
    transform: skewY(-45deg);
    border-radius: 0 .3em .1em 0;
    border-left: none
}

/*20241119樋口追記 スポンサー企業一覧*/
table.company-list {
    width: 100%;
    border-collapse: collapse;
}

table.company-list th, table.company-list td {
    width: 50%;
    padding: 8px;
    text-align: center;
}

a.murakami_logo img {
    width: auto;
    height: 80%;
}

.supporter-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.supporter-container img {
    width: 100%;
    height: auto;
}

.supporter-container a {
    display: flex;
    /* フレックスボックスを有効化 */
    justify-content: center;
    /* 水平方向の中央揃え */
    align-items: center;
    /* 垂直方向の中央揃え */
    height: 100%;
    /* グリッドセルの高さに一致させる */
}

.sponsor-h5 {
    border-bottom: 2px solid var(--cocoon-thin-color);
}

.br_sp {
    display: none;
}

/*TOP用スポンサー企業一覧*/
a {
    text-decoration: none;
    /* アンダーバーを削除 */
}

/* 20241114 樋口追記 TOPページバナー調整用 */
ul.top_banner {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 1em 0 0 0;
    width: 100%;
}

ul.top_banner li {
    margin-bottom: 1em;
    /* 下方向の余白を追加 */
    overflow: hidden;
}

/* バナーリンクのスタイル */
ul.top_banner li a {
    display: block;
    overflow: hidden;
    position: relative;
}

/* バナー画像のスタイル */
.top_banner_image {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    /* 拡大アニメーションの速度とタイミング */
    position: relative;
    z-index: 1;
    display: block;
    object-fit: cover;
    /* 画像のサイズが異なっても均等に収まるように調整 */
}

/* ホバー時の拡大アニメーション */
ul.top_banner li a:hover .top_banner_image {
    transform: scale(1.1);
    /* 1.1倍に拡大 */
}

/* 20241114 樋口更新 */
/* 酒蔵めぐりページ 酒蔵ピックアップ部分修正 */
.column-sakagura {
    color: #000;
}

.sakagura-name {
    border-left: 4px solid #e6d8b2;
    padding-left: 10px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.wrap-sakagura a:hover {
    color: #102a43;
}

/* 20250317追記　TOPページスライドPR記事用修正 */
.topslide-pr {
    position: relative !important;
    display: inline-block !important;
}

/* PICKUP画像ラベルを左上に表示 */
.topslide-pr::before {
    content: "" !important;
    position: absolute !important;
    top: 6px !important;
    left: -8px !important;
    width: 110px !important;
    height: 110px !important;
    background-image: url('https://kouhou.niigatakenjinkai.com/wp-content/uploads/2025/03/icon-pr.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 9999 !important;
    display: block !important;
}

/* PC・タブレット時 (768px以上) */
@media (min-width: 768px) {
    ul.top_banner li {
        width: calc(100% / 3 - 2em);
        /* 3列レイアウト、各要素の間に少し余白 */
    }
}

/* 新着情報左右ボタン PC時は非表示 */
.horizontal-slider-arrow {
    display: none;
}

/* スマホ用レイアウト */
@media (max-width: 767px) {
    a.murakami_logo img {
        width: auto;
        height: 50%;
    }

    /* スマホ時後半3つのロゴ画像は上揃えに */
    .supporter-container a:nth-last-child(-n+3) {
        align-items: start;
        /* 上揃えに変更 */
    }

    .widget h2 {
        font-size: 19px;
    }

    .list-column h1.list-title {
        font-size: 19px !important;
    }

    .supporter-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    /* TOPページバナー用 */
    ul.top_banner {
        justify-content: space-between;
    }

    ul.top_banner li {
        width: calc(50% - 0.5em);
        /* 2列レイアウト、各要素の間に少し余白 */
    }

    .br_sp {
        display: block;
    }



    /* sp表示調整 樋口対応 */
    /* TOPスライドショー */
    .n2-font-5612f97b3f20d169952fc629520e3322-paragraph {
        display: none;
    }

    .n2-ss-layer.n2-ow.learn_more.n2-ss-layer--auto {
        display: none;
    }

    .n2-ss-slider {
        height: 450px;
    }

    .n2-ss-slide-backgrounds {
        height: 450px;
    }

    .n2-ss-slider-wrapper-inside {
        height: 450px;
    }

    main.main, div.sidebar {
        padding: 0 16px;
    }


    /* 新着情報エリア */
    /* ▼ 横スライド左右ボタンのスタイル */
    .horizontal-slider-arrow {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 2rem;
        padding: 0 10px;
        line-height: 1;
    }

    /* 左右位置の指定 */
    .horizontal-slider-arrow.left {
        left: 0;
    }

    .horizontal-slider-arrow.right {
        right: 0;
    }

    /* ▼ 各カードを横並びに。幅は必要に応じて調整してください */
    .list-new-entries .list.ect-vertical-card-3 .entry-card-wrap {
        flex: 0 0 auto;
        width: auto !important;
        margin-right: 10px !important;
    }

    /* ▼ カード全体：枠線や影を削除 */
    .list-new-entries .entry-card-wrap.border-element {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* ▼ アイキャッチ画像のラッパ要素：位置調整 */
    .list-new-entries .entry-card-wrap.border-element .entry-card-thumb {
        position: relative !important;
        overflow: visible !important;
    }

    /* ▼ アイキャッチ画像をカード幅いっぱいに表示（画像を大きく） */
    .list-new-entries .entry-card-wrap.border-element .entry-card-thumb img {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

    /* ▼ カテゴリラベルを画像上に絶対配置（例：左上） */
    .list-new-entries .entry-card-wrap.border-element .cat-label {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        z-index: 2 !important;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff !important;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px !important;
    }

    /* ▼ タイトルのスタイル：画像下に小さめに表示 */
    .list-new-entries .entry-card-wrap.border-element .entry-card-title {
        font-size: 14px !important;
        margin-top: 0.5em !important;
        line-height: 1.4 !important;
        font-weight: inherit;
        text-align: left;
    }

    /* ▼ 公開日の非表示 */
    .list-new-entries .entry-card-wrap.border-element .post-date {
        display: none;
    }

    .list-new-entries .list.ect-vertical-card-3 {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding: 10px;
        position: relative;
        height: 275px;
    }

    body.home .list-title {
        margin-bottom: 1em;
        border: none;
    }

    body.home .list-title span {
        border-left: 6px double #e6d8b2;
    }

    /* 各記事カード */
    .list-new-entries .entry-card-wrap {
        flex: 0 0 auto;
        width: 80%;
        max-width: 300px;
        scroll-snap-align: start;
    }

    /* ▼ 新着記事セクションにだけ適用するため、.list-new-entries を先頭につける */

    /* タイトル全体（左の縦線＋テキスト部分）のレイアウト */
    .list-new-entries .list-new-entries-title {
        display: flex !important;
        align-items: flex-start !important;
        position: relative !important;
        overflow: visible !important;
        /* 念のため可視領域を制限しない */
    }

    /* 既存の「新着記事」が入っている要素 (.list-title-in) */
    .list-new-entries .list-title-in {
        display: block !important;
        line-height: 1.2 !important;
        font-size: 19px !important;
        font-weight: bold !important;
        position: relative !important;
    }

    /* 見出しタイトル上段に英字タイトルを挿入 */
    .list-new-entries .list-title-in::before {
        content: "Recent Articles" !important;
        display: block !important;
        font-size: 17px !important;
        font-weight: bold !important;
        margin-bottom: 26px !important;
        color: #444 !important;
        position: relative !important;
        z-index: 2 !important;
        background-color: unset !important;
    }

    /* 県人会メイン行事 */
    /* 見出しタイトル上段に英字タイトルを挿入 */
    .list-category-94 .list-title-in::before {
        content: "Main Event" !important;
        display: block !important;
        font-size: 17px !important;
        font-weight: bold !important;
        margin-bottom: 26px !important;
        color: #444 !important;
        position: relative !important;
        z-index: 2 !important;
        background-color: unset !important;
    }

    /* 新潟情報 */
    /* 見出しタイトル上段に英字タイトルを挿入 */
    .list-category-52 .list-title-in::before {
        content: "Niigata Information" !important;
        display: block !important;
        font-size: 17px !important;
        font-weight: bold !important;
        margin-bottom: 26px !important;
        color: #444 !important;
        position: relative !important;
        z-index: 2 !important;
        background-color: unset !important;
    }

    /* 暮らしのヒント */
    /* 見出しタイトル上段に英字タイトルを挿入 */
    .list-category-51 .list-title-in::before {
        content: "Tips for Living" !important;
        display: block !important;
        font-size: 17px !important;
        font-weight: bold !important;
        margin-bottom: 26px !important;
        color: #444 !important;
        position: relative !important;
        z-index: 2 !important;
        background-color: unset !important;
    }

    /* PICKUP画像ラベルを左上に表示 */
    .topslide-pr::before {
        content: "" !important;
        position: absolute !important;
        top: -2px !important;
        left: 3px !important;
        width: 73px !important;
        height: 73px !important;
    }

    /* Modulaエリア調整 */
    #jtg-9427 .figc {
        display: none !important;
    }

    #jtg-11562 .figc {
        display: none !important;
    }

    /* おすすめスポットエリア (上側) */
    #jtg-11562::before {
        content: "Recommended Spots\Aおすすめスポット";
        white-space: pre;
        display: block;
        font-size: 17px;
        font-weight: bold;
        color: #444;
        margin-bottom: 26px;
        text-align: left;
        border-left: 6px double #e6d8b2;
        padding-left: 2rem;
    }

    /* 旬のイベント情報エリア (下側) */
    #jtg-9427::before {
        content: "Events & Topics\Aイベント・トピック";
        white-space: pre;
        display: block;
        font-size: 17px;
        font-weight: bold;
        color: #444;
        margin-bottom: 26px;
        text-align: left;
        border-left: 6px double #e6d8b2;
        padding-left: 2rem;
        margin-top: 60px;
    }

    /* 人気記事ランキング　サムネイル画像調整 */
    .popular-entry-cards .popular-entry-card-link {
        max-width: 255px !important;
    }

    #popular_entries-3 .widget-entry-cards .a-wrap {
        width: inherit;
    }

    .popular-entry-card-link.no-1::before {
        width: 38px;
        height: 38px;
        top: 10px;
        left: 10px;
        padding: 5px;
    }

    /* 20250411追記　記事一覧表示調整 */
    /* カテゴリ新着リストだけ対象 */
    [class*="list-category-"] .list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        /* カード同士の隙間を少し広げる */
    }

    [class*="list-category-"] .list .entry-card-wrap {
        display: block;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        /* ふわっとした薄い影 */
        text-decoration: none;
        color: inherit;
    }

    [class*="list-category-"] .list .entry-card-wrap:first-child {
        width: 100%;
    }

    [class*="list-category-"] .list .entry-card-wrap:not(:first-child) {
        width: calc(50% - 6px);
        /* gapを考慮して少し余白を取る */
    }

    /* サムネイル画像 */
    [class*="list-category-"] .list .entry-card-thumb img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    /* タイトルエリア */
    [class*="list-category-"] .list .entry-card-title {
        font-size: 13px;
        line-height: 1.5;
        margin: 6px;
        min-height: 3em;
        /* タイトルが短くても高さが揃うように */
    }

    /* 日付などメタ情報 */
    [class*="list-category-"] .list .entry-card-meta {
        font-size: 11px;
        padding: 0 6px 6px;
        color: #777;
    }

    /* カテゴリ別記事だけ、ラベルを消す */
    [class*="list-category-"] .cat-label {
        display: none;
    }

    /* 2段目以降（小さいカード）のマージンを詰める */
    [class*="list-category-"] .a-wrap:nth-child(n+2) {
        margin-top: 8px;
    }

    [class*="list-category-"] .a-wrap {
        margin-bottom: 0;
    }

    /* もっと見るボタン */
    [class*="list-category-"] .list-more-button-wrap {
        text-align: center;
        margin-top: 20px;
    }

}

/* 新年ご挨拶用 */
.newyear-text::after {
    content: '';
    position: absolute;
    bottom: -70px;
    right: 50px;
    width: 200px;
    height: 200px;
    background-image: url('https://kouhou.niigatakenjinkai.com/wp-content/uploads/2024/12/snake.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.eye-catch img {
    vertical-align: bottom;
    border: 1px solid #b9b9b9;
}

/* Modulaタイトル　PC用 */
/* おすすめスポットエリア (上側) */
#jtg-11562::before {
    content: "Recommended Spots\Aおすすめスポット";
    white-space: pre;
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #444;
    margin-bottom: 26px;
    text-align: left;
    border-left: 6px double #e6d8b2;
    padding-left: 2rem;
}

/* 旬のイベント情報エリア (下側) */
#jtg-9427::before {
    content: "Events & Topics\Aイベント・トピック";
    white-space: pre;
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #444;
    margin-bottom: 26px;
    text-align: left;
    border-left: 6px double #e6d8b2;
    padding-left: 2rem;
    margin-top: 60px;
}

/* 20250410　追記 */
/* 人気記事ランキング　サムネイル画像調整 */
.popular-entry-cards .popular-entry-card-link {
    max-width: 280px !important;
    border: none !important;
}

/* 全順位共通：番号バッジ（2位以降） */
.popular-entry-card-link::before {
    content: attr(data-rank);
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 3;
}

/* 1位のデフォルトの順位バッジを非表示にする */
.popular-entry-card-link.no-1 .popular-entry-card-rank,
.popular-entry-card-link.no-1 .popular-entry-card-no {
    display: none !important;
}

/* 1位だけ王冠メダルアイコンを表示 */
.popular-entry-card-link.no-1::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('https://kouhou.niigatakenjinkai.com/wp-content/uploads/2025/04/crown_ranking_no1.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 10;
}

.popular-entry-card-link::before {
    background: none;
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
    content: none;
}