「みくりや牛」
https://r.goope.jp/mikuriyachikusan
2026-10-16T22:59:46+09:00
-
text/html
2025-12-11T08:13:00+09:00
メディア掲載・出演 参照リンク集
https://r.goope.jp/mikuriyachikusan/info/6557309
<style>
/* 全体のコンテナ */
.media-report-container {
max-width: 800px;
margin: 0 auto;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #333;
line-height: 1.6;
padding: 10px;
}
/* 年の見出し */
.media-year-heading {
display: flex;
align-items: center;
font-size: 1.5em;
font-weight: bold;
margin: 50px 0 20px;
color: #333;
}
.media-year-heading::before {
content: '';
display: inline-block;
width: 6px;
height: 30px;
background-color: #bd2d2d; /* お肉の赤 */
margin-right: 12px;
border-radius: 3px;
}
/* 記事リスト */
.media-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 15px; /* カード間の隙間 */
}
/* 記事カード */
.media-item {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s, opacity 0.6s ease-out, transform 0.6s ease-out;
opacity: 0;
transform: translateY(20px);
}
/* 表示アニメーション用クラス */
.media-item.is-visible {
opacity: 1;
transform: translateY(0);
}
.media-item:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0,0,0,0.08);
border-color: #bd2d2d;
}
/* リンク全体 */
.media-link {
display: block;
padding: 20px;
text-decoration: none;
color: inherit;
}
/* タグ装飾 */
.media-tags {
margin-bottom: 10px;
}
.media-tag {
display: inline-block;
font-size: 0.7em;
font-weight: bold;
padding: 4px 10px;
border-radius: 20px;
color: #fff;
letter-spacing: 0.05em;
}
.tag-web { background-color: #2e7d32; } /* 緑 */
.tag-tv { background-color: #1565c0; } /* 青 */
.tag-mag { background-color: #ef6c00; } /* オレンジ */
.tag-pdf { background-color: #d32f2f; } /* 赤 */
/* タイトル */
.media-title {
font-size: 1.15em;
font-weight: bold;
margin: 0 0 8px;
line-height: 1.4;
color: #222;
}
/* 詳細テキスト */
.media-desc {
font-size: 0.9em;
color: #666;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2; /* 2行で省略 */
-webkit-box-orient: vertical;
overflow: hidden;
}
/* 外部リンクアイコン */
.external-icon {
font-size: 0.8em;
margin-left: 5px;
color: #999;
}
/* レスポンシブ対応（スマホ調整） */
@media (max-width: 600px) {
.media-year-heading { font-size: 1.3em; margin-top: 30px; }
.media-title { font-size: 1.05em; }
}
</style>
<div class="media-report-container">
<div class="media-year-heading">2025年</div>
<ul class="media-list">
<li class="media-item">
<a href="https://note.com/nagasaki_tenant_/n/nb93d7ef5ae89" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-web">WEBメディア</span></div>
<h3 class="media-title">note「ひらくひと＃９ ｜ みくりや畜産」<span class="external-icon">↗</span></h3>
<p class="media-desc">人と一緒にやるのもすごい楽しい。精肉店オープンへの想いをインタビュー。</p>
</a>
</li>
<li class="media-item">
<a href="https://mediall.jp/people/91986" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-web">WEBメディア</span></div>
<h3 class="media-title">地方創生メディア Mediall（メディアール）<span class="external-icon">↗</span></h3>
<p class="media-desc">西海ブランド「みくりや牛」から生きること食べることを再考するインタビュー記事。</p>
</a>
</li>
<li class="media-item">
<a href="https://saikai338.com/saikai/detail-1/mikuriyaharumi" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-web">WEBメディア</span></div>
<h3 class="media-title">西海観光「蜜柑と蜜蜂」<span class="external-icon">↗</span></h3>
<p class="media-desc">肥育と販売を繋ぐ“牛飼い“女子。御厨晴美の活動と想いについて。</p>
</a>
</li>
<li class="media-item">
<a href="https://agri-nagasaki.org/relays/download/40/163/248/773/?file=/files/libs/774/202501211608432081.pdf" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-pdf">広報誌(PDF)</span></div>
<h3 class="media-title">長崎県農業会議 情報誌<span class="external-icon">↗</span></h3>
<p class="media-desc">長崎県農業会議発行の広報資料に掲載されました。（2025年1月）</p>
</a>
</li>
</ul>
<div class="media-year-heading">2024年</div>
<ul class="media-list">
<li class="media-item">
<a href="https://sasebokoiki.com/_/posts/1441" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-web">WEBメディア</span></div>
<h3 class="media-title">西九州させぼ広域都市圏「よか暮らし」<span class="external-icon">↗</span></h3>
<p class="media-desc">西海市のブランド牛を世界へ！移住者インタビューとして紹介されました。</p>
</a>
</li>
<li class="media-item">
<a href="https://www.fnn.jp/articles/-/689101?display=full" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-tv">TV・WEB</span></div>
<h3 class="media-title">KTNテレビ長崎（FNNプライムオンライン）<span class="external-icon">↗</span></h3>
<p class="media-desc">愛情たっぷりの長崎和牛の精肉店のコロッケ・役目を終えた母牛をもっとおいしく。</p>
</a>
</li>
<li class="media-item">
<a href="https://www.ncctv.co.jp/news/article/15563344" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-tv">TV</span></div>
<h3 class="media-title">NCC長崎文化放送<span class="external-icon">↗</span></h3>
<p class="media-desc">3人の娘を育てながら800頭の和牛を肥育！牧場の様子と食育絵本について。</p>
</a>
</li>
</ul>
<div class="media-year-heading">2023年</div>
<ul class="media-list">
<li class="media-item">
<a href="https://www.tss-tv.co.jp/nishimuracamp/" target="_blank" rel="noopener noreferrer" class="media-link">
<div class="media-tags"><span class="media-tag tag-tv">TV</span></div>
<h3 class="media-title">TSSテレビ新広島「西村キャンプ場」<span class="external-icon">↗</span></h3>
<p class="media-desc">バイきんぐ西村さんの番組にて、当店をご紹介いただきました。</p>
</a>
</li>
</ul>
</div>
<script>
// スクロール時にふわっと表示させるアニメーション
document.addEventListener("DOMContentLoaded", function() {
const observerOptions = {
root: null,
rootMargin: "0px",
threshold: 0.1
};
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add("is-visible");
observer.unobserve(entry.target); // 一度表示されたら監視終了
}
});
}, observerOptions);
const items = document.querySelectorAll(".media-item");
items.forEach(item => {
observer.observe(item);
});
});
</script>