@charset "Shift_JIS";
#today{
position:relative;
margin:80px 0;
}
#mainContents > #today{
margin:40px 0 80px;
}
#today .heading{
margin:0 0 35px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#today .heading:before{
overflow:hidden;
display:block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('/com/images/common/todays_value_title.png');
background-repeat:no-repeat;
width:980px;
height:26px;
margin:0 auto 15px;
content:"";
}
#weeklypush{
position:relative;
margin:80px 0;
}
#weeklypush .heading{
margin:0 0 35px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#weeklypush .heading:before{
overflow:hidden;
display:block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('/com/images/common/weekly_push_title2.png');
background-repeat:no-repeat;
width:980px;
height:93px;
margin:0 auto 15px;
content:"";
}
#today .view-item{
position:absolute;
top:40px;
right:0;
}
#today .view-item a{
position:relative;
padding:0 0 0 26px;
text-decoration:none !important;
}
#today .view-item a:before{
position:absolute;
left:0;
top:2px;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('/com/images/common/common-img-sprite.png?ver=4.05.0');
background-repeat:no-repeat;
width:16px;
height:16px;
background-position:0 -3323px;
content:"";
}
#today .mod-value .mod-itemList li.legendstars{
    background: linear-gradient(115deg,#f7dd90 0% 30%, #fee9b4 60% 100%);
}
#today .mod-value .mod-itemList li.SSV,
#today .mod-value .mod-itemList li.netSSV,
#today .mod-value .mod-itemList li.preSSV{
background:#fff9d9;
}
#today .mod-value .mod-itemList li.sevendays{
background:#ebf5eb;
}
#today .mod-value .mod-itemList li.GGV,
#today .mod-value .mod-itemList li.netGGV{
background:#f8e9e9;
}
#today .mod-value .mod-itemList li.hpv{
background: #ffebd9;
}
/* #weeklypush .mod-value[class*="-weeklypush"]{
border-color:#666666;
}
#weeklypush .mod-value[class*="-weeklypush"] .heading{
color:#248147;
}
#weeklypush .mod-value[class*="-weeklypush"] .heading span{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('/com/images/top/top-img-sprite.png');
background-repeat:no-repeat;
width:200px;
height:27px;
background-position:0 -3546px;
} */
#weeklypush .mod-value[class*="-weeklypush"] .mod-itemList li,
#today .mod-value[class*="-weeklypush"] .mod-itemList li{
background:#f2f2f2;
}
#today .mod-itemList, #weeklypush .mod-itemList{
margin:0 -30px 0 0;
padding:0;
}
#today .mod-itemList ul, #weeklypush .mod-itemList ul{
white-space:normal;
}
#today .mod-itemList ul li{
margin:0 30px 30px 0;
padding:20px;
width:403px;
}
#weeklypush .mod-itemList .bx-wrapper{
margin: 0 auto;
}
#weeklypush .mod-itemList ul li{
padding-top:30px;
width:146px;
}
#today .mod-itemList .mod-item .image, #weeklypush .mod-itemList .mod-item .image{
padding-right:20px;
}
#today .mod-itemList .mod-item, #weeklypush .mod-itemList .mod-item{
position:relative;
}
#today .mod-item .thankyou {
display:none;
}
#today .mod-item .image:before, #weeklypush .mod-item .image:before{
position:absolute;
top:-11px;
left:-5px;
content:"";
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('/com/images/common/icon_ssv_series.png');
background-repeat:no-repeat;
background-size: 90% auto;
width:105px;
height:21px;
z-index: 1;
image-rendering: -webkit-optimize-contrast;
}
#mainContents #today li.SSV .mod-item .image:before{
background-position:0 0;
}
#mainContents #today li.netSSV .mod-item .image:before{
background-position:0 -75px;
}
#mainContents #today li.GGV .mod-item .image:before{
background-position:0 -189px;
height: 19px;
top:-9px;
}
#mainContents #today li.netGGV .mod-item .image:before{
background-position:0 -111px;
height: 16px;
top:-8px;
}
#mainContents #today li.sevendays .mod-item .image:before{
background-position: 0 -142px;
top: -6px;
height: 16px;
}
#mainContents #weeklypush li.m-weeklypush .mod-item .image:before{
background-position: 0px -214px;
top: -6px;
height: 16px;
background-size: 93% auto;
}
#mainContents #weeklypush li.m-monthlypush .mod-item .image:before{
background-position: 0px -288px;
top: -6px;
height: 16px;
background-size: 93% auto;
width:107px;
}
#mainContents #today li.hpv .mod-item .image:before{
background-position: 0 -237px;
top: -9px;
height: 20px;
}
#mainContents #today li.preSSV .mod-item .image:before{
background-position: 0 -302px;
top: -12px;
height: 32px;
}
#mainContents #today li.legendstars .mod-item .image:before{
    background-image: url(/com/images/common/anniversary_ssv_s.png);
    background-position: inherit;
    top: -12px;
    height: 32px;
    width: 140px;
}
#weeklypush .mod-itemList > ul > li > .mod-item .body {
width: 100%;
}
.content-wrap .nomatch~ #weeklypush .mod-itemList ul li .mod-item .body .item-price .price,
.content-wrap .nomatch~ #weeklypush .mod-itemList ul li .mod-item .body .item-price .priceB,
.content-wrap .nomatch~ .mod-pager~ #weeklypush .mod-itemList ul li .mod-item .body .item-price .price,
.content-wrap .nomatch~ .mod-pager~ #weeklypush .mod-itemList ul li .mod-item .body .item-price .priceB {
font-size: 17px;
}
#today a,
#weeklypush a {
color: #333;
text-decoration: underline;
}
#today a:hover ,
#weeklypush a:hover {
text-decoration: none;
opacity: .7;
}
