﻿@charset "UTF-8";

/* ----------------------------------
 DEAN & DELUCAのワイン
---------------------------------- */
.forcms_block[id^="winestore_"] {
	--font-yugot: "YuGothic", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
	--font-yumin: "YuMincho", "Yu Mincho", "游明朝体", "游明朝", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	--font-helve: "Helvetica Neue", Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	--font-hirag: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "游明朝体", "游明朝", "MS PMincho", serif;
}
.forcms_block[id^="winestore_"] { overflow-x: hidden;}
.forcms_block[id^="winestore_"] * { box-sizing: border-box;}
.forcms_block[id^="winestore_"] img { max-width: 100%;}
.forcms_block[id^="winestore_"] h2.title { padding: 0; margin: 0 0 20px; border: none; font-size: 28px; font-weight: 600; background: transparent;}
.forcms_block[id^="winestore_"] .winestore-contents-inner { max-width: 1120px; margin: 0 auto;}

/* Prev / Next */
.wine-slider-nav { flex-shrink: 0; display: flex; align-items: center; gap: 32px;}
.wine-slider-nav button {
	padding: 0;
	border: none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	font-family: var(--font-helve);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.0;
	letter-spacing: 0.05em;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
}
.wine-slider-nav button span { font-family: var(--font-helve); font-size: 16px; font-weight: 700;}
.wine-slider-nav .css-replacement { padding: 0; display: grid; overflow: hidden;}
.wine-slider-nav .css-replacement span { position: static; grid-area: 1 / 1;}
.wine-slider-nav .css-arrow {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	font-size: 0;
	display: block;
	position: relative;
	overflow: hidden;
}
.wine-slider-nav .css-arrow::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.wine-slider-nav button:first-child .css-arrow { transform: rotate(180deg);}
.wine-slider-nav button:hover .css-arrow::before { animation: arrow 0.8s;}
.wine-slider-nav button.swiper-button-disabled { opacity: 0.3; cursor: default; pointer-events: none;}
.wine-slider-nav button.swiper-button-disabled .css-arrow::before { animation: none;}
.wine-slider-nav button.swiper-button-lock { display: none;}

/* 「一覧を見る」リンク */
.wine-more-link { font-family: var(--font-yumin); font-size: 16px; font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 8px;}
.wine-more-link span { font-family: var(--font-yumin); font-size: 16px; font-weight: 600;}
.wine-more-link .css-replacement { padding: 0; display: grid; overflow: hidden;}
.wine-more-link .css-replacement span { position: static; grid-area: 1 / 1;}
.wine-more-link .css-arrow {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	font-size: 0;
	display: block;
	position: relative;
	overflow: hidden;
}
.wine-more-link .css-arrow::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 12px;
	top: 12px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	transition: all .3s;
}
.wine-more-link:hover .css-arrow::before { animation: arrow 0.8s;}

/* 横長ボタン */
.wine-btn-link {
  font-family: var(--font-yumin);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.wine-btn-link span { font-family: var(--font-yumin); font-size: 16px; font-weight: 600;}
.wine-btn-link .css-replacement { padding: 0; display: grid; overflow: hidden;}
.wine-btn-link .css-replacement span { position: static; grid-area: 1 / 1;}
.wine-btn-link .css-arrow {
	width: 16px;
	height: 16px;
	font-size: 0;
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -8px;
}
.wine-btn-link .css-arrow::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	transition: all .3s;
}
.wine-btn-link:hover .css-arrow::before { animation: arrow 0.8s;}

/* メインビジュアル
---------------------------------- */
#winestore_mv {
	--mv-pad-x: 80px;        /* 左右の余白 */
	--mv-center-left: 375px; /* 画像の開始位置。画面中央からこの距離だけ左（Enjoy Good Food と同じ） */
	--mv-col-min: 320px;     /* 左カラムの下限。タイトル画像（80px + 220px）が収まる幅 */
	--mv-title-w: 220px;     /* タイトル画像の幅 */
	--mv-title-h: 175px;     /* タイトル画像の高さ */
	--mv-title-top: 85px;    /* 上端 → タイトル */
	--mv-title-gap: 80px;    /* タイトル → テキスト */
	--mv-nav-gap: 40px;      /* テキスト → Prev/Next */
	--mv-nav-h: 16px;        /* Prev/Next の高さ */
	--mv-bottom: 80px;       /* Prev/Next → 下端 */
	--mv-gap: 35px;          /* スライド間（top.js の spaceBetween と揃えること） */
	--mv-peek: 40px;         /* 右端に覗かせる次の画像の幅。0 で画像が画面右端まで届く */
	--mv-col-outer: max(calc(50% - var(--mv-center-left)), var(--mv-col-min));
	--mv-col-inner: max(calc(50vw - var(--mv-center-left)), var(--mv-col-min));
	--mv-ratio: 1010 / 568;
	--mv-speed: 600ms;       /* スライドの所要時間。top.js の MV_SPEED と揃えること */
	--mv-fade: 900ms;        /* テキストがふわっと出るまでの時間 */
	--mv-fade-delay: 150ms;  /* テキストが出始めるまでの間 */
	--mv-fade-move: 6px;     /* ふわっと浮き上がる距離。0 にするとフェードだけになる */
	padding: 0 0 80px;
	background: #81433A;
}
@supports (container-type: inline-size) {
	#winestore_mv { --mv-col-inner: max(calc(50cqw - var(--mv-center-left)), var(--mv-col-min));}
}
#winestore_mv .for-pc-img { font-size: 0; display: block;}
#winestore_mv .for-sp-img { font-size: 0; display: none;}
#winestore_mv .for-pc-img img,
#winestore_mv .for-sp-img img { width: 100%; vertical-align: top; font-size: 0;}
#winestore_mv .mv-inner { padding: 0; background: #81433A; position: relative; container-type: inline-size;}
#winestore_mv .mv-inner::before {
	content: '';
	width: var(--mv-col-outer);
	background: #81433A;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
}
#winestore_mv .mv-inner.is-sliding::before { opacity: 1;}
#winestore_mv .mv-title {
	width: var(--mv-title-w);
	padding: 0;
	margin: 0;
	border: none;
	position: absolute;
	top: var(--mv-title-top);
	left: var(--mv-pad-x);
	z-index: 3;
}
#winestore_mv .mv-title img { width: var(--mv-title-w); height: var(--mv-title-h); vertical-align: top;}
#winestore_mv .wine-slider-nav button { color: #FFF;}
#winestore_mv .wine-slider-nav .css-arrow::before { background-image: url("../img/ico_arrow_w.png");}
#winestore_mv .wine-slider-nav button.swiper-button-disabled .css-arrow::before { background-image: url("../img/ico_arrow_g.png");}
#winestore_mv .mv-slider {
	width: calc(100% - var(--mv-col-outer));
	margin-left: var(--mv-col-outer);
	overflow: visible;
}
#winestore_mv .mv-list { padding: 0; margin: 0; list-style: none;}
#winestore_mv .mv-item {
	width: calc(100% - var(--mv-gap) - var(--mv-peek));
	max-width: 1010px;
	height: auto;
	aspect-ratio: var(--mv-ratio);
	display: flex;
	position: relative;
	z-index: 1;
}
#winestore_mv .mv-item > a {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	text-decoration: none;
	position: relative;
	z-index: 1;
}
#winestore_mv .mv-item.display-none { display: none !important;}
#winestore_mv .mv-item.swiper-slide-active { z-index: 2;}
#winestore_mv .mv-desc {
	grid-area: 1 / 1;
	min-height: 0;
	width: var(--mv-col-inner);
	margin-left: calc(-1 * var(--mv-col-inner));
	padding-top: calc(var(--mv-title-top) + var(--mv-title-h) + var(--mv-title-gap));
	padding-right: 20px;
	padding-bottom: calc(var(--mv-nav-h) + var(--mv-nav-gap) + var(--mv-bottom));
	padding-left: var(--mv-pad-x);
	font-family: var(--font-yumin);
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: transparent;
	position: relative;
	z-index: 2;
}
#winestore_mv .mv-desc { transition: background-color 0s var(--mv-speed);}
#winestore_mv .mv-item.swiper-slide-active .mv-desc { background: #81433A; transition: background-color 0s;}
#winestore_mv .mv-desc > * {
	opacity: 0;
	transform: translateY(var(--mv-fade-move));
	transition: opacity 0s var(--mv-speed), transform 0s var(--mv-speed);
}
#winestore_mv .mv-item.swiper-slide-active .mv-desc > * {
	opacity: 1;
	transform: translateY(0);
	transition: opacity var(--mv-fade) ease-out var(--mv-fade-delay),
	            transform var(--mv-fade) ease-out var(--mv-fade-delay);
}
#winestore_mv .mv-desc .top-date { margin: 0 0 12px; display: flex; align-items: center;}
#winestore_mv .mv-desc .top-date .date-line {
	height: 24px;
	padding: 0 16px;
  margin: 0;
	font-family: var(--font-helve);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
	line-height: 1.0;
	color: #000;
	display: flex;
	align-items: center;
	background: #FFF;
}
#winestore_mv .mv-desc .top-text { width: 640px; margin: 0; line-height: 1.4; word-break: keep-all; white-space: nowrap;}
#winestore_mv .mv-desc .top-text .text-line {
	padding: 3px 16px;
	-webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-family: var(--font-yumin);
  font-size: 32px;
  font-weight: 600;
  word-break: break-all;
  white-space: wrap;
  color: #000;
	display: inline;
	background: #FFF;
}
#winestore_mv .mv-visual { grid-area: 1 / 1; min-height: 0; position: relative; z-index: 1;}
#winestore_mv .mv-visual .image { height: 100%; overflow: hidden;}
#winestore_mv .mv-visual .image figure { height: 100%; margin: 0;}
#winestore_mv .mv-visual .image img { width: 100%; height: 100%; object-fit: cover; vertical-align: top;}
#winestore_mv .wine-slider-nav { padding-left: var(--mv-pad-x); position: relative; top: -20px; z-index: 2;}

/* メインビジュアル1枚目のPOPUP
---------------------------------- */
#mv_popup_menu { display: none;}
#mv_popup_menu .mv-popup-pop-frame { 
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -9999;
}
body.mv-popup-fixed #mv_popup_menu .mv-popup-pop-frame { z-index: 9999999;}
#mv_popup_menu .for-sp-dsp { display: none;}
#mv_popup_menu .mv-popup-pop-inner { padding: 0 15px; position: relative;}
#mv_popup_menu .pop-close {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 0;
	background: #F0F0F0;
	position: absolute;
	top: -20px;
	right: -5px;
	cursor: pointer;
	z-index: 2;
}
#mv_popup_menu .pop-close::before,
#mv_popup_menu .pop-close::after {
	content: '';
	width: 14px;
	border-top: #000 2px solid;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 7px);
	cursor: pointer;
}
#mv_popup_menu .pop-close::before { transform: rotate(45deg);}
#mv_popup_menu .pop-close::after { transform: rotate(-45deg);}
#mv_popup_menu .mv-popup-pop-body {
  max-width: 680px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 50px 40px;
  margin: 0 auto;
  text-align: center;
  background: #FFF;
  position: relative;
}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head { padding: 0 0 30px; margin: 0 0 30px; border-bottom: #E6E6E6 1px solid;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .pop-logo { max-width: 380px; margin: 0 auto 28px; text-align: center;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .pop-logo img { width: 100%; vertical-align: top;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .pop-text { margin: 0 0 18px; font-family: var(--font-yumin); font-size: 16px; font-weight: 600; text-align: center;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .for-store { display: flex; justify-content: center;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .for-store .wine-more-link span { font-family: var(--font-yumin);}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .wine-more-link span { font-family: var(--font-yumin); font-size: 14px; font-weight: 600;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .wine-more-link .css-arrow { width: 24px; height: 24px; background-color: #F0F0F0;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-head .wine-more-link .css-arrow::before { 
	width: 12px;
	height: 12px;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	background-image: url("../img/ico_arrow.png");
	top: 6px;
	right: 6px;
}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-body-menu-list .menu-item + .menu-item { margin-top: 25px;}
#mv_popup_menu .mv-popup-pop-body .mv-popup-pop-body-menu-list .menu-item .name {
	margin: 0 0 12px;
	font-family: var(--font-yumin);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
#mv_popup_menu .for-detail { margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#mv_popup_menu .for-detail a { max-width: 360px; width: 100%; height: 48px; font-family: var(--font-yumin); color: #FFF; background-color: #000000;}
#mv_popup_menu .for-detail .css-arrow::before { background-image: url("../img/ico_arrow_w.png");}

/* コンセプト
---------------------------------- */
#winestore_concept { padding: 80px 0; background: #F7F3E8;}
#winestore_concept h2.title { font-family: var(--font-helve); font-size: 14px; font-weight: 700; text-align: center;}
#winestore_concept .sub { margin: 0 0 20px; text-align: center;}
#winestore_concept .sub img { width: auto; max-height: 80px;}
#winestore_concept .message { font-family: var(--font-yumin); font-size: 16px; font-weight: 500; text-align: center; line-height: calc(28/16);}

/* おすすめ特集
---------------------------------- */
#winestore_osusume { padding: 80px 0; background: #1E1E1E;}
#winestore_osusume .osusume-head { margin: 0 0 20px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px;}
#winestore_osusume h2.title { margin: 0; color: #FFF;}
#winestore_osusume h2.title img { height: 56px;}
#winestore_osusume .wine-slider-nav button { color: #FFF;}
#winestore_osusume .wine-slider-nav .css-arrow::before { background-image: url("../img/ico_arrow_w.png");}
#winestore_osusume .wine-slider-nav button.swiper-button-disabled .css-arrow::before { background-image: url("../img/ico_arrow_g.png");}
#winestore_osusume .wine-slider-wrap { position: relative;}
#winestore_osusume .osusume-slider { overflow: visible;}
#winestore_osusume .osusume-list { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: nowrap;}
#winestore_osusume .osusume-list li.osusume-item { width: calc((100% - 36px * 2)/3); height: auto; position: relative;}
#winestore_osusume .osusume-list li.osusume-item.display-none { display: none !important;}
#winestore_osusume .osusume-list li.osusume-item a { text-decoration: none;}
#winestore_osusume .osusume-list li.osusume-item .image { margin: 0 0 16px; overflow: hidden; position: relative;}
#winestore_osusume .osusume-list li.osusume-item .image img { width: 100%; transition: 0.3s;}
#winestore_osusume .osusume-list li.osusume-item a:hover .image img { transform: scale(1.1,1.1);}
#winestore_osusume .osusume-list li.osusume-item.new .image::after {
	content: '';
	width: 48px;
	height: 48px;
	display: block;
	background-color: transparent;
	background-image: url("../img/ico_new.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	bottom: -2px;
	left: -2px;
	z-index: 2;
}
#winestore_osusume .osusume-list li.osusume-item .date { margin: 0 0 12px; font-size: 14px; font-weight: 400; line-height: 1.0; color: #FFF; display: flex;}
#winestore_osusume .osusume-list li.osusume-item .name { font-family: var(--font-yumin); font-size: 18px; font-weight: 600; line-height: calc(28/18); color: #FFF;}
#winestore_osusume .osusume-scrollbar { width: 100%; height: 2px; margin: 32px 0 0; background: #666; position: relative; overflow: hidden; cursor: pointer;}
#winestore_osusume .osusume-scrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 0; background: #FFF; position: relative; left: 0; top: 0;}
#winestore_osusume .osusume-scrollbar.swiper-scrollbar-lock { display: none;}
#winestore_osusume .for-list { margin: 40px 0 0; display: flex; justify-content: flex-end; align-items: center;}
#winestore_osusume .wine-more-link { color: #FFF;}
#winestore_osusume .wine-more-link .css-arrow { background-color: #FFF;}
#winestore_osusume .wine-more-link .css-arrow::before { background-image: url("../img/ico_arrow.png");}

/* 商品を探す
---------------------------------- */
#winestore_category { padding: 70px 0 80px; background: #F8F8F8;}
#winestore_category .category-list {  display: flex; flex-wrap: wrap; gap: 10px;}
#winestore_category .category-list li { width: calc((100% - 10px * 4)/5);}
#winestore_category .category-list li a { padding: 20px 0; text-decoration: none; display: block; background: #FFF;}
#winestore_category .category-list li .image { margin: 0 0 12px; text-align: center;}
#winestore_category .category-list li .image img { width: auto; height: 140px; transition: 0.3s;}
#winestore_category .category-list li a:hover .image img { transform: scale(1.1,1.1);}
#winestore_category .category-list li .name { font-family: var(--font-yumin); font-size: 16px; font-weight: 600; text-align: center; line-height: 1.4;}
#winestore_category .for-list { margin: 40px 0 0; display: flex; justify-content: flex-end; align-items: center;}
#winestore_category .wine-more-link { color: #1E1E1E;}
#winestore_category .wine-more-link .css-arrow { background-color: #000000;}
#winestore_category .wine-more-link .css-arrow::before { background-image: url("../img/ico_arrow_w.png");}

/* 新着ワイン
---------------------------------- */
#winestore_newitem { padding: 80px 0; background: #F7F3E7;}
#winestore_newitem .newitem-head { margin: 0 0 20px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px;}
#winestore_newitem h2.title { margin: 0;}

/* Prev / Next */
#winestore_newitem .wine-slider-nav button { color: #1E1E1E;}
#winestore_newitem .wine-slider-nav .css-arrow::before { background-image: url("../img/ico_arrow.png");}
#winestore_newitem .wine-slider-nav button.swiper-button-disabled .css-arrow::before { background-image: url("../img/ico_arrow_g.png");}
#winestore_newitem .wine-slider-wrap { position: relative;}
#winestore_newitem .newitem-slider { overflow: visible;}
#winestore_newitem .newitem-scrollbar { width: 100%; height: 2px; margin: 32px 0 0; background: #E0E0E0; position: relative; overflow: hidden; cursor: pointer;}
#winestore_newitem .newitem-scrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 0; background: #1E1E1E; position: relative; left: 0; top: 0;}
#winestore_newitem .newitem-scrollbar.swiper-scrollbar-lock { display: none;}
#winestore_newitem .block-thumbnail-t { display: flex; flex-wrap: wrap; gap: 40px 36px;}
#winestore_newitem .block-thumbnail-t > li { width: calc((100% - 36px * 4)/5);}
#winestore_newitem .block-pickup-list-p--items { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: nowrap;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--item { width: calc((100% - 36px * 4)/5); height: auto;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-image { margin: 0 0 20px; display: block;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-image .img-center { display: flex; justify-content: center; align-items: center;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-image .img-center img { width: 100%; vertical-align: top;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description { width: 100%; display: flex; flex-direction: column; position: relative;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description .block-icon                       { order: 1;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description .block-pickup-list-p--goods-name  { order: 2;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description .variation-name                   { order: 3; display: none;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description .block-pickup-list-p--comment     { order: 5;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description .block-pickup-list-p--price-infos { order: 4;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description::after { 
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	background: #F7F3E7;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	z-index: 2;
}
#winestore_newitem .block-pickup-list-p--items .block-icon { height: 22px; margin: 0 0 8px; order: 1;}
#winestore_newitem .block-pickup-list-p--items .block-icon img { height: 22px; vertical-align: top;}
#winestore_newitem .block-pickup-list-p--items .block-icon span { display: none !important;}
#winestore_newitem .block-pickup-list-p--items .block-icon span.block-icon--src1:has(img[src^="https://stg."]) { display: inline !important;}
#winestore_newitem .block-pickup-list-p--items .block-icon span.block-icon--src8 { display: inline !important;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-name { padding-top: 30px; box-sizing: content-box;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-description:has(.block-icon) .block-pickup-list-p--goods-name { padding-top: 0; box-sizing: border-box;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--goods-name {
	height: calc(2em * 1.5);
	margin: 0 0 8px;
	line-height: 1.5;
	font-family: var(--font-yugot);
	font-size: 16px;
	display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--comment {
	height: calc(3em * calc(24/14) + 23px);
	padding: 14px 14px 9px;
	margin: 0;
	font-family: var(--font-yugot);
	font-size: 14px;
	font-weight: 400;
	line-height: calc(24/14);
	background: #FFF;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--comment::before {
	content: '';
	height: 10px;
	background: #FFF;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--price-infos { margin: 0 0 20px; font-size: 16px; font-weight: 700; position: relative;}
#winestore_newitem .block-pickup-list-p--items .block-pickup-list-p--price-infos::after {
	content: '';
	border-bottom: #FFF 10px solid;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	display: block;
	position: absolute;
	bottom: -21px;
	left: 14px;
}

/* ワインとたのしみたいフード
---------------------------------- */
#winestore_foods { padding: 80px 0 90px; background: #F8F8F8;}
#winestore_foods .food-item { padding: 40px; display: flex; justify-content: space-between; background: #FFF;}
#winestore_foods .food-item + .food-item { margin-top: 20px;}
#winestore_foods .food-item .image { width: 320px;}
#winestore_foods .food-item .desc { width: calc(100% - 360px);}
#winestore_foods .food-item .desc .brand { margin: 0 0 4px; font-size: 14px; color: #666;}
#winestore_foods .food-item .desc .name { margin: 0 0 20px; font-family: var(--font-yumin); font-size: 20px; font-weight: 600; line-height: 1.4;}
#winestore_foods .food-item .desc .text { font-family: var(--font-yugot); font-size: 16px; font-weight: 500; line-height: 1.75;}
#winestore_foods .food-item .desc .for-detail { margin: 26px 0 0;}
#winestore_foods .food-item .desc .for-detail a { max-width: 360px; width: 100%; height: 48px; color: #FFF; background-color: #000000;}
#winestore_foods .food-item .desc .for-detail .css-arrow::before { background-image: url("../img/ico_arrow_w.png");}

/* ワインギフト
---------------------------------- */
#winestore_gift { padding: 80px 0 85px; background: #81433A;}
#winestore_gift h2.title { color: #FFF;}
#winestore_gift .gift-list { display: flex; flex-wrap: wrap; gap: 36px;}
#winestore_gift .gift-list li { width: calc((100% - 36px * 2)/3);}
#winestore_gift .gift-list li a { text-decoration: none;}
#winestore_gift .gift-list li .image { margin: 0 0 24px; overflow: hidden;}
#winestore_gift .gift-list li .image img { width: 100%; transition: 0.3s;}
#winestore_gift .gift-list li a:hover .image img { transform: scale(1.1,1.1);}
#winestore_gift .gift-list li .name { margin: 0 0 12px; font-family: var(--font-yumin); font-size: 18px; font-weight: 600; line-height: 1.4; color: #FFF;}
#winestore_gift .gift-list li .text { font-family: var(--font-yugot); font-size: 16px; font-weight: 500; color: #FFF;}

/* マーチャントのおすすめ
---------------------------------- */
#winestore_merchant { padding: 80px 0 90px; background: #FFF;}
#winestore_merchant .enjoy-head { margin: 0 0 30px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px;}
#winestore_merchant h2.title { margin: 0;}
#winestore_merchant .winestore-contents-inner { overflow: visible;}
#winestore_merchant .wine-slider-nav button { color: #1E1E1E;}
#winestore_merchant .wine-slider-nav .css-arrow::before { background-image: url("../img/ico_arrow.png");}
#winestore_merchant .wine-slider-nav button.swiper-button-disabled .css-arrow::before { background-image: url("../img/ico_arrow_g.png");}
#winestore_merchant .wine-slider-wrap { position: relative;}
#winestore_merchant .revico-common-background-style { background-color: #FFF;}
#winestore_merchant .revico-multicomment-top .revico-multicomment-inner { max-width: unset;}
#winestore_merchant .revico-multicomment-top .revico-comment-main { padding: 0 0 35px; display: block;}
#winestore_merchant .revico-multicomment-top .revico-logo { top: auto; bottom: 0; margin: 0 !important;}
#winestore_merchant .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row a { border: #CCC 1px solid;}
#winestore_merchant .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .css-arrow { background-color: #000;}
#winestore_merchant .css-arrow-wrap-gray .css-arrow::before,
#winestore_merchant .css-arrow-wrap-white .css-arrow::before { background-image: url(/cms/common/img/ico_arrow_w.png);}
#winestore_merchant .merchant-slider { overflow: visible;}
#winestore_merchant .merchant-list { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: nowrap;}
#winestore_merchant .merchant-list .revico-review-comment-row-wrapper { width: calc((100% - 36px)/ 1.7); max-width: 530px; height: auto;}
#winestore_merchant .merchant-list .revico-review-comment-row { width: 100%;}
#winestore_merchant .merchant-scrollbar { width: 100%; height: 2px; margin: 20px 0 0; background: #E0E0E0; position: relative; overflow: hidden; cursor: pointer;}
#winestore_merchant .merchant-scrollbar .swiper-scrollbar-drag { height: 100%; border-radius: 0; background: #1E1E1E; position: relative; left: 0; top: 0;}
#winestore_merchant .merchant-scrollbar.swiper-scrollbar-lock { display: none;}

/* バナーエリア
---------------------------------- */
#winestore_banner { padding: 80px 0; background: #F7F3E7;}
#winestore_banner .banner-list { display: flex; flex-wrap: wrap; gap: 36px;}
#winestore_banner .banner-list li { width: calc(50% - 18px); display: flex; justify-content: center; align-items: center; overflow: hidden;}
#winestore_banner .banner-list li img { width: 100%; transition: 0.3s;}
#winestore_banner .banner-list li a:hover img { transform: scale(1.1,1.1);}

/* 生産者から選ぶ
---------------------------------- */
#winestore_producer { padding: 80px 0; background: #FFF; display: none !important;}
#winestore_producer .producer-list { display: flex; flex-wrap: wrap; gap: 36px; background: #FFF;}
#winestore_producer .producer-list li { width: calc((100% - 36px * 3)/ 4);}
#winestore_producer .producer-list li a { font-size: 16px; font-weight: 500; text-decoration: underline;}
#winestore_producer .producer-list li a:hover { text-decoration: none;}
