@charset "utf-8";

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

/*---------------------------
 clear fix
---------------------------*/
.clearfix:after {
	content: ".";
	/* 新しい要素を作る */
	display: block;
	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

/* ie6 */
* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
	height: auto;
	overflow: hidden;
  /**/
}

.br {
	display: block;
}

.small_font {
	font-size: 10px;
}

/*---------------------------
 common
---------------------------*/
body {
	background-repeat: repeat;
	background-image: url(../img/bg.jpg);
	line-height: 1.5;
	font-size: 16px;
	color: #444;
}

h1 {
	font-size: 13px;
	color: white;
	margin: 0 auto;
}

h3 {
	font-size: 20px;
}

p {
	font-size: 16px;
	text-align: center;
}

a:hover img {
	opacity: 0.8;
}

a {
	color: #6595fa;
	text-decoration: none;
}

a:hover {
	color: #296cfa;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb50 {
	margin-bottom: 50px;
}

.pb50 {
	padding-bottom: 50px;
}

.stitch {
	color: #fff;
	font-weight: bold;
	margin: 0 10px;
	padding-left: 10px;


	font-size: 24px;
	padding: 10px 10px 10px 10px;
	color: #FFF;
	text-shadow: #966a7f 1px 1px 1px;
	outline: 1px dashed #6a380c;
	outline-offset: -6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCCE4), color-stop(0.00, #FFA2CF));
	background: -webkit-linear-gradient(top, #FFCCE4 0%, #FFA2CF 100%);
	background: -moz-linear-gradient(top, #FFCCE4 0%, #FFA2CF 100%);
	background: linear-gradient(top, #FFCCE4 0%, #FFA2CF 100%);
	margin: 0 auto 40px auto;
	width: 94%;
	/*角丸*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}

.suffix {
	font-size: 14px;
	/* position: absolute;
  right:10px;
  bottom:10px; */
	display: block;
	text-align: right;
}

@-webkit-keyframes links {

	0%,
	100% {
		filter: none;
	}

	50% {
		filter: drop-shadow(0 0 1px #f2f2f2) drop-shadow(0 0 4px #f7a5f2);
	}
}

@keyframes shiny {
	0% {
		transform: scale(0) rotate(25deg);
		opacity: 0;
	}

	50% {
		transform: scale(1) rotate(25deg);
		opacity: 1;
	}

	100% {
		transform: scale(50) rotate(25deg);
		opacity: 0;
	}
}

.shiny-btn {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color: #384878;
	overflow: hidden;
}

.shiny-btn::after {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 50px;
	height: 50px;
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);

	/* アニメーション */
	animation-name: shiny;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

/* .viewer
------------------------- */
#specialshops {
	padding: 2px;
	border: #666666 1px solid;
	margin-bottom: 20px;
}

.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

.viewer ul li img {
	width: 100%;
}

/*---------------------------
 header
---------------------------*/
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 70px;
	/* background-color: rgba(0,0,0,.8); */
}

.translate_box {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	background-color: rgba(0, 0, 0, .8);
}

#flags img {
	border: 1px solid #e4e4e4;
	width: 32px;
	height: auto;
}


select.goog-te-combo {
	background-color: #3b8ec2;
	overflow: hidden;
	border-width: 0px;
	border: none;
	margin: 0 10px 0 0 !important;
	color: #fff !important;
	outline: 0;
	font-size: 14px;
	height: 29px;
	padding: 5px;
	width: 180px;
}

header .container-small {
	background: rgba(0, 0, 0, .8);
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.headA {
	-webkit-animation: links 3s infinite;
	animation: links 3s infinite;
}

/* header .container-small img {
	width: 164px;
} */

.head-menu {
	display: none;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.head-menu a {
	color: #F46BAE;
	font-size: 14px;
	padding: 15px;
	display: block;
}

.head-menu a:hover {
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

#inner-menu a:not(:nth-child(3)) {
	display: inline-block;
	font-size: 35px;
	color: #f165a9;
	position: relative;

}

#inner-menu a:nth-child(2) {
	padding: 0 15px;
}

#inner-menu a:nth-child(1):before {
	content: "job";
	font-size: 12px;
	position: absolute;
	top: -2px;
	left: 6px;
	color: #fff;

}

#inner-menu a:nth-child(2):before {
	content: "tel";
	font-size: 12px;
	position: absolute;
	top: -2px;
	left: 21px;
	color: #fff;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	margin-right: 10px;
}

.menu-trigger {
	position: relative;
	width: 30px;
	height: 20px;
}

.menu-trigger:before {
	content: "menu";
	font-size: 12px;
	position: absolute;
	top: -21px;
	left: 0;
	color: #f165a9;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 8px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

#head {
	padding-top: 95px;
	text-align: center;
	background-color: #000;
	color: white;
}

#head h1 {
	font-size: 10px;
}

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

#logo a {
	display: block;
}

.main-bnr img {
	width: 100%;
}

.main-bnr a {
	text-align: center;
	display: block;
}

#twitter-list-sp {
	margin-bottom: 50px
}

#twitter-list-sp img {
	width: 97%;
	display: block;
	margin: 0 auto;
}

/*---------------------------
 box1
---------------------------*/
#box1 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px;
	background: rgba(255, 255, 255, .8);
}

/*---------------------------
 トピックス
---------------------------*/
#tpx {
	margin: 10px auto;
	border: solid 4px #ff7aaf;
	border-radius: 10px;
	font-size: 16px;
	text-align: left;
	color: #F46BAE;
	width: 96%;
}

#tpx h2 {
	background: #ff7aaf;
	color: #fff;
	font-size: 18px;
	padding: 5px 10px;
}

#tpx ol {
	padding: 10px;
	list-style-type: disc;
	list-style-position: outside;
	;
	margin-left: 20px;
}

#tpx ol li {
	padding: 5px 0;
	font-size: 84%;
}

/*---------------------------
 スライダー
---------------------------*/
.bx-wrapper {
	width: 90%;
	margin: 0 auto 30px;
}

/*---------------------------
 Feed
---------------------------*/
.h2_ttl {
	color: #f165a9;
	font-weight: bold;
	font-style: italic;
	/*text-shadow: 2px -1px 0px #fff,0px 1px 0px #fff,-1px 1px 0px #fff,-1px -1px 0px #fff;*/
	font-size: 24px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 5px;
}

#rss_feed {
	margin: 0 auto;
	color: #ff7aaf;
	text-align: left;
	border: 4px solid #ff7aaf;
	border-radius: 10px;
	font-size: 14px;
	width: 96%;
}

#rss_feed .rss_date:after {
	content: '\A';
	white-space: pre;
}

#rss_feed ol li {
	padding: 5px;
}

#rss_feed ol li:nth-child(n+6) {
	display: none;
}

#rss_feed ol li a {
	text-align: left;
}

#twitter-widget-0,
#twitter-widget-1 {
	margin-bottom: 50px !important;
}

/* .twitter-timeline {
	margin: 0 auto;
	border: 4px solid #ff7aaf!important;
	height: 500px;
} */
#twitter-tl img {
	width: 97%;
	display: block;
	margin: 0 auto;
}

/*---------------------------
 footer ad
---------------------------*/
#ex {
	position: fixed;
	bottom: 0px;
	z-index: 10000;
}

#ex img {
	height: 100px;
	width: auto;
	display: block;
	margin: 0 auto;
}

/*
#ad_space {
	width: 100%;
	height: 100px;
}
*/
/*---------------------------
 footer
---------------------------*/

#footer {
	background: #000;
}

#copyright {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}

/*---------------------------
 system
---------------------------*/
.system .system_img {
	text-align: center;
	margin: 10px auto;
	;
}

.system table {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: grey;
	width: 90%;
}

.sys1Class {
	font-size: 16px;
	font-weight: bold;
	color: #db248c;
	background-color: #ffeeff;
	border: 1px solid #ff00ff;
	width: 45%;
	text-align: center;
	padding: 3%;

}

.sys2Class {
	font-size: 16px;
	color: #db248c;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: fuchsia;
	width: 45%;
	padding: 3%;
	text-align: center;
}

.system ul {
	width: 90%;
	margin: 0 auto;
}

.system ul li {
	margin-bottom: 10px;
}

.attention {
	font-size: 14px;
	padding-left: 10px;
}

.system ul li h3 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
	font-size: 16px;
	margin-bottom: 10px;
}

.system ul li h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

.system ul li p {
	text-align: left;
	padding: .2em 0 .3em .3em;
	font-size: 15px;
}

.system ul li p:before {
	content: "\f046";
	font-family: FontAwesome;
	color: #db248c;
}

/*---------------------------
	 キャスト一覧
	---------------------------*/
.allGirls {
	margin: 0 auto;
	width: 100%;
}

.allGirls li a,
.allGirls li p {
	color: #333;
	cursor: default;
}

.allGirls li a:hover img {
	opacity: 1;
}

.allGirls li a:hover {
	text-decoration: none;
}

.allGirls li {
	width: 100px;
	position: relative;
	float: left;
	border: solid 1px #fda5c9;
	text-align: center;
	margin: 0 0 15px 18px;
}

.allGirls li img {
	width: 100%;
	object-fit: cover;
	object-position: center top;
	height: 111px;
}

/* .allGirls li a.twitter_icon::after{
		content: "\f099";
		font-family: "FontAwesome";
		font-size: 29px;
		position: absolute;
		top: 70px;
		right:5px;
		color: #1da1f2;
	  } */
.allGirls li a.twitter_icon::after {
	content: "";
	background-image: url(../img/logo.svg);
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	position: absolute;
	right: 3%;
	top: 40%;
	background-size: contain;
	background-repeat: no-repeat;
}

.allGirls li .mark {
	position: absolute;
	top: 70px;
	right: 4px;
	width: 45px;
}

.allGirls li h3 {
	font-size: 11px;
	line-height: 150%;
	margin: 0;
	font-weight: bold;
}

.allGirls li h3 img {
	width: 13px;
}

.allGirls li p a {
	font-size: 11px;
	color: #f83c89;
}

.allGirls .small a {
	display: block;
	font-size: 10px;
	color: #f83c89;
	text-align: right;
}

.allGirls li .ribon {
	width: 100%;
	height: 111px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.allGirls li .ribon .caption {
	display: inline;
}

.allGirls li .ribon span {
	position: absolute;
	display: inline-block;
	bottom: -40px;
	right: -80px;
	width: 150px;
	height: 100px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	text-align: center;
	transform: rotate(-50deg);
}

/* =======================
	 プロフィール
	 =========================*/
#content_cover {
	padding: 5px;
	width: 95%;
	border: 1px solid #fda5c9;
	margin: 0 auto;
}

#content_cover h2 {
	text-align: center;
}

.gallery {
	margin: 0 auto !important;
}

.thumbnails li img {
	/* width: 58px; */
}

#profLeft {
	margin-bottom: 20px;
}

#profRight {
	color: #f83c89;
	text-align: left;
}

#name_box {
	background-color: #ffe4f1;
	padding: 8px;
	text-align: left;
	margin-bottom: 30px;
	;
}

.Pname {
	font-size: 40px;
	font-weight: bold;
	padding: 20px;
	float: left;
}

#blogs_url {
	font-size: 30px;
	display: block;
	float: left;
	color: #DC602C;
	line-height: 0;
	text-align: center;
	padding: 23px 5px;
}

#blogs_url a {
	color: #DC602C;
	display: block;
}

#twitter_url {
	font-size: 30px;
	display: block;
	float: left;
	color: #2CA7E0;
	line-height: 0;
	text-align: center;
	padding: 23px 5px;
}

#twitter_url a {
	color: #2CA7E0;
	display: block;
}

#new img {
	float: left;
}

#new img {
	width: 60px;
	padding: 37px 5px;
}

#experience {
	float: left;
}

#experience img {
	padding: 7px 5px;
	width: 30px;
}

#today_flag {
	float: right;
	color: #38E26D;
}

#name_box dl {
	padding-left: 20px;
}

#name_box dt {
	float: left;
	width: 100px;
}

#name_box dd {
	float: left;
}

#option_box {
	margin: 0 auto;
}

#option_box dl {
	width: 100%;
	font-size: 10px;
	margin-bottom: 20px;
}

#option_box dl dt {
	border: 1px dotted #ccc;
	float: left;
	width: 38%;
}

#option_box dl dd {
	border: 1px dotted #ccc;
	float: left;
	width: 10%;
	text-align: center;
}

#scedule_box {
	margin-bottom: 30px;
	;
}

#scedule_box table th,
#scedule_box table td {
	border: solid 1px #f83c89;
	text-align: center;
}

/*---------------------------
 map
---------------------------*/
#room {
	border-top: solid 1px #F7F7F7;
	padding: 10px;
}

#room h2 {
	text-align: center;
	margin-bottom: 30px;
}

.hour:after {
	content: "\A";
	white-space: pre;
}

#room dl dt {
	width: 100%;
	float: right;
}

#room dl dd {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 2%;

}

#room dl dt iframe {
	width: 100%;
}

.shop_name {
	font-size: 17px;
	line-height: 3.5;
	color: #EC2A84;
	padding-bottom: 10px;
}

/*---------------------------
  job
 ---------------------------*/
table {
	width: 100%;
	margin: 20px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: small;
}

.job table {
	width: 90%;
	margin: 20px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: small;
}

.job th {
	width: 18%;
	padding: 10px;
	border: 1px dotted #ddd;
	border-collapse: collapse;
	background-color: #ebd1ea;
}

.job td {
	width: 80%;
	padding: 10px;
	border: 1px dotted #ddd;
	border-collapse: collapse;
	line-height: 1.5em;
}

/*---------------------------
 twitter
---------------------------*/
/* twitter-list */
.sns {
	color: #FF78B2;
	padding-left: 10px;
}

#twitter-box {
	margin: 10px auto 20px auto;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

#twitter-box li {
	overflow: hidden;
	position: relative;
	width: 134px;
	height: 134px;
	margin: 5px;
	border: solid 3px #ff89bd;
	z-index: 1;

}

#twitter-box li .tw_shop {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 10px;
	color: #f596b4;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	background: #fff;
	border-top-right-radius: 5px;
}

#twitter-box li .tw_name {
	width: 100px;
	background: #fff;
	color: #f596b4;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: -22px;
	text-transform: uppercase;
	transform: rotate(315deg);
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	z-index: 5;
}

#twitter-box li img {
	width: 100%;
	position: absolute;
	top: -134px;
	bottom: -134px;
	right: -134px;
	left: -134px;
	margin: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#twitter-box li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 9999;
	opacity: 0.5;
}

.opacity_color {
	background-color: rgba(0, 0, 0, .1);
}

@media (min-width:320px) and (max-width:359px) {
	#twitter-box li {
		width: 134px;
		height: 134px;
	}

	#twitter-box li img {
		top: -134px;
		bottom: -134px;
		right: -134px;
		left: -134px;
	}

	#twitter-box li:last-child {
		display: none;
	}

}

@media (min-width:360px) and (max-width:419px) {
	#twitter-box li {
		width: 154px;
		height: 154px;
		margin: 0 5px 5px 0;
	}

	#twitter-box li img {
		top: -154px;
		bottom: -154px;
		right: -154px;
		left: -154px;
	}

	#twitter-box li:last-child {
		display: none;
	}

}

@media (min-width:420px) {
	#twitter-box li {
		width: 184px;
		height: 184px;
		margin: 0 5px 5px 0;
	}

	#twitter-box li img {
		top: -184px;
		bottom: -184px;
		right: -184px;
		left: -184px;
	}

	#twitter-box li:last-child {
		display: none;
	}
}

/* =======================
出勤表
=========================*/
.tab {
	margin: 0 auto;
}

#tab-contents-cover {
	/* width: 100%;
background:#FFF7EA;
box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.4) inset;*/
}

.girls {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;

}

.girls li {
	/* float: left; */
	text-align: center;
	margin: 0 1% 2% 1%;
	line-height: 1.3;
	width: 23%;
	position: relative;

}

.girls li img {
	width: 100%;
	height: 112px;
	object-fit: cover;
	object-position: center top;

}

.girls li .kuchikomi_count,
.allGirls li .kuchikomi_count {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 10px;
	font-weight: bold;
	background-color: red;
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .girls li a.twitter_icon::after{
	  content: "\f099";
	  font-family: "FontAwesome";
	  font-size: 29px;
	  position: absolute;
	  top: 70px;
	  right:5px;
	  color: #1da1f2;
	} */
.girls li a.twitter_icon::after {
	content: "";
	background-image: url(../img/logo.svg);
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	position: absolute;
	right: 3%;
	top: 48%;
	background-size: contain;
	background-repeat: no-repeat;
}

.girls li h3,
.girls li p {
	font-size: 10px;
	font-weight: normal;
	color: maroon;
	font-weight: bold;
}

.girls li .ribon {
	width: 100%;
	height: 112px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.girls li .ribon .caption {
	display: inline;
}

.girls li .ribon span {
	position: absolute;
	display: inline-block;
	bottom: -40px;
	right: -80px;
	width: 150px;
	height: 100px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	text-align: center;
	transform: rotate(-50deg);
}


@media (max-width:823px) {}

@media (max-width:736px) {}

@media (max-width:667px) {}

@media (max-width:640px) {}

@media (max-width:568px) {
	#looking {
		display: block;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		text-align: center;
		padding: 10px 0;
		background: rgba(240, 94, 188, .8);
		color: #fff;
	}

}

@media (max-width:414px) {
	.girls li {
		width: 30.7%;

		border: solid 1px #fda5c9;

	}
}

/* =======================
出席一覧
=========================*/
/*
@media (max-width:823px) {
	.allGirls {
		width: 94%;
	}

	.allGirls li {
		width: 18%;
		margin: 0 2% 2% 0;
	}

	.allGirls li:nth-child(5n) {
		margin-right: 0;
	}
}

@media (max-width:768px) {
	.allGirls li {
		width: 18%;
	}
}

@media (max-width:736px) {
	.allGirls li {
		width: 18%;
	}
}

@media (max-width:667px) {
	.allGirls li {
		width: 18%;
	}
}

@media (max-width:640px) {
	.allGirls li {
		width: 23.16%;
	}

	.allGirls li:nth-child(5n) {
		margin-right: 2%;
	}

	.allGirls li:nth-child(4n) {
		margin-right: 0;
	}
}

@media (max-width:568px) {
	.allGirls li {
		width: 23.11%;
	}
}

@media (max-width:414px) {
	.allGirls li {
		width: 31.2%;
	}

	.allGirls li:nth-child(4n) {
		margin-right: 2%;
	}

	.allGirls li:nth-child(3n) {
		margin-right: 0;
	}
}
*/
/* ========================
topページ　twitter 写真
=========================*/
#twitter_img {
	margin-bottom: 10px;
}

#twitter_img .title1 {
	color: #f165a9;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

#twitter_img .title1:before {
	content: "\f030";
	font-family: "FontAwesome";
	font-size: 21px;
	position: absolute;
	left: 5px;
	bottom: 0;
}

#twitter_img ul {
	height: 136px;
}

#twitter_img ul li {
	border: 1px solid #FF5A9D;
	width: 100px;
	height: 133px;
	overflow: hidden;
	margin: 0 3px
}

#twitter_img ul li img {
	width: 100%;
	overflow: hidden;
	margin: 0 3px;
	vertical-align: bottom;
}

/*---------------------------
 cast profile
---------------------------*/
#cast_profile {}

#profile {
	display: block;
	text-align: center;
}

#profLeft,
#profRight {
	width: 100%;
}

#cast_profile h3 {
	justify-content: space-between;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 26px;
	border-bottom: 1px dashed pink;
	margin-bottom: 10px;
	position: relative;
}

.main_profile_qa {
	padding-right: 20px;
}

.main_profile_qa_title {
	color: #f165a9;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #f165a9;
}

.main_profile_qa_title::before {
	content: "■";
	margin-right: 3px;
	color: #e91e63;
}

.shop_manager_ttl {
	margin-right: 20px;
}

.main_profile_qa_body {
	font-size: 1rem;
	padding: 1%;
	color: #f557b1;
	padding-left: 10px;
}

.main_profile_qa_key {
	padding: 10px 0 5px 0;
}

.main_profile_qa_key::before {
	content: "◆";
	margin-right: 3px;
	color: #ffeb3b;
}

.main_profile_qa_value {
	color: #03a9f4;
	border-bottom: 1px dotted #d0eff3;
	padding-bottom: 10px;
	padding-left: 36px;
}

#twitter_wiget_cast_profile {
	margin-bottom: 50px;
}

#twitter_wiget_cast_profile h3 {
	padding: 50px 0 0 0;
	text-align: center;
	display: block;
	line-height: 1.4;
	border-bottom: none;
	margin: 0;
}

#twitter_wiget_cast_profile .h2_ttl {
	text-align: center;
	padding-top: 20px;
}

#twitter_wiget_cast_profile p {
	text-align: center;
}

#twitter_wiget_cast_profile .twitter-timeline {
	height: 400px;

}

.main_profile_qa_update,
.main_profile_comment_update,
.main_profile_comment_title {
	display: none;
}

.main_profile_comment_body {
	padding: 10px 20px 10px 10px;
	color: #2196f3;
}

/* ===================================================================================================
   twitter 写真 profile page
=====================================================================================================*/
.photo_title {
	text-align: center;
	margin-top: 50px;
}

.photo_title span {
	display: block;
	text-align: right;
	font-size: 10px;
	color: #3498db;
}

#twitter_images_profile_page ul li {
	border: 3px solid;
	border-image: linear-gradient(180deg, #fda5c9 0%, #f8fbc0 50%, #fda5c9 100%);
	border-image-slice: 1;
	margin: .5%;
	width: 16.6%;
	height: 200px;
	overflow: hidden;
}

#twitter_images_profile_page ul li img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	object-position: 50% 50%;
}

#twitter_images_profile_page ul.stable {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	line-height: 1.5;

}

#twitter_images_profile_page ul.stable2 {
	display: none;
}

#twitter_images_profile_page ul.stable li {
	flex-basis: 30.7%;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 0 24px 2px rgba(255, 255, 255, 0.1);
	height: 150px;
	overflow: hidden;
}

@media (min-width:375px) {
	#twitter_images_profile_page ul.stable li {
		flex-basis: 30.5%;
	}
}

@media (min-width:320px) {
	#twitter_images_profile_page ul.stable li {
		flex-basis: 30%;
	}

}


.fujoho_custom_banner {
	margin-top: 50px;
}


/*************************************
文字　右から左
*************************************/
.flow_text {
	max-width: 100%;
	padding: 3px;
	overflow: hidden;
	background-color: #ffe100;
	margin-bottom: 10px;

}

.flow_text p {
	display: inline-block;
	/* 必須 */
	padding-left: 100%;
	/* 右端から文字をスタートさせるため */
	white-space: nowrap;
	/* 改行が起こらないように対策 */
	line-height: 1.2rem;
	/* 行間（高さ）を1文字分にする */
	animation: scroll 10s linear infinite;
	/* 下のアニメーションを10秒かけて行い、それをくりかえす */
	margin-bottom: 0;
	font-size: 1.2rem;
	color: var(--vk-color-primary);
}

/* アニメーション（右から左に移動） */
@keyframes scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-100%)
	}
}

/*---------------------------
 play
---------------------------*/
.btn_faq {
	padding: 5px 10px;
	color: #fff;
	background-color: #3f51b5;
	border-radius: 5px;
	margin-bottom: 15px;
}

.box2 {
	padding: 60px;
}

.box2 p {
	text-align: left;
}

.option_image {
	text-align: center;
}

/*
  flow
  ================================================ */
#flow {
	padding: 4rem 1rem;
}

#flow h2 {
	font-weight: bold;
	background: linear-gradient(var(--light-blue), var(--blue));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.flow {
	padding-left: 60px;
	position: relative;
}

.flow::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 60px;
}

.flow>li {
	position: relative;
}

.flow>li:not(:last-child) {
	margin-bottom: 8vh;
}

.flow>li .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107, 144, 219);
	background: -moz-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: linear-gradient(to right, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 100;
}

.flow>li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #66d5e9;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow>li dl {
	padding-left: 70px;
	position: relative;
}

.flow>li dl::before,
.flow>li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}

.flow>li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #6b90db;
	border-radius: 50%;
	left: -4px;
}

.flow>li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
}

.flow>li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(107, 144, 219);
	margin-bottom: 1vh;
}

/*
new
================================================ */
.flow-step1 {
	border: 1px solid red;
}

.flow-image-cover {
	position: relative;
	color: #fff;
	display: inline-block;
	padding: 5px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
}

.flow-image-cover p {
	display: inline;
}

.flow-image-cover p code {
	position: absolute;
	display: inline-block;
	color: yellow;
	font-size: 16px;
	line-height: 4;
	left: -53px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2);
	text-align: center;
	text-transform: uppercase;
	top: -26px;
	background: red;
	width: 100px;
	padding: 20px 10px 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.newface_date {
	bottom: 0;
}

.shiny-btn2 {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color: #384878;
	overflow: hidden;
}

.shiny-btn2::after {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 50px;
	height: 50px;
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);

	/* アニメーション */
	animation-name: shiny;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

/* ===================================================================================================
  アンケート
=====================================================================================================*/

#anketo-wrapper {

	padding: 10px;
	text-align: left;
}

#vote {
	color: #666;
	font-size: 12px;
	margin-bottom: 10px;
}

#q_table {
	padding-right: 10px;
	max-width: 100%;
	margin: 0 0 20px 0;
}

#q_table th {
	font-size: 15px;
	color: #FFF;
	background-color: #353535;
	border: 1px solid #000;
	padding: 10px;
	font-weight: normal;
	vertical-align: middle;
	width: 34%;
}

#q_table td {
	font-size: 14px;
	border: 1px solid #000;
	padding: 10px;
}

#q_table input {
	vertical-align: top;
}

#q_table tr:nth-child(4) td label {
	padding: 0 5px 0 1px;

}

#q_table textarea {
	width: 98%;
	height: 15em;
}

.button {
	text-align: center;
}

.button a {
	color: #fff;
}

.notes {
	font-size: 12px;
	display: block;
	color: #ff5a9d;
	display: block;
	text-align: left;
}

.reset input[type="reset"],
.submit input[type="submit"],
.gotop,
.return_button,
.submit_button {
	margin-top: 20px;
	border: #000 solid 1px;
	padding: 6px 13px 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	display: inline-block;
	background-color: #353535;
	cursor: pointer;

}

.reset input[type="reset"]:focus,
.submit input[type="submit"]:focus {
	outline: 0;
}

.submit,
.reset,
.gotop {
	position: relative;
	text-decoration: none;
	color: #C05189;
	/* margin :0 auto; */
	margin-bottom: 20px;
}

.gotop a {
	color: #fff;

}

/* ===================================================================================================
   アンケート表示
  =====================================================================================================*/

.disp {
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 0 0 20px 0;
}

.disp th {
	background-color: #353535;
	color: #fff;
	border: 1px solid #000;
	font-weight: normal;
	vertical-align: middle;
}

.disp td {
	border: 1px solid #000;
}

.disp th:nth-child(1),
.disp td:nth-child(1) {
	width: 21%;
	text-align: center;
}

.disp td:nth-child(1) img {
	width: 100%;
	float: none;
}

.disp td:nth-child(1) img:after {
	content: "";
	clear: both;
	display: block;
}

/* .disp td:nth-child(1) .a_name{
	 padding-top: 29px;
  } */
.disp th:nth-child(2),
.disp td:nth-child(2) {
	width: 12%;
	vertical-align: middle;
}

.disp th:nth-child(3),
.disp td:nth-child(3) {
	width: 12%;
	vertical-align: middle;
}

.disp th:nth-child(4),
.disp td:nth-child(4) {
	width: 55%;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	position: relative;
}

.disp a.rep img {
	position: absolute;
	width: 100px;
	top: -50px;
	right: 0px;
}

#edit th,
#edit td {
	vertical-align: middle;
	text-align: center;
}

#edit th:nth-child(1),
#edit td:nth-child(1) {
	width: 5%;
}

#edit th:nth-child(2),
#edit td:nth-child(2) {
	width: 8%;
}

#edit td:nth-child(2) img {
	width: 100%;
}

#edit th:nth-child(3),
#edit td:nth-child(3) {
	width: 8%;
}

#edit td:nth-child(3) input {
	width: 99px;
}

#edit th:nth-child(4),
#edit td:nth-child(4) {
	width: 8%;
}

#edit td:nth-child(4) input {
	width: 90px;
}

#edit th:nth-child(5),
#edit td:nth-child(5) {
	width: 8%;
}

#edit td:nth-child(5) input {
	width: 20px;
}

#edit th:nth-child(6),
#edit td:nth-child(6) {
	width: 26%;
}

#edit td textarea {
	width: 95%;
	height: 120px;
}

#edit th:nth-child(8),
#edit td:nth-child(8) {
	width: 5%;
}

/* ===================================================================================================
	アンケート編集
  =====================================================================================================*/

#container.anketo_edit_wrapper {
	display: block;
}

.anketo_edit_wrapper #mainContent {
	width: 100%;
}

.anketo_edit {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
	border-left: 1px solid var(--main-bg-color);
	border-right: 1px solid var(--main-bg-color);
}

/* .anketo_edit .ttl_img {
	 width: 988px;
  }
  .anketo_edit .h2_wrapper {
   padding: 20px;
   text-align: left;
  } */
/* ===================================================================================================
   個別アンケート表示
  =====================================================================================================*/

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

#anketo h3 {
	background: #86cdec;
	text-align: left;
	position: relative;
	padding-top: 0;
	border: none;

}

#anketo h3 a {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 10px 0 10px 40px;

}

#anketo h3 a:before {
	content: "\f044";
	font-family: "FontAwesome";
	font-size: 18px;
	position: absolute;
	left: 10px;

}

#anketo #toanketo,
#anketo #toanketo a {
	color: #C05189;
	text-align: right;
	font-size: 14px;
	padding-right: 10px;
}

#anketo #toanketo a:hover {
	color: #C05189;
}

/* ===================================================================================================
	吹き出し
  =====================================================================================================*/

.personal {
	padding: 20px 10px;
	margin: 15px auto;
	text-align: right;
	font-size: 14px;
	background: #7da4cd;

}

/*以下、②左側のコメント*/
.balloon6 {
	width: 100%;
	margin: 40px 0 20px 0;
	position: relative;
	/*    overflow: hidden;*/
}

.balloon6 .faceicon {
	float: left;
	margin-right: -100px;
	width: 100px;
	position: relative;
	color: #444;
}

.balloon6 .faceicon:before {
	content: "\f007";
	font-family: "FontAwesome";
	font-weight: 900;
	font-size: 56px;
	position: absolute;
	top: -16px;
	left: 16px;
}

.balloon6 .faceicon .username {
	padding-top: 55px;
	text-align: center;
	font-size: 12px;
}

/*
  .balloon6 .faceicon img{
	 width: 100%;
	 height: auto;
	 border-radius: 50%;
  }
  */
.balloon6 .chatting {
	width: 100%;
	text-align: left;
}

.says {
	display: inline-block;
	position: relative;
	margin: 0 0 0 80px;
	padding: 10px;
	max-width: 75%;
	border-radius: 12px;
	background: #edf1ee;
	color: #444;
}

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

.says p {
	margin: 0;
	padding: 0;
}

/*以下、③右側の緑コメント*/
.mycomment {
	margin: 40px 0;
	position: relative;
}

.mycomment img {
	width: 7%;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: -25px;
	right: 0;
}

.mycomment p {
	display: inline-block;
	position: relative;
	margin: 0 105px 0 0 !important;
	padding: 8px;
	max-width: 75%;
	border-radius: 12px;
	background: #30e852;
	color: #444;
}

.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);
}

.personal .score {
	position: absolute;
	top: -30px;
	left: 0px;
	font-size: 12px;
	color: #ff9;
}

.personal li {
	border-bottom: 1px solid #ff5a9d;
	position: relative;
}

.personal li .date {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: -30px;
	left: 0;
}

#anketo_Content .cast_wrapper h3 {
	color: #ff5a9d;
	text-align: left;
}

.cast_wrapper .a_name {
	color: #ff5a9d;
	font-size: 10px;
}

.cast_wrapper .disp td a:hover {
	text-decoration: none;
}

.cast_wrapper #img {
	width: 100%;
}

#anketo_Content .savedate {
	text-align: right;
	color: #999;

}

.cast_wrapper {
	text-align: center;
}

#edit_button {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	;

}

#edit_button a {
	color: #fff;
	margin-right: 20px;
}

/* input.submit_button,
  .return_button {
	 padding: 10px;
	 font-size: 100%;
	 border-style:none;
	 cursor: pointer;
	 margin: 0 auto;
	 background: #f2f2f2;
	 margin: 10px;
  
  }
  input.submit_button:hover ,
  .return_button:hover {
  
   color: #FF5BA8;
  } */


#questionnaire .right a {
	color: #C05189;
	text-align: right;
	display: block;
}

#thanks {
	text-align: left !important;
}

/* ===================================================================================================
  写真アニメーション
=====================================================================================================*/
.animate_frame {
	overflow: hidden;
}

.animate_frame li.speed01 {
	transition: .8s;
}

.animate_bottomup {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}

.animate_bottomup_after {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.animate_slide_from_right {
	opacity: 0;
	margin: 0 auto;
	position: relative;
	left: -40px;
}

.fadeInRight {
	transition: all 0.5s ease-in;
	transform: translateX(40px);
	opacity: 1 !important;
}

/* ===================================================================================================
  いいねボタン
=====================================================================================================*/
button.newiine_btn {
	color: #4a4a4a;
	font-size: 10px;
	padding: 1px 10px 0px 10px;
	margin-right: 0;
}

button.newiine_btn span.material-icons-round {
	font-size: 15px;
	margin: 0 auto;
}

/*************************************
レイアウトの調整 2025/7/7
*************************************/
@media (max-width:1024px) {
	.head-menu {
		background: rgba(6, 6, 6, 0.9);
	}

	.headA {
		display: block;
		width: 60%;
	}

	div#inner-menu {
		margin-left: 30px;
	}

	/* header .container-small img {
		object-fit: fill;
	} */

	#head {
		padding-top: 105px;
	}

	.animate_slide_from_left a img,
	.animate_slide_from_right a img {
		width: 97vw;
	}

	.tab-menu>li>a {
		font-size: 16px;
	}

	.girls li {
		width: 14.4%;
		border: solid 1px #fda5c9;
	}

	.girls li h4,
	.girls li p {
		font-size: 14px;
	}

	.girls li .ribon {
		height: auto;
	}

	.girls li .ribon span {
		bottom: -40px;
	}

	#chiled .girls {
		margin: 0 auto;
		width: 100%;
	}

	#chiled .girls li {
		width: 100px;
		margin: 0 0 15px 18px;
		font-size: 11px;
	}

	#chiled .girls li img {
		width: 100%;
		object-fit: cover;
		object-position: center top;
		height: 111px;
	}

	.girls li .ribon span {
		position: absolute;
		display: inline-block;
		bottom: -40px;
		right: -80px;
		width: 150px;
		height: 100px;
		background: rgba(0, 0, 0, .6);
		color: #fff;
		text-align: center;
		transform: rotate(-50deg);
	}

	.allGirls li h3,
	#chiled .girls li h4 {
		font-size: 10px;
	}

	.allGirls li {
		height: 192px;
	}

}

@media (max-width:852px) {

	#chiled .girls li,
	.allGirls li {
		width: 115px;
	}

}

@media (max-width:768px) {

	#chiled .girls li,
	.allGirls li {
		width: 126px;
	}

}

@media (max-width:740px) {
	.girls li {
		width: 14.3%;
	}

	#chiled .girls li,
	.allGirls li {
		width: 122px;
	}

	.girls li h4,
	.girls li p {
		font-size: 12px;
	}

}

@media (max-width:720px) {
	.tab-menu>li>a {
		font-size: 14px;
	}


	#chiled .girls li,
	.allGirls li {
		width: 117px;
	}
}

@media (max-width:667px) {
	.tab-menu>li>a {
		font-size: 13px;
	}

	.girls li h4,
	.girls li p {
		font-size: 10px;
	}

	#chiled .girls li,
	.allGirls li {
		width: 109px;
	}
}

@media (max-width:540px) {
	.girls li {
		width: 17.6%;
	}
}

@media (max-width:430px) {
	.tab-menu>li>a {
		font-size: 12px;
	}

	.girls li {
		width: 22.4%;
	}

	#inner-menu a:nth-child(2) {
		padding: 0 6px;
	}
}

@media (max-width:393px) {
	/* .headA {
		display: block;
		width: 63%;
	} */

	.girls li {
		width: 22.4%;
	}

	#chiled .girls li,
	.allGirls li {
		margin: 0 1% 2% 1%;
		width: 83px;
	}

}



@media (max-width:375px) {

	#chiled .girls li,
	.allGirls li {
		margin: 0 1% 2% 1%;
		width: 109px;
	}

	.girls li {
		width: 30.7%;
	}

	#inner-menu a:not(:nth-child(3)) {
		font-size: 29px;
	}

	#inner-menu a:nth-child(1):before {
		font-size: 10px;
		top: -2px;
		left: 6px;
		color: #fff;
	}

	.menu-trigger {
		width: 25px;
		height: 20px;
	}

	#inner-menu a:nth-child(2):before {
		font-size: 10px;
		left: 5px;
	}

	.menu-trigger:before {
		font-size: 10px;
		top: -15px;
		left: 0;
		color: #f165a9;
	}

	#head {
		padding-top: 88px;
	}
}

@media (max-width:360px) {

	#chiled .girls li,
	.allGirls li {
		width: 104px;
	}
}

@media (max-width:344px) {

	#chiled .girls li,
	.allGirls li {
		width: 99px;
	}
}

@media (max-width:320px) {
	select.goog-te-combo {
		width: 152px;
	}

	.girls li {
		width: 30.6%;
	}

	#chiled .girls li,
	.allGirls li {
		width: 91px;
	}

}