@charset "SHIFT-JIS";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

version: 1.0
created: 2017/01/11
update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/* jsc-common-renewからの移行分　ここから */
html{
font-size:10px;
}
body{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size:14px;
font-size:1.4rem;
line-height:1.71429;
}
body{
color:#333;
}
body > iframe{
height:0;
}
/* jsc-common-renewからの移行分　ここまで */

#mainContents{
margin:0 auto;
padding:0 0 60px;
width:980px;
position: relative;
}
#mainContents a{
color:#333;
text-decoration:underline;
}
#mainContents a:hover{
text-decoration:none;
opacity:.7;
}
#mainContents a:hover img{
opacity:1;
}
#mainContents .maintenance ul{
margin:0;
}
#mainContents .maintenance ul > li{
margin:0 0 10px;
}
#mainContents .main-block {
  margin-top:0;
}
#mainContents #program-top {
  margin-bottom:80px;
}
#mainContents .program-heading{
position:relative;
z-index:0;
/* margin-top: 80px; */
}
#mainContents .program-heading .heading-date{
position:absolute;
top:26px;
left:0;
z-index:10;
}
#mainContents .program-heading .heading-date .date{
margin:0 0 3px;
font-weight:bold;
padding-right: 15px;
display: inline-block;
}
#mainContents .program-heading .heading-date .date span{
  font-feature-settings: "palt";
  font-size:20px;
  font-size:2.0rem;
}
#mainContents .program-heading .heading-date .date span.day{
  font-size:28px;
  font-size:2.8rem;
}
#tabNav, #tabNav02 {
  text-align: center;
}
#tabNav li,
#tabNav02 li {
  text-align: center;
}
#mainContents .program-heading .program-link {
  width: 230px;
  margin: 10px 4px;
  border: 1px solid #e4007f;
  border-radius: 5px;
  text-decoration: none !important;
  z-index: 10;
  position: absolute;
  text-align:left;
  display:inline-block;
  bottom:2px;
  right:0;
}
#mainContents .program-heading .program-link a{
  color: #e4007f;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  line-height: 240%;
  border: none;
  padding:8px 10px 8px 25px;
  display:block;
}
#mainContents .program-heading .program-link a:after{
  position:absolute;
  right:10px;
  top:20px;
  overflow:hidden;
  display:inline-block;
  white-space:nowrap;
  vertical-align:middle;
  line-height:1;
  content:"〉";
}
#mainContents .mod-tabContent {
  padding: 80px 0;
}
.l-bottom .heading-date {
  display: none;
}

/* 下記の .allItems セレクタは存在しない
#mainContents .program-heading .allItems{
position:absolute;
right:0;
bottom:10px;
z-index:10;
}
#mainContents .program-heading .allItems a{
position:relative;
display:block;
border-radius:6px;
padding:8px 35px 8px 65px;
width:140px;
background:#7fbe26;
color:#ffffff;
line-height:22px;
text-decoration:none;
}
#mainContents .program-heading .allItems a:before, #mainContents .program-heading .allItems a:after{
position:absolute;
top:50%;
}
#mainContents .program-heading .allItems a:before{
left:15px;
margin-top:-18px;
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:35px;
height:35px;
background-position:0 0;
content:"";
}
#mainContents .program-heading .allItems a:after{
right:10px;
margin-top:-8px;
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 -1437px;
content:"";
}
*/
#mainContents .program-heading .mod-tab li.is-active{
background:#fdebf5;
}
.mod-tab > li a{
color:#e4007f !important;
}
.mod-tab[class*="-top"]:after {
  position: absolute;
  bottom: -35px;
  right: -1000%;
  left: -1000%;
  content: "";
  display: block;
  height: 35px;
  background: #fdebf5;
  z-index: 10;
}
#mainContents #on-air{
position:relative;
margin:0 0 60px;
z-index:0;
padding-top: 40px;
}
#mainContents #on-air:before{
position:absolute;
top:-2px;
right:-1000%;
bottom:0;
left:-1000%;
content:"";
display:block;
background:#fdebf5;
z-index:-1;
}
#mainContents #on-air .title{
display:table-row;
margin:0;
font-size:24px;
font-weight: normal;
}
#mainContents #on-air div.brand {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: -5px;
  padding: 10px 0 0 142px;
  min-height: 27px;
}
#mainContents #on-air #brandList{
font-size:16px;
font-size:1.6rem;
margin-top: -5px;
margin-right: -20px;
padding: 10px 0 0 142px;
min-height: 27px;
display: block;
}
#mainContents #on-air #brandList li.brand{
margin-right: 20px;
display: inline-block;
line-height: 1.4;
}
#mainContents #on-air #brandList li.brand+li.brand{
margin-top: 5px;
}
#mainContents #on-air .brand a{
text-decoration: underline;
}
#mainContents #on-air .brand a:hover{
cursor: pointer;
text-decoration: none;
}
#mainContents #on-air .title .ico{
display:inline-block;
width: 122px;
padding:5px 20px 0 0;
vertical-align:top;
}
#mainContents #on-air .title .txt{
display:inline-block;
width:838px;
vertical-align:top;
line-height: 1.25;
padding-top: 7px;
}
#mainContents #on-air .title .ico span{
display:inline-block;
vertical-align:middle;
padding:0 16px;
background:#e60012;
color:#ffffff;
font-size:20px;
font-size:2rem;
line-height:40px;
}
#mainContents #on-air .title .ico span:before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:-2px;
line-height:1;
background-image:url('/com/images/top/top-img-sprite.png');
background-repeat:no-repeat;
width:20px;
height:20px;
background-position:0 -45px;
margin-right:10px;
content:"";
}
#mainContents #on-air .movie{
width: 608px;
height: 342px;
background-color: black;
}
#mainContents #on-air .mod-movie{
margin:10px 0 10px;
display: block;
}
#mainContents #on-air .mod-movie > .body {
width: 372px;
}
#mainContents #on-air .mod-movie .mod-item{
margin:0 0 25px;
position: relative;
}
#mainContents #on-air .mod-movie .mod-item .body .item-price {
position: absolute;
bottom: 0;
}
#mainContents #on-air .mod-movie .mod-item .image{
padding-right:20px;
}
#mainContents #on-air .mod-movie .mod-item .image a img{
vertical-align: bottom;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name a {
overflow-wrap: break-word;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name .item-ico{
position: absolute;
top: -11px;
left: -8px;
background-size: 90% auto;
image-rendering: -webkit-optimize-contrast;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name .item-ico[class*="-ssv"]{
overflow:hidden;
display: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;
width:100px;
height:20px;
background-position:0 0;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name .item-ico[class*="-ggv"]{
overflow:hidden;
display: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;
width:100px;
height:20px;
background-position:0 -37px;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name .item-ico[class*="-7daysvalue"]{
overflow:hidden;
display: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;
width:100px;
height: 15px;
background-position: 0 -135px;
top:-7px;
}
#mainContents #on-air .mod-movie .mod-item .body .item-name .item-ico[class*="-hpv"]{
overflow:hidden;
display: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;
width:100px;
height:20px;
background-position:0 -224px;
}
#mainContents #on-air .allitem{
position:relative;
padding:34px 0 40px;
z-index:0;
}
#mainContents #on-air .allitem:before{
position:absolute;
top:0;
right:-1000%;
bottom:0;
left:-1000%;
content:"";
display:block;
background:#fef7fb;
border-bottom:1px dotted #e4007f;
z-index:-1;
}
#mainContents #on-air .allitem:after{
position:absolute;
top:-20px;
left:50%;
margin-left:-20px;
content:"";
display:block;
border:solid #fef7fb;
border-color:transparent transparent #fef7fb;
border-width:0 20px 20px;
width:0;
z-index:10;
}
#mainContents #on-air .allitem .heading{
position:relative;
margin:0 0 30px;
text-align:center;
}
#mainContents #on-air .allitem .heading:before{
position:absolute;
top:15px;
right:0;
left:0;
content:"";
display:block;
border-top:1px solid #000;
z-index:-1;
}
#mainContents #on-air .allitem .heading span{
display:inline-block;
vertical-align:middle;
padding:0 40px;
background:#fef7fb;
font-weight:bold;
font-size:20px;
font-size:2rem;
}
#mainContents #on-air .allitem .heading span span{
font-size:16px;
font-size:1.6rem;
font-weight:normal;
}
#mainContents #on-air .allitem .view-item{
position:absolute;
top:75px;
right:0;
}
#mainContents #on-air .allitem .view-item a{
position:relative;
padding:0 0 0 26px;
text-decoration:none !important;
}
#mainContents #on-air .allitem .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:"";
}
#amProgram link[href^="/css/vue/vue.pickupBanners.css"]+.mod-program{
  margin-top: 150px;
  position: relative;
}
#amProgram link[href^="/css/vue/vue.pickupBanners.css"]+.mod-program:before{
  content: "";
  display: block;
  background: url(/com/images/top/PCTOP_program_am.png);
  width: 980px;
  height: 26px;
  top: -130px;
  left: -38px;
  position: relative;

}
#pmProgram link[href^="/css/vue/vue.pickupBanners.css"]+.mod-program{
  margin-top: 150px;
  position: relative;
}
#pmProgram link[href^="/css/vue/vue.pickupBanners.css"]+.mod-program:before{
  content: "";
  display: block;
  background: url(/com/images/top/PCTOP_program_pm.png);
  width: 980px;
  height: 26px;
  top: -130px;
  left: -38px;
  position: relative;

}
#mainContents .mod-program .program-item .view-item a:before{
background-position:0 -3323px;
}
#mainContents #tomorrow{
position:relative;
margin:60px 0 50px;
}
#mainContents #tomorrow .heading{
margin:0 0 15px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
}
#mainContents #tomorrow .heading:before{
overflow:hidden;
display: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:980px;
height:24px;
background-position:0 -231px;
margin:0 auto 15px;
content:"";
}
#mainContents #tomorrow .view-item{
position:absolute;
top:40px;
right:0;
}
#mainContents #tomorrow .view-item a{
position:relative;
padding:0 0 0 26px;
text-decoration:none !important;
}
#mainContents #tomorrow .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:"";
}
#mainContents #today{
position:relative;
margin:80px 0;
}
#mainContents #today .heading{
margin:0 0 35px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #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:25px;
margin:0 auto 15px;
content:"";
}
#mainContents #weeklypush{
position:relative;
margin:80px 0;
}
#mainContents #weeklypush .heading{
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #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:"";
}
#mainContents #today .view-item{
position:absolute;
top:40px;
right:0;
}
#mainContents #today .view-item a{
position:relative;
padding:0 0 0 26px;
text-decoration:none !important;
}
#mainContents #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:"";
}
#mainContents #today .mod-value .heading, #mainContents #weeklypush .mod-value .heading{
margin-bottom:15px;
}
#mainContents #today .mod-value .heading span, #mainContents #weeklypush .mod-value .heading span{
margin-bottom:5px;
}
#mainContents #today .mod-value .heading:before, #mainContents #weeklypush .mod-value .heading:before{
display:none;
}
#mainContents #today .mod-value .mod-itemList li.legendstars{
  background: linear-gradient(115deg,#f7dd90 0% 30%, #fee9b4 60% 100%);
}
#mainContents #today .mod-value .mod-itemList li.SSV,
#mainContents #today .mod-value .mod-itemList li.netSSV,
#mainContents #today .mod-value .mod-itemList li.preSSV{
background:#fff9d9;
}
#mainContents #today .mod-value .mod-itemList li.hpv{
background:#ffebd9;
}
#mainContents #today .mod-value .mod-itemList li.sevendays{
background:#ebf5eb;
}
#mainContents #today .mod-value .mod-itemList li.GGV,
#mainContents #today .mod-value .mod-itemList li.netGGV{
background:#f8e9e9;
}

#mainContents #today .mod-itemList{
margin:0 -30px 0 0;
padding:0;
}
#mainContents #today .mod-itemList ul{
white-space:normal;
}
#mainContents #today .mod-itemList ul li{
margin:0 30px 30px 0;
padding:20px;
width:403px;
}
#mainContents #today .mod-itemList .mod-item .image{
padding-right:20px;
}
#mainContents #today .mod-itemList .mod-item{
position:relative;
}
#mainContents #today .mod-item .thankyou {
position:absolute;
top:107px;
left:107px;
}
#mainContents #weeklypush img.thankyou {
  position: absolute;
  top: 139px;
  right: -10px;
}
#mainContents #today .mod-item .image:before,
#mainContents #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;
width:105px;
height:21px;
z-index: 1;
background-size:90% auto;
image-rendering: -webkit-optimize-contrast;
}
#mainContents #weeklypush .mod-item .image:before{
  background-size:93% auto;
}
#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: 23px;
height: 16px;
}
#mainContents #weeklypush li.m-monthlypush .mod-item .image:before{
background-position: 0px -288px;
top: 23px;
height: 16px;
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
}
#mainContents .mod-program .program-category a{
color:#e4007f;
}
#mainContents #ranking{
position:relative;
padding:80px 0;
z-index:0;
}
#mainContents #viewed, #mainContents #viewed .mod-ranking li, #mainContents #recommend{
  text-align:center;
}
#viewed .bx-wrapper, #recommend .bx-wrapper{
margin:0 auto;
}
#mainContents #viewed li{
text-align:left;
}
#mainContents #ranking:before{
position:absolute;
top:0;
right:-1000%;
bottom:0;
left:-1000%;
content:"";
display:block;
background:#f4f4f4;
z-index:-1;
}
#mainContents #ranking .heading{
margin:0 0 5px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
}
#mainContents #ranking .heading:before{
overflow:hidden;
display: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:980px;
height:24px;
background-position:0 -112px;
margin:0 auto 15px;
content:"";
}
#mainContents #ranking .lead{
margin:0 0 40px;
font-size:12px;
font-size:1.2rem;
text-align:center;
}
#mainContents #campaign {
margin:80px 0;
}
#mainContents #campaign .heading{
margin:0 0 20px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #campaign .heading:before{
overflow:hidden;
display: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:980px;
height:27px;
background-position:0 -391px;
margin:0 auto 15px;
content:"";
}
#mainContents #campaign ul{
  letter-spacing: -0.4em;
}
#mainContents #campaign li:nth-child(4n) {
  margin: 20px 0 0 0;
}
#mainContents #viewed{
position:relative;
padding:80px 0;
z-index:0;
}
#mainContents #viewed .heading{
margin:0 0 20px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #viewed .heading:before{
overflow:hidden;
display: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:980px;
height:24px;
background-position:0 -265px;
margin:0 auto 15px;
content:"";
}
#mainContents #other{
margin:80px 0 0 0;
}
#mainContents #other .heading{
margin:0 0 60px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #other .heading:before{
overflow:hidden;
display: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:980px;
height:27px;
background-position:0 -419px;
margin:0 auto 15px;
content:"";
}
#mainContents #other ul{
margin:0 -20px 0 0;
letter-spacing:-0.4em;
}
#mainContents #other ul li{
overflow:hidden;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
margin:0 20px 20px 0;
width:313px;
}
#mainContents #other ul li:nth-child(3n){
  margin:0 0 20px 0;
}
#mainContents #other ul li img{
  width:100%;
}
#mainContents #topics{
margin:60px 0 40px;
}
#mainContents #topics .inner{
display:table;
box-sizing:border-box;
border:1px solid #ddd;
width:100%;
height:238px;
}
#mainContents #topics .inner .heading{
display:table-cell;
border-right:1px solid #ddd;
width:298px;
background:#f8f8f8;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
vertical-align:middle;
}
#mainContents #topics .inner .body{
display:table-cell;
padding:5px 3px;
text-align:left;
vertical-align:top;
}
#mainContents #topics .inner .body .mod-news{
padding:30px 0 30px 35px;
}
#mainContents #topics .inner .body .mCSB_dragger_bar{
width:10px;
background:#e4007f;
}
#mainContents #topics .inner .body .mCSB_draggerRail{
width:10px;
background:#f0f0f0;
}
#mainContents #topics .inner .js-newsScroll{
height:238px;
}
#event-banner{
margin:0 auto 0;
width:980px;
}
#event-banner ul{
margin:0 -100%;
}
#event-banner ul li{
text-align:center;
}
#event-banner ul li img{
vertical-align:top;
}
#on-air .mod-item .body .item-price{
  position: absolute;
  bottom: 0;
}
#on-air .mod-item .body .item-price .ico-off,
#on-air .mod-item .body .item-price{
margin:0;
}
#gheader .gheader-inner{
  height: 110px;
}
#mainContents .message {
  width: 660px;
  position: relative;
  float:right;
  z-index: 0;
}
.autoPlayOffWrap{
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 20px;
}
.autoPlayOffWrap .check-group {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
}
.autoPlayOffWrap .check-group:hover{
  cursor: pointer;
}
.autoPlayOffWrap .check-group input[type='checkbox'] {
  position: absolute;
  left: -3000px;
}
.autoPlayOffWrap .check-group .checkbox-icon {
  background-image: url('/com/images/common/common-img-sprite.png?ver=4.05.0');
  background-position: 0px -2031px;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0;
  float: left;
}
.autoPlayOffWrap .check-group .checkbox-icon.checked {
  background-position: 0px -1997px;
}
.autoPlayOffWrap .check-group .txt {
  display: inline-block;
  padding: 2px 0 0 10px;
}
#mainContents .mod-program  .program-cast dd a{
text-decoration: underline;
}
#mainContents .mod-program  .program-cast dd a:hover{
cursor: pointer;
text-decoration: none;
}
.mod-itemList {
  overflow: hidden;
}
#underOA {
  margin: -35px 0 50px;
}
/* featuredoffer */
#featuredoffer-toponly {
  margin: 50px 0 0 0;
}
#featuredoffer-toponly .heading{
margin: 0 0 35px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
letter-spacing: 0.1em;
}
#featuredoffer-toponly .heading:before {
overflow: hidden;
display: 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: 980px;
height: 24px;
background-position: 0 -295px;
margin: 0 auto 15px;
content: "";
}
/* PickUpバナー */
#mainContents #featuredoffer-toponly + #PickUp{
margin:40px 0 0 0;
}
#mainContents #featuredoffer-toponly + #PickUp .heading{
display: none;
}
#mainContents #PickUp {
margin:80px 0;
}
#mainContents #PickUp .pickup-btn {
  width: 220px;
  margin:20px auto 0;
}
#mainContents #PickUp .pickup-btn .c-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background: linear-gradient(to bottom, #fff 20%, #eee 97%);
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
#mainContents #PickUp .pickup-btn .c-btn-secondary:hover {
  opacity: .7;
}
#mainContents #PickUp .pickup-btn .c-btn-secondary.c-btn-secondary.-small {
  height: 40px;
}
#mainContents #PickUp .heading{
margin:0 0 35px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #PickUp .heading:before{
overflow:hidden;
display: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:980px;
height:24px;
background-position:0 -295px;
margin:0 auto 15px;
content:"";
}
#PickUpBanner{
margin:0 0 0 25px;
}
#PickUpBanner .bnr{
  font-size:12px;
  width:1000%;
  margin-left:0;
  overflow:hidden;
}
#PickUpBanner .bnr li{
  width:225px;
  text-align:center;
  float:left;
}
#PickUpBanner .bnr img{
  margin-bottom:5px;
}
#PickUpBanner .bnr a{
  text-decoration:underline;
}
#PickUpBanner .bnr a:hover{
  text-decoration:none;
}
#PickUpBanner .bnr li p.comment{
  font-size: 14px;
  text-align: left;
}
#PickUpBanner .bx-wrapper .bx-next,#PickUpBanner .bx-wrapper .bx-prev {
  top:65px;
}
#PickUpBanner .bx-wrapper .bx-next {
  right:-27px;
}
#PickUpBanner .bx-wrapper .bx-prev {
  left:-25px;
}

/* カテゴリ一覧 */
#mainContents #Category {
margin:80px 0;
}
#mainContents #Category .heading{
margin:0 0 35px;
font-weight:bold;
font-size:16px;
font-size:1.6rem;
text-align:center;
letter-spacing:0.1em;
}
#mainContents #Category .heading:before{
overflow:hidden;
display: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:980px;
height:24px;
background-position:0 -326px;
margin:0 auto 15px;
content:"";
}
.CategoryList {
  display: inline-block;
  width: 980px;
}
.CategoryList li a {
  float: left;
  width: 165px;
  height: 40px;
  padding: 10px 10px;
  margin: 10px 4px;
  background: #fdebf5;
  border: 1px solid #e4007f;
  border-radius: 5px;
  text-decoration: none !important;
  z-index: 10;
  position: relative;
}
.CategoryList li a p {
  width: 135px;
  height: 40px;
  display: table-cell;
  padding-left: 39px;
  vertical-align: middle;
  color: #e93399;
  line-height: 20px;
}
.kzCategorys li a:hover {
  cursor: pointer;
}
.CategoryList li a p.jewelry:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 0px;
  content:"";
  width: 31px;
  height: 26px;
  top: 17px;
  left: 10px;
}
.CategoryList li a p.fashion:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -27px;
  content:"";
  width: 33px;
  height: 26px;
  top: 17px;
  left: 10px;
}
.CategoryList li a p.bag:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -52px;
  content:"";
  width: 31px;
  height: 25px;
  top: 16px;
  left: 10px;
}
.CategoryList li a p.cosme:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -76px;
  content:"";
  width: 29px;
  height: 31px;
  top: 13px;
  left: 13px;
}
.CategoryList li a p.beauty:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -106px;
  content:"";
  width: 29px;
  height: 32px;
  top: 14px;
  left: 12px;
}
.CategoryList li a p.home:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -137px;
  content:"";
  width: 20px;
  height: 34px;
  top: 14px;
  left: 19px;
}
.CategoryList li a p.electro:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -172px;
  content:"";
  width: 35px;
  height: 28px;
  top: 13px;
  left: 9px;
}
.CategoryList li a p.gourmet:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -200px;
  content:"";
  width: 30px;
  height: 31px;
  top: 14px;
  left: 13px;
}
.CategoryList li a p.collectors:before {
  overflow:hidden;
  display:inline-block;
  position: absolute;
  background-image:url('/com/images/top/category-menu.png');
  background-repeat:no-repeat;
  background-position:0 -230px;
  content:"";
  width: 30px;
  height: 31px;
  top: 15px;
  left: 12px;
}
.CategoryList li a p.sale {
  padding-left:60px;
}
/* recommend調整 */
#mainContents .mod-relation-item#recommend {
  margin:80px 0;
  padding: 0;
}

/* EP-1523 24時間カンパニーイベントとメンテナンスブロックが重ならないように間隔をあける */
#top-ce-banner~#maintenanceBlock {
  margin-top: 35px;
}

/* メンテナンスブロック */
#gheader-maintenanceBlock {
margin:0 auto;
width:980px;
position: relative;
}

#gheader-maintenanceBlock a {
color:#333;
text-decoration:underline;
}

.view-item.js-seg-top span {
    cursor: pointer;
    color: #333;
    position: relative;
    padding: 0 0 0 26px;
    text-decoration: none !important;
}
.view-item.js-seg-top span: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);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: 0 -3323px;
    content: "";
}
.view-item.js-seg-top span:hover {
    opacity: 0.7 ;
}

/* SSVアイコンサイズ調整 */
.mod-itemList[class*="-ico"] ul > li .item-name .item-ico{
  background-size: 90% auto;
  image-rendering: -webkit-optimize-contrast;
}
.mod-itemList[class*="-ico"] ul > li .item-name .item-ico[class*="-ssv"] {
  width: 100px;
  height: 20px;
  background-position: 0 0px;
  top: 20px;
}
.mod-itemList[class*="-ico"] ul > li .item-name .item-ico[class*="-ggv"] {
  width: 100px;
  height: 22px;
  background-position: 0px -36px;
  top: 20px;
}
.mod-itemList[class*="-ico"] ul > li .item-name .item-ico[class*="-7daysvalue"] {
  width: 100px;
  height: 12px;
  background-position: 0 -137px;
  top: 26px;
}
.mod-itemList[class*="-ico"] ul > li .item-name .item-ico[class*="-hpv"] {
  width: 100px;
  height: 21px;
  background-position: 0 -223px;
  top: 18px;
}
/*
5/15の初SSVのアイコン表示の際にGGVアイコンが表示されてしまった
イベント用CSSと干渉するので後日用確認
*/
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a:before {
  background-size: 110px auto;
  image-rendering: -webkit-optimize-contrast;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.ssv:before{
  width: 100px;
  height: 26px;
  background-position: 0 0px;
  top: -12px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.net-ssv:before {
  width: 100px;
  height: 18px;
  background-position: 0px -90px;
  top: -10px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.ggv:before{
  width: 100px;
  height: 26px;
  background-position: 0px -45px;
  top: -12px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.net-ggv:before {
  width: 100px;
  height: 20px;
  background-position: 0px -129px;
  top: -9px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.seven:before {
  width: 100px;
  height: 18px;
  background-position: 0 -165px;
  top: -8px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.hpv:before {
  width: 100px;
  height: 22px;
  background-position: 0 -276px;
  top: -8px;
}
html #mainContents .pg-detail-outer .pg-detail-section .pg-col-item a.pressv:before {
  width: 100px;
  height: 35px;
  background-position: 0 -351px;
  top: -8px;
}
.pg-recommendTV #recommendTVTarget ul > li .recommendTVlink .item-ico{
  background-size: 80% auto;
  image-rendering: -webkit-optimize-contrast;
}
.pg-recommendTV #recommendTVTarget ul > li .recommendTVlink .item-ico[class*="-ssv"] {
  width: 100px;
  height: 21px;
  background-position: 0 0px;
}
.pg-recommendTV #recommendTVTarget ul > li .recommendTVlink .item-ico[class*="-ggv"] {
  width: 100px;
  height: 21px;
  background-position: 0 -32px;
}