/* pc */
@media screen and (min-width: 641px) {

	#headlinenews{
		height:40px;
		padding:5px 0 5px 0;
	}
	#headlinenews #top{
		width:100px;
		font-size:16px;
		height:40px;
		float:left;
	}
	#marq{
		background:url(/img/telop.gif) no-repeat;
		background-size:760px 40px;
		padding:0 0 0 150px!important;
		padding:0 30px 0 150px;
		width:630px;
		float:left;
	}
	#marqtext{
		overflow:hidden;
		width:600px;
		/*direction: forwards;*/
		line-height:40px;
		height:40px;

	    display:inline-block;
	    white-space:nowrap;
	}
	#kensaku{
		/*vertical-align:bottom; 
		text-align:right;*/
		width:198px;
		float:left;
		padding:0 0 0 2px;
		margin:10px auto 0;
	}
	#kensaku form{
		width:198px;
		margin:0 auto;
	}

	#kensaku #kensaku_input{
		width:150px;
	}

	#kensaku #kensaku_buttom_input{
		width:40px;
	}

	.newgirls{
		width: 200px;
		float:left;
		margin:10px 0 10px 10px ;
		background: url(img/newgirls_back.gif);
	}

	.newgirls .uptext{
		color:#ffffff;
		font-size:12px;
		background-color:#000000;
		text-align:center;
		margin:0 0 5px;
	}

	.newgirls .newgirls_warp{
		width:200px;
	}

	.newgirls .newgirls_warp .img{
		width:100px;
		float:left;
		margin:0 3px 0 0;
	}

	.newgirls .newgirls_warp .text{
		float:left;
		display:block;
		width:90px;
		word-break: break-all;
		color: black;
	}


	.newgirls .newgirls_warp .text .name{
		color:#000000;
		font-size:15px;
		font-weight:bold;
		color: aqua;
	}

	.newgirls .newgirls_warp .text span{
		color:#000000;
	}

	.newgirls .downtext{
		clear:both;
		color:#000000;
		width:185px;
		padding:5px 0;
	}
	#newgirlpic{
		font-size:5px;
		vertical-align: top;
	}
	#pickup {
		height:440px;
		width:480px;
		margin:0 auto;
		background:url(img/index_new_bg.gif);
	}
	#pickup .txt{
		text-align:left;
		height:100px;
		width:215px;
		padding:5px;
	}
	.system{
		margin-top:0px;
		list-style:none;
		}
		
	.system li{
		float:left;
		display:inline;
		width:172px;
		height:45px;
		text-align:center;
	}
	.system li a{
		width:166px;
		height:45px;
		display:block;
		text-indent:-9999px;
	}

	.system li.system1 a{
		background-image: url(/img/system2h.jpg);
		background-repeat: no-repeat;
	}
	.system li.system2 a{
		background-image: url(/img/system1h.jpg);
		background-repeat: no-repeat;
	}

	.system li.system3 a{
		background-image: url(/img/system3h.jpg);
		background-repeat: no-repeat;
	}

	#system1 .system li.system1 a , .system li.system1 a:hover{
		background:url(/img/system2.jpg) no-repeat;
	}

	#system2 .system li.system2 a , .system li.system2 a:hover{
		background:url(/img/system1.jpg) no-repeat;
	}

	#system3 .system li.system3 a , .system li.system3 a:hover{
		background:url(/img/system3.jpg) no-repeat;
	}


	.ranking {
		width: 158px;
		float: left;
		margin:10px 0 0 8px;
		padding:0 2px 0 0;
	}
	.ranking_box{
		width:158px;
		padding:0 2px 0 0;
	}
	.ranking_box .ranking_img{
		margin:60px 0 0 0;
		padding:0 4px;
	}

	.ranking_box .sName{
		padding:0 4px;
	}

	.ranking_box .sSize{
		padding:0 4px;
	}

	.ranking_box .sToku{
		padding:0 4px;
	}

	.appealPic {
		text-align:center;
		height:15px;
		overflow:hidden;
	}
	.appealPic img {
		padding: 0 2px;
	}

	#ranking1 {
		background-image: url(/img/160_385_rank1.gif);
		background-repeat: no-repeat;
	}
	#ranking2 {
		background-image: url(/img/160_385_rank2.gif);
		background-repeat: no-repeat;
	}
	#ranking3 {
		background-image: url(/img/160_385_rank3.gif);
		background-repeat: no-repeat;
	}
	#ranking4 {
		background-image: url(/img/160_385_rank4.gif);
		background-repeat: no-repeat;
	}
	#ranking5 {
		background-image: url(/img/160_385_rank5.gif);
		background-repeat: no-repeat;
	}
	#ranking6 {
		background-image: url(/img/160_385_rank6.gif);
		background-repeat: no-repeat;
	}
	#ranking7 {
		background-image: url(/img/160_385_rank7.gif);
		background-repeat: no-repeat;
	}
	#ranking8 {
		background-image: url(/img/160_385_rank8.gif);
		background-repeat: no-repeat;
	}
	#ranking9 {
		background-image: url(/img/160_385_rank9.gif);
		background-repeat: no-repeat;
	}
	#ranking10 {
		background-image: url(/img/160_385_rank10.gif);
		background-repeat: no-repeat;
	}


	#down_bannar{
		padding:5px 0 5px 0;
		width:950px;
		float:left;
	}
	#index_down{
		padding:5px 0 5px 0;
		width:950px;
		float:left;
		margin-left: 30px;
	}
	#index_box{
		width:460px;
		float:left;
	}

	#quest_top .form{
		border:#F3C solid 1px;
		padding:5px 3px;
		margin:10px 0 0;
		width:503px;
	}

	#quest_top .form p{
		margin:8px 0 0;
	}

	#quest_top .form p span{
		color:#F39;
	}

	#quest_top input{
		margin:0 3px 0 0;
	}

	.quest_box div.form{
		padding:15px 20px 0;
	}
}









/* smartPhone */
@media screen and (max-width: 640px) {

	#headlinenews{
		height:40px;
		padding:5px 0 5px 0;
	}
	#headlinenews #top{
		width:100px;
		font-size:16px;
		height:40px;
		float:left;
	}
	#marq{
		/*background:url(/img/telop.gif) no-repeat;
		background-size:760px 40px;*/
		/*padding:0 0 0 150px!important;
		padding:0 30px 0 150px;*/
		/*width:630px;
		float:left;*/
		background-color: #fdd;
		width: 100%;
	}
	#marqtext{
		overflow:hidden;
		/*width:600px;*/
		/*direction: forwards;*/
		width: 90%;
		line-height:40px;
		height:40px;

	    display:inline-block;
	    white-space:nowrap;
	}
	#kensaku{
		/*vertical-align:bottom; 
		text-align:right;*/
		width:198px;
		float:left;
		padding:0 0 0 2px;
		margin:10px auto 0;
	}
	#kensaku form{
		width:198px;
		margin:0 auto;
	}

	#kensaku #kensaku_input{
		width:150px;
	}

	#kensaku #kensaku_buttom_input{
		width:40px;
	}

	.newgirls{
		/*width: 200px;*/
		width: 45%;
		float:left;
		margin:10px 0 10px 10px ;
		background: url(img/newgirls_back.gif);
	}

	.newgirls .uptext{
		color:#ffffff;
		font-size:12px;
		background-color:#000000;
		text-align:center;
		margin:0 0 5px;
	}

	.newgirls .newgirls_warp{
		/*width:200px;*/
		width:100%;
	}

	.newgirls .newgirls_warp .img{
		/*width:100px;*/
		width:100%
		float:left;
		margin:0 3px 0 0;
	}

	.newgirls .newgirls_warp .text{
		float:left;
		display:block;
		/*width:90px;*/
		width:100%
		word-break: break-all;
		color: black;
	}


	.newgirls .newgirls_warp .text .name{
		color:#000000;
		font-size:15px;
		font-weight:bold;
		color: aqua;
	}
	.newgirls .newgirls_warp .text .name a,
	.sName a{
		color: #000;
	}

	.newgirls .newgirls_warp .text span{
		color:#000000;
	}

	.newgirls .downtext{
		clear:both;
		color:#000000;
		/*width:185px;*/
		width:100%;
		padding:5px 0;
	}
	#newgirlpic{
		font-size:5px;
		vertical-align: top;
	}
	#pickup {
		/*height:440px;
		width:480px;*/
		width:100%;
		margin:0 auto;
		/*background:url(/img/index_cover_bg.gif);*/
	}
	#pickup .txt{
		text-align:left;
		height:100px;
		/*width:215px;*/
		width:50%;
		padding:5px;
	}
	.system{
		margin-top:0px;
		list-style:none;
		}
		
	.system li{
		float:left;
		display:inline;
		width:172px;
		height:45px;
		text-align:center;
	}
	.system li a{
		width:166px;
		height:45px;
		display:block;
		text-indent:-9999px;
	}

	.system li.system1 a{
		background-image: url(/img/system2h.jpg);
		background-repeat: no-repeat;
	}
	.system li.system2 a{
		background-image: url(/img/system1h.jpg);
		background-repeat: no-repeat;
	}

	.system li.system3 a{
		background-image: url(/img/system3h.jpg);
		background-repeat: no-repeat;
	}

	#system1 .system li.system1 a , .system li.system1 a:hover{
		background:url(/img/system2.jpg) no-repeat;
	}

	#system2 .system li.system2 a , .system li.system2 a:hover{
		background:url(/img/system1.jpg) no-repeat;
	}

	#system3 .system li.system3 a , .system li.system3 a:hover{
		background:url(/img/system3.jpg) no-repeat;
	}


	.system_menu {
		text-align: center;
		margin: 0 0 -4px 0;
		padding: 0;
	}

	.ranking {
		width: 158px;
		float: left;
		margin:10px 0 0 8px;
		padding:0 2px 0 0;
	}
	.ranking_box{
		width:158px;
		padding:0 2px 0 0;
	}
	.ranking_box .ranking_img{
		margin:60px 0 0 0;
		padding:0 4px;
	}

	.ranking_box .sName{
		padding:0 4px;
	}

	.ranking_box .sSize{
		padding:0 4px;
	}

	.ranking_box .sToku{
		padding:0 4px;
	}

	.appealPic {
		text-align:center;
		height:15px;
		overflow:hidden;
	}
	.appealPic img {
		padding: 0 2px;
	}

	#ranking1 {
		background-image: url(/img/160_385_rank1.gif);
		background-repeat: no-repeat;
	}
	#ranking2 {
		background-image: url(/img/160_385_rank2.gif);
		background-repeat: no-repeat;
	}
	#ranking3 {
		background-image: url(/img/160_385_rank3.gif);
		background-repeat: no-repeat;
	}
	#ranking4 {
		background-image: url(/img/160_385_rank4.gif);
		background-repeat: no-repeat;
	}
	#ranking5 {
		background-image: url(/img/160_385_rank5.gif);
		background-repeat: no-repeat;
	}
	#ranking6 {
		background-image: url(/img/160_385_rank6.gif);
		background-repeat: no-repeat;
	}
	#ranking7 {
		background-image: url(/img/160_385_rank7.gif);
		background-repeat: no-repeat;
	}
	#ranking8 {
		background-image: url(/img/160_385_rank8.gif);
		background-repeat: no-repeat;
	}
	#ranking9 {
		background-image: url(/img/160_385_rank9.gif);
		background-repeat: no-repeat;
	}
	#ranking10 {
		background-image: url(/img/160_385_rank10.gif);
		background-repeat: no-repeat;
	}


	#down_bannar{
		padding:5px 0 5px 0;
		width:950px;
		float:left;
	}
	#index_down{
		padding:5px 0 5px 0;
		width:950px;
		float:left;
		margin-left: 30px;
	}
	#index_box{
		width:460px;
		float:left;
	}

	#quest_top .form{
		border:#F3C solid 1px;
		padding:5px 3px;
		margin:10px 0 0;
		/*width:503px;*/
		width: 95%;
	}

	#quest_top .form p{
		margin:8px 0 0;
	}

	#quest_top .form p span{
		color:#F39;
	}

	#quest_top input{
		margin:0 3px 0 0;
	}

	.quest_box div.form{
		padding:15px 20px 0;
	}




	#enq_form div.btn_area {
		margin-top: 10px;
	}
	#enq_form input[type='text'] {
		width: 95%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}
	#enq_form select {
		width: 95%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}
	#enq_form textarea {
		width: 95%;
		height: 100px;
		border-radius: 8px;
		font-size: 20px;
	}


	table.bbs_sp {
		width: 90%;
		border-collapse:collapse;
	}
	table.bbs_sp tr {
		border-collapse:collapse;
	}
	table.bbs_sp td {
		border-collapse:collapse;
	}

	#bbs_form input[type='text'] {
		width: 98%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}
	#bbs_form textarea {
		width: 98%;
		height: 100px;
		border-radius: 8px;
		font-size: 20px;
	}


	#rsv_form input[type='text'] {
		width: 98%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}
	#rsv_form textarea {
		width: 98%;
		height: 100px;
		border-radius: 8px;
		font-size: 20px;
	}
	#rsv_form select {
		width: 95%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}
	#rsv_form select.small {
		width: 15%;
		height: 30px;
		border-radius: 8px;
		font-size: 20px;
	}

}