@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
     prof_slider
----------------------------------------------*/

#prof_slider {
	width:100%;
	margin:0 auto;
	position: relative;
}

/* 僅かに出る横スクロールを直せないので */
#prof_slider .sliderbox {
    overflow: hidden;
}

/* slickの初期化完了まで非表示 */
#prof_slider .slider,
#prof_slider .slider-thumb {
  display:none;
}

#prof_slider .slider.slick-initialized,
#prof_slider .slider-thumb.slick-initialized {
  display: block;
}

/* カルーセル画像 */
#prof_slider .slider img {
    width: 100%;
    height: auto;
}

/* サムネイル */
#prof_slider .slider-thumb {
    width: 100%;
    margin:0 auto;
}

#prof_slider .slider-thumb img {
    width: 100%;
    height: auto;
}

#prof_slider .slider-thumb .slick-slide a {
    display: block;
    margin:0;
}

#prof_slider .slider .slick-prev,
#prof_slider .slider .slick-next {
    z-index: 1;
    width: 30px;
    height: 30px;
}

#prof_slider .slider .slick-next {
    right: 20px;
}

#prof_slider .slider .slick-prev {
    left: 20px;
}

#prof_slider .slider .slick-prev:before,
#prof_slider .slider .slick-next:before {
    font-size: 30px;
}

/* スライダーの下部にプロフィール　*/

#prof_slider .prof_photo_area{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
}

#prof_slider .prof_area {
	position: absolute;
    z-index: 99999;
    width: 100%;
    height: auto;
	padding: 5px 0;
	background-color: rgba(255,255,255,0.7);
	bottom:0;

}

#prof_slider .prof_area p.name{
	text-align:center;
	width:100%;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 3px !important;
}

#prof_slider .prof_area p.data{
	text-align:center;
	width:100%;
	font-size:14px;
	margin: 0 0 3px !important;
}

#prof_slider .prof_area p.size{
	text-align:center;
	width:100%;
	font-size:12px;
	margin: 0 0 3px !important;
}

/*----------------------------------------------
     prof_girls_icon
----------------------------------------------*/
#prof_girls_icon{
	clear:both;
	width:100%;
	height:auto;
	margin:5px auto;
}

#prof_girls_icon ul{
	width:100%;
	font-size:0;
	list-style:none;
	margin:0;
}

#prof_girls_icon li{
	width:25%;
	display:inline-block;
	margin:0;
}

#prof_girls_icon li img {
	width:100%;
}

/*----------------------------------------------
     prof_girls_rank
----------------------------------------------*/
#prof_girls_rank{
	clear:both;
	width:100%;
	height:auto;
	margin:5px auto;
}

#prof_girls_rank img{
	width:100%;
	height:auto;
}



/*----------------------------------------------
     prof_girls_price
----------------------------------------------*/
#prof_girls_price{
	clear:both;
	width:100%;
	height:auto;
	margin:5px auto;
	text-align:right;
	font-size:24px;
}

#prof_girls_price span{
	font-size:30px;
}


/*----------------------------------------------
     prof_girls_status
----------------------------------------------*/
#prof_girls_status{
	clear:both;
	width:100%;
	height:auto;
	margin:5px auto;
}

#prof_girls_status table{
	width:100%;
	border-collapse: separate;
	border-spacing: 5px;
}

#prof_girls_status table td{
	text-align:center;
	font-size: 20px;
	background-color:#FF0;
	padding:5px 0;
}

#prof_girls_status span{
	color:#F00;
}

@media screen and (max-width: 400px) {
	#prof_girls_status table td{
		font-size: 14px;
	}
}

/*----------------------------------------------
     prof_girls_comment
----------------------------------------------*/
#prof_girls_comment{
	clear:both;
	width:100%;
	height:auto;
	margin:20px auto;
	overflow:hidden;
}

#prof_girls_comment .title{
	clear:both;
	width:98%;
	height:auto;
	margin: 0 auto 10px auto;
	overflow:hidden;
	color:#0d0048;
	font-weight:bold;
	font-size:18px;
}

#prof_girls_comment .comment{
	clear:both;
	width:96%;
	height:auto;
	margin:10px auto 20px auto;
	overflow:hidden;
}

/*----------------------------------------------
     prof_status
----------------------------------------------*/
#prof_status{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:20px auto 0 auto;
	overflow:hidden;
	background-color:#0d0048;
}

#prof_status #prof_status_bar{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:50px auto 10px auto;
}

#prof_status #prof_status_bar img{
	width:100%;
	height:auto;
}

/* radar --------------------------- */

#prof_status #prof_radar_box {
	clear:both;
	width:95%;
	height:auto;
	margin:10px auto;
}

/* point --------------------------- */

#prof_status #prof_point_box {
	clear:both;
	width:90%;
	height:auto;
	margin:10px auto;
}

#prof_status #prof_point_box .status_list{
	width:100%;
	height:40px;
	margin: 5px auto;
	background-color:#13006b;
	color:#FFF;
	font-size: 16px;
}

#prof_status #prof_point_box .status_list .item{
	float:left;
	width:70%;
	height:40px;
	text-align:center;
	line-height: 40px;
}

#prof_status #prof_point_box .status_list .point{
	float:left;
	width:30%;
	height:40px;
	text-align:center;
	line-height: 40px;
}

#prof_status #prof_status_total {
	clear:both;
	float:left;
	width:100%;
	height:50px;
	margin:20px auto 50px auto;
}

#prof_status #prof_status_total #total_point{
	width:50%;
	height:50px;
	margin: 0 auto;
	color:#FFF;
	font-size: 30px;
	border-bottom:solid 2px #FFF;
	text-align:center;
	line-height: 50px;
}


/*----------------------------------------------
     prof_data_area
----------------------------------------------*/
#prof_data_area{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background-color:#13006b;
}

/* profile --------------------------- */

#prof_data_area #profile_bar{
	width:100%;
	height:auto;
	margin:50px auto 0 auto;
}

#prof_data_area #profile_bar img{
	width:100%;
	height:auto;
}

#prof_data_area #prof_profile {
	clear:both;
	width:90%;
	height:auto;
	margin:10px auto;
}

#prof_data_area #prof_profile .profile_list{
	width:100%;
	height:40px;
	margin: 5px auto;
	border-bottom:solid 1px #FFF;
	font-size:16px;
	color:#FFF;
}

#prof_data_area #prof_profile .profile_list .question{
	float:left;
	width:42%;
	height:40px;
	text-align:left;
	margin-left:2%;
	line-height: 40px;
}

#prof_data_area #prof_profile .profile_list .anser{
	float:left;
	width:55%;
	height:40px;
	text-align:left;
	line-height: 40px;
}

@media screen and (max-width: 400px) {
	#prof_data_area #prof_profile .profile_list{
		font-size:14px;
	}
}

/* option --------------------------- */

#prof_data_area #option_bar{
	width:100%;
	height:auto;
	margin:50px auto 0 auto;
}

#prof_data_area  #option_bar img{
	width:100%;
	height:auto;
}

#prof_data_area #prof_option {
	clear:both;
	width:100%;
	height:auto;
	margin:20px auto 50px auto;

	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#prof_data_area #prof_option .option_list{
	width:48%;
	height:auto;
	margin-top: 4px;
	margin-left: 1%;
	margin-right: 1%;
	padding: 5px;
	font-size:14px;
	color:#FFF;
	background-color:#0d0048;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#prof_data_area #prof_option .op_on{
	background-color:#f4042b !important;
}

#prof_data_area #prof_option .come{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin: 10px auto;
	font-size:14px;
	color:#FFF;
	text-align:right;
}

#prof_data_area #prof_option .come span{
	color:#f4042b;
}


@media screen and (max-width: 400px) {
	#prof_data_area #prof_option .option_list{
		font-size:12px;

	}

	#prof_data_area #prof_option .come{
		font-size:12px;
	}
}


/*----------------------------------------------
     prof_schedule
----------------------------------------------*/
#prof_schedule{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background-color:#0d0048;
	padding: 30px 0px;
}

#prof_schedule #schedule_bar{
	width:100%;
	height:auto;
	margin:50px auto 0 auto;
}

#prof_schedule #schedule_bar img{
	width:100%;
	height:auto;
}

#prof_schedule #schedule_box {
	clear:both;
	width:90%;
	height:auto;
	margin:10px auto;
}

#prof_schedule #schedule_box .schedule_list{
	width:100%;
	height:auto;
	margin: 5px 0;
	padding: 5px 0;
	font-size:16px;
	color:#FFF;
	border-bottom: 1px #FFF dotted;
	overflow:hidden;
}

#prof_schedule #schedule_box .schedule_list .day{
	float:left;
	width:25%;
	text-align:center;
}

#prof_schedule #schedule_box .schedule_list .time{
	float:left;
	width:45%;
	text-align:center;
}

#prof_schedule #schedule_box .schedule_list .status{
	float:left;
	width:25%;
	text-align:center;
}

#prof_schedule #schedule_box .schedule_list .st_on{
	background-color:#FF0;
	color:#0d0048;
}

@media screen and (max-width: 400px) {
	#prof_schedule #schedule_box .schedule_list{
		font-size:14px;
	}
}

/*----------------------------------------------
     prof_diary
----------------------------------------------*/
#prof_diary{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background-color:#13006b;
}

#prof_diary #diary_bar{
	width:100%;
	height:auto;
	margin:50px auto 0 auto;
}

#prof_diary #diary_bar img{
	width:100%;
	height:auto;
}

#prof_diary #diary_box {
	clear:both;
	width:100%;
	height:500px;
	margin:10px auto 50px auto;
	background-color:#FFF;
	overflow-y:auto;
}

@media screen and (max-width: 400px) {
	#prof_diary #diary_box {
		height:300px;
	}
}

/*----------------------------------------------
     prof_review
----------------------------------------------*/
#prof_review{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background-color:#13006b;
}

#prof_review #review_bar{
	width:100%;
	height:auto;
	margin:10px auto 0 auto;
}

#prof_review #review_bar img{
	width:100%;
	height:auto;
}

#prof_review #review_box {
	clear:both;
	width:100%;
	height:500px;
	margin:10px auto 50px auto;
	background-color:#FFF;
	overflow-y:auto;
}

@media screen and (max-width: 400px) {
	#prof_review #review_box {
		height:300px;
	}
}

/* review list -------- */
.prof_reviewlist {
	clear:both;
	width:97%;
	height:auto;
	margin:10px auto;
	border:#999 dotted 1px;
	overflow:hidden;
}

.prof_reviewlist .reviewimg {
	float:left;
	width: 22%;
	height: auto;
	overflow:hidden;
}

.prof_reviewlist .reviewimg img {
	width: 100%;
}

.prof_reviewlist .reviewtxt {
	width: 100%;
	height: auto;
	margin-right: 10px;
	overflow:hidden;
}

.prof_reviewlist h1.name {
	font-size:14px;
	font-weight:nomal;
	line-height: 130%;
	padding: 7px;
	border-bottom:#999 dotted 1px;
	color:#F06;
}

.prof_reviewlist h2.valuation {
	font-size:14px;
	line-height: 130%;
	padding: 7px;
	border-bottom:#999 dotted 1px;
	color:#000;
	margin-bottom: 5px;
	margin-top: 3px;
}

.prof_reviewlist span.size{
	font-size:14px;
	font-weight:normal;
	color:#666;		
}

.prof_reviewlist p {
	line-height: 150%;
	padding: 7px;
}


/*----------------------------------------------
     prof_movie
----------------------------------------------*/
#prof_movie{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background-color:#0d0048;
}

#prof_movie #movie_bar{
	width:100%;
	height:auto;
	margin:50px auto 0 auto;
}

#prof_movie #movie_bar img{
	max-width:100%;
	height:auto;
}

#prof_movie #movie_box {
	clear:both;
	width:100%;
	height:auto;
	margin:10px auto 50px auto;
}