.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:347px;
*/
height:auto;
border-color:transparent;
/*
width:187px;
height:297px;
*/
/*    box-sizing: border-box;*/
    box-sizing: content-box;
}
.listTypeJ .pickup-container ul li,
.listTypeJ .newface-container ul li{
width:236px !important;
}
.soldout {
/*    filter: grayscale(1);*/
}
/*
li.soldout:after {
    content: '受付終了';
    color: #FFFFFF;
		text-shadow:-1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1),	-1px 1px 0px rgba(0,0,0,1), 1px -1px 0px rgba(0,0,0,1);
    position: absolute;
    top: 30%;
    left: 0;
		display:block;
		text-align:center;
		width:100%;
    font-size: 30px;
    font-weight: bold;
}
li.waiting:after {
    content: 'キャンセル待ち';
    color: #A82121;
		text-shadow:-1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1),	-1px 1px 0px rgba(255,255,255,1), 1px -1px 0px rgba(255,255,255,1);
    position: absolute;
    top: 40%;
    left: 0;
		display:block;
		text-align:center;
		width:100%;
    font-size: 30px;
    font-weight: bold;
}
*/
.listTypeJ ul li a{
	display:block;
}
.listTypeJ ul li a span{
}
.listTypeJ ul li > a > span{
/*width:236px;*/
/*height:347px;*/
/*
width:235px;
*/
/*min-height:314px;*/
display:block;
overflow:hidden;
text-align:center;
}

.listTypeJ ul li a span img{
	display:block;
	max-width:100%;
	margin:auto;
}
/*

.listTypeJ ul li.tatenaga a span img{
	width:100%;
	height:auto;
}
.listTypeJ ul li.yokonaga a span img{
	width:auto;
	height:100%;
}
.listTypeJ ul li.square a span img{
    height: 100%;
    width: 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%;
/*
color:#eeeeee;
	background-color:transparent;
	background-image: -moz-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), to(rgba(255,255,255,.9)));	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));	
	background-image: -o-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
	background-image: -ms-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
	background-image: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
*/
position:relative;
top:0px;
left:0;
display:inline-block;
/*
border-top-right-radius:3px;
text-shadow:1px 1px 0px rgba(0,0,0,.7);
*/
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{
/*
background-color:rgba(0,0,0,.5);
display:block;
*/
}
.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{
/*border:1px solid #7f7749;*/
}
#ranking .listTypeJ ul#ranking li.rankbox2{
/*border:1px solid #92918d;*/
}
#ranking .listTypeJ ul#ranking li.rankbox3{
/*border:1px solid #8c6250;*/
}
#ranking .listTypeJ ul#ranking li.rankbox1 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox1 .bottomBox{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e0b7+1,7f7749+100 */
background: #e2e0b7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e2e0b7 1%, #7f7749 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e2e0b7 1%,#7f7749 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #e2e0b7 1%,#7f7749 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0b7', endColorstr='#7f7749',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

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

}
#ranking .listTypeJ ul#ranking li.rankbox2 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox2 .bottomBox{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+1,92918d+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cccccc 1%, #92918d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #cccccc 1%,#92918d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #cccccc 1%,#92918d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#92918d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

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

}
#ranking .listTypeJ ul#ranking li.rankbox3 .iconBox,
#ranking .listTypeJ ul#ranking li.rankbox3 .bottomBox{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bca993+1,8c6250+100 */
background: #bca993; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #bca993 1%, #8c6250 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #bca993 1%,#8c6250 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #bca993 1%,#8c6250 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bca993', endColorstr='#8c6250',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

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{
/*display:none;*/
}
#schedule .listTypeJ ul li a:hover .bottomBox{
/*display:block;*/
}
.listTypeJ ul li .bottomBox h3{
padding:4px;
/*font-size:22px;*/
font-size:16px;
font-weight:normal;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#c7697a;
}

.listTypeJ ul li .bottomBox h3 img{
display:inline-block;
margin:0px 2px;
}
.listTypeJ ul li .bottomBox p{
	/*for threesize or others*/
padding:4px;
padding-top:0px;
font-size:11px;
font-weight:normal;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#333333;

/*border:1px solid #ffffff;*/
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{
/*
	margin:1px;
	border:1px solid #ffffff;
	padding:4px;
	display:block;
*/
}
.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:#000000 !important;
background-color:transparent !important;
border-bottom:1px solid #d98ea2 !important;
border:1px solid #d98ea2;
margin:1px !important;
border-radius:0px !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:#ffffff !important;
background-color:#d98ea2 !important;
border:1px solid #d98ea2;
margin:1px;
}
.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 .bottomBox h4{
background-color:#33270b;
color:#ffffff;
font-size:16px;
font-weight:bold;
}
#schedule .listTypeJ ul li .bottomBox .icon2 p,
#realtime .listTypeJ ul li .bottomBox .icon2 p{
display:block;
text-align:center;
font-size:14px;
font-weight:bold;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/
#schedule .listTypeJ ul li a .bottomBox,
#realtime .listTypeJ ul li a .bottomBox{
/*
color:#eeeeee;
	background-color:transparent;
	background-image: -moz-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), to(rgba(255,255,255,.9)));	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));	
	background-image: -o-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
	background-image: -ms-linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
	background-image: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));
*/
/*	text-shadow:0px 1px 0px rgba(0,0,0,.5);*/
	}
#schedule .listTypeJ ul li a:hover .bottomBox,
#realtime .listTypeJ ul li a:hover .bottomBox{
/*display:block;*/
}
#schedule .listTypeJ ul li a:hover .bottomBox h3,
#realtime .listTypeJ ul li a:hover .bottomBox h3{
/*display:block;*/
}
#schedule .listTypeJ ul li a:hover .bottomBox h4{
/*
display:block;
font-size:16px;
font-weight:bold;
text-shadow:none;
color:#ffffff;
background-color:#33270b;
*/
}

#schedule .listTypeJ ul li a:hover .bottomBox p,
#realtime .listTypeJ ul li a:hover .bottomBox p{
/*
display:none;
padding:0px;
*/
}
#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{
/*
display:block;
text-align:center;
padding:4px;
padding-top:0px;
font-size:14px;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:rgba(1,1,1,1);
text-shadow:none;
*/
}

#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 a:hover .iconBox,
#realtime .listTypeJ ul li a:hover .iconBox{
background-color:rgba(0,0,0,.5);
display:block;
}
*/
#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; /* Old browsers */
background: -moz-linear-gradient(top,  #ceaf5c 0%, #8e733a 50%, #6a4e03 51%, #885200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ceaf5c 0%,#8e733a 50%,#6a4e03 51%,#885200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceaf5c', endColorstr='#885200',GradientType=0 ); /* IE6-9 */
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;
/*
	border: 1px solid rgba(255,255,255,.8);
*/
	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);
/*
	text-shadow:0px 1px 0px rgba(0,0,0,.5);
*/
    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;
}

.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: 0px;
font-size: 12px;
	font-weight:normal;
/*text-shadow:0px 0px 3px rgba(0,0,0,.9),0px 0px 3px rgba(0,0,0,.9);*/
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;*/
border-radius:5px;}

.newBottomBox span.osusume{
border-radius: 5px;
	font-weight:normal;
color: #ffffff;
border-color: rgba(255,255,255,.8);
background:#d6607b;
/*background-image: -moz-linear-gradient(#A82121, #800000); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#A82121), to(#800000));	
background-image: -webkit-linear-gradient(#A82121, #800000);	
background-image: -o-linear-gradient(#A82121, #800000);
background-image: -ms-linear-gradient(#A82121, #800000);
background-image: linear-gradient(#A82121, #800000);
*/
}
/*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;
}

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;
}

@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 .pickup-container ul li ,
#home .listTypeJ .newface-container ul li {
 /*
    height: 60vw;
    width: 40vw;
    width: calc(40% - 6px);
*/
width:inherit !important;
}
.listTypeJ ul li > a > span{
    width: 100%;
/*    height: 62vw;*/
/*height: calc((50vw - 5px) * 1.33);*/
min-height:inherit;
}

.listTypeJ ul.swiper-wrapper li > a > span {
    width: 100%;
/*    height: 104vw;*/
/*height:calc((100vw - 5px) * 1.33);*/
/*height:calc((79vw - 0px) * 1.33);*/
}
.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{
/*
background-color:static;
display:none;
*/
}
.listTypeJ ul li a:hover .bottomBox{
/*	display:block;*/
}
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{
/*	display:block;*/
}
#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{
}


}