@charset "utf-8";
/* ------------------------------
OV WineArr ワインリスト 20251010_1133sz
------------------------------ */

/**▼リセット*******/

#ov_kikaku .WineArr_Section,
.WineArr_Section *{ box-sizing: border-box;}
#ov_kikaku .WineArr_Section p,
.WineArr_Section p{ margin: 0px; text-align: left;}
#ov_kikaku .WineArr_Section a,
.WineArr_Section a{ text-decoration: none;}



/**▼外枠*******/

#ov_kikaku .WineArr_Section,
.WineArr_Section{ margin: 20px 0px; padding: 0px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	#ov_kikaku .WineArr_Section,
	.WineArr_Section { max-width: 800px; margin: 20px auto; padding: 10px; }
}

/* 見出し */
#WineArrHeader.WineArr_Header{ margin-bottom: 30px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArrHeader.WineArr_Header{ margin-bottom: 40px;}
}
#WineArrHeader.WineArr_Header .badge{}

#WineArrHeader.WineArr_Header .title{
	margin: 10px 0; padding: 0 0 5px;
	font-size: 20px; line-height: 2em;
	background: url(https://store.old-vintage.com/Contents/ImagesPkg/common/bg_ttl_icon.png) left 50% / 32px auto no-repeat;
	font-family: var(--mincho);
	border-bottom: 1px solid #322e2d;
}
#WineArrHeader.WineArr_Header .title,
#WineArrHeader.WineArr_Header .note{ padding-left: 42px;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArrHeader.WineArr_Header .title{
		margin: 0 0 14px;
		font-size: 30px;
	}
}


/* 陳列棚 */
#WineArr.WineArr_Case{
	list-style:none;
	display:grid; margin: 0 0 50px; padding: 0;
	gap:20px; grid-template-columns:1fr;
	margin: 0px; padding: 0px; list-style: none;
}
#WineArr.WineArr_Case.Arr_1_1{}
/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArr.WineArr_Case{ margin-bottom: 100px;}
	#WineArr.WineArr_Case.Arr_2_1{ grid-template-columns:repeat(2, minmax(0,1fr));}
}



/* カード陳列*/
	/*外枠 */
#WineArr.WineArr_Case .WineArr2{
	position: relative; padding: 10px;
	border:1px solid #ddd; border-radius: 12px; background: #fff;
}
	/* 商品コード */
#WineArr.WineArr_Case .WineArr2 .Arr_Header{ position: relative; line-height: 1.7;}
#WineArr.WineArr_Case .WineArr2 .Arr_Header .Code::before{ content: "商品コード: ";}
#WineArr.WineArr_Case .WineArr2 .Arr_Header .Comment{
	position: absolute; right: 0;
	font-weight: bold; letter-spacing: -1px;
}

	/* 商品名 */
#WineArr.WineArr_Case .WineArr2 .Name_Box{
	display: flex; align-items: center;  justify-content: flex-start;
	margin: 5px 0; padding: 3px;
	min-height: calc(1.4em * 3 + 6px); min-height: calc(3lh + 6px);
	background: #E6B7CF; border-radius: 6px;
}
#WineArr.WineArr_Case .WineArr2 .Name_Box .Name_Text{
	display: -webkit-box; -webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 17px; font-weight: bold; line-height: 1.4; text-align: left;
	overflow: hidden;
}
		/* 商品名背景 */
#WineArr .WineArr2.w_red .Name_Box{ background: #E6B7CF;}
#WineArr .WineArr2.w_white .Name_Box{ background: #D9E5FF;}
#WineArr .WineArr2.w_rose .Name_Box{ background: #FFE2E2;}
#WineArr .WineArr2.w_sparkling .Name_Box{ background: #FFFDE0;}
#WineArr .WineArr2.w_red_sparkling .Name_Box{ background: #FFEFEF;}
#WineArr .WineArr2.w_white_sparkling .Name_Box{ background: #FFFDE0;}
#WineArr .WineArr2.w_rose_sparkling .Name_Box{ background: #FFEFEF;}
#WineArr .WineArr2.w_white_sweet .Name_Box{ background: #FFFDDA;}
#WineArr .WineArr2.w_red_sweet .Name_Box{ background: #FFEFEF;}
#WineArr .WineArr2.w_beer .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_flower .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_flavor .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_fortified .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_beer .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_flower .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_foodgoods .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_orange .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_goods .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_liqur .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_nonalcoholic .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_sake .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_other .Name_Box{ background: #CFC;}
#WineArr .WineArr2.w_flavor .Name_Box{ background: #FFD3DA;}
#WineArr .WineArr2.w_fortified .Name_Box{ background: #ECD2BE;}
#WineArr .WineArr2.w_other .Name_Box{ background: #CFC;}

	/* スペック各種 */
#WineArr.WineArr_Case .WineArr2 .Spec_Box{ margin: 5px 0 0; font-size: 14px; line-height: 1.3;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArr.WineArr_Case .WineArr2 .Spec_Box{ margin-top: 0; font-size: 15px; line-height: 1.5;}
}
		/* 年号 */
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Year .Vintage{ font-weight: bold;}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Year .Vintage:not(:empty)::before{ content: "年号: ";}
		/* 地域 */
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Zone:has(.Country:not(:empty), .Area:not(:empty))::before{ content: "原産国・産地: ";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Zone .Country:has(+ .Area:not(:empty))::after{ content:"／"; }
		/* 階級 */
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Grade .Rating::before{ content: "等級: ";}
		/*属性*/
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Attribute > span{ padding-right: 10px;}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Attribute .Type::before{ content: "タイプ: ";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Attribute .Size0::before{ content: "内容量: ";}
		/* 階級 *//*属性*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArr.WineArr_Case .WineArr2 .Spec_Box.Grade,
	#WineArr.WineArr_Case .WineArr2 .Spec_Box.Attribute{ display: inline-block;}
	#WineArr.WineArr_Case .WineArr2 .Spec_Box.Attribute{ margin-left: 1em;}
}


		/*状態*/
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status{ margin: 10px 0 -5px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.WineArr_Case .WineArr2 .Spec_Box.Status{ margin-bottom: -20px;}
}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Eval_Box,
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock{
	display: inline-block;
	margin-bottom: 10px;
}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Eval_Box{
	padding: 2px 5px; font-weight: bold;
	background: #fff3b0; border-radius: 4px;
}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Eval_Box .Evaluation::before{ content: "評価: ";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number{
	padding: 4px 6px;
	font-size: 15px; font-weight: bold; color: #333;
	border-radius: 999px; background: #f4f4f5;
}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number::before{ content: "残り ";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number::after{ content: " 本";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number.ko::after{ content: " 個";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number.set::after{ content: " セット";}
#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number.ten::after{ content: " 点";}

#WineArr.WineArr_Case .WineArr2 .Spec_Box.Status .Stock .number.low{ color: #fff; background: #b91c1c;}

	/* Price */
#WineArr.WineArr_Case .WineArr2 .Price_Box{ margin: 7px 0 5px; text-align: right;}
#WineArr.WineArr_Case .WineArr2 .Price_Box .Price::after{ content: "(税抜)";}/*Legacy*/
#WineArr.WineArr_Case .WineArr2 .Price_Box .Price_Tax::after{ content: "(税込)";}
#WineArr.WineArr_Case .WineArr2 .Price_Box .Price_Wrap > [class^="Price"]::before { content: "￥";}
		/* normal 通常価格 */
#WineArr.WineArr_Case .WineArr2 .Price_Wrap.normal{ text-decoration: line-through; color: #666; font-size: 16px; }
#WineArr.WineArr_Case .WineArr2 .Price_Wrap.normal::before{ content: "通常販売価格";}
		/* sale 販売価格 */
#WineArr.WineArr_Case .WineArr2 .Price_Wrap.sale{ color: #b91c1c; font-weight: bold; font-size: 16px;}
#WineArr.WineArr_Case .WineArr2 .Price_Wrap.sale::before{ content: "特別価格";}

/* PC▽ */ @media only screen and (min-width: 768px) {
	#WineArr.WineArr_Case .WineArr2 .Price_Box{ text-align: right;}
	#WineArr.WineArr_Case .WineArr2 .Price_Box .Price_Wrap{ display: inline-block;}
	#WineArr.WineArr_Case .WineArr2 .Price_Box .Price_Wrap.sale{ margin-left: 1em;}
}

	/* ご注文ボタン */
#WineArr.WineArr_Case .WineArr2 .LinkBtn{ display: block; margin-top: 10px; text-align: center; text-decoration: none;}


#WineArr.WineArr_Case .WineArr2 .LinkBtn .text{ display: inline-block; padding: 7px 10px; color: #fff; background: #7a0c5a; border-radius: 8px;}
#WineArr.WineArr_Case .WineArr2 .LinkBtn .text::after{ content: "ご注文はこちら";}
#WineArr.WineArr_Case .WineArr2 .LinkBtn .text::before{
	content: "";
	display: inline-block; margin-right: 0.5em;
	width: 1.2em; height: 1.6em; vertical-align: text-top;
	background: url( https://store.old-vintage.com/Contents/ImagesPkg/common/cart_wh.svg ) no-repeat center 30% / contain;
}


/**▼完売処理*******/
#WineArr.WineArr_Case .WineArr2.sold::before,
#WineArr.WineArr_Case .WineArr2.sold::after{ content: ""; position: absolute; top: 0; left: 0; display: block;}
#WineArr.WineArr_Case .WineArr2.sold::before{ width: 100%; height: 100%; background: #333a;}
#WineArr.WineArr_Case .WineArr2.sold::after{
	content: "ご好評につき\a完売しました";
	top: 50%; left: 50%; transform: translate( -50% , -50% );
	width: 80%; height: auto; text-align: center; white-space: pre;
	color: #eee; font-size: 2em; line-height: 1.3;
}
#WineArr.WineArr_Case .WineArr2.sold .Name_Box,
#WineArr.WineArr_Case .WineArr2.sold .LinkBtn .text{ background: unset !important;}
#WineArr.WineArr_Case .WineArr2.sold .LinkBtn .text::after{ content: "完売しました";}