@charset "utf-8";

/*==========================================================================================================
												common
===========================================================================================================*/

body {
	background: repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 2px, #fbfbfb 0, #fbfbfb 8px);
	font-family:  "Rounded Mplus 1c";
}

a {
	transition-property: all;
	transition: 0.3s linear;
}

a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.a_tag {
	color: #ff42a0;
}

.a_tag:hover {
	color: #ff42a0;
}

p {
	font-size: 0.95em;
	line-height: 1.5em;
}

.text_p {
	margin: 2% !important;
	letter-spacing: 0.02rem;
}

.title_h2,.footer_h2 {
	font-family: 'Patrick Hand SC', cursive;
	color: #ff42a0;
}

.footer_h2 {
	font-family: 'Varela Round', sans-serif;
}

.title_h2 {
	margin-top: -0.5rem !important;
	text-align: center;
	border-bottom: 1vh solid #ff42a0;
}

.footer_h2 {
	margin-bottom: 0;
	padding-top: 1vh;
}

.footer_h2>.text-muted {
	font-size: 50% !important;
	padding-left: 1vw;
}

.pankuzu {
	font-size: 75%;
	margin: 2vh 0 1vh;
	padding-left: 0;
}

.pankuzu li{
	display:inline;
	list-style: none;
}

.pankuzu li:after{
	content: '>';
	padding: 0 3px;
}

.pankuzu li:last-child:after{
	content: '';
}

.pankuzu li a {
	color: #bbb !important;
	text-decoration: none;
}

.pankuzu li a:hover {
	color:  #ff42a0 !important;
}

.sp_br {
	display: none;
}

.btn {
white-space: normal;
}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

/*==========================================================================================================
												index
===========================================================================================================*/

.jumbotron {
	background-image: url("../../img/authentication/index.jpg");
	background-size: cover;
	background-position: center top;
	margin: -1rem;
	height: 80%;
}

.jumbotron h1 {
	/* margin-top: 10rem !important; */
	color: #353535 !important;
}

.index_img {
	width: 50%;
	margin-top: 10rem !important;
}

.enter {
	margin: 1rem auto;
	width: 50%;
	overflow: hidden;
}

.enter a {
	width: 48%;
	float: left;
}

.enter_btn {
	margin-right: 2%;
}

.p_margin {
	margin-top: 1rem;
	margin-bottom: 10rem;
	color: #4E4E4E;
}

.index_content {
	margin-top: 2rem;
}

.index_content .title_h2 {
	margin-bottom: 1rem;
}

.group_icon {
	position: fixed;
	bottom: -1rem;
	right: 0;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.group_icon a {
	display: block;
	text-decoration: none;
}

.group_icon:hover {
	opacity: 0.8;
}

.event_icon {
	position: fixed;
	top: 1rem;
	left: 0;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.event_icon a {
	display: block;
	text-decoration: none;
}

.event_icon:hover {
	opacity: 0.8;
}

.p_w {
	color: #fff;
}

/*==========================================================================================================
												header
===========================================================================================================*/

header {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 1vh 0;
}

.head_p {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.4em !important;
}

.nav-item {
	font-family: 'Patrick Hand', cursive;
}

h1.page_top {
	margin: 0.6vh 0 -0.5vh 0;
	font-size: 60%;
	color: #929292;
}

.head_p {
	font-weight: bold;
	margin: 0.1vh 0 -0.5vh 0;
	font-size: 160%;
	color: #ff42a0;
}

.head_p a {
	color: #fff !important;
	margin: 0 0.4vw 0 0;
	font-size: 60%;
	vertical-align: middle;
}

a.social-a {
	display: block;
	padding: 0;
	color: #fff !important;
}

i.social-icon {
  width: 27px;
  height: 27px;
  margin: 0;
  border-radius: 50%;
  background: #ff42a0;
  line-height: 27px;
  text-align: center;
}

.head_p img {
	width: 31px;
	height: 31px;
	vertical-align: middle;
	padding-bottom: 3px;
}

.logo {
	margin-top: 0.5rem;
}

.fbox {
	position: relative;
	display:inline-block;
	padding: 2px 10px 0;
	text-align:left;
	background-color:#ffffff;
	border:2px solid #ff42a0;
	margin: 5px 0 0px 5px;
	border-radius: 5px ;
	font-size: 60%;
}

.fbox:after, .fbox:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
}

.fbox:after {
	top: 8px;
	left: -18px; 
	border: 10px solid transparent;
	border-right: 15px solid #ffffff; /*13px*/
}

.fbox:before {
	top: 10px;
	left: -18px;
	border: 8px solid transparent;
	border-right: 8px solid #ff42a0; /*10px*/
}

.lg-nav {
	padding-top: 1vh;
}

.nav-item a {
	color: #000 !important;
	font-size:110%;
}

.nav-item a:hover {
	color:  #ff42a0 !important;
}

.carousel {
	margin-bottom: 5vh;
}

.md-nav {
	display: none;
}

p.li_border {
	width: 1px !important;
	padding-top: 1.5rem;
	color: #000 !important;
}

/*==========================================================================================================
												column gutter
===========================================================================================================*/

/* new face */
.new_face .row .col-12,.new_face .row .col-md-6 {
	padding: 0 5px;
}

.new_face .row .col-12,.new_face .row .col-md-6 {
	padding: 0 5px;
}

.prof_new {
	margin: 0;
}

.new_face {
	margin-bottom: 1rem;
}

/* new girls */
.new_girls_list .row {
	padding: 0 5px !important;
}

.new_girls_list .row {
	padding: 0 5px !important;
}

/* girl profile */

#imageList .row  {
	margin-left: -20px !important;
}

#imageList {
	margin-left: -20px !important;
}

.sp_prof_list {
	margin: 0;
}

.prof_girl_comment .text_p {
	padding: 1rem 10px !important;
}

.prof_girl_comment {
	margin: 0 -10px;
}


/* between */
.between .col-md-4,.between .col-md-6,.between .col-6 {
	padding: 0;
}

.between {
	margin: 0 0 2rem 0;
}

/* movie・schedule */
.video .col-md-4,.video .col-6,.schedule .col-6,.schedule .col-md-4,.schedule .col-lg-3 {
	padding: 0 5px;
}

.video,.schedule {
	margin: 0 -5px;
}

/* news・event */
.news_container .col-md-6,.event_list .col-6,.event_list .col-md-12 {
	padding: 0;
}

.news_container,.event_list {
	margin: 0;
}


/*==========================================================================================================
												waku
===========================================================================================================*/

.waku {
	border: 1px solid #ff42a0;
	margin-bottom: 5vh;
	background-color: rgba(255,255,255,0.7);
	padding: 15px;
}

.waku h2 {
	padding: 2% 0 0 1%;
	margin-bottom: 2.5%;
}

/*==========================================================================================================
												top
===========================================================================================================*/

.sp_slide {
	display: none;
}

.twitter .col-4 {
	margin: 0.5rem 0;
}

carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 25px;
  height: 25px;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 0.7;
}

.carousel-control-prev-icon {
	background-image: url('../../img/top/pre.png');
}

.carousel-control-next-icon {
	background-image: url('../../img/top/next.png');
}

#carouselOption1 .carousel-indicators {
  bottom: -40px;
}

#carouselOption1 {
	margin-bottom: 50px;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
	border-radius: 5px;
  margin-right: 3px !important;
  margin-left: 3px !important;
	background-color: rgba(255, 10, 132, 0.7);
}


/*==========================================================================================================
												new face / prof
===========================================================================================================*/

.new_face_box {
	margin:0 0 1rem;
}

.prof_box {
	margin: 0.3rem 0;
}

.new_face_box img {
  width: 100%;
  }

.prof_name {
	font-size: 100%;
	font-weight: bold;
	margin: 0.4rem 0 0 0;
	background: linear-gradient(transparent 50%, #ffcce6 50%);
}

.prof_info,.prof_s,.prof_m,.prof_time,.prof_h,.prof_k {
	margin: 0;
}

.prof_s,.prof_m,.prof_h,.prof_k {
	font-size: 80%;
}

.prof_info {
	font-size: 80%;
}

.prof_h {
	color: #000DFF;
}

.prof_h:before {
	content: "H度";
	color: #000;
}

.prof_k {
	color: #FF7600;
}

.prof_k:before {
	content: "感度";
	color: #000;
}

.prof_s {
	color: #6600cc;
}

.prof_s:before {
	content: "S度";
	color: #000;
}

.prof_s i,.prof_m i {
	margin: 0 0.15rem 0 0;
}

.prof_m,.prof_time {
	color: #ff0582;
}

.prof_m:before {
	content: "M度";
	color: #000;
}

.prof_play {
	font-size: 85%;
	letter-spacing: 0.05rem;
	margin-top: 0.2rem;
}

.prof_play_t {
	color: #ff42a0;
	animation-name: flash;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	font-weight: bold;
}

@keyframes flash {
	50%{
		opacity: 0;
	}
  }

.prof_play_t:before {
	font-family: FontAwesome;
	content:"\f004";
	margin-right: 0.2rem;
}

.prof_play_t:after {
	font-family: FontAwesome;
	content:"\f004";
	margin-left: 0.1rem;
}

.thumbnail {
	width:		100%;
	position:	relative;
}

.thumbnail img {
	width:		100%;
}

.ribbon {
  position: absolute;
  left: 15px;
	top: 3.08rem;
  z-index: 1;
  overflow: hidden;
  width: 110px;
	height: 70px;
  text-align: right;
}

.ribbon span {
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 110px;
  display: block;
  background: linear-gradient(#ff0582 0%, #ff0582 100%);
  position: absolute;
  top: 18px;
	left: -30px;
	padding: 0 0 1px 8px;
}

.ribbon span img {
	width: 40px;
}

.new_ribbon {
  position: absolute;
  left: 0.3rem;
	top: 0;
  z-index: 1;
  overflow: hidden;
  width: 250px;
	height: 70px;
  text-align: right;
}

.new_ribbon span {
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 250px;
  display: block;
  background: linear-gradient(#ff0582 0%, #ff0582 100%);
  position: absolute;
  top: 1rem;
	left: -6rem;
	padding: 0 1rem 1px !important;
}

.prof_icon {
	width: calc(100% - 30px);
	bottom:		8%;
	margin:		0;
	padding-right: 0.2rem;
	position:	absolute;
	text-align: right;
	color: #ff42a0;
}

.prof_time {
	font-size: 90%;
	width: calc(100% - 30px);
	box-sizing:border-box;
	text-align:	center;
	bottom:		0;
	margin:		0;
	padding:	0.1rem 0 0 0;
	background:	rgba(255,255,255,0.85);
	position:	absolute;
}


.prof_time:before {
	content: "本日";
	color: #000;
}

.prof_time_new {
	font-size: 90%;
	width: calc(100% - 10px);
	box-sizing:border-box;
	text-align:	center;
	bottom:		0;
	margin:		0;
	padding:	0.1rem 0 0 0;
	background:	rgba(255,255,255,0.85);
	position:	absolute;
	color: #ff42a0;
}

.prof_time_new:before {
	content: "本日";
	color: #000;
}

.prof_comment,.new_button p {
	font-size: 90%;
}

.prof_btn {
	margin-top: -0.5rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	font-size: 90%;
}

.balloon6 {
	width: 100%;
}

.balloon6 .faceicon img{
	width: 100%;
	height: 70%;
	object-fit: cover;
	border-radius: 10%;
	object-position: 100% 0;
}

.balloon6 .faceicon_r img{
	width: 100%;
	object-fit: cover;
	border-radius: 10%;
	margin-top: -3rem;
}

.balloon6 .faceicon_r {
	margin-right: 0 !important;
}

.balloon6 .chatting {
	width: 100%;
}

.says {
	display: inline-block;
	position: relative; 
	margin: -2rem 0 0 50px;
	padding: 10px;
	max-width: 100%;
	border-radius: 12px;
	background: #edf1ee;
}

.says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #edf1ee;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

.mycomment {
	margin-top: -1.5rem !important;
	padding-right: 0;
}

.option_list {
	font-size: 90%;
	margin-bottom: 1rem;
}

.chart {
	position: relative;
	float: left; 
	margin-right: 20px;
}
.chart .count {
	position: absolute;
	border-radius: 50%;
	top: 24px;
	left: 24px;
	height: 152px;
	width: 152px;
}

.chart em, 
.chart span {
	font-family: Arial;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.chart em {
	display: block;
	font-size: 50px;
	font-style: normal;
	color: #fff;
	line-height: 150px;
}
.chart .caption {
	position: absolute;
	top: 50px;
	left: 40px;
	color: #fff;
}
#chart2 .count {
	background: url(http://startapp.jp/img/refs/jsfiddle_medium_6628140291.jpg) -20px -20px no-repeat;

}
#chart2 .count em {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.ero .message {
	margin-top: -0.3rem;
}

.sp_prof_list {
	display: none;
}

/*==========================================================================================================
												movie
===========================================================================================================*/

.movie img {
	transition-property: all;
	transition: 0.3s linear;
}

.movie img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.movie .prof_info {
	margin-bottom: 0.5rem;
}

.more {
	width: 70%;
	margin: 1.5rem auto;
}

/*==========================================================================================================
												schedule
===========================================================================================================*/

.schedule .prof_name {
	font-size: 115%;
	letter-spacing: inherit;
}

.schedule .prof_info {
	font-size: 90%;
	margin: 0.2rem 0;
}

.dropdown {
	margin: 0.5rem auto;
}

/*==========================================================================================================
												news
===========================================================================================================*/

.news {
	transition-property: all;
	transition: 0.3s linear;
	padding-top: 10px !important;
}

.news:hover {
	text-decoration: none;
	background-color: rgba(255,66,160,0.10);
}

.news a {
	text-decoration: none;
}

.news_img {
	width: 85px;
	height: 85px;
	object-fit: cover;
	margin-bottom: 10px;
}

.news_content {
	padding: 0 1.5rem 0;
}

.news_h3 {
	font-size:100%;
	color: #ff42a0;
}

.news_date {
	color: #000;
	font-size:80%;
}

.news_more {
	width: 95%;
	margin: 1.5rem 0.5rem !important;
}

.news_container .news_img {
	margin-left: -15px;
}

.news_container .news_content {
	padding: 0;
	margin-left: -1.3rem;
}

.news_text {
	color: #000;
	font-size: 80%;
	padding-right: 0.1rem;
	margin-top: -0.8rem;
	margin-bottom: 10px;
}

.news_main {
	padding: 1rem;
}

.pager {
	margin: 1.5em 0;
}

.pager ul li {
	margin: 0 0.3em;
}

/*==========================================================================================================
												system
===========================================================================================================*/

.credit {
	overflow: hidden;
}

.credit img {
	width: 5rem;
	height: auto;
	margin-right: 1rem
}

.card {
	float: left; 
}

.option {
	margin-top: 1rem;
}

#system_option {
	margin-top:1.5rem;
}

.table_margin {
	margin-top: 2rem;
}

.left_table {
	width: 30%;
}

.day_table {
	width: 50%;
}

.option_h3 {
	font-size: 130%;
	margin: 1rem 0 0.5rem;
}

.option_container {
	padding: 0 15px;
}

.option_container {
	padding: 0;
}

#system_option .row {
	margin: 0;
}

.option_box {
	padding: 0;
	background-color: rgba(255,255,255,0.7);
}

.option_box img {
	width:100%;
}

.option_box .text_p {
	margin:0.5rem;
	font-weight: bold;
}

.option_box span.small {
	line-height: 1.2rem;
	display:block;
	margin-bottom:0.5rem;
}

#cosplay_list {
	margin-top: -5.5rem;
	padding-top: 5.5rem;
}

td {
	font-size: 90%;
}

ol {
	padding: 0 15px;
}

li {
	font-size: 80%;
	line-height: 1.5rem;
}

.rule_h4 {
	margin: 1rem 0 0.5rem;
}

#rule {
	margin-top: 1rem;
}


/*==========================================================================================================
												staff
===========================================================================================================*/

.staff .col-6,.staff .col-md-4 {
	padding: 0 5px;
}

.staff {
	margin: 0 -5px;
}

.profile-box {
	background-size:cover;
	width:100%;
	text-align:center;
	padding:30px 0;
	position:relative;
}

.profile-box img {
	width:170px;
	height:170px;
	position:relative;
	border:5px solid #fff;
}

.card-01 .card-body	{
	position:relative;
	padding-top:40px;
}

.card-01 .badge-box {
	position:absolute;
	top:-20px;
	left:50%;
	width:100px;
	height:100px;
	margin-left:-50px;
	text-align:center;
}

.card-01 .badge-box i{
	background: #ff42a0;
	color:#fff;
	border-radius:50%;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
}

.card-text {
	font-size: 80%;
}

.card-title {
	font-size: 130%;
}

/*==========================================================================================================
												girls
===========================================================================================================*/

.sp_text {
		display: none !important;
	}

/* -- girl search -- */

.girl_search {
	padding-bottom: 3rem;
	font-size: 95%;
	letter-spacing: -0.1rem;
	margin: 0;
}

.form-check-input {
	margin: 0.5rem 0;
}

.form_text {
	margin-right: 0.2rem;
}

.form_title {
	margin-top: 0.5rem;
	border-bottom: 2px solid #ff42a0;
}

.form-control {
	width: 93%;
	margin: 0 auto;
}

/* -- girl -- */

.ero h3 {
	font-size: 120%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.ero h3 i {
	padding-right: 0.5rem;
}

#imageList li {
	list-style: none;
	margin: 0.5rem 0;
	padding: 0;
} 

.option {
	margin: 0;
}

.option p {
	width: 100%;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
	color: #fff;
	background-color: #ff42a0;
	border-radius: 15px;
	text-align: center;
}

.option_head {
	width: 40%;
}

.option_answer {
	width: 10%;
}

.mycomment {
	margin: 10px 0;
	width: 100%;
}

.mycomment p{
	display: inline-block;
	float: right !important;
	position: relative; 
	margin: 0 10px 0 0;
	padding: 8px;
	max-width: 100%;
	border-radius: 12px;
	background: #30e852;
	font-size: 15px:
}

.mycomment p:after {
	content: "";
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #30e852;
	-ms-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

.item {
	opacity: 0;
}@-webkit-keyframes example {
	100% {
		opacity: 1;
	}
}
@keyframes example {
	100% {
		opacity: 1;
	}
}

/* --- event --- */



/* --- gravure --- */
.gravure_img {
	text-align: center;
}

/* --- message --- */
.sasami p {
	font-size: 85%;
	padding: 0 4% 0;
}

.sasami img {
	width: 90%;
	height: auto;
	margin-bottom: 2%;
}

/* --- group --- */

.group img {
	margin-top: 0.5rem;
}

/*==========================================================================================================
												ranking
===========================================================================================================*/

.ranking_title,.ranking_title_s,.ranking_title_d,.ranking_title_w {
	font-family:  "Rounded Mplus 1c";
	margin-top: 3rem !important;
	margin-bottom: 1rem;
}

.ranking_btn {
	margin-bottom: 1rem;
}

.ranking_title_s {
	color: #00a1e9;
	border-bottom: 1vh solid #00a1e9;
}

.ranking_title_d {
	color: #f39800;
	border-bottom: 1vh solid #f39800;
}

.ranking_title_w {
	color: #00a960;
	border-bottom: 1vh solid #00a960;
}

.ranking_h3,.ranking_h3_s,.ranking_h3_d,.ranking_h3_w {
	color: #ffff;
	padding: 0.3rem;
	font-size: 1.5rem;
}

.ranking_h3 {
	background-color: #ff42a0;
}

.ranking_h4 {
	color: #ff42a0;
}

.ranking_h3_s {
	background-color: #00a1e9;
}

.ranking_h4_s {
	color: #00a1e9;
}

.ranking_h3_d {
	background-color: #f39800;
}

.ranking_h4_d {
	color: #f39800;
}

.btn-outline-warning {
	border-color: #f39800;
	color: #f39800 !important;
}

.btn-outline-warning:hover {
	background-color: #f39800;
	color: #fff !important;
}

.ranking_h3_w {
	background-color: #00a960 !important;
}

.ranking_h4_w {
	color: #00a960;
}

.ranking_h4,.ranking_h4_s,.ranking_h4_d,.ranking_h4_w {
	font-size: 1.2rem;
}

.ranking_p {
	font-size: 0.8rem;
	letter-spacing: 0;
}

/*==========================================================================================================
												footer
===========================================================================================================*/
#footer {
	margin-top: 6rem;
	background-color: #fff;
	border-top: 1px solid #ccc;
	padding: 2vh 0 1vh;
}

.copy {
	text-align: center;
	font-size: 80%;
	padding: 1vh 0 0;
}

/*==========================================================================================================
												SP
===========================================================================================================*/

@media (min-width: 1281px){
	.index_img {
		padding-top: 3.4rem !important;
		width: 40%;
	}
}

@media (max-width: 991px) {
	body {
		padding:4.5rem 0;
	}
	
	.index_body {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.group_index a img {
		margin-bottom: 0.5rem;
	}
	
	.group_icon {
		right: -2rem;
	}
	
	.group_icon img {
		width:80%;
	}
	
	.bkm {
		bottom: 4rem;
		right: 0;
	}
	
	header {
		display: none;
	}
	
	.navbar {
		padding: 0 !important;
	}
	
	.navbar-nav {
		text-align: center;
	}
	
	a.sosial-a {
		color: #fff;
		padding: 0;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	
	.sosial-a img {
		width: 30px;
		margin-top: -0.3vh;
	}
	
	#footer .sp_nav,.navbar {
		background-color: #fff !important;
	}
	
	.sp_nav .nav-item {
		padding: 0 !important;
		margin: 0 !important;
		text-align: center;
		width: 20% !important;
	}
	
	.footer_h2 {
		text-align: center;
	}
	
	.footer_icon {
		display: none;
	}
	.mycomment {
	margin-top: 0.5rem !important;
	}
	.balloon6 .faceicon_r img{
	margin-top: 0.5rem;
	}
	.balloon6 {
		padding-bottom:-3rem !important;
	}
	
	.pcb_text {
		display: block;
	}
}

@media (max-width: 767px) {
	h1.page_top {
		margin: -0.28rem 0 0.5rem 0.4rem !important;
	}
	
	.jumbotron h1 {
	margin-top: 1rem !important;
	}
	
	a.sosial-a {
		margin-left: -0.2rem;
		margin-right: -0.2rem;
		padding: 0;
	}
	
	.sp_br {
	display: block;
	}
	
	.sosial-a img {
		width: 30px;
		margin-top: -0.3vh;
	}
	
	.pc_slide {
		display: none;
	}
	
	.sp_slide {
		display: block;
	}
	
	.new_face {
		text-align: center;
	}
	
	.prof_new {
		margin-top: -0.5rem;
	}
	
	.prof_new .prof_btn {
		font-size: 80% !important;
	}
	
	.more {
		width:96%;
	}
	
	.prof_play {
		font-size: 80%;
		margin-top: 0.2rem;
		letter-spacing :0 ;
	}
	
	.sp_prof_list {
		display: block;
		margin-bottom: 1rem;
	}
	
	.index_img {
	width: 80%;
	}
	
	.enter {
		overflow: visible;
	}

	.enter a {
		float: none;
	}
	
	.enter img {
		margin-bottom: 1rem !important;
	}

	.enter_btn {
		margin-right: 0;
	}
	 .ranking_title,.ranking_title_s,.ranking_title_d,.ranking_title_w,.ranking_title_s,.ranking_title_d,.ranking_title_w,.ranking_h3,.ranking_h3_s,.ranking_h3_d,.ranking_h3_w,.ranking_h3,.ranking_h4,.ranking_h3_s,.ranking_h4_s,.ranking_h3_d,.ranking_h4_d,.ranking_h3_w,.ranking_h4_w,.ranking_p {
		text-align: center;
	}
	
	.ranking_h4,.ranking_h4_d,.ranking_h4_s,.ranking_h4_w {
		margin-top: 1rem;
	}
	
	.ranking_btn a {
		margin: 0.3rem 0 ;
		width: 90%;
	}
	
	#honshi,#syashi,#syamenikki,#osusume {
		padding-top: 4.5rem;
	}

	.news_title {
		font-size: 130%;
	}
	
	.sp_text {
		display: block !important;
	}
	
	#search {
		padding-top: 5rem !important;
	}
	
	.pcb_text {
		display: none;
	}
	
}
	
@media (max-width: 415px) {
	.jumbotron {
	background-size: cover;
	background-position: center 60%;
	}

	.sp_nav .nav-item i {
		margin: 0 auto !important;
	}
	
	.sp_nav .nav-item i {
		margin: 0 auto !important;
	}

	.sp_nav_c {
		margin-left: -0.25rem;
	}

	.sp_nav_e {
		margin-left: 0.2rem;
	}

	.sp_nav_r {
		margin-left: -0.2rem;
	}

	.sp_nav_ie {
		padding-left: 0.2rem !important;
	}

	
	.prof_name {
		letter-spacing: inherit;
	}

	.text_p {
		font-size:80%;
		line-height: 1.4rem;
	}
	
	#system_option .row .col-4 {
		padding: 0;
	}
	
	#system_option .row {
		margin:0px;
	}

	.credit img {
		width: 4.85rem;
		height: auto;
		margin-right: 0.5rem
	}

	.credit {
		margin-bottom: 2rem;
	}

	.table_margin {
		margin-top: 1rem;
	}

	.news_title {
		font-size: 120%;
		font-weight: bold;
	}

	.news_main {
		margin-top: -1.5rem;
	}
	
	.ero h3 {
		font-size: 110% !important;
	}
}

#contentOubo {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*==========================================================================================================
												追加css
===========================================================================================================*/

.about_h {
	background-color: rgba(255,0,142,0.10);
}

.h_do {
	color: #000DFF;
}

.k_do {
	color: #FF7600;
}

.k_do i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

.s_do {
	color: #6600cc;
}

.h_do i,.k_do i,.s_do i,.m_do i {
	margin: 0 0.15rem 0 0;
}

.m_do {
	color: #ff0582;
}

.hotel_adress,.hotel_hp,.hotel_info,.hotel_tel,.hotel_yen,.hotel_car,.hotel_access {
	margin: 0.1rem 0;
}

.hotel_adress:before {
	font-family: FontAwesome;
	content:"\f041";
	padding-right: 0.3rem;
}

.hotel_tel:before {
	font-family: FontAwesome;
	content:"\f095";
	padding-right: 0.3rem;
}

.hotel_hp:before {
	font-family: FontAwesome;
	content:"\f015";
	padding-right: 0.3rem;
}

.hotel_info:before {
	font-family: FontAwesome;
	content:"\f05a";
	padding-right: 0.3rem;
}

.hotel_yen:before {
	font-family: FontAwesome;
	content:"\f157";
	padding-right: 0.3rem;
}

.hotel_car:before {
	font-family: FontAwesome;
	content:"\f1b9";
	padding-right: 0.3rem;
}

.hotel_access:before {
	font-family: FontAwesome;
	content:"\f007";
	padding-right: 0.3rem;
}

.prof_girl_comment .text_p {
	background-color: #edf1ee;
	padding: 1rem 0;
}

#ichikawa {
	margin-top: -50rem;
}

@media (max-width: 991px) {
	#ichikawa {
		margin-top: -78rem;
	}
}

@media (max-width: 767px) {
	#ichikawa,#kashiwa,#matsudo {
		margin-top: -5.5rem;
		padding-top: 5.5rem;
	}
	
	#matsudo table,#kashiwa table {
		margin-bottom: 3rem;
	}
	
	.hotel_nav {
		margin-top: 2rem;
	}
	
	.hotel_nav a {
		display: block;
		margin: 0.5rem;
	}

	.ranking_btn {
		margin-top: 1rem;
	}

	.ranking_btn a {
		margin: 0;
	}

	.rkg_m {
		padding-top: 4.5rem;
	}
}
	
/*==========================================================================================================
												season
===========================================================================================================*/

body {
	background:url(../../img/season/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*==========================================================================================================
												form
===========================================================================================================*/
.form-group label {
	padding-left: 2.3rem;
}

@media (max-width: 991px) {
	.form-group label {
	padding-left: 1.5rem;
	}
}

@media (max-width: 767px) {
	.form-group label {
	padding-left: 1rem;
	}
}
	
	@media (max-width: 415px) {
	.form-group label {
	padding-left: 0.7rem;
	}
}

.girl_search .form-group label {
	padding-left: 1.2rem;
}

/*==========================================================================================================
												color/font
===========================================================================================================*/
header {
	border-bottom: 1px solid #bbe2f1;
}

#footer {
	border-top: 1px solid #bbe2f1;
}

.a_tag {
	color: #00afcc;
}

.a_tag:hover {
	color: #00afcc;
}

.head_p {
	color: #00afcc;
}

.title_h2,.footer_h2 {
	font-family: 'Acme', sans-serif;
	color: #00afcc;
}

.title_h2 {
	border-bottom: 1vh solid #00afcc;
}

.pankuzu li a:hover {
	color:  #00afcc !important;
}

i.social-icon {
  background: #00afcc;
}

.fbox {
	border:2px solid #00afcc;
}

.fbox:before {
	border-right: 8px solid #00afcc; /*10px*/
}

.nav-item a:hover {
	color:  #00afcc !important;
}

.waku {
	border: 1px solid #00afcc;
	border-radius: 15px;
}

.carousel-indicators li {
	background-color: rgba(0,175,204,0.7);
}

.prof_name {
	background: linear-gradient(transparent 50%, #bbe2f1 50%);
}

.card-01 .badge-box i{
	background: #00afcc;
}

.ribbon span {
  background: linear-gradient(#0000ff 0%, #0000ff 100%);
}

.new_ribbon span {
  background: linear-gradient(#0000ff 0%, #0000ff 100%);
}

.prof_time_new,.prof_time {
	color: #0000ff;
}

.prof_icon {
	color: #00afcc;
}

.form_title {
	border-bottom: 2px solid #00afcc;
}

.news:hover {
	background-color: rgba(0,175,204,0.10);
}

.news_h3 {
	color: #00afcc;
}

.btn-outline-primary {
	border-color:#00afcc;
	color:#00afcc;
}

.btn-outline-primary:hover {
	background-color:#00afcc;
	color: #fff;
	border-color:#00afcc;
}

.carousel-inner {
	border-radius: 15px;
}

/*==========================================================================================================
												index
===========================================================================================================*/
/* Mixins */
/* bg shortcodes */
.bg-gradient1 span,
.bg-gradient1:before {
  background: #52A0FD;
  background: -moz-linear-gradient(left, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
  background: -webkit-linear-gradient(left, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
}

.bg-gradient2 span,
.bg-gradient2:before {
  background: #c0c0c0;
  background: -moz-linear-gradient(left, #a9a9a9 0%, #b0c4de 80%, #c0c0c0 100%);
  background: -webkit-linear-gradient(left, #a9a9a9 0%, #b0c4de 80%, #c0c0c0 100%);
  background: linear-gradient(to right, #a9a9a9 0%, #b0c4de 80%, #c0c0c0 100%);
}

/* fancy Button */
.fancy-button {
  display: inline-block;
  margin: 30px 30px 0;
  font-family: 'Patrick Hand', cursive;
   font-weight: bold;
  font-size: 23px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
}
.fancy-button:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  left: 30px;
  right: 30px;
  z-index: -1;
  border-radius: 30em;
  filter: blur(20px) brightness(0.95);
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 1.265em;
  vertical-align: middle;
}
.fancy-button span {
  display: inline-block;
  padding: 12px 60px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button:focus, .fancy-button:active {
  color: #ffffff;
}
.fancy-button:hover {
  color: #ffffff;
}
.fancy-button:hover span {
  filter: brightness(1.05) contrast(1.05);
  transform: scale(0.95);
}
.fancy-button:hover:before {
  bottom: 0;
  filter: blur(10px) brightness(0.95);
}
.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px;
}
.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  filter: blur(20px);
}
.fancy-button.pop-onhover:hover span {
  transform: scale(1.04);
}
.fancy-button.pop-onhover:hover:active span {
  filter: brightness(1) contrast(1);
  transform: scale(1);
  transition: all 0.15s ease-out;
}
.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  filter: blur(10px) brightness(0.95);
  transition: all 0.2s ease-out;
}

/*==========================================================================================================
												event追加css
===========================================================================================================*/

.event-icon {
	padding: 0.2rem 1rem;
	margin: 0.1rem 0.1rem 0.5rem;
	border-radius: 10px;
	color: #a5a5a5;
}

.event-yes {
	border:1px solid #00afcc;
	color:#00afcc;
	transition-property: all;
	transition: 0.3s linear;
}

.event-yes:hover {
	background-color: rgba(130,205,221,0.5);
}

@media (max-width: 767px) {
	.event-icon {
		padding: 0.2rem 0.5rem;
	}
}