@charset "UTF-8";

.l-content .mainVisual{ width: 950px; white-space: nowrap; overflow: hidden; margin-bottom: 20px;}
.l-content .mainVisual img{ display:block;}

.l-content .goods-bx{ display:flex; margin:0; flex-wrap: wrap;  box-sizing: border-box;}
.l-content .goods-bx *{ box-sizing: border-box;}
.l-content .goods-bx .itm{ width:137px; margin:12px 0 0 20px; }
/* .l-content .goods-bx .itm:nth-child(6n+1){ margin-left:0; width:135px;} */
.l-content .goods-bx .itm a{ background-color:#fff; display:flex; flex-direction: column; } 
.l-content .goods-bx .itm2{ width:100px; margin:12px 0 0 17px; }
/* .l-content .goods-bx .itm2:nth-child(8n+1){ margin-left:0; width:100px;} */
.l-content .goods-bx .itm2 a{ background-color:#fff; display:flex; flex-direction: column; } 
.l-content .goods-t{ display:flex; align-items: flex-start; flex-direction: column; } 
.l-content .name{ padding:0; font-size:12px; letter-spacing: -0.5px; color:#333; margin:5px auto 5px; font-weight:normal; text-align: center; line-height: 1.4;}
.l-content .name2{ padding:0; font-size:14px; letter-spacing: -0.5px; color:#333; margin:5px auto 5px; font-weight:normal; text-align: center; line-height: 1.4;}
.l-content .thumb{display:flex; justify-content: center;  border:#ddd 1px solid; border-radius:6px;  }
.l-content .thumb:hover {border: 1px solid #fc0;}
.l-content .thumb img{ width:120px; height:120px; margin: 8px auto;}
.l-content .thumb2{display:flex; justify-content: center;  border:#ddd 1px solid; border-radius:6px;  }
.l-content .thumb2 img{ width:90px; height:90px; margin: 5px auto;}
.l-content .thumb2:hover {border: 1px solid #fc0;}
.l-content .goods-bx .itm a:hover {text-decoration: none;}
.l-content .goods-bx .itm2 a:hover {text-decoration: none;}

.l-content .campaign-test{ background-color:#f5f5f5; padding:40px 50px 50px;}
.l-content .campaign-test .tit{ font-weight:bold!important; padding:0 !important; text-align:center; border: none !important; color:#666 !important; font-size:30px !important; background-color:transparent !important;}
.l-content .campaign-test .tit b{ color:#333 !important; font-weight:bold!important; }

.l-content .campaign-con{margin-bottom: 40px;}
.l-content .campaign-con .h2-tit{  padding:9px 0 7px 20px !important; font-size:20px !important; color:#000 !important; border: none !important; display:flex; align-items: center; background-image: url("/pr/vona/economy/campaign/images/lp_tit_01.png");}


.l-content .campaign-con-list{ display:flex; flex-wrap: wrap; margin:-20px 0 0 0; box-sizing: border-box;}
.l-content .campaign-con-list *{ box-sizing: border-box;}
.l-content .campaign-con-list .item{ width:calc(50% - 10px); margin:20px 0 0 20px;}
.l-content .campaign-con-list .item:nth-child(2n+1){ margin-left:0;}
.l-content .campaign-con-list .item .bx{ position:relative; border-radius:5px; height:140px; background-color:#f5f5f5; display:flex; justify-content: space-between; padding:0 5px 0 18px; text-decoration:none;}
.l-content .campaign-con-list .item .desc{ position:relative; z-index:2; flex:1; display:flex; flex-direction: column; padding:18px 0 0 0;}
.l-content .campaign-con-list .item .desc .blt-bx{ display:flex; align-items: center; }
.l-content .campaign-con-list .item .desc .blt-bx .blt{ margin:0 0 0 5px; width:84px; height:28px; font-size:10px; display:flex; justify-content: flex-end; padding:0 5px 0 0; background:url(/pr/vona/economy/campaign/images/blt02.png) 50% 50% no-repeat; color:#dd0000; font-family: "GmarketSansBold";}
.l-content .campaign-con-list .item .desc .blt-bx .blt strong{ padding:2px 0 0 0; display:flex; align-items:baseline;} 
.l-content .campaign-con-list .item .desc .blt-bx .blt b{ font-size:18px; font-family: "GmarketSansBold";}
.l-content .campaign-con-list .item .desc .blt-bx .blt em{ position: absolute; top:-9999px; left:-9999px; }
.l-content .campaign-con-list .item .desc .name{ position:relative;  margin:15px 0 0 0; padding:0 0 10px 0; font-family: "GmarketSansBold"; color:#222; font-size:20px; line-height:1;}
.l-content .campaign-con-list .item .desc .name::after{ content:""; position: absolute; bottom:0; left:0; display:block; background-color:#ccc; width:30px; height:3px; }
.l-content .campaign-con-list .item .desc .txt{ color:#666; font-size:14px; margin:5px 0 0 0; font-family: "GmarketSansMedium"; letter-spacing:-.05em; white-space:nowrap;}
.l-content .campaign-con-list .item .thumb{ position: absolute; top:0; right:5px; width:240px;}