/** -------------------- 商品マーク -------------------- **/
.c-itemMark--new {
  background: var(--c_liquor);
}

.c-itemMark--cool {
  background: var(--c_fish);
}

.c-itemMark--sale {
  background: var(--c_meat);
}

.c-itemMark--free {
  background: var(--c_feature);
}

.c-itemMark--limited {
  background: var(--c_vege);
}

.c-itemMark--fresh {
  background: var(--c_fruit);
}

.c-itemMark--reserve {
  background: var(--c_local);
}

.c-itemMark--recommend {
  background: var(--c_wine);
}

/** -------------------- 注文エリア移動ボタン -------------------- **/
.to_orderarea_btn{
    position: fixed;
    right:0;
    bottom:min(60px,6vw);
}
.to_orderarea_btn img{
    max-width:70px;
    width:15vw;
}
/*スマートフォンページの動画表示を調整するCSS*/
@media screen and (max-width:600px){
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/** -------------------- 文字点滅 -------------------- **/
/* 点滅 */
.blink {
	animation: blink 1s linear 0s infinite normal;
}
@keyframes blink {
	0% { opacity: 0; }
	29.9% { opacity: 0; }
	30% { opacity: 1; }
	100% { opacity: 1; }
}

/** ----- フローティングバナー（後で消します） ----- **/
#test_banner_design .banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #333;
  color: white;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 10px;
}
#test_banner_design .banner a {color: white;}
#test_banner_design .mb-6 {margin-bottom: 60px;}