.listTypeJ{
margin-bottom:30px;
}
.listTypeJ ul{
	list-style-type:none;
	text-align:left;
/*
    display: flex;
    flex-wrap: wrap;
*/
}

.listTypeJ ul li{
float:none;
display:inline-block;
vertical-align:top;
margin:2px 0px 20px;
overflow:hidden;
position:relative;
/*border-radius:3px;*/
overflow:hidden;
width:235px;
height:auto;
border-color:transparent;
    box-sizing: content-box;
}
.listTypeJ .ranking-container ul li,
.listTypeJ .pickup-container ul li,
.listTypeJ .newface-container ul li{
}
.soldout {
}
.listTypeJ ul li a{
	display:block;
}
.listTypeJ ul li a span{
}
.listTypeJ ul li > a > span{
display:block;
overflow:hidden;
text-align:center;
}

.listTypeJ ul li a span img{
	display:block;
	max-width:100%;
	margin:auto;
}
.listTypeJ ul li .topBox{
width:100%;
color:#ffffff;
background-color:transparent;
position:absolute;
top:0;
left:0;
text-align:left;

height:46px;
overflow:hidden !important;
}
.listTypeJ ul li .topBox img{
	display:block;
/*	float:right;*/
	margin:3px;
}
.listTypeJ ul li a:hover .topBox{
/*	display:none;*/
}
.listTypeJ ul li .topBox img.today{
	float:left;
}
.listTypeJ ul li .bottomBox{
width:100%;
position:relative;
top:0px;
left:0;
display:inline-block;
text-align:center;
}

.listTypeJ ul li .iconBox{
width:100%;
color:#ffffff;
background-color:rgba(0,0,0,.7);
position:absolute;
top:0;
left:0;
display:none;
text-align:left;
}
.listTypeJ ul li a:hover .iconBox{
}
.listTypeJ ul li .iconBox{
}
.listTypeJ ul li .iconBox .type,
.listTypeJ ul li .iconBox .content{
	display:block;
padding:2px 4px;
}
.listTypeJ ul li .iconBox .type{
position:absolute;
bottom:0;
width:95%;
width:calc(100% - 8px);
}

.listTypeJ ul li .iconBox .content > span{
	display:inline-block;
	width:45%;
	width:calc(50% - 3px);
}

#ranking .listTypeJ ul#ranking li.rankbox1{
}
#ranking .listTypeJ ul#ranking li.rankbox2{
}
#ranking .listTypeJ ul#ranking li.rankbox3{
}
#ranking .listTypeJ ul#ranking li.rankbox1 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox1 .bottomBox{
background: #e2e0b7;
background: -moz-linear-gradient(-45deg,  #e2e0b7 1%, #7f7749 100%);
background: -webkit-linear-gradient(-45deg,  #e2e0b7 1%,#7f7749 100%);
background: linear-gradient(135deg,  #e2e0b7 1%,#7f7749 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0b7', endColorstr='#7f7749',GradientType=1 );

border:3px solid #B9B489;
box-sizing:border-box;

}
#ranking .listTypeJ ul#ranking li.rankbox2 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox2 .bottomBox{
background: #cccccc;
background: -moz-linear-gradient(-45deg,  #cccccc 1%, #92918d 100%);
background: -webkit-linear-gradient(-45deg,  #cccccc 1%,#92918d 100%);
background: linear-gradient(135deg,  #cccccc 1%,#92918d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#92918d',GradientType=1 );

border:3px solid #B1B1AF;
box-sizing:border-box;

}
#ranking .listTypeJ ul#ranking li.rankbox3 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox3 .bottomBox{
background: #bca993;
background: -moz-linear-gradient(-45deg,  #bca993 1%, #8c6250 100%);
background: -webkit-linear-gradient(-45deg,  #bca993 1%,#8c6250 100%);
background: linear-gradient(135deg,  #bca993 1%,#8c6250 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bca993', endColorstr='#8c6250',GradientType=1 );

border:3px solid #A2826E;
box-sizing:border-box;

}
#ranking .listTypeJ ul#ranking li.rankbox1 .bottomBox p,
#ranking .listTypeJ ul#ranking li.rankbox1 .bottomBox h3{
color:#111111;
text-shadow:1px 1px 1px rgba(0,0,0,.1);

text-align:left;
}
#ranking .listTypeJ ul#ranking li.rankbox2 .bottomBox p,
#ranking .listTypeJ ul#ranking li.rankbox2 .bottomBox h3{
color:#111111;
text-shadow:1px 1px 1px rgba(0,0,0,.1);
text-align:left;
}
#ranking .listTypeJ ul#ranking li.rankbox3 .bottomBox p,
#ranking .listTypeJ ul#ranking li.rankbox3 .bottomBox h3{
color:#111111;
text-shadow:1px 1px 1px rgba(0,0,0,.1);
text-align:left;
}

.listTypeJ ul li a:hover .bottomBox{
}
#schedule .listTypeJ ul li a:hover .bottomBox{
}
.listTypeJ ul li .bottomBox h3{
padding:4px;
font-size:16px;
font-weight:normal;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#64646e;
}

.listTypeJ ul li .bottomBox h3 img{
display:inline-block;
margin:0px 2px;
}
.listTypeJ ul li .bottomBox p{
padding:4px;
padding-top:0px;
font-size:11px;
font-weight:normal;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#64646e;
margin:1px;

display:block;
}
.listTypeJ ul li .bottomBox p.newface{
background-color:#e8718d;
color:#ffffff;
padding:1px 10px;
font-size:14px;
border-radius:	1rem;
display:inline-block;
margin-top:5px;
}
.listTypeJ ul li .bottomBox p.newface span{
}
.listTypeJ ul li .bottomBox h4{
padding:4px;
font-size:14px;
font-weight:bold;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#ffffff !important;
background-color:#64646e !important;
border-bottom:1px solid #64646e !important;
border:1px solid #64646e;
margin:1px !important;
border-radius:6px !important;
}
.listTypeJ ul li .bottomBox h5{
padding:4px;
/*padding-top:0px;*/
font-size:14px;
font-weight:bold;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#64646e !important;
background-color:transparent !important;
border:1px solid #64646e;
margin:1px;
border-radius:6px !important;
}
.listTypeJ ul li .bottomBox .selfComments{
display:none;
}
.listTypeJ ul li .bottomBox span{
display:block;
}
.listTypeJ ul li .bottomBox i{
    font-size: 150%;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    top: -30px;
}


#schedule .listTypeJ ul li .bottomBox p{
padding:0px;
}

#schedule .listTypeJ ul li .bottomBox,
#realtime .listTypeJ ul li .bottomBox{
background-color:transparent;
display:block;
}
#schedule .listTypeJ ul li a .bottomBox,
#realtime .listTypeJ ul li a .bottomBox{
	}
#schedule .listTypeJ ul li a:hover .bottomBox,
#realtime .listTypeJ ul li a:hover .bottomBox{
}
#schedule .listTypeJ ul li a:hover .bottomBox h3,
#realtime .listTypeJ ul li a:hover .bottomBox h3{
}
#schedule .listTypeJ ul li a:hover .bottomBox h4{
}

#schedule .listTypeJ ul li a:hover .bottomBox p,
#realtime .listTypeJ ul li a:hover .bottomBox p{
}
#schedule .listTypeJ ul li a:hover .bottomBox .selfComments,
#realtime .listTypeJ ul li a:hover .bottomBox .selfComments{
display:none;
}
#schedule .listTypeJ ul li a:hover .bottomBox span,
#realtime .listTypeJ ul li a:hover .bottomBox span{
/*display:none;*/
}
#schedule .listTypeJ ul li a:hover .bottomBox .icon2 p,
#realtime .listTypeJ ul li a:hover .bottomBox .icon2 p{
}

#schedule .listTypeJ ul li .iconBox,
#realtime .listTypeJ ul li .iconBox{
width:100%;
color:#ffffff;
background-color:rgba(255,255,255,.7);
position:absolute;
top:0;
left:0;
display:none;
text-align:left;
}
#schedule .listTypeJ ul li .iconBox,
#realtime .listTypeJ ul li .iconBox{
}
#schedule .listTypeJ ul li .iconBox .type,
#schedule .listTypeJ ul li .iconBox .content,
#realtime .listTypeJ ul li .iconBox .type,
#realtime .listTypeJ ul li .iconBox .content{
	display:block;
padding-top:2px;
padding-left:4px;
}

#layout ul li div span.type span span{
    border: 1px solid #6a4e03;

background: #ceaf5c;
background: -moz-linear-gradient(top,  #ceaf5c 0%, #8e733a 50%, #6a4e03 51%, #885200 100%);
background: -webkit-linear-gradient(top,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%);
background: linear-gradient(to bottom,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceaf5c', endColorstr='#885200',GradientType=0 );
color:#ffffff;
	text-shadow:-1px -1px 1px #6a4e03,1px 1px 1px #6a4e03,1px -1px 1px #6a4e03,-1px 1px 1px #6a4e03;
    border-radius: 0px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    margin: 2px 0;

    display: block;
    padding: 3px;
	text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.icontype + .icon2 span span,
span.content span span{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#7D7D7D;
	background-image: -moz-linear-gradient(#7D7D7D, #7D7D7D); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7D7D7D), to(#7D7D7D));	
	background-image: -webkit-linear-gradient(#7D7D7D, #7D7D7D);	
	background-image: -o-linear-gradient(#7D7D7D, #7D7D7D);
	background-image: -ms-linear-gradient(#7D7D7D, #7D7D7D);
	background-image: linear-gradient(#7D7D7D, #7D7D7D);
    border-radius: 0px;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    margin:2px 0;
    padding: 3px;
    display: block;
	text-align:center;
}
.jidoriPower{
text-align:right;
padding:3px;
}
.jidoriPower a{
padding:5px;
font-size:10px;
font-family:"arial", sans-serif;
font-weight:bold;
font-style:italic;

box-shadow:0px 1px 1px rgba(0,0,0,.2) inset;
background-color:rgba(0,0,0,.3);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

}

/*add for new Rank Icons*/
.listTypeJ ul li > a > span{
	position:relative;
border-radius:10px;
}

.newBottomBox {
    position: absolute;
	text-align:left;
    bottom: 1px;
    left: 1px;
/*	font-family:Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.newBottomBox span{
display: inline-block;
padding: 5px 10px;
line-height: 1.3;
border-radius: 3px;
font-size: 13px;
	font-weight:normal;
color: #ffff00;
border: 1px solid #ffff00;
margin:1px 0 1px 0;
/*background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
background: linear-gradient(135deg,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=1 );*/
box-shadow:1px 1px 2px rgba(0,0,0,.3);
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.newBottomBox span.osusume{
border-radius: 3px;
	font-weight:normal;
color: #ffffff;
border-color: rgba(255,255,255,.8);
background-color:#C69A9A;

}
/*add for SNS Icons*/
div.snsArea{
	position:absolute;
	bottom:1px;
	right:1px;
	width:34px;
	z-index:1;
	color:#ffffff;
}
div.snsArea span.iconTwitter {
    background-color: #2ca7e1;
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    border: 1px solid #ffffff;
    margin: 1px;
	border-radius:50%;
	text-align:center;
	width:20px;
   background-color: #000000 !important;
}

div.snsArea span.iconInsta {
	background: #0300d1;
	background: -moz-linear-gradient(-45deg,  #0300d1 0%, #d82b7d 50%, #f99848 100%); 
	background: -webkit-linear-gradient(-45deg,  #0300d1 0%,#d82b7d 50%,#f99848 100%); 
	background: linear-gradient(135deg,  #0300d1 0%,#d82b7d 50%,#f99848 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0300d1', endColorstr='#f99848',GradientType=1 );
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    border: 1px solid #ffffff;
    margin: 1px;
	border-radius:50%;
	text-align:center;
	width:20px;
}
div.snsArea span.iconMobile {
	background: #ff9000;
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    border: 1px solid #ffffff;
    margin: 1px;
	border-radius:50%;
	text-align:center;
	width:20px;
}
div.snsArea a:link,
div.snsArea a:hover,
div.snsArea a:visited {
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	text-align:center;
}
.nextsche{
	text-align:left;
min-height: 21px;
}
span.iconToday, span.iconTomo, span.iconAfter {
    position: relative !important;
    top: auto;
    right: auto;
    font-size: 11px;
    border-radius: 0px;
    margin: 0;
    padding: 1px 4px;
    vertical-align: middle;
    line-height: 1.5;
    display: inline-block !important;
}
.marquee-anim {
  overflow: hidden;
}

.marquee-span {
  display: inline-block;
/*  padding-left: 100%;
  padding-right: 50%;*/
  white-space: nowrap;
  animation: marqueeGal 10s linear infinite;
}

@keyframes marqueeGal {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-270%);
  }
}
.color span {
    border-radius: 5px !important;
}
@media screen and (max-width: 667px) {
#home .listTypeJ ul li ,
#gravure .listTypeJ ul li ,
#schedule2 .listTypeJ ul li ,
#newface .listTypeJ ul li ,
#ranking .listTypeJ ul li ,
#realtime .listTypeJ ul li ,
#schedule .listTypeJ ul li ,
#gals .listTypeJ ul li {
    height: auto;
    width: calc(50% - 5px);
}
.listTypeJ ul{
	padding:0 5px;
}
#home .listTypeJ .ranking-container ul li ,
#home .listTypeJ .pickup-container ul li ,
#home .listTypeJ .newface-container ul li {
}
.listTypeJ ul li > a > span{
    width: 100%;
min-height:inherit;
}

.listTypeJ ul.swiper-wrapper li > a > span {
    width: 100%;
}
.listTypeJ ul.swiper-wrapper li.tatenaga a span img {
	margin:auto;
	margin-top:0px !important;
}
.listTypeJ ul.swiper-wrapper li.yokonaga a span img {
}
li.waiting:after {
    font-size: 20px;
}

.listTypeJ ul li a:hover .iconBox{
}
.listTypeJ ul li a:hover .bottomBox{
}
ul#ranking li:nth-child(n+2) .bottomBox h3{
font-size:17px;
}
ul#ranking li:nth-child(n+4) .bottomBox h3{
font-size:14px;
}

.listTypeJ ul li a:hover .topBox{
}
#schedule .listTypeJ ul li a .bottomBox, #realtime .listTypeJ ul li a .bottomBox{
	color:#000000;
	}
.listTypeJ ul li .bottomBox p.newface{
	font-size:12px;
	font-weight:bold;

margin: 5px 10px 0px;
    line-height: 1.5;
}
/*add for new Rank Icons*/

.newBottomBox span{
font-size: 12px;
padding: 2px 5px;
}

.newBottomBox span.osusume{
}


}