@charset "UTF-8";
#service section ul li:nth-child(8) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(8) figure::before { content: url(../img/service/icon-08.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(8) figure::before { content: ""; background: url(../img/service/icon-08.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(8) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }

@media screen and (min-width: 960px) {
	header.pc .inner .logo {
		width: auto;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	header.pc .inner .logo a:last-child {
		margin-left: 20px;
		margin-right: 20px;
	}
	header.pc .inner .logo a:last-child img {
		width: auto;
		
	}
	#profile .bnr {
		margin-top: 20px;
	}
	#profile .bnr img {
		width: 70%;
	}
	footer .inner ul li img {
		width: auto;
		height: 50px;
	}
}
@media screen and (max-width: 959px) {
	#profile .bnr {
		margin-top: 10px;
	}
}

/* シップヘルスケアフード株式会社 公式サイトへのリンク（2026-10-01） */
.shfLink, .shfBnr { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; border: 2px solid #278740; border-radius: 4px; background: #fff; color: #278740 !important; font-weight: bold; line-height: 1.3; text-align: center; white-space: nowrap; text-decoration: none; transition: background .2s, color .2s; }
.shfLink span, .shfBnr span { font-size: .85em; font-weight: normal; }
.shfLink:hover, .shfBnr:hover { background: #278740; color: #fff !important; }
.shfLink { font-size: 1.2rem; padding: 4px 10px; }
.shfBnr { height: 50px; padding: 0 14px; font-size: 1.3rem; }
@media screen and (min-width: 960px) {
	header.pc .inner .logo a.shfLink { margin-left: 16px; margin-right: 20px; }
}
@media screen and (min-width: 960px) {
	/* 公式サイトへのリンクを追加した分、右側の「お弁当のご注文はこちら」ボタンが縮まないようにする */
	header.pc .inner .headerRight div.right-left a.contact, header.pc .inner .headerRight a.contact { min-width: 200px; }
}
/* フッター：シップヘルスケアフード（上・大きく）、シップヘルスケアグループ（下） */
footer .inner div.left ul.bnr { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
footer .inner div.left ul.bnr li { margin: 0; }
footer .inner div.left ul.bnr li img.shfBnrImg { width: auto; max-width: 100%; height: 50px; } /* グループのバナー（400×50で表示）と同じ大きさ */
/* スマホメニュー：シップヘルスケアフードのバナー */
.drawer-nav .headerLinks { flex-wrap: wrap; }
.drawer-nav .headerLinks a.shfDrawerBnr { display: block; flex: 0 0 100%; margin-top: 12px; }
.drawer-nav .headerLinks a.shfDrawerBnr::before { content: none; }
.drawer-nav .headerLinks a.shfDrawerBnr img { display: block; width: 100%; height: auto; visibility: visible; } /* nav div img の非表示指定を打ち消す */
@media screen and (min-width: 960px) {
	/* ヘッダー：電話番号欄の上にシップヘルスケアフード公式サイトへのロゴ（2026-10-01） */
	/* 左のロゴ：「SHIP HEALTHCARE FOOD／中央事業部」の2段ロゴ。ヘッダーの横幅を画面に合わせて最大1400pxまで広げ、左の余白を減らす */
	header.pc .inner { width: clamp(1260px, calc(100% - 40px), 1400px); }
	header.pc .inner .logo .logoMain { height: 56px; width: auto; max-width: none; }
	header.pc .inner .logo a:first-child { margin-left: 0; }
	header.pc .inner .headerRight div.right-left.shfTel { display: flex; flex-wrap: wrap; align-items: baseline; width: auto; margin-left: 16px; }
	header.pc .inner .headerRight div.right-left a.shfTelLogo { display: flex; align-items: center; flex: 0 0 100%; margin-bottom: 4px; text-decoration: none; }
	header.pc .inner .headerRight div.right-left a.shfTelLogo img { display: block; height: 38px; width: auto; max-width: none; }
	header.pc .inner .headerRight div.right-left a.shfTelLogo span { margin-left: 8px; padding-left: 8px; border-left: 1px solid #ccc; color: #278740; font-size: 1.2rem; font-weight: bold; line-height: 1.3; white-space: nowrap; }
	header.pc .inner .headerRight div.right-left a.shfTelLogo:hover { opacity: .75; }
	header.pc .inner .headerRight div.right-left.shfTel p.pc { width: auto; margin-right: 6px; font-size: .9rem; line-height: 1.2; }
	header.pc .inner .headerRight div.right-left.shfTel p.tel { font-size: 1.7rem; margin-top: 0; }
}
@media screen and (min-width: 960px) and (max-width: 1439px) {
	/* 画面が狭くヘッダーが1260pxのときは、ロゴを少し小さくして収める */
	header.pc .inner .logo .logoMain { height: 42px; }
	header.pc .inner .headerRight div.right-left a.shfTelLogo img { height: 33px; }
	header.pc .inner .headerRight div.right-left.shfTel { margin-left: 12px; }
}