/* CSS Document */


/*--------------------Header--------------------*/


#header{
	width:100%;
	height:60px;
}

h1{
	float:right;
	width:800px;
	text-align:right;
	padding-right:10px;
	font-size: 1rem;
	color:#666;
	font-weight: normal;
}

#logo{
	padding-left:20px;
}


/*--------------------Menu--------------------*/


#menu{
	width:100%;
	height:40px;
	background-color:#CCC;
	border-bottom:solid 1px #BBB;
	margin-bottom:1px;

}

#menuin{
	padding:0 20px;	
}

#menuin li{
	float:left;
	margin:10px 0;
	padding:0 20px;
	height:20px;
	border-left:solid 1px #AAA;
	font-weight:bold;
	list-style: none;
}

#menuin a{
	color:#444;
	text-decoration:none;
}

#menuin a:hover,#menuin a.on{
	color:#FFF;
	text-decoration:none;
}

.mobilemenu{
	display: none;
}


/*--------------------Footer--------------------*/


#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #666;
  opacity: 0.6;
  border:solid 1px #666;
}

#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top a:hover{
  background: #333;
}


#footer{
	clear:both;
	width:100%;
	color:#FFF;
}

#footer a{
	color:#FFF;
}

#footermenu{
	background-color:#333;
	padding:30px 0 0;
}

#footermenu div{
	margin:0 20px;
	text-align:left;
}

.footermenuin{
	float:left;
	margin-right:50px;
	margin-bottom:20px;
	list-style:none;
}

.footermenuin li{
	color:#FFF;
	padding:5px 0;
}

.footermenuin ul{
	margin-top:-5px;
}

.footermenuin ul li{
	list-style:none;
	padding:1px 0;
}

#footergirls{
	clear:both;
	color:#666;
	border-top: dotted 1px #666;
	padding:10px 0 20px;
}

#footerrule{
	background-color:#000;
	padding:10px 20px;
}

#footerrule div{
	padding:0 0 3px;
	color:#888;
	font-size:1.2rem;
}


/*--------------------TOP PAGE--------------------*/

#ad {
	float:right;
	width:100%;
	padding:8px 0 0;
	background-color:#000;
}

#adlist{
	margin-left:460px;
	height:335px;
	overflow-y:hidden;
	padding:0 5px;
}

#adlist a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#samplemovie{
	float:left;
	width:460px;
	margin-right: -460px;
}

#main{
	float:right;
	width:100%;
	margin-bottom:20px;
}

#maincontent{
	margin-left: 210px;
}


#sidemenu{
	float:left;
	width:200px;
	padding-left:10px;
	margin-right: -210px;
	margin-bottom:20px;
}



/*--------------------Left Contents--------------------*/




#login{
	margin:10px 0;
}

#login img{
	padding-bottom:5px;
}

#topsearch{
	width:168px;
	padding:5px 10px;
	background-color:#ddd;
	border:solid 1px #aaa;
}

#topsearch td{
	padding:5px 0;
}

#topbanner{
	list-style-type: none;
	padding:5px 0;
}

#topbanner li{
	height:50px;
	margin:0;
	padding:0;
}


#toppoint{
	padding:10px 0 ;
}

#best{
	
}

#side_mini_ranking{
	width:179px;
	margin-left:0;
	padding:10px 0;
	border-left:solid 1px #aaa;
	border-right:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
}


#mglog{
}

#mglog div{
	width:178px;
	border-left:solid 1px #aaa;
	border-right:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	line-height: 12px;
	padding:5px;
	margin-bottom:10px;
}


#mglog p{
	padding:2px 0 5px;
	color:#3399CC;
	font-size: 1rem;

}

#mglog a:link{
	color:#3399CC;
	text-decoration:underline;
}

#mglog a:visited{
	color:#3399CC;
	text-decoration:underline;
}

#mglog a:hover{
	color:#3399CC;
	text-decoration:none;
}

#mgloginput{
	width:100px;
	height:20px;}

#link ul{
	padding:0;
	list-style-type: none;
	font-size:1rem;
	line-height:11px;
}



/*--------------------Right Contents--------------------*/


#pccheck{
	width:100%;
	background-color:#CCC;
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	font-size:1.2rem;
}

#category{
	width:100%;
	height:42px;
	padding:5px 0;
	background-color: #000;
	color:#FFF;
}

#categoryin{
	padding:0 10px;
}

#category div{
	float:left;
	padding:0 2px;
	/* MacIE \*//*/
	font-size:10px;
	/**/
}

.sort a{
	display:block;
	width:100px;
	height:42px;
	text-indent:-9999px;
}

#sortonline{
	background:url(../img/top/online.gif) no-repeat;
}

#sortstand{
	background:url(../img/top/stand.gif) no-repeat;
}

#sortshow{
	background:url(../img/top/show.gif) no-repeat;
}

#sortallgirl{
	background:url(../img/top/allgirl.gif) no-repeat;
}

#sortonline:hover,#sortstand:hover,#sortshow:hover,#sortallgirl:hover{
	background-position:0 -44px;
}

html[xmlns*=""] body:last-child #category div { 
	padding:0 2px 0 0;
}


#sortoptionbtn{
	cursor:pointer;
	outline:none;
	width:90px;
	margin:7px 10px;
	padding:5px 10px;
	background-color:#444;
	border:solid 1px #666;
	color:#FFF;
	font-size:1.2rem;
	text-align:center;
}

#sortoptionlist{
	display:none;
	position:absolute;
	top:520px;
	left:40%;
	z-index:100;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
	background-color:#000;
}

#sortoptionlist div{
	display:inline;
	padding:10px;
}

#sortoptionlist h3{
	color:#FFF;
	border-bottom:solid 1px #666;
	padding-bottom:5px;
	margin-bottom:5px;
}

.sortlistblock li{
	list-style:none;
}

.sortlistblock a{
	color:#FFF;
}

.closebtn{
	cursor:pointer;
	position:absolute;
	bottom:2px;
	left:2px;
	width:17px;
	height:17px;
	border:solid 1px #CCC;
	color:#CCC;
	text-align:center;
	font-size:1.2rem;
	margin-top:-2px;
}

#onlinenumber{
	margin-top:7px;
	color:#EEE;
}

#onlinereload{
	position:absolute;
	right:0;
}

#onlinereload a:hover img{
	position:relative;
	top:1px;
	left:1px;
}

#online{
	float:left;
	width:100%;
}


#girlslist{
	background-color: #FFFFFF;
}

#newsgroup{
	clear:both;
	width:100%;
}

#news{
	clear:both;
	float:left;
	width:50%;
	
}

#news h3{
	background-color:#333;
	color:#fff;	
	padding:3px 5px 3px 10px;

}

#newsin{
	height:110px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	padding:10px;
	background-color:#FFF;
	font-size: 1.2rem;
}

#newsin span{
    color:#D2028F;
    font-weight: bold;
}

#newsin hr{
	border:none;
	border-bottom:1px dotted #AAA;
}

#site_notice{
	float:right;
	width:50%;
	margin:0;
}

#site_notice h3{
	background-color:#333;
	color:#fff;	
	padding:3px 5px;
}

#sn_box {
	background-color:#FFF;
	height:132px;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}

#sn_box_inner { 
	padding:8px;
}

.sn_title, .sn_note{
	font-size:1.2rem;
}


/*--------------------会員ページ--------------------*/


#user{
	margin-right:10px;
}

#userid{
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

#usermode{
	border-top:solid 1px #AAA;
	padding-top:5px;
}

#usermode form{
	margin-top:-5px;
}

#usermode input{
    vertical-align:middle;
}

#usermode #btn{
	cursor:pointer;
	background-color:#000;
	border:solid 1px #666;
	border-radius:3px;
	padding:2px 4px;
	margin:8px 0 10px 5px;
	color:#FFF;
	font-size:1rem;
	font-weight:bold;
}

#userinfo dt{
	border-top:solid 1px #AAA;
	padding-top:3px;
}

#userinfo dd{
	text-align:right;
}

#userinfo a{
	font-size:1.6rem;
	font-weight:bold;
}

#memberbtn{
	margin-top:5px;
	list-style:none;
}

#logout{
	padding:5px 0 10px;
	text-align:center;	
}


/*--------------------各ページ--------------------*/

.secmain{
	float:right;
	width:100%;
	margin-bottom:100px;
}

.secmaincontent{
	margin-left: 230px;
	margin-right: 30px;
}

.submenu{
	margin:0 0 20px;
	padding:20px 0 15px;
	border-bottom: solid 1px #AAA;
	font-weight:bold;
}

.submenu li{
	display:inline;
	list-style:none;
	border-right: solid 1px #AAA;
	padding-right:10px;
	padding-left:17px;
	margin-right:7px;
}

.subon{
	background:url(../img/common/arrow_dp.png) left 2px no-repeat;
	color:#d2028f;
}

.suboff{
	background:url(../img/common/arrow_rgr.png) left 2px no-repeat;
}

.suboff a{
	color: #444;
}

.suboff a:hover{
	color:#d2028f;
	text-decoration:none;
}

.secmain h2{
	clear:both;
	font-size:1.6rem;
	margin:50px 0 20px;
	border-left:solid 15px #d2028f;
	padding-left:7px;
	
}

.secmain h3{
	clear:both;
	font-size:1.4rem;
	margin:30px 0 20px;
	border-left:solid 10px #666;
	padding-left:7px;
}

.secmain h4{
	color:#d2028f;
}

.secmain p{
	line-height:22px;
	letter-spacing:1px;
	padding-bottom:20px;
	
}

.freetrial_btn a{
	width:450px;
	display:block;
	margin:30px auto;
	padding:7px 0;
	text-align:center;
	font-size:2.4rem;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:solid 1px #CCC;
    background-color: #d51283;
    border-radius:50px;
}

.freetrial_btn a:hover{
    background-color: #d16ea7;
}

.freetrial_btn span{
	font-size:1.2rem;
	padding:0;
}

.safety{
	width:100%;
}

.safety li{
	padding:3px 0;
	list-style:disc;
	margin-left: 20px;
}

.step{
	list-style-position:inside;
}

.step li{
	padding:5px 0;
}

.simpletbl{
	border-collapse:collapse;
}

.simpletbl td{
	border:solid 1px #AAA;
	padding:5px;
}



/*--------------------初めての方へ--------------------*/


#first_title{
	height:140px;
	background-image: url(../howto/img/first_title.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border:none;
	font-weight:normal;
	font-size:2.4rem;
	letter-spacing:2px;
	margin-top: 10px;
	padding-top:110px;
}


#begin{
	text-align:center;
}

#begin h2{
	padding:30px 50px;	
	text-align:left;
	font-size:1.2rem;
	font-weight:normal;
}



/*--------------------料金--------------------*/

#trial{
	border-top: solid 10px #333;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding:0 20px 20px;
}

#trial h2{
	text-align:center;
	border:none;
	margin-top:5px;
}

#trial dt{
	float:left;
	width:170px;
	margin-left:10px;
	padding:3px 0;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
	background-color:#CCC;
	border:solid 2px #FFF;
	border-radius:5px;
}

#trial dt.step4{
	background-color:#d2028e;
	color:#FFF;
}

#trial dd{
	margin-left:200px;
	vertical-align: middle;
}

#trial .arrow{
	clear:both;
	background:url(../img/common/arrow_dpb.png) 80px center no-repeat;
	height:35px;
}

#pointpack{
	text-align: center;
}

#pointpack img{
	padding: 0 10px;
}

.pointtable{
	border-collapse:collapse;
}

.pointtable td, .pointtable th{
	border: solid 1px #999999;
	text-align:center;
}

.pointtable th{
	background-color:#CCC;
	padding:7px;
}

.pointtable td{
	padding:10px;
}

.pointbuy_card a{
	width:80px;
	display:block;
	margin:5px auto;
	padding:5px 0;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:solid 1px #CCC;
    background-color: #d51283;
    border-radius:25px;
}

.pointbuy_card a:hover{
    background-color: #d16ea7;
}

.pointbuy_bank a{
	width:300px;
	display:block;
	margin:20px auto;
	padding:20px 10px;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:solid 1px #CCC;
    background-color: #d51283;
    border-radius:50px;
}

.pointbuy_bank a:hover{
    background-color: #d16ea7;
}

.pointbuy_bank{
	margin:30px 0;
}

.point_table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.point_table td, .point_table th{
	border: solid 1px #AAA;
}

.point_table th{
	font-size:1.6rem;
	font-weight:normal;
	text-align:left;
	background-color:#D2028F;
	color:#FFF;
	padding:5px;
}

.point_table .point_table_head th{
	text-align:center;
	background-color:#EEE;
	padding:3px;
	color:#444;
}

.point_table td{
	padding:15px 10px;
}

/*---------ジョインページ---------*/


#basejoin{
	width:100%;
	margin:0 auto;
	background-color: #FFFFFF;
	text-align:left;
}
#basejoinin{
	padding:20px;
}

#basejoin #logo{
	padding-bottom:20px;
}
#basejoinin h2{
	clear:both;
	font-size:1.6rem;
	margin:50px 0 20px;
	border-left:solid 15px #d2028f;
	padding-left:7px;
	
}
#basejoinin #trial{
	margin-top:20px;
}


/*------------------------------*/

#trial h2{
	text-align:center;
	border:none;
	margin-top:5px;
}


/*--------------------遊び方--------------------*/


.demoinfo{
	margin:20px 10px 0;
	padding-bottom:10px;
	border-bottom:solid 1px #AAA;
}

.demono{
	padding-top:10px;
	margin-bottom:10px;
	border-top:solid 1px #AAA;

}

.demoinfo p{
	margin:10px 0 0;
	font-size:1.2rem;
	letter-spacing:normal;
}

.demoinfo dl{
	float:left;
	width: 152px;
	margin-right:20px;
}

.demoinfo dd{
	margin-top:5px;
}

.demoinfo ul{
	margin:10px 0 0;
	padding-top:10px;
	border-top:dotted 1px #AAA;
}

.demoinfo li{
	display:inline-block;
	list-style:none;
	padding-bottom:5px;
	margin-right:10px;
}

.demoinfo img{
	vertical-align:middle;
	padding-right:3px;
}

.tipmenu{
	display:inline-block;
	list-style:none;
	border:solid 1px #AAA;
	padding:10px 20px;
}

.tipmenu li{
	padding:5px 0;
}

#howtoterm .index{
	border-bottom:solid 1px #AAA;
	padding-bottom:5px;
	margin:10px 0;	
}

#howtoterm dl{
	margin:0 7px;
}

#howtoterm dt{
	padding:10px 0 5px;
	font-weight:bold;
}

#howtoterm dd{
	padding:0 0 10px;
}


/*--------------------女の子紹介--------------------*/



/*---------ランキング---------*/

/*---------厳選女の子---------*/

#pickupgirlsmenu{
	width:100%;
}

.promo-thumbsHolder {
	/*min-height: 1200px;*/
	margin: 30px 0;
	position: relative;
	width: 100%;
	overflow: visible;
	padding-left: 4px;
}

.promo-thumb {
	/*position: absolute;

	z-index: 1;*/
	float: left;
    width: 197px;
    height: 195px;
    margin-right: 10px;
    margin-bottom: 10px;
	text-align:center;
	border:solid 1px #AAA;
    /*-webkit-transform: translateZ(0);
    -moz-transition: top 1s linear, left 1s linear;
    -o-transition: top 1s linear, left 0.5s linear;
    -webkit-transition: top 1s linear, left 1s linear;
    transition: top 1s linear, left 1s linear;*/
}
.promo-thumb-inner {
	position: relative;
}

.promo-thumb-link h4 {
    width: 187px;
	height: 20px;
	line-height: 20px;
	font-size: 1.2rem;
	text-align:left;
	color: #fff;
	border:none;
	padding:0 5px;
}

.promo-thumb-link h4.offline {
	background-color:#000;
	background-image:none;

	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=0.8);
    opacity: 0.8;*/
}


.promo-thumb-link h4.online {
	background-color:#ff0099;
	-webkit-animation-name: onlineBlink;
	        animation-name: onlineBlink;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes onlineBlink {
    0%   {background-color: #ff6699;}
    50%  {background-color: #c223df;}
    100% {background-color: #ff6699;}
}

@keyframes onlineBlink {
    0%   {background-color: #ff6699;}
    50%  {background-color: #c223df;}
    100% {background-color: #ff6699;}
}



.promo-thumb-pfname{
	line-height: 160%;
	margin-top:7px;
	font-size:1.2rem;
	letter-spacing:normal;
}
.promo-thumb-link {
	/*-webkit-transform: translateZ(0);*/

    /*-moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear*/
}
.promo-thumb-link:hover {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
    filter: alpha(opacity=75);
    opacity: 0.75;
	text-decoration:none;
	color:#D2028F;
}

.promo-balloon {
	-webkit-transform: translateZ(0);
	-moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;

	position: absolute;
	bottom: 164px;
	left:50%;
	margin-left: -100px;


	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    display: none;

    z-index: 999;

}
.promo-balloon-inner {
	
	position: relative;

	display: inline-block;

	background-color: #fcffe2;

	min-width: 150px;
	max-width: 190px;

	padding: 10px;
	text-align: left;
	line-height: 130%;
	font-size: 1.2rem;

	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.5);
}

.promo-balloon-tail {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 8px 0 8px;
	border-color: #fcffe2 transparent transparent transparent;
	position: absolute;
	bottom:-8px;
	left: 80%;

}



/*---------AV女優---------*/

#avmovie{
	width:100%;
	background-color:#000;
	text-align:center;
}

#avmoviebuy{
	text-align:right;
	padding-right:10px;
	padding-bottom:10px;
}

.sa-thumbsHolder {
	text-align: center;
	width:100%;
	margin: 20px auto;
}

a.sa-thumbBox,
span.sa-thumbBox {
	text-align: center;
	display: inline-block;
	width: 188px;
	margin: 0 20px 36px;
	-webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    vertical-align: top;
}
a.sa-thumbBox:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	text-decoration:none;
}

.sa-thumbnail {
	width: 188px;
	height: 188px;
	border-radius:94px;
	box-shadow: 0 0 8px rgba(0,0,0,.25);
	margin-bottom: 10px;
}

.sa-jpName {
	font-size: 1.8rem;
	min-height: 18px;
	color:#373737;
	font-weight: bold;
	margin-bottom: 10px;
}

.sa-pfName {
	color: #999999;
	margin-bottom: 10px;
}

.sa-pfNameSecret {
	color: #999999;
	margin-bottom: 10px;
	visibility: hidden;
}

.sa-thumbBox p.sa-date {
	color:#373737;
	font-weight: bold;
	text-align: center;
	width: 188px;
}
.sa-thumbBox p.sa-dateOld {
	color:#373737;
	font-weight: bold;
	text-align: center;
	width: 188px;
	visibility: hidden;
}




/*---------検索---------*/

#searchForm{width: 100%; border: solid 1px #cdcccc; background-color:#e3e1e1;line-height:160%; }
#searchForm .box1 {padding: 0 30px 10px; }
#searchForm .box2 {padding: 20px 30px; }
#searchForm .list {margin-top:15px; padding:0 0 0 0; }
#searchForm .menu {font-weight:bold; padding-right:20px; padding-bottom:30px;}
#blood_type input,#group input,#hobbies input{margin:10px 5px 0 10px;}


/*--------------------ヘルプ--------------------*/


.faqlist{
	list-style:none;
	margin:0 5px 0;
}

.faqlist li{
	padding:3px 0;
}

#faq{
	clear:both;
	padding:15px 0;	
}

#faq dt{
	font-weight:bold;
	padding:10px 0 5px;
	margin-bottom:10px;
	border-bottom:dotted 1px #AAA;
}

#faq dd{
	padding:0 0 10px;
	margin-bottom:20px;
}


.faq ul{
	padding:10px 0 0px 15px;	
	list-style-type: none;
}

.faq li{
	padding:1px 0 ;	
}

.faq h3{
	padding:22px 0 10px 40px;	
	background-image: url(../howto/img/howto_q.gif);
	background-repeat: no-repeat;
	background-position: left 17px;
}


/*--------------------お問い合せ--------------------*/


#dtisupport{
	min-height:172px;
	margin-bottom:50px;
	border-top:solid 1px #AAA;
	border-bottom:solid 1px #AAA;
	padding:20px 0;
}


/*--------------------サイトマップ--------------------*/

table#sitemap{
	margin:0 20px 0 ;
	padding-top:10px;
}

table#sitemap .sitemapth{
	width:160px;
}

table#sitemap td{
	border-bottom: dotted 1px #AAA;
	vertical-align:top;
	line-height: 30px;
	padding:10px 0;
}


/*--------------------リンク集--------------------*/

.linktbl{
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
}

.linktbl td{
	border:1px solid #CCCCCC;
	font-size:1.2rem;
	padding:2px;
}

.linktbl .txtw{
	padding:4px;
}


/*--------------------お気に入り女の子リスト--------------------*/



/*--------------------マイレージ--------------------*/

#milage h2{
	background:url(//jp.vctp.com/mileageExchange/title.png) no-repeat top left;
	height:42px;
	text-indent:-9999px;
	border:none;
	margin-top:30px;
}

#milage .m1{
	background:url(//jp.vctp.com/mileageExchange/title_mileagetowa.gif) no-repeat top left;
	height:40px;
	text-indent:-9999px;
	border:none;
}

#milage .m2{
	background:url(//jp.vctp.com/mileageExchange/title_savemile.gif) no-repeat top left;
	height:40px;
	text-indent:-9999px;
	border:none;
}

#miletbl{
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}

#miletbl th,#miletbl td{
	border:solid 1px #AAA;
	padding:5px 10px;
}

#miletbl th{
	background-color:#CCC;
	font-weight:bold;
}

#milagemember{
	width:770px;
	margin-top:20px;
}

#milagemember iframe{
	width:780px;
	height:1240px;
	overflow:hidden;
}




/*--------------------アダルトグッズ通販-------------------*/

#goodstitle{
	height:250px;
	background:url(../img/title/goods.jpg) top center no-repeat;
	margin-top:10px;
	padding-top:20px;
	text-align:center;
	overflow:hidden;
}



/*--------------------メールBOXゲスト-------------------*/

#mailtitle{
	height:140px;
	background:url(../img/title/mail.jpg) top center no-repeat;
	border:none;
	font-weight:normal;
	font-size:2.4rem;
	letter-spacing:2px;
	margin-top: 10px;
	padding-top:110px;
}



/*--------------------メルマガ--------------------*/

#mailmgform{
	width:450px;
	margin:10px auto;
	padding:10px;
	background-color: #E2F2FA;
	border:solid 1px #3E9CEB;
}

#mailmgform td{
	padding:10px;

}

#mailmgcontent{
	padding:0 20px;	
}

#mailmgcontent div{
	padding:10px 0;
	border-bottom:dotted 1px #AAA;
	margin-bottom:10px;
}

#mailmgcontent ul{
	padding:3px 0 0;
	list-style-type:none;
	list-style-position:inside;	
}


#mailmgcontent li{
	padding:2px 0;
}



/*--------------------VIPページ-------------------*/


#viptitle{
	height:250px;
	background:url(../img/title/vip.jpg) top center no-repeat #000;
	margin-top:10px;
}

#vippage h2{
	clear:both;
	font-size:1.6rem;
	margin:30px 0 20px;
	border-left:solid 15px #8c6d00;
	padding-left:7px;
	
}

#vippage table{
	border:solid 1px #666;
	border-collapse: collapse;
	margin:30px auto 50px;
}

#vippage table td{
	border:solid 1px #666;
	border-collapse: collapse;
	padding:5px;
	text-align:center;
}

#vippage table .bg1{
	background-color:#EEE;
}

#vippage table .bg2{
	background-color:#CCC;
}

#vippage table .bg3{
	background-color:#333;
	color:#FFF;
}

#vippage ol{
	margin-top:-8px;
	margin-left:17px;
}

.vipupdate{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}



/*----------------------JS---------------------*/


.num {
	font-size: 1rem;
	font-weight: bold;
	color: #D2028F;
}

.msg {
	font-size: 1rem;
	height:17px;
}

.count {
	font-size: 0.9rem;
}

FONT.profile_bottom { 
	color: #D2028F; 
 	font-size: 1rem; 
	line-height: 12px;
}

FONT.profile_top { 
	color: #F0CEE6; 
 	font-size: 1px; 
	line-height: 1px;
}


/*--------------------利用環境ガイド--------------------*/

#env_wrap{width:100%; margin:0 auto; padding-top:16px; text-align:left; line-height:160%;}
.env_flashend {
	width:90%;
	margin: 30px auto;
    padding: 15px;
    font-size: 1.3rem;
    border: 1px solid #dadada;
    box-sizing: border-box;
    clear: both;
	text-align: center;
}
.env_top {width:90%;margin: 0 auto;}
.env_t_p {
  margin-bottom: 20px;
  padding:0;
  /*text-indent:1em;*/
  line-height:180%;
}
.env_ty_innerBox {background-color: #f9f9f9;background-color:rgba(249, 249, 249, 1) ; padding:12px 16px;margin-bottom:30px; }
span.env_big {font-size: 1.2rem;color: #0033CC;font-weight: bold; line-height:12px;}
span.env_big img { vertical-align:middle;}
.recommendedSystemSec {margin:20px 0;}
.recommendedSystemSec th {
  height: 40px;
  font-size: 1.6rem;
  color:#FFF;
  text-align: center;
  vertical-align: middle;
  background-color: #0033CC;
}
.recommendedSystemSec td{
  width: 50%;
  padding: 20px 0;
}
.recommendedSystemSec td.subTitle{
  height: 20px;
  text-align: center;
  vertical-align: middle;
  background-color: #f7f4f4;
  border:none;
}
.recommendedSystemSec tr.specborder td{
  border-bottom:dotted #999999 1px;
}
.recommendedSystemSec td:nth-child(1) {
  text-align: center;
  font-weight: bold;
}
.recommendedSystemSec td span {
  padding: 10px 0 0;
  color: #FF0000;
}





/*--------------------スマホ対応--------------------*/

@media screen and (max-device-width: 480px) {

#header{
	width:100vw;
	height:auto;
	margin-bottom: 10px;
}
#header h1{
	display:none;
}
#logo{
	padding-left:0px;
	text-align: center;
}

#logo img{
	width:50vw;
}
@media screen and (orientation: landscape) {
#logo img{
	width:30vw;
}
}

#menu{
	width:100vw;
	height:auto;
	background-color:transparent;
	border-bottom:0;
	margin-bottom:0;

}

.menu-btn {
    position:absolute;
    top: 10px;
    left: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #FFF;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #999;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

#menuin {
    width: 50%;
    height: auto;
    position: absolute;
    top: 70px;
    left: -50%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #999;
    transition: all 0.5s;/*アニメーション設定*/
	padding:0;
}

#menuin ul {
    padding: 10px 10px 5px;
}
#menuin ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
	float:none;
	margin:0;
	padding:0;
	height:auto;
	border-left:0;
	font-weight:bold;
}
#menuin ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
#menuin ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.mobilemenu{
	display: block;
}

#menu-btn-check:checked ~ #menuin {
    left: 0;/*メニューを画面内へ*/
}

#main{
	clear:both;
	width:100vw;
	margin-bottom:0px;
}

#maincontent{
	margin-left: 0px;
}

/*--------------------TOP PAGE--------------------*/

#ad {
	width:100vw;
	text-align: center;
	padding:0;
}

#adlist{
	width:100vw;
	margin-left:0px;
	height:300px;
	overflow-y:hidden;
	padding:0;
}
#adlist img{
	max-width: 100%;
	height: auto;
}
#adlist a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

#samplemovie{display:none;}
#pccheck{display: none;}
#category{display: none;}


#online{
text-align: center;
}

.chat_area, div.thumb_whole {
	margin:4px 10px 10px !important;
}

#newsgroup{display: none;}
#page_top{display: none !important;}

.footermenuin li{
}

#footergirls{
}

#footerrule img{
	width:90vw;
}

#sidemenu{display:none;}


/*--------------------各ページ--------------------*/

.secmain{
	clear:both;
	margin-bottom:50px;
}

.secmaincontent{
	margin-left: 10px;
	margin-right: 10px;
}

.secmain h2{
	font-size:1.6rem;
	margin:30px 0 10px;
	padding-left:7px;
}
.secmain h3{
	font-size:1.5rem;
	margin:30px 0 10px;
	padding-left:7px;
}
.secmain h4{
}
.secmain p{
	line-height:normal;
	letter-spacing:normal;
	padding-bottom:0;
	
}
 .freetrial_btn a {
 	width:80vw;
	font-size:1.8rem; 
	margin:30px auto 0;
}

/*--------------------初めての方へ--------------------*/

#first_title{
	height:auto;
	background-image: none;
	font-weight:bold;
	font-size:2rem;
	letter-spacing:normal;
	padding-top:0;
}

/*--------------------料金--------------------*/

#trial{
	margin-top: 10px;
}
#trial h2{
	font-size:1.8rem;
}
#trial dt{
	clear:both;
	width: 100%;
	margin-left:0;
}
#trial dd{
	margin-left:0;
}
#trial .arrow{
	width: 100%;
	text-align: center;
	background:url(../img/common/arrow_dpb.png) top center no-repeat;
}
#pointpack{
	min-width:initial;
	height:auto;
	width: 100%;
	background-image: none;
}
#pointpack img{
	padding:10px;
}
.pointtable{
	margin-top: 10px;
}
.point_table{
	margin-top:10px;
}
.point_table td, .point_table th{
	padding:10px 2%;
	border: 0;
}
.point_table1{
	display: inline-block;
	float: left;
	width: 35%;
	height:10vw;
	border-top: solid 1px #AAA !important;
	border-left: solid 1px #AAA !important;
	border-right: solid 1px #AAA !important;
	border-bottom: solid 1px #AAA !important;
}
.point_table2{
	display: inline-block;
	width: 56.1%;
	height:10vw;
	border-top: solid 1px #AAA !important;
	border-right: solid 1px #AAA !important;
	border-bottom: solid 1px #AAA !important;
}
.point_table3{
	display: block;
	clear:both;
	width: 95.5%;
	border-left: solid 1px #AAA !important;
	border-right: solid 1px #AAA !important;
	border-bottom: solid 1px #AAA !important;
	background-color: #EEE;
	margin-bottom: 10px;
}


/*--------------------遊び方--------------------*/


.demoinfo{
	margin:20px 0 0;
}
.demoinfo p{
	margin:10px 0 10px;
}
.demoinfo dl{
	margin-right:0;
	margin-left:15px;
}
.tipmenu{
	margin-top:10px;
	padding:5px 10px;
}

/*--------------------女の子紹介--------------------*/

/*---------ランキング---------*/

/*---------厳選女の子---------*/

#pickupgirlsmenu{
	text-align: center;
}

#pickupgirlsmenu img{
	width:95vw;
	margin-bottom: 5px;
}
@media screen and (orientation: landscape) {
#pickupgirlsmenu img{
	width:45vw;
}
}

.submenu li.deletemobile{
	display: none !important;
}

.promo-thumb {
    width: 45%;
    height: auto;
    margin-right: 5px;
	margin-left: 5px;
}
.promo-thumb-link h4 {
    width: auto;
}

.promo-thumb-link img {
    width: 100%;
	height: auto;
}

.promo-thumb-pfname{
	margin-top:3px;
}

.promo-balloon{
	display: none !important;
}

/*--------------------サイトマップ--------------------*/

table#sitemap .sitemapth{
	width:30%;
}

/*--------------------メルマガ--------------------*/

#mailmgform{
	width:90%;
}
#mailmgform td{
	display: block;
	text-align: center;
}

/*--------------------マイレージ--------------------*/

#milage h2{
	background-image:none;
	text-indent:0;
	font-size:2rem;
}
#milagemember{
	position:relative;
	width: 100%;
	height:auto;
	padding-top:75%;
	overflow:auto; 
	-webkit-overflow-scrolling:touch;
	border:2px solid #ccc; 
}
#milagemember iframe{
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100%;
    border:none;
    display:block;
	max-width: 100%
}

/*--------------------アダルトグッズ通販-------------------*/

#goodstitle{
	height:200px;
	background:url(../img/title/goods.jpg) top center no-repeat;
	margin-top:-50px;
	font-size:1.2rem;
}
@media screen and (orientation: landscape) {
#goodstitle{
	height:250px;
	margin-top:0px;
}
}

#goodstitle p{
	display: none;
}

/*--------------------VIPページ-------------------*/

#viptitle{
	display: none;
}
#vippage ol{
	margin-top:10px;
	margin-left:23px;
}
.vipupdate img{
	width:95vw;
}
.vipupdatebtn img{
	width:70vw;
}


/*---------ジョインページ---------*/


#pointpackjoin{
	position:inherit;
	width:100%;
	height:auto;
	background-image: none;
}

#basejoinin .supportchat{
	width:100%;
	text-align: center;
}
#basejoinin .supportchat img{
	width:50vw;
}
@media screen and (orientation: landscape) {
#basejoinin .supportchat img{
	width:30vw;
}
}








}