@charset "shift_jis";
/* CSS Document */
@media screen and (max-width:640px){
.sp_none{
	display:none;
}
	
.sp_block{
	display:block;
}	

.sp_inline{
	display:inline;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/*********** wrap設定 ***********/
#wrap{
	background:url(/img/bg.png) 0 0/76px repeat #000;
	min-width:320px;
}

/*********** header設定 ***********/
header{
	min-width:320px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
}

#desc{
	display:none;
}

#header_contents{
	height:68px;
}

#header_contents_filter{
	height:68px;
}

#header_wrap{
	width:100%;
	height:68px;
}

#header_logo{
	width:135px;
	height:48px;
	top:10px;
	left:10px;
}

#header_info{
	width:110px;
	height:58px;
	top:0;
	right:68px;
}

/*ナビを固定した際の高さ調整*/
header.nav_up,
header.nav_fixed{
	height:auto;
}

/*********** nav設定 ***********/
nav{
	display:none;
}

/***** #menu_btn設定 ******/
#menu_btn {
	display: block;
	width: 68px;
	height:68px;
	position: fixed;
	top:0px;
	right:0px;
	z-index: 10001;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#menu_btn {
	background:rgba(0,0,0,1);
}

#menu_btn span {
	display: block;
	background: #d1bc91;
	width: 35px;
	height: 4px;
	position: absolute;
	left: 16px;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
}

#menu_btn span:first-child {
	top: 19px;
}

#menu_btn span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}

#menu_btn span:last-child {
	bottom: 18px;
}

#menu_btn.active{
	position:fixed;
}

#menu_btn.active span:first-child {
	-webkit-transform: translateY(14px) rotate(45deg);
	-moz-transform: translateY(14px) rotate(45deg);
	-ms-transform: translateY(14px) rotate(45deg);
	transform: translateY(14px) rotate(45deg);
}

#menu_btn.active span:nth-child(2) {
	opacity: 0;
}

#menu_btn.active span:last-child {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-moz-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}

#overlay {
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  transition: opacity .5s;
}

#overlay.active {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/***** #sp_navi設定 ******/
#sp_navi{
	z-index:10000;	
  width: 250px;
  height: 100%;
	background:url(/img/bg.png) 0 0/76px repeat	rgba(48,48,48,1);
	position:fixed;
  top: 0;
  right: -1px;
  transform: translate(250px);
  transition: all .3s;
	padding-top:68px;
	box-sizing:border-box;
	overflow:auto;
	font-size:12pt;
}

#sp_navi.active{
  transform: translateZ(0);
}

#sp_navi li{
	list-style:none;
	border-bottom:1px solid #d1bc91;
}

#sp_navi li:first-child{
	border-top:1px solid #d1bc91;
}

#sp_navi a{
	display:block;
	height:50px;
	line-height:50px;
	width:100%;
	color:#e0d8a0;
	text-decoration:none;
	box-sizing:border-box;
	padding:0 10px;
	border-left:5px solid #000;
}

#sp_navi span{
	display:block;
	height:40px;
	line-height:40px;
	width:100%;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	padding:0 10px;
}

#sp_navi_line{
	background:url(/img/i_line.png) 200px center/40px no-repeat;
}


/*********** contents設定 ***********/
#contents{
	padding-top:68px;
	padding-bottom:240px;
	width:100%;
	border:0;
	background:inherit;
	box-shadow:none;
}

#main{
	width:100%;
	margin-bottom:50px;
}

aside{
	width:100%;
}


/*********** サイドバー設定 ***********/
#twitter_wrap{
	width:100%;
	height:auto;
}


/*********** box設定 ***********/
.box1{
	padding:0 10px;
}

/*サイドバー*/
.box2{
	padding:0 10px;
}


/*********** 見出し設定 ***********/
#page_title_en{
	padding-left:15px;
}

.title2_num{
	margin-right:0;
	display:block;
}

/*********** 〜トップページ〜 ***********/
/*********** topics設定 ***********/
#topics dd{
	background:#303030;
	width : -webkit-calc(100% - 70px) ;
  width : calc(100% - 70px);
}

.topics_text{
	margin-right:200px;
}


/*********** MV設定 ***********/
#mv{
	width:100%;
	height:auto
}

.mv_img{
	width:100%;
	height:auto;
}


/*********** information設定 ***********/
#information {
	height:auto;
}

.info_img{
	width:100px;
}

.info_text{
	width : -webkit-calc(100% - 110px) ;
  width : calc(100% - 110px);
}

.info_text_no_img{
	width :100%;
}

/*********** newface設定 ***********/
.newface_wrap{
	padding:0;
	width:100%;
}

.newface_slider{
	width:100%;
}

.newface_slider .slide_next{
	right:-10px;
}

/*新人スライダー　左詰め*/
.newface_slider .slick-track {
  margin-left:auto;
}


/*********** girl_list設定 ***********/
.girl_list_wrap{
	padding:0 6px;
}

#girl_ul{
	text-align:center;
}

#girl_ul li{
	margin-right:2%;
	margin-bottom:2%;
	width:49%;
}

#girl_ul li:nth-of-type(2n){
	margin-right:0;
}

#girl_ul .girl_panel_a{
	width:100%;
}

.newface_slider .girl_panel_a{
	max-width:100%;
	width:98%;
	margin:0 auto;
	text-align:center;
}

.girl_attend{
	height:20px;
	width:60px;
	line-height:20px;
	font-size:8pt;
}

.girl_day{
	height:22px;
	line-height:22px;
	font-size:10pt;
}

.girl_name{
	height:27px;
	line-height:27px;
	font-size:10pt;
}

.girl_size{
	height:15px;
	font-size:8pt;
}

.girl_new{
	height:27px;
	width:10px;
	background:url(/img/i_newface.png) 0 6px/10px no-repeat;
}


/*********** 〜スケジュール〜 ***********/
/*********** ナビ設定 ***********/
.schedule_nav {
	padding:0 10px;
}

.schedule_nav li{
	border:1px solid transparent;
	padding:1px;
	margin:0;
	width:33.33333333333333%;
	box-sizing:border-box;
}

.schedule_nav li:nth-of-type(n+4){
	width:25%;
}

.schedule_nav .active{
}

.schedule_nav a{
	height:auto;
	width:100%;
	padding:10px 0;
}


/*********** 〜ご利用方法〜 ***********/
/*********** howto設定 ***********/
#howto{
	background:url(/img/howto.jpg) right 0/contain no-repeat;
}


/*********** 〜お問い合わせ〜 ***********/
/*********** form設定 ***********/
.table_form{
	width:100%;
	background:#000;
}

.table_form th{
	display:block;
	border-right:0;
	width:100%;
	box-sizing:border-box;
	text-align:left;	
}

.table_form td{
	display:block;
	border-right:0;
}

.table_form input[type="text"],
.table_form input[type="email"],
.table_form textarea,
.table_form select{
	width:100%;
}


/*********** 〜プロフィール〜 ***********/
/*********** slider設定 ***********/
#prof_img{
	float:none;
	width:100%;
	box-shadow:none;
	margin-bottom:20px;
}

#prof_slider figure{
	width:100%;
	height:0;
	padding-top:133.3333333333333%;
	position:relative;
}

#prof_slider img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#prof_slider_nav figure{
	height:0;
	padding-top:26.6666666666667%;
	position:relative;
}

.prof_thum{
	position:absolute;
	top:0;
	left:0;
}

/*********** prof_info設定 ***********/
#prof_info{
	float:none;
	width:100%;
}

#prof_name{
	padding:10px 0 0 0;
	height:auto;
}

#prof_name span{
	display:block;
	padding:10px 0 10px;
	margin-left:0;
}

.prof_newface{
	top:10px;
	right:0;
}

#prof_catch{
	padding:0 10px;
}

#prof_icon {
	padding:0 0 20px 0;
	text-align:center;
}

#prof_icon li{
	margin-bottom:8px;
	display:inline-block;
	float:none;
	margin:0 4px 5px;
}

#prof_text{
	padding:0;
	height:auto;
}

/*********** アンケート設定 ***********/
.table_quest {	
	display:block;
	border-collapse:collapse;
	width:100%;
}

.table_quest tr,
.table_quest tbody{
	width:100%;
	display:block;
}

.table_quest th{
	display:block;
	padding:3px 10px;
	min-width:inherit;
	width:100%;
	box-sizing:border-box;
}

.table_quest td{
	display:block;
	width:100%;
	padding:5px 10px 10px;
	box-sizing:border-box;
}

/*********** 女性詳細スケジュール設定 ***********/
.prof_schedule {	
	width:100%;
	margin-bottom:5px;
	margin-right:0;
}

.prof_schedule dt{	
	display:inline-block;
	width:50%;
	border:1px solid #d1bc91;
}

.prof_schedule dd{	
	display:inline-block;
	width:50%;
}

/*********** レビュー設定 ***********/
#ul_review li{
	background:url(/img/man.png) 0 0/50px no-repeat;
	min-height:50px;	
	padding-left:56px;
}

#ul_review li>div{
	padding:10px 15px;
}

#ul_review li>div:after{
	top:15px;
	left:-8px;
	width:8px;
	height:9px;
	background:url(/img/review1.png) 0 0/8px no-repeat;
}

.review_title{
	font-size:9pt;
}

.review_text{
	font-size:9pt;
}

.review_star{
	padding:5px 0;
	font-size:14pt;
}


/*********** 〜求人情報〜 ***********/
/*********** recruit1設定 ***********/
#recruit1{
	background:url(/img/recruit1.png) 100% 100%/ contain no-repeat;
	padding-bottom:20px;
	position:relative;
}

#recruit1 *{
	position:relative;
	z-index:9
}

#recruit1:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/filter.png) 0 0 repeat;
	z-index:8;
}


/*********** 〜料金システム〜 ***********/
/*********** system1設定 ***********/
#system1{
	text-align:center;
	border:5px solid #d1bc91;
	padding:20px 0;
	background:url(/img/bg.png) 0 0/76px repeat #000;
}


/*********** footer設定 ***********/
footer{
	height:240px;
	width:100%;
	min-width:100%;
}

#footer_logo{
	width:100%;
	padding:0;
}

#footer_logo p{
	line-height:1.2;
}

#footer_logo p span{
	margin:0 0 0 5px;
}

#copy{
	min-width:100%;
}

#page_top{
	bottom:30px;
}

#page_top a{
	line-height:1.2;
	width:48px;
	height:auto;
	padding:10px 0;
	background:rgba(209,188,145,0.4);
	text-align:center;
}

#page_top a:hover{
	background:rgba(159,144,113,1);
}

/*電話*/
#btn_tel{
	position:fixed;
	right:0;
	bottom:79px;
	z-index:9999;
}

#btn_tel a{
	display:block;
	height:48px;
	width:48px;
	padding:5px;
	box-sizing:border-box;
	background:rgba(209,188,145)
}

/*SMS*/
#btn_sms{
	position:fixed;
	right:0;
	bottom:128px;
	z-index:9999;
}

#btn_sms a{
	display:block;
	height:48px;
	width:48px;
	padding:5px;
	box-sizing:border-box;
	background:rgba(209,188,145)
}


/*footer_logo設定*/
#footer_logo_sp{
	color:#e0d8a0;
	width:180px;
	margin:40px auto 0;
	background:url(/img/logo_symbol.png) 12px 18px/39px no-repeat;
}

.logo_text1{
	font-size:10pt;
	margin-bottom:8px;
	text-align:center;
}

.logo_text2{
	font-size:13pt;
	padding-left:56px;
}

.logo_text3{
	font-size:9pt;
	margin-bottom:8px;
	padding-left:56px;
}

.logo_text4{
	font-size:9pt;
	text-align:center;
}



}