.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-84855 .elementor-element.elementor-element-ddcd7a2 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-ddcd7a2 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor5 );transition:fill 0.3s;}.elementor-84855 .elementor-element.elementor-element-ddcd7a2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-84855 .elementor-element.elementor-element-ddcd7a2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-84855 .elementor-element.elementor-element-ddcd7a2 .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:26px;}.elementor-84855 .elementor-element.elementor-element-ddcd7a2 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-c3f08bc .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-c3f08bc .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor5 );transition:fill 0.3s;}.elementor-84855 .elementor-element.elementor-element-c3f08bc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-84855 .elementor-element.elementor-element-c3f08bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-84855 .elementor-element.elementor-element-c3f08bc .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:26px;}.elementor-84855 .elementor-element.elementor-element-c3f08bc .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-dd20f46 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-dd20f46 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor5 );transition:fill 0.3s;}.elementor-84855 .elementor-element.elementor-element-dd20f46{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-84855 .elementor-element.elementor-element-dd20f46 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-84855 .elementor-element.elementor-element-dd20f46 .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:26px;}.elementor-84855 .elementor-element.elementor-element-dd20f46 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-34b231e .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-34b231e .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor5 );transition:fill 0.3s;}.elementor-84855 .elementor-element.elementor-element-34b231e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-84855 .elementor-element.elementor-element-34b231e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-84855 .elementor-element.elementor-element-34b231e .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:26px;}.elementor-84855 .elementor-element.elementor-element-34b231e .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-869033c .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-84855 .elementor-element.elementor-element-869033c .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor5 );transition:fill 0.3s;}.elementor-84855 .elementor-element.elementor-element-869033c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-84855 .elementor-element.elementor-element-869033c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-84855 .elementor-element.elementor-element-869033c .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:26px;}.elementor-84855 .elementor-element.elementor-element-869033c .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor5 );transition:color 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-84855 .elementor-element.elementor-element-aff373a{text-align:start;}.elementor-84855 .elementor-element.elementor-element-aff373a img{width:100%;height:30px;}.elementor-84855 .elementor-element.elementor-element-014943e{text-align:start;}.elementor-84855 .elementor-element.elementor-element-014943e img{width:100%;height:30px;}.elementor-84855 .elementor-element.elementor-element-ed11591{text-align:start;}.elementor-84855 .elementor-element.elementor-element-ed11591 img{width:100%;height:32px;}.elementor-84855 .elementor-element.elementor-element-787c342{text-align:start;}.elementor-84855 .elementor-element.elementor-element-787c342 img{width:100%;height:32px;}.elementor-84855 .elementor-element.elementor-element-4d907de{text-align:start;}.elementor-84855 .elementor-element.elementor-element-4d907de img{width:100%;height:28px;}.elementor-84855 .elementor-element.elementor-element-433e076{text-align:start;}.elementor-84855 .elementor-element.elementor-element-433e076 img{width:100%;height:46px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-84855 .elementor-element.elementor-element-6f7f603.elementor-element{--align-self:center;}.elementor-84855 .elementor-element.elementor-element-6f7f603 .elementor-counter-number-wrapper{color:var( --e-global-color-4e72531 );font-family:"Zen Kaku Gothic New(Bold 700)", Sans-serif;font-size:80px;font-weight:900;text-decoration:none;line-height:80px;text-shadow:0px 0px 24px rgba(0,0,0,0.3);}.elementor-84855 .elementor-element.elementor-element-4f16cc8.elementor-element{--align-self:center;}.elementor-84855 .elementor-element.elementor-element-4f16cc8 .elementor-counter-number-wrapper{color:var( --e-global-color-4e72531 );font-family:"Zen Kaku Gothic New(Bold 700)", Sans-serif;font-size:80px;font-weight:900;text-decoration:none;line-height:80px;text-shadow:0px 0px 24px rgba(0,0,0,0.3);}.elementor-84855 .elementor-element.elementor-element-2e1145a{--swiper-slides-to-display:8;--swiper-slides-gap:10px;}.elementor-84855 .elementor-element.elementor-element-2e1145a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-84855 .elementor-element.elementor-element-2e1145a .swiper-slide > .elementor-element{height:100%;}.elementor-84855 .elementor-element.elementor-element-0bea1db{--swiper-slides-to-display:5;--swiper-slides-gap:8px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-84855 .elementor-element.elementor-element-0bea1db .swiper-slide > .elementor-element{height:100%;}.elementor-84855 .elementor-element.elementor-element-0bea1db .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-84855 .elementor-element.elementor-element-9251815{--grid-columns:1;}.elementor-84855 .elementor-element.elementor-element-2620eda{--grid-row-gap:0px;width:100%;max-width:100%;--grid-column-gap:0px;}.elementor-84855 .elementor-element.elementor-element-2620eda .elementor-loop-container{grid-auto-rows:1fr;}.elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item > .elementor-section, .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item > .elementor-section > .elementor-container, .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item > .e-con, .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-section-wrap > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-84855 .elementor-element.elementor-element-aff373a img{width:150px;}.elementor-84855 .elementor-element.elementor-element-014943e img{width:150px;}.elementor-84855 .elementor-element.elementor-element-ed11591 img{width:150px;}.elementor-84855 .elementor-element.elementor-element-787c342 img{width:150px;}.elementor-84855 .elementor-element.elementor-element-4d907de img{width:150px;}.elementor-84855 .elementor-element.elementor-element-433e076 img{width:150px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-84855 .elementor-element.elementor-element-2e1145a{--swiper-slides-to-display:7;--swiper-slides-gap:0px;}.elementor-84855 .elementor-element.elementor-element-0bea1db{--swiper-slides-to-display:3;}.elementor-84855 .elementor-element.elementor-element-9251815{--grid-columns:1;}.elementor-84855 .elementor-element.elementor-element-2620eda{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}}@media(max-width:767px){.elementor-84855 .elementor-element.elementor-element-aff373a img{width:100px;height:30px;}.elementor-84855 .elementor-element.elementor-element-014943e img{width:100px;}.elementor-84855 .elementor-element.elementor-element-ed11591 img{width:100px;}.elementor-84855 .elementor-element.elementor-element-787c342 img{width:100px;}.elementor-84855 .elementor-element.elementor-element-4d907de img{width:100px;}.elementor-84855 .elementor-element.elementor-element-433e076 img{width:100px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-84855 .elementor-element.elementor-element-6f7f603 .elementor-counter-number-wrapper{font-size:50px;line-height:50px;}.elementor-84855 .elementor-element.elementor-element-4f16cc8 .elementor-counter-number-wrapper{font-size:50px;line-height:50px;}.elementor-84855 .elementor-element.elementor-element-2e1145a{--swiper-slides-to-display:4;--swiper-slides-gap:0px;}.elementor-84855 .elementor-element.elementor-element-0bea1db{--swiper-slides-to-display:2;}.elementor-84855 .elementor-element.elementor-element-9251815{--grid-columns:1;}.elementor-84855 .elementor-element.elementor-element-2620eda{--grid-columns:1;--grid-row-gap:8px;--grid-column-gap:8px;}.elementor-84855 .elementor-element.elementor-element-2620eda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for counter, class: .elementor-element-6f7f603 */.elementor-84855 .elementor-element.elementor-element-6f7f603 * { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for counter, class: .elementor-element-4f16cc8 */.elementor-84855 .elementor-element.elementor-element-4f16cc8 * { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-2620eda *//* お知らせ一覧: タイトルを1行省略(...)表示にする */ /* グリッドの1frトラックが中身に押し広げられないようにする */ .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item { min-width: 0; } /* 日付・バッジは縮まさない */ .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-widget-post-info { flex-shrink: 0; } /* タイトルは残り幅いっぱい・はみ出し分は隠す */ .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-widget-theme-post-title { flex: 1 1 auto; min-width: 0; overflow: hidden; } .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-widget-theme-post-title .elementor-heading-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ---- モバイル(767px以下): 日付+バッジを上段、タイトルを下段の全幅に分離する ---- */ @media (max-width: 767px) { .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-element-491b04e { flex-wrap: wrap; row-gap: 6px; } .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-element-8df3be0, .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-element-27766bf { flex: 0 0 auto; } .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-widget-theme-post-title { flex: 1 1 100%; width: 100%; overflow: visible; } .elementor-84855 .elementor-element.elementor-element-2620eda .e-loop-item .elementor-widget-theme-post-title .elementor-heading-title { white-space: normal; overflow: visible; text-overflow: unset; } }/* End custom CSS */ /* Start custom CSS *//* ============================================================ HZ CSS残置層 (最小構成) ここに残っているのは「ウィジェット設定では原理的に表現できないもの」だけです: ホバー演出 / 擬似要素 / 状態クラス / 外部JS(E-IR)の上書き / ellipsis 見た目の基本値(色・余白・レイアウト)はElementorエディタ側で編集してください ============================================================ */ body.elementor-page-84855 { --hz-orange: #FF6F01; --hz-ease: cubic-bezier(.22, 1, .36, 1); --hz-shadow-rest: 0 1px 2px rgba(16, 16, 20, .05), 0 4px 12px -4px rgba(16, 16, 20, .06); --hz-shadow-lift: 0 2px 4px rgba(16, 16, 20, .05), 0 16px 32px -12px rgba(16, 16, 20, .16), 0 28px 56px -16px rgba(255, 111, 1, .12); } /* ---- 和文タイポの品質 (クラス基準・要素IDに依存しない) ---- */ body.elementor-page-84855 .e-heading-base { font-feature-settings: "palt" 1; } body.elementor-page-84855 .e-paragraph-base { font-feature-settings: "palt" 1; } body.elementor-page-84855 ::selection { background: var(--hz-orange); color: #fff; } body.elementor-page-84855 a:focus-visible, body.elementor-page-84855 button:focus-visible { outline: 2px solid var(--hz-orange); outline-offset: 3px; border-radius: 2px; } /* ---- ボタンのホバー(シャインスイープ) ---- */ body.elementor-page-84855 .e-button-base { position: relative; overflow: hidden; transition: transform .45s var(--hz-ease), box-shadow .45s var(--hz-ease), background-color .3s ease; } body.elementor-page-84855 .e-button-base::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .38) 50%, transparent 68%); transform: translateX(-130%); transition: transform .75s var(--hz-ease); pointer-events: none; } body.elementor-page-84855 .e-button-base:hover { transform: translateY(-2px); box-shadow: 0 6px 16px -4px rgba(255, 111, 1, .45), 0 14px 32px -8px rgba(255, 111, 1, .30); } body.elementor-page-84855 .e-button-base:hover::before { transform: translateX(130%); } body.elementor-page-84855 .e-button-base:active { transform: translateY(0); transition-duration: .15s; } /* アウトライン型ボタン(0c0b844)のホバー色 */ body.elementor-page-84855 [class*="e-0c0b844"].e-button-base:hover, body.elementor-page-84855 [class*="e-0c0b844"] .e-button-base:hover { border-color: var(--hz-orange) !important; color: var(--hz-orange) !important; } /* ---- 導入事例カードのホバー ---- */ body.elementor-page-84855 .elementor-element-ed0960a .e-loop-item { position: relative; background: #fff; overflow: hidden; border: 1px solid rgba(16, 16, 20, .07); box-shadow: var(--hz-shadow-rest); transition: transform .55s var(--hz-ease), box-shadow .55s var(--hz-ease), border-color .4s ease; } body.elementor-page-84855 .elementor-element-ed0960a .e-loop-item:hover { transform: translateY(-6px); border-color: rgba(255, 111, 1, .35); box-shadow: var(--hz-shadow-lift); } body.elementor-page-84855 .elementor-element-ed0960a .e-loop-item img { transition: transform .9s var(--hz-ease); } body.elementor-page-84855 .elementor-element-ed0960a .e-loop-item:hover img { transform: scale(1.035); } /* ---- お知らせ行のホバー(下線伸長) ---- */ body.elementor-page-84855 .elementor-element-2620eda .e-loop-item { position: relative; transition: background-color .35s ease; } body.elementor-page-84855 .elementor-element-2620eda .e-loop-item::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: var(--hz-orange); transform: scaleX(0); transform-origin: left center; transition: transform .5s var(--hz-ease); } body.elementor-page-84855 .elementor-element-2620eda .e-loop-item:hover { background: rgba(255, 111, 1, .045); } body.elementor-page-84855 .elementor-element-2620eda .e-loop-item:hover::after { transform: scaleX(1); } body.elementor-page-84855 .elementor-element-2620eda .e-loop-item:hover .elementor-heading-title { color: var(--hz-orange); transition: color .3s ease; } /* ---- 対応表: 行列ハイライト(状態クラス)+説明文のellipsis ---- */ body.elementor-page-84855 .elementor-element-bb2df5d .e-con { transition: background-color .22s ease; } body.elementor-page-84855 .elementor-element-bb2df5d .hz-hi-cell { background-color: rgba(255, 111, 1, .09) !important; } body.elementor-page-84855 .elementor-element-bb2df5d .hz-hi-label { background-color: rgba(255, 111, 1, .18) !important; } body.elementor-page-84855 .elementor-element-516d351 .e-paragraph-base { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ---- 装飾div: 空コンテナ既定min-heightの打ち消し(:whereで弱く。GUI編集が勝ちます) ---- */ :where(body.elementor-page-84855 [class*="e-adcc62e"]) { min-height: 2px; height: 2px; } :where(body.elementor-page-84855 [class*="e-59f04d1"], body.elementor-page-84855 [class*="e-729ae0e"]) { min-height: 1px; height: 1px; } /* ---- ヒーロー・ローテーター(表示切替の状態クラス) ---- CLS対策版: 旧仕様は「JS実行前は6枚全部が縦に並ぶ → JSで5枚をdisplay:none」だったため、 読み込み直後にヒーローが一気に縮み、下の「工程別プロダクト」が大きく跳ね上がっていた。 また display:none の切替だとスライドごとに高さが変わり、自動切替のたびに下が動く。 → 全スライドを同じマスに重ね、非表示は visibility:hidden にして場所を確保する。 ヒーローの高さは常に「一番高いスライド」で固定され、JS前後も切替時も動かない。 */ body.elementor-page-84855 .elementor-element-ddbb0c2 { display: grid !important; grid-template-columns: minmax(0, 1fr); } body.elementor-page-84855 .elementor-element-ddbb0c2 > .e-con { display: flex; grid-area: 1 / 1; } /* JS実行前: 最初のスライドだけ表示(2枚目以降は場所だけ確保して隠す) */ body.elementor-page-84855 .elementor-element-ddbb0c2 > .e-con ~ .e-con { visibility: hidden; } /* JS実行後: .hz-on が付いたスライドだけ表示 */ body.elementor-page-84855 .elementor-element-ddbb0c2:has(> .e-con.hz-on) > .e-con { visibility: hidden; } body.elementor-page-84855 .elementor-element-ddbb0c2:has(> .e-con.hz-on) > .e-con.hz-on { visibility: visible; animation: hz-slide-in .5s var(--hz-ease); } /* Elementor編集中は重ね表示を解除し、全スライドを縦に展開して直接編集できるようにする。 公開ページでは body にこれらのクラスが付かないため、通常のローテーション表示を維持。 */ body.elementor-editor-active body.elementor-page-84855 .elementor-element-ddbb0c2, body.elementor-editor-preview body.elementor-page-84855 .elementor-element-ddbb0c2 { display: flex !important; flex-direction: column; } body.elementor-editor-active body.elementor-page-84855 .elementor-element-ddbb0c2 > .e-con, body.elementor-editor-preview body.elementor-page-84855 .elementor-element-ddbb0c2 > .e-con { display: flex !important; grid-area: auto; visibility: visible !important; opacity: 1 !important; animation: none !important; } @keyframes hz-slide-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } body.elementor-page-84855 .elementor-element-108cb36 > * { transition: background-color .25s ease, border-color .25s ease, color .25s ease; } body.elementor-page-84855 .elementor-element-108cb36 > *:hover { border-color: var(--hz-orange) !important; color: #FF6E01 !important; } body.elementor-page-84855 .elementor-element-108cb36 > .hz-on { background: var(--hz-orange) !important; border-color: var(--hz-orange) !important; color: #fff !important; } /* ================= IR情報 (.eir 外部マークアップ上書き) ================= */ body.elementor-page-84855 .eir .s_eirList_item { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 14px; min-height: 64px; padding: 0 6px !important; margin: 0 !important; border-bottom: 1px solid #e8e8e8; position: relative; transition: background-color .35s ease; } body.elementor-page-84855 .eir .s_eirList_item::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: var(--hz-orange); transform: scaleX(0); transform-origin: left center; transition: transform .5s var(--hz-ease); } body.elementor-page-84855 .eir .s_eirList_item:hover { background: rgba(255, 111, 1, .045); } body.elementor-page-84855 .eir .s_eirList_item:hover::after { transform: scaleX(1); } body.elementor-page-84855 .eir .s_eirList_item > .eirItem_date, body.elementor-page-84855 .eir .s_eirList_item > .eirItem_head { order: 1 !important; flex: 0 0 auto; width: auto !important; min-width: 108px; } body.elementor-page-84855 .eir .s_eirModule_date_time { font-size: 14px; color: #1a1a1a; font-feature-settings: "tnum" 1; } body.elementor-page-84855 .eir .s_eirList_item > .eirItem_category { order: 2 !important; flex: 0 0 auto; width: auto !important; } body.elementor-page-84855 .eir .s_eirModule_category_icon { display: inline-block; background: var(--hz-orange) !important; color: #fff !important; font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 10px !important; border-radius: 2px; white-space: nowrap; } body.elementor-page-84855 .eir .s_eirModule_category_image { display: none !important; } body.elementor-page-84855 .eir .s_eirList_item > .eirItem_title { order: 3 !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; display: flex !important; align-items: center; gap: 8px; } body.elementor-page-84855 .eir .s_eirModule_title { flex: 1 1 auto; min-width: 0; } body.elementor-page-84855 .eir .s_eirModule_title_link { display: block; color: #1a1a1a !important; text-decoration: none !important; font-size: 15px; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s ease; } body.elementor-page-84855 .eir .s_eirList_item:hover .s_eirModule_title_link { color: var(--hz-orange) !important; } body.elementor-page-84855 .eir .s_eirModule_type_icon { display: none !important; } body.elementor-page-84855 .eir .s_eirModule_type_figure { margin: 0 !important; } body.elementor-page-84855 .eir .s_eirModule_type_figure_image { max-height: 16px; width: auto; display: block; } body.elementor-page-84855 .eir .s_eirModule_size_item { font-size: 12px; color: #8a8a8a; white-space: nowrap; } body.elementor-page-84855 .eir .s_eirList_item > .eirItem_type { display: none !important; } @media (max-width: 640px) { body.elementor-page-84855 .eir .s_eirList_item { flex-wrap: wrap !important; } body.elementor-page-84855 .eir .s_eirList_item > .eirItem_title { flex-basis: 100% !important; } } /* ---- reduced motion ---- */ @media (prefers-reduced-motion: reduce) { body.elementor-page-84855 .e-button-base, body.elementor-page-84855 .e-loop-item, body.elementor-page-84855 .e-loop-item img, body.elementor-page-84855 .elementor-element-bb2df5d .e-con { transition: none !important; } body.elementor-page-84855 .elementor-element-ddbb0c2 > .e-con.hz-on { animation: none; } } /* ---- カスタム Hutzper AI 行: 子プロダクトチップ行と横断帯を縦積みに ---- (本来は19be3efのflex-direction設定。エディタで縦方向に変更したらこの行は削除可) */ body.elementor-page-84855 .elementor-element-19be3ef { flex-direction: column; } /* ---- カスタム行: 固定高86pxを解除し内容に追従(チップ行+横断帯の2段分) ---- */ body.elementor-page-84855 .elementor-element-19be3ef { height: auto !important; min-height: 86px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Zen Kaku Gothic New(Bold 700)'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://hutzper.com/wp-content/uploads/2026/08/ZenKakuGothicNew-Bold.woff2') format('woff2'); } /* End Custom Fonts CSS */