@charset "shift_jis";
/* CSS Document */



/*===================================
   box
===================================*/

.sp_con {
	display: none;
}

.top_banner {
	margin: 10px 0;
}

#box img {
	
}


.top {
	height: 500px;
	overflow: hidden;
}


/*----- movie ------*/
.movie_sp {
	display: none;
}
.movie_pc {
	position: relative;
	height: 500px;
	overflow: hidden;
}
.movie_pc video {
	width: 635px;
	height: 357px;
	margin: 44px 0 100px 30px;
}
.movie_pc img {
	position: absolute;
	top: 0;
	left: 0;
}




.info_left {
	float: left;
	width: 56%;
}

.banner_wrapper {
}
.banner_wrapper .bx-wrapper {
    padding: 2%;
    background-color: #fc40b3;
}

/*-----------------------------------
   info 
-----------------------------------*/

#info_wrapper {
	position: relative;
}
#info_container {
	width: 100%;
    height: 570px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #000;
    border: 1px solid #fc04b3;
}
.info {
	padding: 10px;
	margin-bottom: 10px;
}
.info img{
	max-width: 100%;
}
.info_title {
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	background-color: #fc04b3;
	padding-left: 10px;
	margin-bottom: 8px;
}
.info_photo {
	margin-right: 10px;
}
.info .c_both {
	border-bottom: 1px dotted #fc04b3;
	height: 10px;
}


/*=============================
   newface 
=============================*/

.newface_container {
	width: 43%;
	float: right;
}
.newface_container_sp {
	display: none;
}
.newface_con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newface_box {
	background-image: url(../img/girls/girls_list_bg.png);
    background-size: 100% 100%;
	background-repeat: no-repeat;
	text-align: center;
	width: calc(100%/2 - 0px);
	display: block;
}
.newface_date {
	font-weight: bold;
	font-size: 1.4rem;
	color: #000;
	text-align: center;
	margin: 3% 0;
}
.newface_photo {
	position: relative;
	padding: 0;
	overflow: hidden;
	display: flex;
}
.girls_list_new {
	position: absolute;
	left: 0;
    top: 0;
    width: 30%!important;
    height: auto;
}

.girls_list_today {
	position: absolute;
    bottom: 1px;
    right: 0;
    height: auto;
    width: 30%!important;
}
.newface_box .girls_list_icon img,
.top_sche .girls_list_icon img {
	width: 27px;
	height: 32px;
	margin-top: 1px;
	
}
/*==========================
    schedule 
==========================*/

#sche_wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#sche_container {
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
#sche_title {
}
.top_sche {
    width: calc(100%/4 - 0%);
	margin-bottom: 1%;
	display: block;
	background-image: url(../img/girls/girls_list_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    text-align: center;
}
.girls_box {
    margin: 30% 5% 30%;
    border: 2px solid #9e9e9e;
}
.top_sche:nth-child(4n+1) {
    margin-left: 0;
}
.top_sche_photo {
	position: relative;
	padding: 0;
	overflow: hidden;
}
.top_sche_photo a{
	display: flex;
}
.girls_profile,
.girls_profile_pc {
	font-weight: bold;
	border: 1px solid #fc04b3;
}

.top_sche_name {
	font-size: 1.2rem;
	padding: 2% 0;
    max-height: 42px;
    overflow: hidden;
    background-color: #000;
}
.g_name {
    font-size: 1.8rem;
	letter-spacing: 0px;
}
.messe2{
	margin-bottom: 5px;
	height: 12px;
    overflow: hidden;
	font-size: 1.2rem;
}
.messe2 span{
	font-size: 1.2rem!important;
}
.girls_list_icon {
	height: 36px;
	/*width: 21%;*/
	overflow: hidden;
}
.top_sche_size {
	font-size: 1.4rem;
	height: 26px;
	padding: 4% 0 3%;
	color: #000;
	overflow: hidden;
}
.top_sche_time {
	margin: 4% 0 3%;
	font-weight: bold;
	color: #fc04b3;
	height: 16px;
    overflow: hidden;
}
.newface_box .girls_box .top_sche_size {
	letter-spacing: -0.08rem;
}
.ranking_sp,
.fame_sp {
    display: none;
}


/*-------------------------------750----------------------*/
@media screen and (max-width: 750px) {
	
	
.pc_con {
	display: none;
}
.sp_con {
	display: block;
}	
	
	
.top {
    height: 200px;
}	

	
/*----- movie ------*/
.movie_pc {
		display: none;
	}
.movie_sp {
	display: block;
}
.movie video {
	width: 100%;
	height: auto;
	margin: 0;
}
.banner_pc {
    display: none;
}
	
	
.info_left {
    float: none;
    width: 100%;
}	
#info_wrapper {
    width: 100%;
    float: none;
}
#info_container {
    height: 450px;
}
	
	

/*--- newface ---*/	
.newface_container {
	display: none;
}
.newface_container_sp {
	display: block;
}		
#newface_container {
    width: 100%;
    float: none;
}
.newface_box {
	margin-bottom: 2%;
}	
.newface_photo {
}
.g_name {
    font-size: 1.6rem;
    line-height: 1.3;
}	
.newface_box .messe2 {
    margin-bottom: 1px;
    height: 11px;
    font-size: 1.1rem;
    overflow: hidden;
}	
.newface_box .top_sche_size {
    font-size: 1.2rem;
	padding: 4% 0;
}	
.newface_box .girls_box .top_sche_size {
	letter-spacing: 0;
}	
	
/*--- top_sche ---*/
	
.top_sche {
	width: calc(100%/3 - 0%);
}
.top_sche:nth-child(2n+1) {
    margin-left: 0;
}
.top_sche__photo {
}
.top_sche_name {
    font-size: 1rem;
	max-height: 36px;
}

.top_sche_size {
    font-size: 1.15rem;
	letter-spacing: -0.08rem;
    padding: 7% 0 3%;
}
.top_sche_time {
	height: 11px;
	font-size: 1.1rem;
	margin: 4% 0 4%;
}
.messe2 {
    margin: 1px 0;
    height: 11px;
	font-size: 1rem;
    overflow: hidden;
}	
.girls_list_icon {
    height: 39px;
}
.newface_box .girls_list_icon img {
	margin-top: 3px;	
}	
.top_sche .girls_list_icon {
	height: 30px;	
}		
.top_sche .girls_list_icon img {
	width: 21px;
    height: 25px;
    margin-top: 2px;
}	

    
/* top_ranking
======================================*/

.fame_sp {
    display: block;
}    
.ranking_sp {
	width: 100%;
    background-image: url(../img/top/ranking_sp.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 23%;
    margin-bottom: 5px;
    overflow: hidden;
}
.bxslider_rank {
     position: relative;
    left: 25vw; /* (100vw - SlideWidth) / 2 */ 
    overflow: visible !important;     
}    
    
.rank_box {
    width: 50vw !important;
    max-width: 220px;
    padding: 40px 10px 10px 10px;
}
.ranking_box {
	width: 100%;
	margin-right: 3%;
}
.rank_text {
	color: #000;
    font-size: 80%;
	line-height: 1.5;
    text-align: center;
}    
.ranking_sp {
    display: block;
}	
.ranking_sp .bx-wrapper .bx-controls-direction a {
    padding: 5% 2%;
    opacity: 1;
    font-weight: bold;
    background-color: rgb(252 4 179 / 80%);
    /*border-radius: 50%;*/
}
.ranking_sp .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
}    
.bx-wrapper .bx-pager.bx-default-pager a.active {
        background: rgb(252 4 179 / 100%);
    }    
    
.rank01 {
    background-image: url(../img/top/rank00.jpg);
    background-size: cover;
}
.rank02 {
    background-image: url(../img/top/rank01.jpg);
    background-size: cover;
}
.rank03 {
    background-image: url(../img/top/rank02.jpg);
    background-size: cover;
}
.rank04 {
    background-image: url(../img/top/rank03.jpg);
    background-size: cover;
}
.rank05 {
    background-image: url(../img/top/rank04.jpg);
    background-size: cover;
}    
    
    
    
    
}
	


/*-----------550---------*/
@media screen and (max-width: 550px) {
	
.syame_sp iframe{
	
}	
	
	
}