@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1b3x5r');
  src:  url('fonts/icomoon.eot?1b3x5r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1b3x5r') format('truetype'),
    url('fonts/icomoon.woff?1b3x5r') format('woff'),
    url('fonts/icomoon.svg?1b3x5r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body {
  font-family: "LINE Seed JP", sans-serif;
}
#main {margin: 0 auto;}

/* - - - - - - - - - - - - -
　　ヘッダー
- - - - - - - - - - - - -　*/
@media only screen and (max-width: 767px) {
.site__logo .custom-logo {width: 10rem;}
}
header#header {
    border-bottom: 6px solid var(--main-link-color);
}
@media only screen and (min-width: 768px) and (max-width: 1001px) {

  .inner-header {
    position: relative;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .inner-header .nav_btn {
    width: 45px;
  }

  .site__logo {
    order: 2;
    flex-grow: 2;
    width: calc(100% - 117px);
    max-width: calc(100% - 117px);
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 50px;
  }

  /* ロゴ画像を明示的に表示 */
  .site__logo .custom-logo-link {
    display: inline-flex !important;
    width: 200px;
  }

  .site__logo .custom-logo {
    width: auto !important;
    height: auto !important;
    max-height: 100px !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* ロゴタイトル */
  .site__logo .site__logo__title {
    display: block !important;
    visibility: visible !important;
  }

  .inner-header .menu_btn {
    display: flex !important;
    position: absolute;
    top: 0;
    left: 0;
    order: 1;
    width: 3em;
  }

  .inner-header .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    order: 3;
    width: 3.7em;
  }

  .stk_g_nav.stk-hidden_sp {
    display: none !important;
  }
}

/* - - - - - - - - - - - - -
　　グローバルメニュー
- - - - - - - - - - - - -　*/
.breadcrumb.--bc-scroll .wrap::after{content:none;}
.breadcrumb.--bc-scroll{background:var(--main-link-color);color: var(--inner-content-bg);padding: .1rem 0 .2rem;}
.breadcrumb .bc_homelink .breadcrumb__link::before, .breadcrumb.--bc-scroll .breadcrumb__li::after{color:#fff;}

/* - - - - - - - - - - - - -
　グローバルナビ・パンくず
- - - - - - - - - - - - -　*/
a.nav_btn.menu_btn,a.nav_btn.search_btn{bottom:0;position: relative;border-radius: .5rem;}
a.nav_btn.menu_btn,a:hover.nav_btn.search_btn:hover{color: #fff!important;}

.stk_g_nav li a::before{
    font-family: "icomoon";
    font-size: 150%;
    margin-right: .4em;
    line-height: 1;
    display: block;
}
.breadcrumb__li a::before{font-family: "icomoon";}

/* 1. 親要素をグリッドレイアウトにして2列に分割 */
.hamburger-menu-ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 1:1の等幅で2列にする */
  gap: 12px;                             /* ボタン同士の隙間 */
  padding: 15px;
  margin: 0;
  list-style: none;
}

/* 2. リスト項目内のリンク(aタグ)をボタン風に装飾 */
.hamburger-menu-sp-wrap li a {
  display: flex;
  flex-direction: column;      /* アイコンを上、文字を下に配置 */
  align-items: center;         /* 中央揃え */
  justify-content: center;
  padding: 20px 10px;          /* ボタンの高さ（上下余白） */
  background: #ffffff;         /* ボタンの背景色 */
  border: 3px solid var(--main-link-color);    /* ボタンの枠線 */
  border-radius: 12px;         /* 角の丸み */
  text-decoration: none;
  color: var(--main-link-color);              /* 文字色 */
  font-size: 0.9rem;
  font-weight: bold;
  transition: all 0.2s ease;
   /* 軽い影をつけて立体感を出す */
}

/* 3. タップ（ホバー）時の反応 */
.hamburger-menu-sp-wrap li a:active,
.hamburger-menu-sp-wrap li a:hover {
  background: #ccc;         /* 背景をわずかにグレーに */
  border-color: var(--main-link-color);       /* 枠線をテーマカラーに */
  transform: translateY(-2px); /* 少しだけ浮き上がるアニメーション */
}

/* 4. アイコン（::before）のサイズと位置を調整 */
.hamburger-menu-sp-wrap li a::before {
  font-family: "icomoon";
  font-size: 2.2rem;           /* アイコンを大きく表示 */
  color: var(--main-link-color);              /* アイコンの色（テーマカラー） */
  margin-bottom: 8px;          /* アイコンと下の文字の間の隙間 */
  margin-right: 0;             /* 縦並びなので横マージンは不要 */
  display: block;
  line-height: 1;
}

#menu-item-2822 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/about/"]::before{content: "\e917";}/* マルータとは？ */
#menu-item-1652 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/shop/"]::before{content: "\e91b";}/* 店舗情報 */
#menu-item-1654 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/event/"]::before{content: "\e920";}/* イベント */
#menu-item-2742 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/job-offer/"]::before{content: "\e923";}/* 求人情報 */
#menu-item-2948 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/house/"]::before{content: "\e905";}/* 空き家情報 */
#menu-item-1730 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/column/"]::before{content: "\e918";}/* コラム */
#menu-item-3207 a::before,.breadcrumb__li a[href*="https://probaton.xsrv.jp/contact/"]::before{content: "\e915";}/* お問い合わせ */
#menu-item-2842 a::before{content: "\e9da";}/* お気に入り */


/* サーチボックス（SEARCH ）*/
.nav_btn{color:#fff;background: var(--header-text-color);padding: .5rem;display: inline-block;width: 5rem;}
.nav_btn__svgicon{fill:#fff;}
@media only screen and (max-width: 767px) {
    .inner-header .nav_btn {
        width: 55px;
    }
}

@media only screen and (min-width: 768px) {
    .nav_btn .text {
        font-size: 68%;
        flex-flow: row wrap;
        font-weight: 700;
    }
}

@media only screen and (min-width: 981px) {
    .nav_btn .text {
        font-size: 78%;
    }
}

@media only screen and (min-width: 1167px) {
    .nav_btn .text {
        font-size: 78%;
    }
}

/* - - - - - - - - - - - - -
　　フッター
- - - - - - - - - - - - -　*/
.footer-links > .menu{margin: 0 0 1rem;}
.footer-links a::before{color: var(--footer-link-color);}

/* - - - - - - - - - - - - -
　　カテゴリーページ
- - - - - - - - - - - - -　*/
.cat-name{display:none;}

body.single #inner-content {padding-top:0;}
.entry-content .article-header p{margin: .4rem 0 0;}
.category #content #inner-content{padding-top: .5rem;}
.pagination .page-numbers, .page-links .post-page-numbers{border-radius:1.5rem;}
.shop_filter_area, .shop_filter_industry,.shop_filter_area,.job_filter_employment {}
.shop_filter_area,.job_filter_area {margin-top: .7rem;}
.entry-content .shop_filter_area h3:not(.is-style-stylenone),.entry-content .job_filter_area h3:not(.is-style-stylenone){margin-top:0;}
.shop_filter_industry,.job_filter_employment {margin-top: 2.5rem;}
.entry-content .shop_filter_area h3, .entry-content .shop_filter_industry h3,
.entry-content .job_filter_area h3, .entry-content .job_filter_employment h3{margin: 0 0 .7rem;padding-top: 0;}
.entry-content .shop_filter_area h3::before, .entry-content .shop_filter_industry h3::before,
.entry-content .job_filter_area h3::before, .entry-content .job_filter_employment h3::before
{color: var(--main-link-color);bottom: .5rem;background:transparent;font-family:"icomoon";text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;}
.entry-content .shop_filter_area h3::before,.entry-content .job_filter_area h3::before{content:"\e947";margin-right: .5rem;}

.entry-content .job_filter_employment h3::before{content:"\e916";margin-right: .5rem;}

@media only screen and (max-width: 680px) {.entry-content .shop_filter_area h3::before, .entry-content .shop_filter_industry h3::before,.entry-content .job_filter_area h3::before, .entry-content .job_filter_employment h3::before{position: relative;font-size: 100%;}}
@media only screen and (min-width: 981px) {.entry-content .shop_filter_area h3::before, .entry-content .shop_filter_industry h3::before,.entry-content .job_filter_area h3::before, .entry-content .job_filter_employment h3::before{position: relative;font-size: 85%;}}
.entry-content .shop_filter_industry h3::before{content:"\e90d";margin-right: .7rem;}
.entry-content .shop_filter_area h3::after, .entry-content .shop_filter_industry h3::after,.entry-content .job_filter_area h3::after, .entry-content .job_filter_employment h3::after{content:none;}

.search-emp-label {
  display: inline-flex;
  align-items: center;
  gap: .25em;
  white-space: nowrap;
  min-width: 23%;
}



/* - - - - - - - - - - - - -
　　ボタン
- - - - - - - - - - - - -　*/

.btn-wrap a, .wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color), .wp-block-button.is-style-stripe .wp-block-button__link:not(.has-background){background:var(--main-ttl-bg);}

/* - - - - - - - - - - - - -
　　おすすめ
- - - - - - - - - - - - -　*/
.original-related{padding: .5rem 1rem 1rem;border-radius: 1rem;}
.original-related .related-h{margin: 0 0 .5rem;display: block;text-align: center;}
.original-related .related-h .gf{color:var(--main-ttl-bg);font-size: 140%;}
#related-box ul{margin-bottom:0;}
.related_newpost__li time{display: none;}
.related_newpost__li .ttl{margin-top:.2rem;text-align:center;}
#related-box .h_ttl::after{display:block;font-size: 15px;}

/* - - - - - - - - - - - - -
　　SNSシェア
- - - - - - - - - - - - -　*/
.sharewrap{text-align:center;}
.sharewrap{padding: 1rem 1rem 1.5rem;border-radius:1rem;}
.sharewrap__title{;margin-bottom: .5rem;}

/* - - - - - - - - - - - - -
　　コメント
- - - - - - - - - - - - -　*/
.comment-respond{padding:1rem;border-radius:1rem;}
.comment-reply-title{margin: 0 0 .5rem;color: var(--main-ttl-bg);}
.comment-reply-title::before{background:none;width: 0;}
.comment-respond p{margin-bottom:.5rem;}
.comment-respond .form-submit input#submit{margin-top: 1rem;background: var(--main-ttl-bg);}

/* - - - - - - - - - - - - -
　　文字装飾
- - - - - - - - - - - - -　*/
strong,
.span-stk-maker-yellow, .span__stk_maker_yellow,
.span-stk-maker-blue,   .span__stk_maker_blue,
.span-stk-maker-green,  .span__stk_maker_green,
.span-stk-maker-pink,   .span__stk_maker_pink
{
    background-image: none;
    border-bottom: 3px solid var(--main-ttl-bg);
    padding: 0 3px 0;
    font-weight: bold;
}

.line-through{text-decoration:line-through;}

/* - - - - - - - - - - - - -
　　リンクテキスト
- - - - - - - - - - - - -　*/

a:hover{text-decoration:none;}

/* - - - - - - - - - - - - -
　entry-content
- - - - - - - - - - - - -　*/

.entry-content{
    text-align: left;
}

/*---------------------------
　　背景が水玉
---------------------------*/

.eyecatch,.entry-content [class*="is-style-supplement-"], blockquote:not([class*=-embed]):not(.is-style-large), .cbox:not(.type_simple):not(.type_ttl).is-style-site_color, .entry-content .wp-block-image, #ez-toc-container, .search_filter-wrap,.original-related,.comment-respond,.sharewrap,figure.wp-block-gallery.has-nested-images,.entry-content ul:not(li ul), .entry-content ol:not(li ol) {
    background-color: #f7f6f0;
    border: none;
    background-size: 10px 10px;
    background-image: radial-gradient(#ffffff 20%, transparent 20%), radial-gradient(#ffffff 20%, transparent 20%);
    background-position: 0 0, 25px 25px;
   }

/*---------------------------
　　目次（もくじ）
---------------------------*/
#ez-toc-container li:before {
    content: none;
}
.ez-toc-title-container {
    display: table;
    width: 100%;
    margin: 0 0 .5rem;
    font-size: 200%;
    position: relative;
    padding-bottom: 1rem;
    top: -1rem;
    /* border-bottom: 3px dotted var(--main-text-color); */
}

#ez-toc-container, .search_filter-wrap,#ez-toc-container {
    text-align: left;
    display: table;
    position: relative;
    font-size: 95%;
    width: 100%!important;
    padding: 0 1.2rem 1.5rem;
    border: 5px solid var(--main-link-color);
    margin: 5rem 0 5rem 0;
    box-shadow: none; /* ← ここにセミコロンを追加 */
    counter-reset: number; /* カウント開始 */
}

#ez-toc-container ul li {
    margin: var(--stk-list-item-margin,.7em) 0;
    font-size: 100%!important;
    font-weight: bold!important;
    line-height: var(--stk-line_height,1.8);
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
    color: var(--main-link-color);
    padding-left: 1rem;
}
div#ez-toc-container ul li a:hover{color:var(--main-link-color-hover);}
#ez-toc-container li:last-child {
    margin-bottom: 0;
}

#ez-toc-container li li {
    font-weight: normal!important;
    margin: .5em 0!important;
    text-indent: -.5rem;
}

/* 子要素（第2階層）はハイフン */
#ez-toc-container ul.ez-toc-list li li::before {
    content: "−";
    background: transparent;
    font-weight: bold;
    color: var(--main-link-color);
}

/* 親要素（第1階層）のカウントアップ設定 */
#ez-toc-container ul.ez-toc-list > li {
    counter-increment: number; /* ここで数字を増やす */
}

#ez-toc-container .ez-toc-heading-level-2 + .ez-toc-heading-level-2{margin-top:.5rem;}

#ez-toc-container ul.ez-toc-list > li::before {
    display: inline-block;
    content: counter(number);
    font-weight: bold;
    font-size: 75%;
    background-color: var(--main-link-color);
    color: var(--main-ttl-color);
    min-width: 2.1em;
    height: 2.1em;
    line-height: 2.1;
    text-align: center;
    margin-right: .3em;
    padding: 0 7px;
    transform: scale(.9);
}

#ez-toc-container a {
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
}

div#ez-toc-container .ez-toc-title {
    display: initial;
    font-weight: bold;
    margin: 0;
    position: relative;
    display: block;
    top: .9rem;
    color: var(--main-link-color);
    border: none;
    position: relative;
    background-image: repeating-linear-gradient(45deg, var(--main-link-color), var(--main-link-color) 5px, transparent 5px, transparent 10px);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: .3em .6em .5em;
    z-index: 0;
}

#ez-toc-container .ez-toc-title::before {
    font-family: var(--stk-font-awesome-free,"Font Awesome 5 Free");
    content: "\f03a";
    display: inline-block;
    margin-right: 1rem;
    margin-left: 1rem;
}

#ez-toc-container a.ez-toc-toggle {
    color: #444;
    display: flex;
    align-items: center;
    background: inherit;
    border: inherit;
}

#ez-toc-container .ez-toc-list {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
    margin-left: 1.5em;
}

@media only screen and (max-width: 480px) {
    #ez-toc-container {
        font-size: 90%;
    }
}

#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
    background: none;
    list-style: none none;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.ez-toc-title-toggle {
    display: inline;
    margin-top: .5rem;
    position: absolute;
    top: -1rem;
    right: 1rem;
}


/* - - - - - - - - - - - - -
　FAQの問左寄せ
- - - - - - - - - - - - -　*/
dt.oc-faq__title {text-align: left;color:var(--main-ttl-bg);}
.entry-content dl p{margin:0;}

/* - - - - - - - - - - - - -
　段落 Pタグ 
- - - - - - - - - - - - -　*/
.single .entry-content > p:first-child, body.page:not(.home) #content:not(.lp-wrap) .entry-content > p:first-child{margin-top: 2rem;}
.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.1rem;line-height: 1.9;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.08rem;line-height: 2;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.09rem;line-height: 1.9;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.21rem;line-height: 1.9;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.35rem;line-height: 2;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.47rem;line-height: 1.9;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content p,kbd,#toc_container p.toc_title,#toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.24rem;line-height: 1.9;}}
@media only screen and (min-width: 1081px){.entry-content p, kbd, #toc_container p.toc_title,.cbox:not(.type_simple).is-style-site_color .span__box_title,.accordion_label {font-size: 1.3rem;line-height: 2;}}

@media only screen and (min-width: 481px) {
  .entry-content p,kbd {margin: 0 1rem 3.5rem;}
}

/*---------------------------
　　見出し1（H1タグ） 
---------------------------*/
.archive-title.ttl-category::before{content:none;}
.entry-header .entry-title, .archive-title.ttl-category{text-align:left;color:var(--main-ttl-bg);border:none;}

/* h1　（メディアクエリ）　*/
.entry-title.post-title{line-height: 1.2;font-size: 1.8rem;}
.category .entry-title.post-title{margin:1rem;}
@media only screen and (min-width: 481px) and (max-width: 600px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 1.8rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.3rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.5rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.65rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.8rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.5rem;}}
@media only screen and (min-width: 1081px){.entry-title.post-title, .archive-title, .entry-header .entry-title{font-size: 2.5rem;}}

/*---------------------------
　　見出し2（H2タグ） 
---------------------------*/

.entry-content h2:not(.is-style-stylenone),.cate-title, .archives-list #all-articles {
    padding: .7em .7em;
    margin: 5rem 0 1.5rem;
    line-height: 1.4em;
    border-radius: 1rem;
    background-image: repeating-linear-gradient(        45deg,         transparent,         transparent 8px,         rgba(255, 255, 255, 0.1) 8px,         rgba(255, 255, 255, 0.1) 16px    );
    background-color: var(--main-ttl-bg);
    color: var(--main-ttl-color);
}
h2::before{
      content: "";
      margin: 0;
      color: var(--main-ttl-bg);
      text-shadow: none;
      font-size: 80%;
      display: inline-block;
      padding: 3px 0 2px;
      background: #fff;
      margin-right: .3em;
      width: 1rem;
      height: 1rem;
      text-align: center;
      vertical-align: middle;
      border-radius: 50%;
      line-height: .9;
      position: relative;
      bottom: .1em;
      }

/* h2　（メディアクエリ）　*/
.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.32rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.5rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.55rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.7rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.8rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.95rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.6rem;}}
@media only screen and (min-width: 1081px){.entry-content h2:not(.is-style-stylenone),.homeadd_wrap h2,.entry-content .addup h2,.cate-title, .archives-list #all-articles{font-size: 1.8rem;}}

.numbering2 {counter-reset: headline2;}
.numbering2 h2{content: counter(headline2);}
.numbering2 h2::before{
      counter-increment: headline2;
      content: counter(headline2);
      width: 1.7rem;
      height: 1.7rem;
      }
@media only screen and (max-width: 480px){.numbering2 h2::before {line-height: .85;width: 1.3rem;height: 1.3rem;}}
@media only screen and (min-width: 481px) and (max-width: 600px){.numbering2 h2::before {line-height:1.1;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.numbering2 h2::before {line-height: 1.1;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.numbering2 h2::before {line-height: .9;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.numbering2 h2::before {line-height: .9;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.numbering2 h2::before {line-height: 1;font-size: 70%;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.numbering2 h2::before {line-height: 1;}}
@media only screen and (min-width: 1081px){.numbering2 h2::before {line-height: .9;}}

@media only screen and (max-width: 480px) {
    .archives-list.simple-list #all-articles {
        margin-left: var(--stk-h2-margin-rl, -2vw);
        margin-right: var(--stk-h2-margin-rl, -2vw);
    }
}

/*---------------------------
　　見出し3（H3タグ） 
---------------------------*/

.entry-content h3:not([class*=is-style-style]) {
    text-align: left;
    border: 0!important;
    margin: 5rem 0 1.5rem;
    color: var(--main-link-color);
    position: relative;
    background-image: repeating-linear-gradient(45deg, 
        var(--main-link-color), 
        var(--main-link-color) 5px, 
        transparent 5px, 
        transparent 10px
    );
    background-size: 100% 5px; /* 線の太さ（14px） */
    background-repeat: no-repeat;
    background-position: bottom;
    
    /* 文字と線の距離が近い場合は、padding-bottomで調整してください */
    padding: .3em .6em .5em;
    text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
    z-index: 0;
    line-height: 1.6;
}
.entry-content h3::after{
    color: var(--main-link-color);
    content:"";
    background-image: repeating-linear-gradient(45deg, 
        var(--main-link-color), 
        var(--main-link-color) 5px, 
        transparent 5px, 
        transparent 10px
    );
    width: 100%;
    height: 20px;
    background-size: 100% 5px; /* 線の太さ（14px） */
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    }
h3::before{
  content:"";
  margin: 0;
  color: #fff;
  text-shadow: none;
  font-size: 75%;
  display: inline-block;
  padding: 3px 0 3px;
  background: var(--main-link-color);
  margin-right: .3em;
  width: 1rem;
  height: 1rem;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  bottom: .1em;
  border-radius: 20%;
  }

/* h3　（メディアクエリ）　*/

.entry-content h3:not(.is-style-stylenone){font-size: 1.22rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h3:not(.is-style-stylenone){font-size: 1.36rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h3:not(.is-style-stylenone){font-size: 1.4rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h3:not(.is-style-stylenone){font-size: 1.59rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h3:not(.is-style-stylenone){font-size: 1.73rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h3:not(.is-style-stylenone){font-size: 1.8rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h3:not(.is-style-stylenone){font-size: 1.45rem;}}
@media only screen and (min-width: 1081px){.entry-content h3:not(.is-style-stylenone){font-size: 1.56rem;}}
	
/* 見出し3のナンバリング */

.numbering3 {counter-reset: headline3;}
.numbering3 h3{content: counter(headline3);}
.numbering3 h3::before{
      counter-increment: headline3;
      content: counter(headline3);
      width: 1.3em;
      height: 1.3em;
      }

.numbering3.step h3::before {
    counter-increment: headline3; /* 変数名のみを記述 */
    content: "STEP " counter(headline3) " "; /* 文字列と変数を結合 */
    
    /* レイアウト調整（width/heightを有効にするため） */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; /* STEP+数字が入るよう広めに設定 */
    height: 2rem;
     /* 例：背景色 */
    color: #fff;
    padding: 0 .5rem;
    margin-right: 0.5em;
    font-size: 0.8em;
    border-radius: .5rem;
}


@media screen and (max-width: 480px) {.numbering3 h3::before{width: 1.4rem;height: 1.4rem;line-height: 1.1;}}

/*---------------------------
　　見出し4（H4タグ） 
---------------------------*/

/* h4（メディアクエリ）　*/

.entry-content h4:not(.is-style-stylenone){
    font-size: 1.16rem;
    padding: 0.4em 0 0.4rem .4rem;
    color: var(--main-ttl-bg);
    margin: 3.5rem 0 1.5rem;
    border: none;
    border-bottom: solid 6px var(--main-ttl-bg);
    }
.other-articles{font-size: 1.16rem;font-weight: bold;border-bottom: dotted 3px #000;margin-bottom: 1em;padding-left: .5rem;}

h4::before{
  content:"";
  margin: 0;
  color: #fff;
  text-shadow: none;
  font-size: 65%;
  display: inline-block;
  padding: 3px 0 2px;
  background: var(--main-ttl-bg);
  margin-right: .3em;
  width: .7rem;
  height: .7rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  line-height: .9;
  position: relative;
  bottom: .17rem;
  }

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.3rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.35rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.5rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.6rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.75rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.41rem;}}
@media only screen and (min-width: 1081px){.entry-content h4:not(.is-style-stylenone),.other-articles{font-size: 1.5rem;}}

.numbering4 {counter-reset: headline4;}
.numbering4 h4{content: counter(headline4);}
.numbering4 h4::before{
      counter-increment: headline4;
      content: counter(headline4);
      width: 1.2rem;
      height: 1.2rem;
      line-height: .85;
      }
@media only screen and (max-width: 480px) {.numbering4 h4::before{line-height: 1.1;}}

/*---------------------------
　　テーブル（TABLEタグ）
---------------------------*/
.entry-content table th,.entry-content table td{border: 1px solid #3271ae;}
.entry-content table ul:not(li ul), .entry-content table ol:not(li ol){margin-bottom:0;}

.entry-content table{word-break: break-all;}
.valign-top{vertical-align: top;}
.entry-content table {margin-bottom: 5rem;line-height: 1.1;}
figcaption{text-align:right;}

.entry-content table p {margin:0;line-height:1.5;}
.category-shortcode-area .shop-info-table{margin-bottom:1rem;}
.category-shortcode-area .shop-info-table table{margin-bottom:0;}
.category-shortcode-area {
    /* padding: 2.5rem 1rem; */
    /* border-radius: 1rem; */
}
@media only screen and (max-width: 500px) {.category-shortcode-area{padding: 0;background-color: transparent;background-size: 0;background-image: none;}}
.entry-content .category-shortcode-area th {width: 8em;text-align: left;}

.entry-content .category-shortcode-area .job-offer-info .job_benefits_text span {letter-spacing: -.05rem;}

.entry-content .category-shortcode-area td {text-align:left;background:#fff;}
.shop-info-note{color: #3e3e3e;}


/* テーブルの横幅 */
.width-30per tr td:first-child, .width-30per th{width: 30%;}

/* メディアクエリ（テーブル） */
.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 0.88rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.02rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.03rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.17rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.29rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.40rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.1rem;}}
@media only screen and (min-width: 1081px){.entry-content table,.entry-content table p,.entry-content table caption,.entry-content dl,.entry-content dl p{font-size: 1.2rem;}}


.stk-table-thdesign.sweets tr td:first-child, .sweets th{width:30%;}

.cbox,ul,ol{margin: 0;margin-bottom:3.5em;}
.cbox ul,.cbox ol,.entry-content table ul,.entry-content table ol{margin: 0;}
.cbox:not(.type_simple):not(.type_ttl).is-style-site_color.box-lp{border-color: #707070;background-color: #fff;box-shadow: 6px 6px 0px #707070;}

/* テーブル内の箇条書き<LI> */
.entry-content table li {font-size: 100%}


@media only screen and (min-width: 481px) {
.cbox,ul,ol{margin: 0 1rem 5rem;}
.cbox ul,.cbox ol{margin: 0 .5em;}
}

.entry-content ol > li::before{top: -5px;}
@media only screen and (max-width: 480px) {.entry-content ol > li::before{top: -4px;}}


/*---------------------------
　　箇条書き
---------------------------*/

.entry-content ul:not(li ul), .entry-content ol:not(li ol){text-align:left;margin: 3rem 0 3rem;padding: 1rem 1rem;border-radius:1rem;}

.entry-content .auto-toc-block-ol a::before {
    content: "\ea36 ";
    font-family: 'icomoon';
    font-size: .9rem;
}
.entry-content .cbox ul:not(li ul), .entry-content .cbox ol:not(li ol){background:transparent;padding: 0;}
.entry-content dl ul:not(li ul), .entry-content dl ol:not(li ol){margin-bottom:0;}

/* メディアクエリ（箇条書き）
- - - - - - - - - - - - - */

.entry-content li,.toc_list {font-size: 1.1rem;line-height: 1.3;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content li,.toc_list {font-size: 1.08rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content li,.toc_list {font-size: 1.09rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content li,.toc_list {font-size: 1.21rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content li,.toc_list {font-size: 1.35rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content li,.toc_list {font-size: 1.47rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content li,.toc_list {font-size: 1.24rem;}}
@media only screen and (min-width: 1081px){.entry-content li,.toc_list {font-size: 1.3rem;}}

/*---------------------------
　　画像（IMGタグ）
---------------------------*/
.entry-content .wp-block-image{padding:1rem;text-align: center;margin-bottom: 4rem;border-radius: 1rem;}
.article-header .eyecatch img, .entry-content img{border: 1px solid #a2a2a2;margin: 0;}
.wp-block-image,.wp-block-table,.wp-block-video, .wp-block-embed.is-type-video{margin-bottom: 4rem;}
figure.wp-block-gallery.has-nested-images {margin-bottom: 4rem;padding:1rem;border-radius:1rem}
.entry-content figure.wp-block-gallery.has-nested-images figure{background:transparent;padding: 0;}
.entry-content figcaption{text-align:center;margin-bottom: 0;}
.entry-content figcaption::before{font-family:"icomoon";content:"\ea32";margin-right: .5rem;}

.article-header .eyecatch {padding: 1rem;text-align: center;border-radius: 1rem;}

/* 画像背景を白に */
.entry-content .bg-white img{background:#fff;}

/*---------------------------
　　ボタン
---------------------------*/
.entry-content .is-style-fill{margin-bottom:3rem;}
.entry-content .is-style-fill a::after,.entry-content .event-apply-btn a[target=_blank]::after,.entry-content .job-apply-url a[target=_blank]::after{
    font-family: 'icomoon'!important;
    content: "\ea42"!important;
    margin-left: 0.3rem!important;
    position: relative;
    top: 1px;
    font-size: 90%!important;
}

/*---------------------------
　　囲み領域
---------------------------*/

.entry-content [class*="is-style-supplement-"]{
    }

.entry-content .cbox{border-radius: 1rem; /* 背景色 */ /* ドットの色と大きさ */ /* ドットの間隔 */position: relative;}
.cbox:not(.type_ttl) .box_title {margin-bottom: 2rem;position: absolute;top: -1rem;left: 1rem;z-index: 10;}
.entry-content .cbox p{ margin-bottom:1em; }
.entry-content .cbox p + p{margin-top:2.5rem; }
.entry-content .cbox p + ul,
.entry-content .cbox p + ol{margin-top:2.5rem; }
.entry-content .cbox ul + p,
.entry-content .cbox ol + p{margin-top:2.5rem; }
.entry-content .cbox p:last-child{margin-bottom:0;}
.entry-content .cbox ul,.entry-content .cbox ol {margin:0;}
.cbox:not(.type_simple).is-style-site_color .span__box_title{color: var(--main-ttl-bg);display: block;text-align: left;background: transparent;top: .5rem;border-bottom: dashed 3px  var(--main-ttl-bg);}
/*.cbox:not(.type_simple).is-style-site_color .span__box_title::before{content:"\ea36";font-size: 90%;font-family:"icomoon";position: relative;left: -.4rem;}*/

/*---------------------------
　ボックスタイトルをフキダシに変更
---------------------------*/

/* タイトルの背景（黄色）と文字設定 */
.cbox:not(.type_simple).is-style-site_color .span__box_title {
    background: var(--main-ttl-bg); /* 背景色：黄色 */
    color: #fff;        /* 文字色：黒 */
    padding: 0.4em 1em !important;  /* 内側の余白 */
    font-weight: bold;
    border: none !important;        /* 下の点線を消去 */
    border-radius: 2px;             /* わずかに角を丸く */
    display: inline-block;
    position: relative;
    top: 0 !important;              /* 既存のtop指定をリセット */
}

/* フキダシの「しっぽ」を作成 */
.cbox:not(.type_simple).is-style-site_color .span__box_title::after {
    content: "";
    position: absolute;
    bottom: -7px; /* 下に配置 */
    left: 10px;   /* 左からの位置 */
    border-top: 7px solid var(--main-ttl-bg);  /* フキダシと同じ黄色 */
    border-left: 5px solid transparent;
    border-right: 4px solid transparent; /* 左右比を変えて少し斜めに */
}

/* 既存のアイコン（↓など）を消す（画像に合わせて） */
.cbox:not(.type_simple).is-style-site_color .span__box_title::before {
    display: none !important;
}

/* ボックス本体の上の余白を調整（タイトルがはみ出すため） */
.cbox:not(.type_simple):not(.type_ttl).is-style-site_color {
    margin-top: 5rem;
    padding-top: 2rem;
}

/*---------------------------
　　小さめの文字
---------------------------*/

/* メディアクエリ（小さめの文字） */
.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 0.72rem;}

@media only screen and (min-width: 481px) and (max-width: 600px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 0.82rem;}}
@media only screen and (min-width: 601px) and (max-width: 680px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 0.85rem;}}
@media only screen and (min-width: 681px) and (max-width: 780px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 0.95rem;}}
@media only screen and (min-width: 781px) and (max-width: 880px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 1.1rem;}}
@media only screen and (min-width: 881px) and (max-width: 980px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 1.2rem;}}
@media only screen and (min-width: 981px) and (max-width: 1080px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 0.92rem;}}
@media only screen and (min-width: 1081px){.entry-content .smaller,blockquote cite,blockquote p:last-child,.entry-content figcaption,.entry-content dl table,.area-button ul li,.entry-content [class*="is-style-supplement-"], .category-shortcode-area [class*="-info-note"], .cbox:not(.type_simple).is-style-site_color .span__box_title, .entry-content .btn-reset {font-size: 1rem;}}

/*---------------------------
　　引用
---------------------------*/
blockquote:not([class*=-embed]):not(.is-style-large){text-align:left;}
blockquote:not([class*=-embed]):not(.is-style-large) p{margin:0 0 1.5rem;}
blockquote:not([class*=-embed]):not(.is-style-large) cite{text-align:right;padding-top: 1rem;border-top: 3px dotted #3e3e3e;}
blockquote:not([class*=-embed]):not(.is-style-large) cite::before {content: "※ 引用：";font-weight: bold;}

/*---------------------------
　　iframe（Google マップ）
---------------------------*/
iframe{margin-bottom: 3em;}


/*---------------------------
　　ボタン
---------------------------*/

.wp-block-buttons{margin:3rem 0;}

/*---------------------------
　　 CSSセレクタ
---------------------------*/

.wp-block-table+.cbox{margin-top:4rem;}


/*---------------------------
　　記事下の著者情報
---------------------------*/
.author-under-article{margin: 5em 0;padding: 4%;background: #f1f3f4;}
.entry-content .author-under-article h2{margin:0;}

.entry-content .author-under-article ol{margin-bottom:0;}

/*---------------------------
Instagram埋め込みをセンター寄せにする
 * ---------------------------*/ 
.instagram-center {
    display: flex;
    justify-content: center;
    margin: 20px 0; /* 上下に少し余白を入れる */
    width: 100%;
}


/* =========================================================
    クーポンカード・デザイン（分離アニメーション）
   ========================================================= */

@keyframes coupon-shake {
  0%   { transform: rotate(-180deg); }
  25%  { transform: rotate(-195deg); }
  75%  { transform: rotate(-160deg); }
  100% { transform: rotate(-180deg); }
}

.coupon-card {

  /* --- リンク枠 --- */
  .post-list__link {
    display: flex !important;
    align-items: stretch;
    background: transparent !important;
    border: none !important;
    text-decoration: none;
    position: relative;
    color: #3e3e3e;
    overflow: visible !important;
    perspective: 1000px;

    /* ハサミアイコン */
    &::after {
      font-family: "icomoon";
      content: "\e90b";
      position: absolute;
      left: 151px;
      bottom: 10px;
      background: #fff;
      border-radius: .5rem;
      font-size: 16px;
      color: #787676;
      line-height: 1;
      padding: 2px 0;
      z-index: 15;
      transform: rotate(-180deg);
      transition: all 0.3s ease;

      @media only screen and (max-width: 500px) { left: 106px; }
    }

    /* archives-list 標準ホバー（box-shadow）を無効化 */
    &:hover {
      box-shadow: none;
      &::after { background: transparent; }
    }
  }

  /* --- サムネ領域（左側） --- */
  .eyecatch {
    flex: 0 0 160px;
    max-width: 160px;
    position: relative;
    padding: .8rem;
    background-color: #f5f5f5;
    background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgba(255, 255, 255, .8) 5px, rgba(255, 255, 255, .8) 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #cecece;
    border-right: 1px dashed #787676;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    transform-origin: right center;
    z-index: 2;

    @media only screen and (max-width: 480px) { padding: .5rem; }
    @media only screen and (max-width: 500px) { max-width: 115px; flex: 0 0 115px; }

    /* 斜め「COUPON」ピンク帯 */
    &::before {
      content: "クーポン";
      position: absolute;
      top: 14px;
      left: -28px;
      width: 120px;
      text-align: center;
      font-size: 0.75rem;
      background: var(--main-ttl-bg);
      font-weight: 700;
      color: #fff;
      line-height: 1.8;
      text-indent: -.6rem;
      z-index: 10;
      transform: rotate(-45deg);
    }

    /* アイキャッチ画像 */
    img {
      width: 100%;
      height: auto;
      display: block;
      border: none;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
  }

  /* --- 本文領域（右側） --- */
  .archives-list-entry-content {
    padding: .5rem 1rem;
    flex: 1;
    text-align: left;
    background: #fff;
    border: 1px solid #cecece;
    border-left: none;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    transform-origin: left center;

    @media only screen and (max-width: 500px) { padding: .5rem; }
  }

  /* --- ホバー：分離アニメーション --- */
  &:hover {
    .eyecatch {
      transform: translateX(-10px) rotate(-1.5deg);
      border-right: 1px solid #cecece;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);

      @media only screen and (max-width: 500px) { transform: translateX(-5px) rotate(-1deg); }
    }
    .archives-list-entry-content {
      transform: translateX(10px) rotate(1.5deg);
      border-left: 1px solid #cecece;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);

      @media only screen and (max-width: 500px) { transform: translateX(5px) rotate(1deg); }
    }
    .post-list__link::after {
      animation: coupon-shake 0.5s infinite;
    }
  }

  /* --- タイトル --- */
  .entry-title {
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: .5rem;
    border-bottom: 3px dotted var(--main-ttl-bg);
    color: var(--main-ttl-bg);

    @media only screen and (max-width: 500px) { line-height: 1.2; }
  }

  /* --- 説明文 --- */
  .card_desc,
  .card_desc_coupon {
    margin-top: 6px;
    line-height: 1.6;
    font-size: 0.8rem;

    @media only screen and (max-width: 500px) { line-height: 1.2; font-size: 75%; }
  }

  .card_desc { color: #787777; }
  .card_desc_coupon { color: var(--main-ttl-bg); }

  /* --- 期間メタ --- */
  .card-meta {
    margin-top: 10px;

    .time__date {
      background: var(--label-bg);
    }
  }
}

/* クーポンカード内の eyecatch 右ボーダーを点線に固定（.post-list.article .eyecatch の上書き対策） */
.archives-list.simple-list .coupon-card .eyecatch { border-right: 1px dashed #cecece; }
/* クーポンカードのリンクホバー時に archives-list 標準の box-shadow を無効化 */
.archives-list:not(.big-list) .coupon-card .post-list__link:hover { box-shadow: none; }

/* =========================================================
   クーポンのリボン文言
   ========================================================= */
.coupon-card.special-coupon-1 .eyecatch::before {content: "まるがめ応援";letter-spacing: -.5px;text-indent: -15px;}



/* =========================================================
   クーポンボックス（個別記事内）
   ========================================================= */
.shop-coupon-box {
  position: relative;
  margin: 2em auto;
  padding: 1.5rem 1rem 1rem;
  border: 3px solid #848282;
  border-radius: 12px;
  text-align: center;
  max-width: 580px;
  overflow: visible;
  background-color: #fff3fd;
  background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.8) 10px);
}

/* 左上の斜めリボン */
.shop-coupon-box .coupon-badge {
  position: absolute;
  top: 15px;
  left: -41px;
  transform: rotate(-42deg);
  color: #fff;
  padding: 3px 41px;
  font-weight: 900;
  font-size: .8rem;
  letter-spacing: 0.1em;
  z-index: 5;
  background: url(images/ribbon2.svg) no-repeat top center;
  background-size: 133px;
}

/* タイトル部分の装飾 */
.shop-coupon-box .coupon-title {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--main-link-color);
  display: flex;
  align-items: center;
  line-height: 1.2;
  justify-content: center;
  gap: 12px;
}

.shop-coupon-box .coupon-title::before,
.shop-coupon-box .coupon-title::after {
  content: "━";
  color: var(--main-link-color);
  font-size: 1.8rem;
  font-weight: normal;
}
.shop-coupon-box .coupon-title::before { transform: rotate(-121deg); }
.shop-coupon-box .coupon-title::after  { transform: rotate(-61deg); }

/* コンテンツエリア */
.shop-coupon-box .coupon-body {
  display: block;
  min-height: 4rem;
  padding-left: 0;
  padding-bottom: 0;
  position: relative;
  margin-top: 1rem;
}

/* 「今すぐ使える」の丸 */
.shop-coupon-box .coupon-body::before {
  content: "今すぐ使える";
  writing-mode: vertical-rl;
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0.6rem;
  transform: rotate(-15deg);
  border: 4px dotted var(--main-link-color);
  color: var(--main-link-color);
  border-radius: 50%;
  font-size: .7rem;
  font-weight: bold;
  position: absolute;
  left: 1rem;
  bottom: -.5rem;
  background: #fff;
  flex-shrink: 0;
}

/* メインテキスト */
.shop-coupon-box .coupon-body p {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
  display: inline-block;
  width: 80%;
  position: absolute;
  left: 6rem;
  top: .3rem;
  text-align: left;
  color: var(--main-ttl-bg);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  margin: 0;
  text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff,
               2px -2px 0px #ffffff, -2px -2px 0px #ffffff,
               2px 0px 0px #ffffff, 0px 2px 0px #ffffff,
               -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}

/* 有効期間と仕切り線 */
.shop-coupon-box .coupon-term {
  position: relative;
  margin-top: 1rem;
  line-height: 2.5;
  border: 2px dashed var(--main-ttl-bg);
  font-size: 1.1rem;
  color: #1b2d5d;
  font-weight: bold;
  background: var(--label-bg);
  text-align: center;
}

/* 右下のアイコン */
.shop-coupon-box .coupon-term::after {
  content: "\e917";
  font-family: 'icomoon';
  position: absolute;
  color: var(--main-link-color);
  right: 21px;
  bottom: -16px;
  font-size: 3.5rem;
  transform: rotate(10deg);
  opacity: .7;
}

/* レスポンシブ（〜480px） */
@media (max-width: 480px) {
  .shop-coupon-box { padding: .7rem; }

  .shop-coupon-box .coupon-badge {
    font-size: .7rem;
    padding: 4px 35px;
    left: -32px;
    top: 15px;
    background-size: 135px;
  }

  .shop-coupon-box .coupon-title { font-size: 1rem; }

  .shop-coupon-box .coupon-body { font-size: 1rem; }

  .shop-coupon-box .coupon-body::before {
    width: 50px;
    height: 50px;
    font-size: .7rem;
    padding: .1rem .3rem 0 0;
    line-height: 1.3;
    left: .6rem;
  }

  .shop-coupon-box .coupon-body p {
    font-size: 1.2rem;
    top: 0;
    left: 5rem;
    width: 67%;
  }

  .shop-coupon-box .coupon-term { font-size: 1rem; }
  .shop-coupon-box .coupon-term::after { font-size: 2.5rem; top: -4.5rem; right: 0; }
}

/* =========================================================
   AD 広告（archives-list 共有スタイル）
   ========================================================= */

.archives-list.simple-list .ad .post-list__link::after {
  content: "AD";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  color: #c7c7c7;
  font-size: 0.65rem;
  font-weight: bold;
  padding: 2px 6px;
  line-height: 1.4;
  border-radius: 4px 0 0 0;
  border-left: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  z-index: 10;
}

/* =========================================================
    マルータ：新店カード（NEW OPEN 浮き上がりデザイン）
   ========================================================= */

/* タイトル本体：アイコンが入り込むスペースを padding-left で確保 */
.entry-content .newopen-card .entry-title {
  padding-left: 1.8rem; /* ★アイコンの幅分だけ左を空ける */
}

/* 「NEW OPEN」リボン */
.newopen-card .eyecatch::before {
  position: absolute;
  top: 14px;
  left: -28px;
  width: 120px;
  text-align: center;
  background: var(--header-text-color);
  font-weight: 700;
  color: #fff;
  z-index: 10;
  transform: rotate(-45deg);
    text-indent: -.6rem;line-height: 1.8;font-size: 0.7rem;
}

/* リボン文言 */
.newopen-card.type-renewal .eyecatch::before {content: "リニューアル";}
.newopen-card.type-open .eyecatch::before {content: "新規オープン";}
.newopen-card.type-moved .eyecatch::before {content: "移転オープン";}

/* クラッカーアイコン */
.newopen-card .archives-list-entry-content::before {
  font-family: "icomoon";
  content: "\e913";
  color: var(--header-text-color);
  font-size: 1.8rem;
  position: absolute;
  top: 0.4rem;
  left: 0.8rem;
  line-height: 1;
  z-index: 5;
  transition: transform 0.3s ease;
}

@media only screen and (max-width: 480px){.newopen-card .archives-list-entry-content::before {left: 0.4rem;}}

/* ホバー時にクラッカーを動かす */
.newopen-card .post-list__link:hover .archives-list-entry-content::before {
  transform: scale(3.5) rotate(-100deg);
}

/* サブタイトル */
.card_desc {
  line-height: 1.6;
  color: #787777;
  font-size: 0.8rem;
}

/* クーポン内容 */
.card_desc_coupon {
  line-height: 1.6;
  color: var(--main-ttl-bg);
  font-size: 0.8rem;
}

/* 開催日エリア */
.card-meta {
  margin-top: 6px;
}
.card-meta .time__date {
  margin-top:0;
  opacity: 1;
  color: #333;
  background: #fff300;
  line-height: 1.6;
  padding: .2rem .8rem .15rem;
}
.card-meta .time__date::before {content:none;}

/* =========================================================
    その他の共通設定（マップ等）
   ========================================================= */

/* マップ設定 */

.shop-info-map__inner, .event-info-map__inner { position: relative; width: 100%; padding-top: 56.25%; }
.shop-info-map__inner iframe, .event-info-map__inner iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ====================================
   フォーム（Contact Form 7）
   ==================================== */
input[type="checkbox"]:checked {accent-color: var(--main-ttl-bg);}
input[type="checkbox"]:checked + span{font-weight:bold;color: var(--main-ttl-bg);}

.entry-content .is-style-p_balloon_bottom{margin:0 auto 1rem;}
.entry-content .balloon-form{background:var(--main-link-color);line-height: 1.5;}
.wpcf7-response-output{color:var(--main-ttl-bg);}
.wpcf7 form.invalid .wpcf7-response-output{background:var(--label-bg);border-color:var(--main-ttl-bg);}
.wpcf7 form.sent .wpcf7-response-output{color:var(--main-ttl-bg);border-color:var(--main-ttl-bg);}

@media only screen and (max-width: 500px) {
    .entry-content .balloon-form{font-size:80%;}
}


/* --- テーブル全体のスタイル --- */
table.CF7_table {
    width: 100%;
    border-collapse: collapse;
    /* 既存テーマに合わせる */
    border: 1px solid #ddd;
    border-color: hsla(0, 0%, 80%, 0.3);
}

.entry-content .table-group{margin-bottom:0;}

.entry-content table.CF7_table p{margin-bottom:0;}

/* --- セル（th, td）の共通設定 --- */
table.CF7_table th{background:#f7f7f7;}
table.CF7_table th,
table.CF7_table td {
    /* ご指定のスタイルを反映 */
    padding: 0.8em 0.5em;
    border: 1px solid #ddd;
    text-align:left;
    border-color: hsla(0, 0%, 80%, 0.3);
    vertical-align: middle; /* 上下中央揃え */
    box-sizing: border-box;
}
table.CF7_table th p{line-height:1;}
.wpcf7-list-item{padding:0 .5rem;}
.wpcf7-not-valid-tip{background:var(--main-ttl-bg);color:#fff;padding:.1rem .3rem;font-size:60%;font-weight:bold;}
input[type=radio] {transform: scale(1.4);}

/* WordPressテーマによる強制スタイルを上書き */
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
    display: table;
}
.single .entry-content table.CF7_table th,
.single .entry-content table.CF7_table td,
.page .entry-content table.CF7_table th,
.page .entry-content table.CF7_table td {text-align:left;}

/* --- 入力欄（テキスト・メール・電話）の共通スタイル --- */
.CF7_table input[type="text"],
.CF7_table input[type="email"],
.CF7_table input[type="tel"],
.CF7_table textarea {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px; /* スマホでの入力ズーム防止 */
}
input::placeholder {
  color: #bebebe;
  opacity: 1; /* Firefox対策 */
}

/* 入力欄フォーカス時（必須カラーに合わせる） */
.CF7_table input:focus,
.CF7_table textarea:focus {
    border-color: var(--main-ttl-bg);
    outline: none;
    box-shadow: 0 0 5px rgba(233, 52, 154, 0.3);
}

/* テキストエリアの高さ */
.CF7_table textarea {
    height: 200px;
}

/* --- ラベル装飾 --- */

.CF7_req, .CF7_unreq {
  font-size: 0.6rem;
  margin-right: .3rem;
  color: #fff;
  line-height: 1.4;
  border-radius: 3px;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  padding: .1rem .3rem;
  position: relative;
  bottom: .1rem;
}

/* 「必須」バッジ */
.CF7_req {
    background:  var(--main-ttl-bg);
}
/* 「任意」バッジ */
.CF7_unreq {
    background: #bdbdbd;
}

/* --- PC表示（幅768px以上） --- */
@media screen and (min-width: 768px) {
    .CF7_table th {
        width: 30%;
        background-color: #ebedf5; /* ヘッダー背景色は維持 */
        font-weight: bold;
    }
}

/* --- スマホ表示（幅767px以下） --- */
@media screen and (max-width: 767px) {
    table.CF7_table {
        border: none;
    }

    .CF7_table tbody,
    .CF7_table tr,
    .CF7_table th,
    .CF7_table td {
        display: block;
        width: 100%;
        border: none;
    }

    .CF7_table tr {
        margin-bottom: 30px;
        border-bottom: 1px solid #e5e5e5; /* 区切り線 */
    }

    .CF7_table th {
        background-color: transparent;
        padding: 0 0 10px 0;
    }

    .CF7_table td {
        padding: 0 0 20px 0;
    }
}

/* --- 送信ボタンエリア --- */
.form_btn_area {
    text-align: center;
}

/* 送信ボタン本体（必須カラーに合わせる） */
.wpcf7 input.wpcf7-submit {
    background-color: var(--main-ttl-bg);
    border: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 60px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-appearance: none;
}

/* 送信ボタンホバー時 */
.wpcf7 input.wpcf7-submit:hover {
    opacity: 0.8;
}

/* 住所などの微調整 */
.CF7_table input.p-postal-code { width: 120px; display:inline-block; margin-right:5px;}
.CF7_table input.p-region { margin-top: 5px; }
.CF7_table input[name="your-email-confirm"] { margin-top: 10px; }
.contact_caution { font-size: 0.9em; text-align: center; margin: 20px 0; }
.wpcf7-spinner { margin: 0 0 0 10px; vertical-align: middle; }

/* 年齢などの短い入力欄 */
.CF7_table input.short-input {
    width: 80px;
    display: inline-block;
    margin-right: 5px;
}

/* ラジオボタンの並び調整 */
.wpcf7-list-item {
    margin: 0 10px 10px 0;
    display: inline-block;
}
.wpcf7-list-item-label {
    margin-left: 2px;
}

/* ドロップダウン（select）のスタイル */
.CF7_table select {
    width: 100%;
    padding: 10px;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
}
.CF7_table select:focus {
    border-color: #e9349a;
    outline: none;
}

/* =========================================================
    WEBフォントのアイコン
   ========================================================= */


/* すべての項目に共通するWebフォントの基本設定 */
.has-fixed-layout tr th span::before,.event-info-box tr th span::before,.job-offer-box tr th span::before{
    font-family: "icomoon";
    font-size: 85%;
    margin-right: .4em;      /* アイコンと文字の間の余白 */
    display: inline-block;
       /* 垂直方向の揃え */
    line-height: 1;
    color: #868585;
}


/* =========================================================
    各項目個別のアイコン指定（webフォント）
   ========================================================= */

.shop_name th span::before,.event_title th span::before {content: "\e91b";}
.event_target th span::before,.job_title th span::before{content: "\e923";}
.job_company th span::before{content: "\e90f";}/*企業名*/
.relation_url th span::before{content: "\e9cb";}/*リンク*/
.official_url th span::before{content: "\e9c9";}/*公式ページ*/
.shop_tel th span::before,.event_tel th span::before { content: "\e942"; }

.shop_address th span::before,.event_address th span::before, .job_address th span::before { content: "\e947"; }

.shop_hours th span::before, .event_datetime th span::before, .job_worktime th span::before {content: "\e91d";}
.shop_closed th span::before, .job_holiday th span::before { content: "\e912"; }
.shop_parking th span::before,.event_parking th span::before { content: "\e904"; }
.shop_url th span::before,.event_url th span::before { content: "\e9c9"; }
.shop_payment th span::before,.event_fee_yen  th span::before {content: "\e91c";}
.shop_sns th span::before { content: "\e96b"; }
.event_apply th span::before, .job_apply th span::before { content: "\e915"; }
.event_venue th span::before,.job_location th span::before { content: "\e94a"; }
.event_organizer th span::before {content: "\e920";}
.event_capacity th span::before, .job_desc th span::before,.employment_type th span::before { content: "\e916"; }
.job_desc th span::before { content: "\e921"; }
.smoking th span::before { content: "\e903"; }
.job_salary th span::before { content: "\e93e";}
.job_req th span::before { content: "\e956";}
.job_benefits th span::before {content: "\e922";}
.job_notes th span::before { content: "\e918";}
.job_term th span::before { content: "\e925";}
.other_information th span::before,.event_note th span::before,.job_other th span::before {content: "\e91f";}

.entry-content .event-apply-btn,.entry-content .job-apply-url{margin-bottom:1rem;}
.entry-content .event-apply-btn a,.entry-content .job-apply-url a{
    color:#fff;
    padding: .5rem .8rem .5rem!important;
    border-radius: .5rem;
    background-color: var(--main-link-color);
    border-color: var(--main-link-color);
    }

/* 地図の上のtdの枠を白く */
.entry-content .event_address td,.entry-content .shop_address td{border-bottom-color: #fff;}

/* =========================================================
    SNS項目のアイコン指定（webフォント）
   ========================================================= */

/* 1. 全アイコン共通のボタン設定 */
td a[class*="icon-"] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 4px;
    color: #fff !important;       /* 文字を白に固定 */
    text-decoration: none !important;
    font-size: 0.9em;
    font-weight: bold;
    margin: 3px;
    transition: 0.2s;
}

/* ホバー時の演出（少し浮き上がらせる） */
td a[class*="icon-"]:hover {
    opacity: 0.85;
    transform: translateY(-2px);
    color: #fff !important;
}

/* 2. アイコン自体の共通設定 */
td a[class*="icon-"]::before {
    display: inline-block;
    /* Xロゴを表示するために Font Awesome 6 ブランドを優先指定 */
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
    margin-right: 7px;
    font-style: normal;
    vertical-align: middle;
}

/* 3. 各SNSごとの背景色とアイコン指定 */
.icon-instagram { background-color: #E1306C; }
.icon-instagram::before { content: "\f16d"; }

.icon-facebook { background-color: #1877F2; }
.icon-facebook::before { content: "\f39e"; }

/* Xロゴの指定 */
.icon-x { background-color: #000000; }
.icon-x::before { content: "\e61b"; } /* 新しいXロゴのUnicode */

.icon-line { background-color: #06C755; }
.icon-line::before { content: "\f3c0"; }

.icon-tiktok { background-color: #010101; }
.icon-tiktok::before { content: "\e07b"; }

/* =========================================================
    関連記事：新店カード風デザイン（HTMLクラス変更なし）
   ========================================================= */

/* カード全体のコンテナ（余白調整など） */
.related_article.typesimple {
    margin-bottom: 20px;
}

/* リンク全体：フレックスボックス化と浮き上がり設定 */
.related_article__link.no-icon {
    display: flex!important; /* 強制的に横並び */
    align-items: stretch;
    background: #fff;
    border: 1px solid #cecece;
    text-decoration: none;
    position: relative;
    padding: 0;
    color: #3e3e3e;
    overflow: visible;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related_article__link.no-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* サムネイル領域（figureタグ） */
.related_article.typesimple .eyecatch {
    flex: 0 0 160px;
    max-width: 160px;
    margin: 0;
    position: relative;
    padding: .5rem;
    background-color: #f5f5f5;
    background-image: 
        repeating-linear-gradient(
            45deg,
            transparent 0px,
            transparent 5px,
            rgba(255, 255, 255, 0.8) 5px,
            rgba(255, 255, 255, 0.8) 10px
        );
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #cecece;
    overflow: hidden;
    height: auto !important;       /* テーマ側の固定高さを解除します */
    align-self: stretch !important; /* 親要素の高さまで強制的に伸ばします */
}



/* アイキャッチ画像 */
.related_article.typesimple .eyecatch img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* カード本文領域 */
.related_article__meta.inbox {
    padding: .5rem 1rem;
    flex: 1;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 「関連記事」というテキストラベルを消したい場合 */
.related_article__ttl .labeltext {
    display: none;
}
/* 「NEW OPEN」リボン */
.related_article.typesimple .eyecatch::before {
    content: "関連記事";
    position: absolute;
    top: 14px;
    left: -28px;
    width: 120px;
    text-align: center;
    font-size: 0.7rem;
    background:#838282;
    font-weight: 700;
    color: #fff;
    line-height: 1.8;
    text-indent: -.5rem;
    z-index: 10;
    letter-spacing: .2rem;
    transform: rotate(-45deg);
}

/* タイトル */
.entry-content .related_article__ttl {
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: .5rem;
     /* アイコンの幅分空ける */
    border-bottom: 3px dotted #787777;
    color: #787777;
    margin-bottom: 5px;
}

/* 日付タグ */
.related_article__meta .time__date {
    margin-top: 10px;
    color: #333;
    font-size: 0.7rem;
    font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    background: #eee;
    border-radius: 1em;
    line-height: 1.6;
    text-align: center;
    padding: .2rem .8rem .15rem;
    display: inline-block;
    align-self: flex-start; /* 左寄せ */
    opacity: 1;
}

/* モバイル対応 */
@media (max-width: 480px){
    .related_article.typesimple .eyecatch {max-width: 115px;height: auto;flex: 0 0 115px;padding: .35rem;}
    .related_article__meta.inbox { padding: .5rem; }
    .related_article__meta.inbox::before { left: 0.4rem; top: 0.45rem; font-size: 1.5rem; }
    .related_article__ttl { padding-left: 1.8rem; line-height: 1.2; font-size: 0.9rem; }
    .related_article__meta .time__date { display: block; font-size: 75%; }
}

/* ホバー時の透過設定 */
.related_article__link:hover .eyecatch img, 
.related_article__link:hover .related_article__ttl, 
.related_article__link:hover .time__date,
.related_article__link:hover .related_article__meta .time__date {
    opacity: 0.7;
}

.related_article__link:hover .eyecatch::before {
    background: #c6c6c6;
}


/* =========================================================
    新しい記事リスト：新店カード風デザイン（HTMLクラス変更なし）
   ========================================================= */

/* カード全体のコンテナ */
article.post-list.article {
    margin-bottom: 20px;
}

/* リンク全体：フレックスボックス化と浮き上がり設定 */
.archives-list:not(.big-list)  .post-list__link.no-icon {
    display: flex; /* 強制的に横並び */
    align-items: stretch;
    background: #fff;
    border: 1px solid #cecece;
    text-decoration: none;
    position: relative;
    padding: 0;
    color: #3e3e3e;
    overflow: visible;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.archives-list.simple-list .post-list{border: 0;margin-bottom: 14px;position: relative;}
.archives-list.simple-list .post-list:first-child{border: 0;}
.archives-list.simple-list .post-list.article .eyecatch.of-cover {
  background-color: #f5f5f5; 
  background-image: repeating-linear-gradient(225deg,#f5f5f5,#f5f5f5 5px,#ffffff 5px,#ffffff 10px );
  
  /* 邪魔をしている水玉用の設定をリセット（前回と同様） */
  background-size: auto;
  background-position: 0 0;
}

@media only screen and (max-width: 480px) {
    .archives-list.simple-list .post-list {
        margin-left: 0;
        margin-right: 0;
        }
}
.post-list__link.no-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* サムネイル領域（figureタグ） */
.post-list.article .eyecatch {
    flex: 0 0 160px;
    max-width: 160px;
    margin: 0;
    position: relative;
    background-color: #f5f5f5;
    background-image: 
        repeating-linear-gradient(
            45deg,
            transparent 0px,
            transparent 5px,
            rgba(255, 255, 255, 0.8) 5px,
            rgba(255, 255, 255, 0.8) 10px
        );
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #cecece;
    overflow: hidden; /* リボンを枠内でカット */
}

.archives-list.simple-list .post-list.article .eyecatch {padding:.5rem 0;}

@media only screen and (max-width: 480px) {.post-list.article .eyecatch{padding:0;}}
/* アイキャッチ画像 */
.post-list.article .eyecatch img {
    width: 90%;
    height: auto;
    display: block;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 元のHTMLにあるカテゴリラベルを非表示（CSSのリボンを優先する場合） */
.post-list.article .osusume-label {
    display: none;
}

.archives-list.simple-list section{padding-left: 2%;padding-right: 1%;}

/* カード本文領域 */
.archives-list-entry-content {
    padding: .5rem 1rem;
    flex: 1;
    text-align: left;
    position: relative;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
}

/* タイトル */
.archives-list .entry-title {
    font-weight: 700;
    line-height: 1.4;
    padding: 0 2rem .5rem 0;
    border-bottom: 3px dotted #787777;
    color: #787777!important;
    margin-bottom: 5px;
    font-size: 1rem; /* 必要に応じて調整 */
}

/* 日付タグ */
.time__date {
    margin-top: 10px;
    color: #333;
    font-size: 0.7rem;
    font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    border-radius: 1em;
    line-height: 1.6;
    text-align: center;
    padding: .2rem .8rem .15rem;
    display: inline-block;
    align-self: flex-start; /* 左寄せ */
    background: #eee; /* 背景色がない場合の予備 */
}

/* 日付の前につけるテキスト */
.time__date::before {
    content: "公開日：";
    font-weight:bold;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.time__date.undo::before {content: "最終更新日：";}

/* モバイル対応 */
@media (max-width:500px){
    .post-list.article .eyecatch {max-width: 115px;flex: 0 0 115px;}
    .archives-list-entry-content { padding: .5rem; }
    .entry-title { line-height: 1.2; font-size: 0.9rem; }
    .time__date { display: block; font-size: 75%; }
}

/* ホバー時の透過設定 */
.post-list__link:hover .entry-title, 
.post-list__link:hover .time__date {
    opacity: 0.7;
}

.post-list__link:hover .eyecatch::before {
    background: #c6c6c6;
}



/* お気に入りボタン */
/* Favorites */
.simplefavorite-button {
  background-color: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  font-size: 100%;
  display: block;
  font-weight: bold;
  line-height: .3;
  outline: none;
  padding: 12px 5px 10px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 1.8rem;
  height: 1.8rem;
  z-index: 2;
  font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
.simplefavorite-button:hover {
  color: #fff;
  opacity: .7;
  text-decoration: none;
}
.simplefavorite-button.active {
  background-color: var(--main-ttl-bg);
  opacity: 1 !important;
}
.single-fav-btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-fav-btn-box a:last-child {
  text-decoration: underline;
}
.single-fav-btn-box .simplefavorite-button {
  position: relative;
}
.favorites-noitem {
  font-size: 1.125rem;
  line-height: 1.8;
	margin: 0 0 1.8rem;
}

/* タイトルの中に入れたボタンを、カードの左下に強制移動 */
.fav-in-title {
    position: absolute;
    top: .25rem;
    right: 2.2rem;
    z-index: 100;
}

/* ボタンの見た目調整 */
.fav-in-title .simplefavorites-button {
    background: rgba(255, 255, 255, 0.9) !important;
    padding: 3px 8px !important;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    border: none;
    cursor: pointer;
    display: inline-block;
}

/* ボタンをクリックした際、記事ページに飛ばないようにする対策 */
.fav-in-title {
    pointer-events: auto;
}

/* 画像上のボタン */
.related_newpost__li .simplefavorite-button{margin: .2rem;right: 0;}
.entry-header .eyecatch .simplefavorite-button{right: 25px;top: 25px;}