/* ===== オンラインショップ導線（ECBRAND 2026-11） ===== */

/* ① ナビ（スマホ：項目が1つ増える分、メニューの格納位置とスライド量を調整） */
@media only screen and (max-width:770px){
#global-nav{ top:-600px; }
.open #global-nav{
	-moz-transform: translateY(656px);
	-webkit-transform: translateY(656px);
	transform: translateY(656px);
}
}

/* ② トップ 紺帯：商品のご案内＋オンラインショップの2枚並び */
ul.ec_band{ margin:0; padding:0; list-style:none; overflow:hidden; }
ul.ec_band li{ float:left; width:490px; margin:0; }
ul.ec_band li:first-child{ margin-right:20px; }
ul.ec_band img{ width:100%; height:auto; display:block; }
@media only screen and (max-width:770px){
ul.ec_band li{ float:none; width:100%; margin:0 0 12px 0; }
ul.ec_band li:first-child{ margin-right:0; }
}

/* ③ 店舗情報：白枠ボタン（紺背景用） */
.button.ec_btn_w{ border-color:#FFFFFF; color:#FFFFFF; margin-top:10px; width:auto; padding:0 32px; }
.button.ec_btn_w::before, .button.ec_btn_w::after{ left:0; }
.button.ec_btn_w:hover{ color:#222559; }
.button.ec_btn_w:hover::after{ background-color:#FFFFFF; }

/* ④ フッター：リンクが1つ増える分、間隔を詰めて1行に収める（PCのみ） */
@media screen and (min-width: 771px){
footer div a{ margin-right:26px; white-space:nowrap; }
}

/* ⑤ 商品ページ：購入ボタン */
.products_item .ec_buy{ margin-top:12px; line-height:1; }
.products_item .ec_buy .button{ width:240px; }

/* ⑥ レシピ：だしラベルの横に購入ボタン */
.cooking .dashi_row{ overflow:hidden; margin-bottom:20px; }
.cooking .dashi_row span{ float:left; display:block; margin-bottom:0; }
.cooking .ec_dashi{
	float:left; display:block; margin-left:12px; padding:2px 14px;
	border:1px solid #222559; color:#222559; text-decoration:none; font-size:14px; line-height:1.8;
}
.cooking .ec_dashi:hover{ background:#222559; color:#FFFFFF; }
@media only screen and (max-width:770px){
.cooking .ec_dashi{ margin-left:0; margin-top:8px; clear:left; }
}