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

version: 1.0
created: 2017/03/28
update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/* from_common-renew@start */
html{
overflow-y:scroll;
font-size:10px;
}
body{
margin:0;
padding:0;
font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "sans-serif";
font-size:12px !important;
font-size:1.2rem;
line-height:1.83333;
}
body{
position:relative;
color:#333;
}
body > iframe{
height:0;
}

input[type="text"]{
font-size:16px !important;
}
/* end */

/* unique */
.mod-tab.l-top + .mod-program{
margin-top:25px;
}
.mod-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank .star-range::before,
.mod-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank .star-selected{
top:4px;
}

.mod-program:nth-last-of-type(1){
border-bottom:1px solid #999;
}

.mod-program.is-nowOnAir .mod-mediaBox{
margin-top:50px;
}
.mod-program.is-nowOnAir .program-name{
position:relative;
}
.mod-program.is-nowOnAir .program-name .ico{
position:absolute;
left:-105px;
top:-40px;
}

.mod-program[class*="-ssv"]::after{
overflow: hidden;
display: inline-block;
text-indent: 200%;
white-space: nowrap;
vertical-align: middle;
line-height: 1;
background-image: url(/sp/images/sp_icon_ssv_series.png);
background-repeat: no-repeat;
width: 90px;
height: 30px;
-webkit-background-size: 90px auto;
background-size: 90px auto;
content: "";
position: absolute;
right: 0;
top: 1px;
}

.mod-program[class*="-ggv"]::after{
overflow: hidden;
display: inline-block;
text-indent: 200%;
white-space: nowrap;
vertical-align: middle;
line-height: 1;
background-image: url(/sp/images/sp_icon_ssv_series.png);
background-repeat: no-repeat;
width: 90px;
height: 30px;
-webkit-background-size: 90px auto;
background-size: 90px auto;
content: "";
position: absolute;
right: 0;
top: 1px;
}

.nomatch{
margin:60px 0 50px;
}
.nomatch .nomatch-message{
font-size:16px;
font-size:1.6rem;
}

.nohandling-message {
font-size:14px;
}

button{
display: inline;
margin: 0;
border: none;
border-radius: 0;
padding: 0;
background: none;
cursor: pointer;
}
h1.mod-pagetitle{
margin-top:20px;
}
p.item-catch{
font-size:12px;
}
body{
margin: 0;
padding: 0;
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "sans-serif";
font-size: 12px;
font-size: 1.2rem;
line-height: 1.83333;
}
.mod-item{
position:relative;
margin:0 0 10px;
}
.mod-itemList ul > li[class*="-ico"],
.mod-itemList ul > li[class*="-ico"]:nth-of-type(2n+1) + li:not([class*="-ico"]){
padding-top:0;
}
ul.mod-tab > li.program > a::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:-1px;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:15px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1480px;
margin: 0 5px 0 0;
content:" ";
}
/* from_common-renew.css start*/
.mod-view-mode .refine-detail{
position:relative;
background:#fff;
z-index:1000;
padding-bottom: 56px;
}
.mod-view-mode #brand.refine-detail{
padding-bottom: 112px;
}
.mod-view-mode .refine-detail::before{
position:absolute;
top:0;
right:0;
bottom:-1000px;
left:0;
content:"";
display:block;
background:#fff;
z-index:-1;
}
.mod-view-mode .refine-detail > section{
overflow:hidden;
}
.mod-view-mode .refine-detail .float-heading.is-float{
position:fixed;
top:0;
right:0;
left:0;
z-index:100;
}
.mod-view-mode .refine-detail .float-heading.is-float .text-search{
padding:10px 0;
}
.mod-view-mode .refine-detail .float-heading.is-float .text-search::before{
position:absolute;
top:0;
right:-20px;
bottom:8px;
left:-20px;
content:"";
display:block;
background:#fff;
z-index:-1;
}
.mod-view-mode .refine-detail .detail-heading{
position:relative;
padding:14px 10px;
border-top:2px solid #f17fbf;
background:#fdebf5;
}
.mod-view-mode .refine-detail .detail-heading > .heading{
margin:0;
line-height:32px;
text-align:center;
font-weight:bold;
font-size:20px;
font-size:2rem;
padding:0;
}
.mod-view-mode .refine-detail .detail-heading > button{
position:absolute;
top:0;
bottom:0;
left:10px;
margin:auto;
border:1px solid #ccc;
border-radius:4px;
padding:0 8px;
height:32px;
background:#fff;
color:#333;
}
.mod-view-mode .refine-detail .detail-heading > button::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:8px;
height:15px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -541px;
margin-right:5px;
content:"";
}
.mod-view-mode .refine-detail > .condition-nav{
border-bottom:1px solid #ddd;
}
.mod-view-mode .refine-detail .condition-nav{
border-top:1px solid #ddd;
}
.mod-view-mode .refine-detail .condition-nav > li{
border-bottom:1px solid #ddd;
}
.mod-view-mode .refine-detail .condition-nav > li button, .mod-view-mode .refine-detail .condition-nav > li label{
position:relative;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:12px 40px 12px 20px;
text-align:left;
font-size:16px;
font-size:1.6rem;
line-height:1.4;
cursor:pointer;
color:#333;
}
.mod-view-mode .refine-detail .condition-nav > li button{
width:100%;
}
.mod-view-mode .refine-detail .condition-nav > li button::before{
position:absolute;
top:0;
bottom:0;
margin:auto;
content:"";
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:8px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -502px;
right:20px;
content:"";
}
.mod-view-mode .refine-detail .condition-nav > li button.is-open::before{
background-position:0 -528px;
}
.mod-view-mode .refine-detail .condition-nav > li label{
text-align:left;
}
.mod-view-mode .refine-detail .condition-nav > li label:after{
display:block;
clear:both;
content:"";
}
.mod-view-mode .refine-detail .condition-nav > li label input{
position:absolute;
top:0;
right:24px;
bottom:0;
margin:auto;
height:1em;
z-index:0;
}
.mod-view-mode .refine-detail .condition-nav > li label input + span::before{
right:20px;
content:"";
z-index:10;
}
.mod-view-mode .refine-detail .condition-nav > li label input:checked + span,
.mod-view-mode .refine-detail .recommend-brand li label input:checked + span{
font-weight:bold;
}
.mod-view-mode .refine-detail .condition-nav > li label input[type="radio"] + span::before{
position:absolute;
top:0;
bottom:0;
margin:auto;
content:"";
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:23px;
height:23px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1555px;
}
.mod-view-mode .refine-detail .condition-nav > li label input[type="radio"]:checked + span::before{
background-position:0 -1527px;
}
.mod-view-mode .refine-detail .condition-nav > li label input[type="checkbox"] + span::before{
position:absolute;
top:0;
bottom:0;
margin:auto;
content:"";
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:25px;
height:25px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -866px;
}
.refine-detail > section > .mod-word-search .mod-headingBox ul li label input[type="checkbox"] + span::before{
position: relative;
left: -20px;
content: "";
overflow: hidden;
display: inline-block;
text-indent: 200%;
white-space: nowrap;
vertical-align: middle;
line-height: 1;
background-image: url(../../sp/images/common-img-sprite.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
-moz-background-size: 158px auto;
-o-background-size: 158px auto;
-webkit-background-size: 158px auto;
background-size: 158px auto;
background-position: 0 -866px;
}
.mod-view-mode .refine-detail .condition-nav > li label input[type="checkbox"]:checked + span::before,
.refine-detail > section > .mod-word-search .mod-headingBox ul li label input[type="checkbox"]:checked + span::before{
background-position:0 -836px;
}
.mod-view-mode .refine-detail .condition-nav > li.color label{
padding-left:70px;
}
.mod-view-mode .refine-detail .condition-nav > li.color label::before{
position:absolute;
top:0;
bottom:0;
left:21px;
content:"";
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
width:30px;
height:30px;
margin:auto;
}
.mod-view-mode .refine-detail .condition-nav > li.white label::before{
border:1px solid #a0a0a0;
background-color:#fff;
}
.mod-view-mode .refine-detail .condition-nav > li.black label::before{
background-color:#000;
}
.mod-view-mode .refine-detail .condition-nav > li.gray label::before{
background-color:#aaa;
}
.mod-view-mode .refine-detail .condition-nav > li.beige label::before{
background-color:#f2dec4;
}
.mod-view-mode .refine-detail .condition-nav > li.blue label::before{
background-color:#1268cc;
}
.mod-view-mode .refine-detail .condition-nav > li.green label::before{
background-color:#43a12f;
}
.mod-view-mode .refine-detail .condition-nav > li.red label::before{
background-color:#dd2a3f;
}
.mod-view-mode .refine-detail .condition-nav > li.pink label::before{
background-color:#f4669d;
}
.mod-view-mode .refine-detail .condition-nav > li.brown label::before{
background-color:#915a38;
}
.mod-view-mode .refine-detail .condition-nav > li.orange label::before{
background-color:#ff6f0f;
}
.mod-view-mode .refine-detail .condition-nav > li.yellow label::before{
background-color:#ffd400;
}
.mod-view-mode .refine-detail .condition-nav > li.purple label::before{
background-color:#9b29a5;
}
.mod-view-mode .refine-detail .condition-nav > li.gold label::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:30px;
height:30px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -896px;
}
.mod-view-mode .refine-detail .condition-nav > li.silver label::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:30px;
height:30px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -966px;
}
.mod-view-mode .refine-detail .condition-nav > li.other label::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:30px;
height:30px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -931px;
}
.mod-view-mode .refine-detail .condition-nav > li[class*="-ico"] > label::after{
margin:0 0 0 5px;
content:"";
}
.mod-view-mode .refine-detail .condition-nav > li[class*="-tv"] > label::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:15px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1480px;
}
.mod-view-mode .refine-detail .condition-nav .condition-nav button,
.mod-view-mode .refine-detail .condition-nav .condition-nav label{
padding-left:30px;
background-color: #f8f8f8;
}
.mod-view-mode .refine-detail .condition-nav .condition-nav .condition-nav > li{
font-size:14px;
font-size:1.4rem;
}
.mod-view-mode .refine-detail .condition-nav .condition-nav .condition-nav button,
.mod-view-mode .refine-detail .condition-nav .condition-nav .condition-nav label{
padding-left:50px;
background-color: #f0f0f0;
}
.mod-view-mode .refine-detail .condition-nav .condition-nav .condition-nav .condition-nav button,
.mod-view-mode .refine-detail .condition-nav .condition-nav .condition-nav .condition-nav label{
padding-left:70px;
background-color: #e7e7e7;
}


.mod-view-mode .refine-detail .search-box{
right:0;
bottom:0;
left:0;
border-top:2px solid #f17fbf;
padding:8px 20px;
background:#fdebf5;
letter-spacing:-0.5em;
text-align:center;
z-index:10200;
}
.mod-view-mode .refine-detail .search-box > li{
box-sizing:border-box;
-webkit-box-sizing:border-box;
display:inline-block;
vertical-align:middle;
width:50%;
letter-spacing:0;
}
.mod-view-mode .refine-detail .search-box > li:first-child{
padding-right:10px;
}
.mod-view-mode .refine-detail .search-box > li:only{
padding-right:0;
}
.mod-view-mode .refine-detail .search-box > li button{
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:4px;
width:100%;
height:38px;
background:#fff;
color:#666666;
font-weight:bold;
font-size:12px;
font-size:1.2rem;
}
.mod-view-mode .refine-detail .search-box > li button.search{
font-size:16px;
font-size:1.6rem;
}
.mod-view-mode .refine-detail .search-box > li button.search::before{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:17px;
height:17px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1633px;
margin-right:5px;
content:"";
}
.mod-view-mode .refine-detail .text-search{
padding:10px 0;
}
.mod-view-mode .refine-detail .selected-brand > .heading{
position:relative;
margin:0;
border-bottom:1px solid #fff;
padding:10px;
font-weight:bold;
font-size:14px;
font-size:1.4rem;
position:relative;
z-index:0;
}
.mod-view-mode .refine-detail .selected-brand > .heading:before{
position:absolute;
top:0;
right:-1000%;
bottom:-1px;
left:-1000%;
content:"";
display:block;
background:#fdebf5;
z-index:-1;
}
.mod-view-mode .refine-detail .selected-brand > .heading.is-close{
cursor:pointer;
}
.mod-view-mode .refine-detail .selected-brand > .heading::after{
position:absolute;
top:0;
bottom:0;
margin:auto;
content:"•Β‚Ά‚ι";
overflow:hidden;
display:inline-block;
text-align:right;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:64px;
height:14px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -525px;
right:0;
color: #999;
}
.mod-view-mode .refine-detail .selected-brand > .heading.is-close::after{
position:absolute;
top:0;
bottom:0;
margin:auto;
content:"ŠJ‚­";
overflow:hidden;
display:inline-block;
text-align:right;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:49px;
height:14px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -499px;
right:0;
color: #999;
}
.mod-view-mode .refine-detail .selected-brand > .inner{
padding:20px 0;
position:relative;
z-index:0;
}
.mod-view-mode .refine-detail .selected-brand > .inner:before{
position:absolute;
top:-1px;
right:-1000%;
bottom:0;
left:-1000%;
content:"";
display:block;
background:#fef7fb;
border-bottom: 1px solid #f17fbf;
z-index:-1;
}
.mod-view-mode .refine-detail .selected-brand > .inner ul{
margin:0 0 5px;
width:calc(100% + 15px);
letter-spacing:-0.5em;
}
.mod-view-mode .refine-detail .selected-brand > .inner ul > li{
display:inline-block;
vertical-align:middle;
margin:0 15px 10px 0;
letter-spacing:0;
font-size:14px;
font-size:1.4rem;
}
.mod-view-mode .refine-detail .selected-brand > .inner ul > li > button{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:19px;
height:19px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1001px;
margin-left:5px;
}
.mod-view-mode .refine-detail .selected-brand > .inner > button{
display:block;
margin:0 auto;
border:1px solid #ccc;
border-radius:4px;
width:178px;
background:#fff;
color:#666;
font-weight:bold;
font-size:14px;
font-size:1.4rem;
line-height:30px;
}
.mod-view-mode .refine-detail .mod-word-search{
padding:0 20px;
}
.mod-view-mode .refine-detail section > .mod-word-search{
margin-bottom:20px;
}
#listItem section > .heading{
padding:0 20px;
}
/*end*/
.mod-view-mode .refine-detail .condition-nav > li[class*="-tv"] > button > span::after{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:15px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1480px;
margin: 0 0 0 5px;
content:" ";
}

.star-rank .star-range {
background:none;
}
#main-contents .star-rank{
float:none;
}
#main-contents .star-s{
width:65px;
height:21px;
}
#today .mod-value .mod-itemList ul > li[class*="-ico"] .mod-item .item-ico {

}
#today .mod-itemList ul > li[class*="-ico"] .mod-item .item-ico[class*="-ssv02"],
#today .mod-itemList ul > li[class*="-ico"] .mod-item .item-ico[class*="-ggv02"],
#today .mod-itemList ul > li[class*="-ico"] .mod-item .item-ico[class*="-7daysvalue"]{

}
#today .image-inner {
position: relative;
}
.mod-tab > li.is-disabled a {
border-color: #dddddd;
background: #f4f4f4;
color: #999999;
cursor: default;
pointer-events: none;
}
.mod-tab > li.program.is-disabled > a:before {
-moz-background-size: 110px auto;
-o-background-size: 110px auto;
-webkit-background-size: 110px auto;
background-size: 110px auto;
background-position: 0px -1044px;
}

#brand #jsc-top-btn{
height: 50px;
width: 50px;
bottom: 59px;
right: 0;
font-size: 13px;
color: #333;
padding: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3), 0 0 2px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display:none;
}

.jsc-align-center{
margin-bottom:10px;
text-align:left;
}
.jsc-align-center+#tabNav{
  margin-top: 30px;
}
.jsc-align-center + .mod-relation-link{
padding-top:10px;
}
.jsc-btn-normal:hover{
display:inline-block;
vertical-align:middle;
border:1px solid;
border-radius:4px;
padding:0 14px;
min-width:120px;
line-height:33px;
text-align:center;
border-color:#7fbe26;
background:#7fbe26;
color:#fff;
font-size:14px;
}
.jsc-align-center .brand-wishlist-btn {
display: block;
color:#e4007f;
border:1px solid #d0d0d0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(97%, #eee));
background: -webkit-linear-gradient(top, #fff 20%, #eee 97%);
background: -moz-linear-gradient(top, #fff 20%, #eee 97%);
background: linear-gradient(to bottom, #fff 20%, #eee 97%);
border-radius: 4px;
position: relative;
text-align: center;
min-height: 45px;
line-height: 16px;
font-size: 16px;
padding: 0 13px;
margin: 10px 0;
width: 100%;
outline: none;
}
.jsc-align-center .brand-wishlist-btn.is-selected {
background: #f17fbf;
border: 0;
color: #fff;
}
.program-reserve .jsc-program.is-selected {
  background: #80bd24;
  border: 0;
  color: #fff;
}
.jsc-align-center .brand-wishlist-btn::before {
content: '';
display: inline-block;
background-image: url('/sp/images/common-img-sprite.png');
background-repeat: no-repeat;
background-size: 158px auto;
background-position: 0 -2043px;
width: 13px;
height: 16px;
vertical-align: 1px;
margin-right: 5px;
transform: scale(1.5);
}
.jsc-align-center .brand-wishlist-btn.is-selected::before {
background-position: 0 -2026px;
}

.brandRelationWrapper{
  margin:15px 0  40px;
}

.brandRelation {
  display: table;
  width: 100%;
  padding: 0;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 2;
}
.brandRelation dt{
  font-weight: bold;

}
.brandRelation dd{
overflow: hidden;
}
.brandRelation dd ul{
  margin-right: -20px;
}
.brandRelation dd ul li{
  display: inline-block;
  margin-right: 20px;
}
.brandRelation dd ul li a {
  position: relative;
  padding-left: 20px;
  z-index: 128;
}
.brandRelation dd ul li a:before {
  position: absolute;
  margin-top: -2px;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  content: '';
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #f17fbf;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 123;
}
.brandRelation dd ul li a:after {
  position: absolute;
  margin-top: -2px;
  top: 50%;
  left: 4px;
  display: block;
  width: 5px;
  height: 5px;
  content: '';
  color: #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 125;
}
.brandRelationWindow{
  display: none;
  border: 1px solid #ddd;
  padding: 10px 20px;
  position: relative;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
          box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
  text-align: center;
}
.brandRelationWindow .brandRelationCloseBtn span{
  text-decoration: none;
}
.brandRelationWindow .brandRelationCloseBtn{
display: inline-block;
margin-right: 10px;
}
.brandRelationWindow .brandRelationCloseBtn a{
    text-decoration: underline;
}
.brandRelationWindow .brandRelationList dt{
  font-weight: bold;
  margin-bottom: 5px;
}
.brandRelationWindow .brandRelationList {
  text-align: left;
  font-size: 14px;
}
.brandRelationWindow .brandRelationList ul{
  margin-top: 5px;
}
.brandRelationWindow .brandRelationList li {
  display: inline-block;
}
.brandRelationWindow .brandRelationList li label {
    position: relative;
    display: block;
    padding: 10px 10px 10px 0;
    margin-right: 10px;
    cursor: pointer;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  z-index: 128;
  width: 25px;
  height: 25px;
  border: none;
  display: inline-block;
  background-color: rgba(255,255,255,0);
  margin-right: 5px;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"]:disabled {
  opacity: 0.2;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"]:focus {
  background-color: rgba(255,255,255,0);
  overflow: hidden;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"]:before {
  overflow: hidden;
  display: inline-block;
  text-indent: 200%;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
  background-image: url("/sp/images/common-img-sprite.png");
  background-repeat: no-repeat;
  -webkit-background-size: 158px auto;
  background-size: 158px auto;
  content: "";
  width: 25px;
  height: 25px;
  background-position: 0 -866px;
  z-index: 123;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"]:checked:before {
  background-position: 0 -836px;
}
.brandRelationWindow .brandRelationList li label input[type="checkbox"]:checked+span{
  font-weight: bold;
}
.brandRelationWindow .brandRelationRegistBtn{
  display: inline-block;
  margin-left: 10px;
}
.brandRelationWindow .brandRelationRegistBtn span{
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(97%, #eee));
    background: -webkit-linear-gradient(top, #fff 20%, #eee 97%);
    background: linear-gradient(to bottom, #fff 20%, #eee 97%);
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 20px;
    color: #666;
    cursor: pointer;
}
.brandRelationWindow .brandRelationRegistBtn span.btn-disabled{
  color: #fff;
  background: #ccc;
  border: solid 1px #ccc;
  cursor: default;
}
.brandRelationWindow .brandRelationRegisted{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 129;
  background: #FFF;
  display: none;
}
.brandRelationWindow .brandRelationRegisted .brandRelationMessageWrapper{
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.brandRelationWindow .brandRelationRegisted .brandRelationMessageWrapper .brandRelationMessage{
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.brandRelationWrapper + .mod-relation-link,
.brandRelationWrapper + .mod-relation-link+ .mod-relation-link{
  display: none;
}

#noResult{
padding: 0 20px;
}
.mod-word-search .recommend-brand {
margin-top: 0;
}

.mod-view-mode .view-nav{
visibility: hidden;
}

.mod-itemList.m-tile > ul > li .item-catch,
.mod-itemList.m-tile > ul > li .body .item-wrapper{
display:none;
}

@media screen and (max-width: 320px){
  .mod-itemList.m-list .mod-item .body .item-name,
  .mod-itemList.m-tile .mod-item .body .item-name{
  font-size:14px;
  }
  .mod-itemList.m-list .mod-item .body .item-price,
  .mod-itemList.m-tile .mod-item .body .item-price{
  font-size:10px;
  }
  .mod-itemList.m-list .mod-item .body .item-price .plusTax,
  .mod-itemList.m-tile .mod-item .body .item-price .plusTax{
  font-size:10px;
  font-weight:normal;
  }
  #main-contents .mod-itemList ul > li .item-evaluation-wrap .item-evaluation a{
  font-size:12px;
  }
  .mod-itemList ul > li .item-wish-list-button button,
  .mod-itemList ul > li .item-wish-list-button a{
  font-size:12px;
  line-height:30px;
  }
  .jsc-align-center button,
  .jsc-btn-normal:hover{
  font-size:12px;
  }
}

/* ProdList.css‚©‚ηˆΪs */
#brand-top-inc-wrapper{
  text-align:center;
}
#category-top-inc-wrapper{
  text-align:center;
  margin: 0 0 20px;
}
.program-brand-wrapper,
.program-notice-wrapper{
	position: relative;
}
.program-brand-balloon-message,
.program-notice-balloon-message {
	bottom: 25px;
	text-align: center;
}
.program-brand-balloon-message .program-brand-list-message,
.program-notice-balloon-message .program-notice-list-message {
	min-width: 110px;
	padding: 7px 3px;
	letter-spacing: -1px;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	border: 1px solid #333;
	border-radius: 6px;
	width: 142px;
	background: #fff;
	text-align: center;
	z-index: 10;
}
.program-brand-balloon-message .program-brand-list-message {
	bottom: 55px;
}
.program-notice-balloon-message .program-notice-list-message {
	bottom: 45px;
}
.program-brand-balloon-message .program-brand-list-message:before ,
.program-notice-balloon-message .program-notice-list-message:before {
	background-image: url(/com/images/wishlist/balloon_triangle.png);
	bottom: -10px;
	content: '';
	height: 14px;
	position: absolute;
	left: 62px;
	width: 14px;
}

/* ProdListNoTab.css‚©‚ηˆΪs */
.mod-itemCount{
  margin:15px 0 15px;
  font-size:16px;
  border-bottom:1px solid #ccc;
}
#today h2.heading, #weeklypush h2.heading {
  padding: 22px 15px 8px 25px;
}

/* EP-2059 ssvƒAƒCƒRƒ“‚ΜƒTƒCƒY•ΟX */
/* ssv */
.mod-itemList[class*="-tile"] ul > li[class*="-ssv"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-ssv"] .mod-item .image::before {
  height: 23px;
  background-size: 80px auto;
  top: -10px;
}

/* ƒlƒbƒgssv */
.mod-itemList[class*="-tile"] ul > li[class*="-ssv-net"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-ssv-net"] .mod-item .image::before {
  height: 23px;
  background-size: 80px auto;
  background-position:0 -49px;
  top: -10px;
}

/* ggv */
.mod-itemList[class*="-tile"] ul > li[class*="-ggv"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-ggv"] .mod-item .image::before {
  height: 23px;
  background-size: 80px auto;
  background-position:0 -28px;
  top: -10px;
}

/* ƒlƒbƒgggv */
.mod-itemList[class*="-tile"] ul > li[class*="-ggv-net"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-ggv-net"] .mod-item .image::before {
  height: 19px;
  background-size: 80px auto;
  background-position:0 -70px;
  top: -10px;
}

/* 7days */
.mod-itemList[class*="-tile"] ul > li[class*="-7daysvalue"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-7daysvalue"] .mod-item .image::before {
  height: 22px;
  background-size: 80px auto;
  background-position:0 -87px;
  top: -10px;
}

/* weeklypush */
.mod-itemList[class*="-tile"] ul > li[class*="-weeklypush"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-weeklypush"] .mod-item .image::before {
  height: 19px;
  background-size: 80px auto;
  background-position: 0 -106px;
  top: -10px;
}

/* HappyPriceValue  */
.mod-itemList[class*="-tile"] ul > li[class*="-hpv"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-hpv"] .mod-item .image::before {
  height: 23px;
  background-size: 80px auto;
  background-position: 0 -124px;
  top: -10px;
}

/* Monthlypush  */
.mod-itemList[class*="-tile"] ul > li[class*="-monthlypush"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-monthlypush"] .mod-item .image::before {
  height: 18px;
  background-size: 80px auto;
  background-position: 0 -147px;
  top: -10px;
}

/* ??SSV  */
.mod-itemList[class*="-tile"] ul > li[class*="-pressv"] .mod-item .image::before,
.mod-itemList[class*="-list"] ul > li[class*="-pressv"] .mod-item .image::before {
  height: 31px;
  background-size: 80px auto;
  background-position: 0 -165px;
  top: -17px;
}


.mod-itemList ul > li .subWrapper ul.thumb {
  display: flex;
}

/* ƒTƒ€ƒlƒCƒ‹‰ζ‘œ  */
.mod-itemList[class*="-tile"] ul > li .subWrapper ul.thumb, .mod-itemList[class*="-list"] ul > li .subWrapper ul.thumb {
  margin-right: 0;
}
.mod-item .subWrapper ul.thumb li {
  flex-basis: 25%;
  padding: 3px 1px 1px 1px;
  margin: 0;
}
.mod-item .subWrapper ul.thumb li img {
  border: 1px solid #ccc;
}
.mod-item .subWrapper ul.thumb li.overThumb {
  background-color: #fff;
  text-align: center;
}
.mod-item .subWrapper ul.thumb li.overThumb span{
  position: absolute;
  top: 52%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%,-50%);
  color:#333;
  font-size: 15px;
  text-decoration: underline;
}
.mod-item .subWrapper ul.thumb li.overThumb span:before {
  content:"+";
}