@charset 'utf-8';

/* BODY
--------------------------------------------------	*/
body{
	position: relative;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#0d0908;
	color:#ffffff;
}

/* HEADER
--------------------------------------------------	*/
#header{
	position:fixed;
	width:100%;
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-align:center;
	background-color:#000000;
	z-index:999;
}
#header-image{ padding-top:100px; }
#header-image-recruit{ padding-top:100px; }

/* FOOTER
--------------------------------------------------	*/
#footer{
	padding:10px 0;
	text-align:center;
	font-size:0.9em;
	color:#a7a7a7;
	background-color:#0d0908;
}
#footer a:hover img{
	position:relative;
	top:0.5px;
	left:0.5px;
}
#footer a:link{ color:#a7a7a7; text-decoration:none; }
#footer a:visited{ color:#a7a7a7; }
#footer a:hover{ color:#d2a35c; text-decoration:none; }

#footer li {
	display:inline;
}

/* FOOTERLINK
--------------------------------------------------	*/
.footerlink {
	display: flex; justify-content: center; align-items: stretch; border: 1px solid transparent; width:85%; height:180px; margin:auto; margin-bottom:20px;
}
.footerlink a{ text-decoration:none; color:#888888; }
.footerlink a:hover{ color:#888888; }
.footerlink a:visited{ color:#888888; }

/* A
--------------------------------------------------	*/
a{ text-decoration:none; color:#e2bc7e; }
a:hover{ color:#e2bc7e; }
a:visited{ color:#7b561a; }

/* IMG
--------------------------------------------------	*/
img{ border-style:none; vertical-align:middle; max-width:100%; }

/* FORM
--------------------------------------------------	*/
form{ margin:0px; padding:0px; }
.require{ float:right; padding:2px 4px; background-color:#cc0000; border-radius:3px; font-size:11px; color:#ffffff; }

/* CLEAR
--------------------------------------------------	*/
.clear { clear:both; }

/* STANDBY
--------------------------------------------------	*/
strong.tokyo {
  color: #e10d02;
  background: #ffe9e9;
  padding: 3px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: double 2px #e10d02;
  font-weight: normal;
  display: block;
  margin: 0 3px;
}

strong.yokohama {
  color: #555555;
  background: #f1f1f1;
  padding: 3px 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: double 2px #555555;
  font-weight: normal;
  display: block;
  margin: 0 3px;
}

/* PROFILE-SCHEDULE
--------------------------------------------------	*/
.profile-schedule {
	width:100%;
	min-height:150px;
}
.profile-schedule th {
	padding:3px;
	background:#b7913c;
	font-weight:normal;
	font-size:0.8em;
	text-align:center;
	color:#ffffff;
	border:1px solid #b7913c;
}
.profile-schedule td {
	padding:3px;
	background-color:#fdf7eb;
	font-size:0.8em;
	text-align:center;
	border:1px solid #b7913c;
	color:#333333;
}
.title2 {
	margin:10px 0;
	padding:10px;
	background-color:#c8a876;
	background-repeat:no-repeat;
	background-position:center;
	font-size:1.4em;
	font-weight:bold;
	color:#000000;
	text-align:left;
}
.title2 span{ font-size:0.6em; font-weight:normal; }

/* enter */
#enter{
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;
	display:inline-block;
}
#enter a:hover img{
	position:relative;
	top:0.5px;
	left:0.5px;
}
#enter-top{
	font-size:0.9em;
	color:#999999;;
	line-height:200%;
}
#enter-bottom{
	padding:10px;
	background-color:#000000;
	font-size:0.9em;
	color:#999999;
	line-height:200%;
}

/* Rules */
.rules-outer {
	max-width:326px;
	margin:auto;
	border:2px solid #ccaa44;
	margin-bottom:20px;
	padding:5px;
	position:relative;
}
.rules-inner {
	border:1px solid #ccaa44;
	padding:1.5em;
	position:relative;
}
.rules-inner h2 {
	margin:0;
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
}
.rules-inner h3 {
	margin:0;
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	color:#ccaa44;
}

/* Profile-container1 */
.profile-container1{ float:left; width:45%; margin-bottom:10px; color:#cf324d; border:1px dashed 333; }
.profile-container2{ float:left; margin-bottom:10px; color:#555555; }
.profile-clear{ clear:both; margin-bottom:10px; border-top:1px dashed #888888; }

/* Box=Cast */
.cast-schedule {
	float:left;
	width:133px;
	height:330px;
	margin:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#ffffff;
	text-align:center;
	font-size:15px;
	color:#555555;
	overflow:hidden;
}

/* H1 */
h1.main-title{
	margin-bottom:70px;
	font-size:2.8em;
	font-weight:bold;
	color:#826831;
	line-height:70%;
	text-align:center;
}
h1.main-title span{ font-size:0.4em; }

/* HEADLINK */
#headlink{ margin:0; padding-bottom:10px; text-align:left; }
#headlink a:link{ color:#ddae7a; text-decoration:none; }
#headlink a:visited{ color:#ddae7a; }
#headlink a:hover{ color:#ddae7a; text-decoration:none; }

/* TABLE */
.table { display:table; width:100%; }
.table .row { display:table-row; text-align:left; }
.table .cell1{ display:table-cell; width:45%; padding:10px; text-align:left; font-size:0.9em; border-bottom:1px dashed #888; }
.table .cell2{ display:table-cell; width:55%; padding:10px; text-align:left; font-size:0.9em; border-bottom:1px dashed #888; }

/* CAST-TAG */
.cast-tag{
	display:inline-block;
	margin:2px;
	padding:5px 12px;
	background-color:#c8a876;
	color:#000000;
	font-weight:bold;
	border-radius:15px;
}

/* CAST-PLAY */
#cast-play-container{
	display:flex;
	flex-wrap:wrap;
	height:auto;
	width:100%;
	margin:10px 0;
}
.cast-play-on{
	margin:2px;
	padding:5px 12px;
	background-color:#702a42;
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	word-break: break-all;
}
.cast-play-off{
	margin:2px;
	padding:5px 12px;
	background-color:#9e9e9e;
	color:#3e3e3e;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	word-break: break-all;
}

/* PAGETOP
--------------------------------------------------	*/
.pagetop {
	position:relative;
	width:100%;
	margin:0;
	padding:0px;
	background-color:#222222;
	font-size:2.0em;
	color:#dcad30;
	cursor:pointer;
}
.pagetop a {
	position:absolute;
	top:0;
	left:0;
}

/* BUTTON
--------------------------------------------------	*/
.button {
	padding:10px 45px;
	background-color:#90601c;
	box-shadow:3px 2px 1px #555555;
	border:none;
	border-radius:50px;
	font-size:1.0em;
	color:#fff;
	cursor:pointer;
}

/* BUTTON
--------------------------------------------------	*/
.cur			{ display:inline-block; margin:2px; text-decoration:none; padding:12px 18px; font-weight:bold; color:#ffffff; background:#222222; border:0; border-radius:5px; }
.blk			{ display:inline-block; margin:2px; text-decoration:none; }
.blk a			{ display:inline-block; text-decoration:none; padding:12px 18px; color:#000000; font-weight:bold; background:#bbbbbb; border-radius:5px; }
.blk a:hover	{ text-decoration:none; background:#3f3f3f; color:#ffffff; }
.blk a:active	{ text-decoration:none; background:#3f3f3f; }

.blk2			{ display:inline-block; margin:2px; text-decoration:none; }
.blk2 a			{ display:inline-block; text-decoration:none; padding:12px 18px; color:#ffffff; font-weight:bold; background:#a61430; border-radius:5px; }
.blk2 a:hover	{ text-decoration:none; background:#ac8328; color:#ffffff; }
.blk2 a:active	{ text-decoration:none; background:#ac8328; }

/* table-form-shop
--------------------------------------------------	*/
.table-form{ width:100%; margin:auto; padding:0; }
.table-form th,td { padding:20px 0; text-align:left; border-bottom:1px solid #888888; }
.table-form input:focus, select:focus, textarea:focus { background-color:#ffffff; }

/* cast-box
--------------------------------------------------	*/
.cast-box{
	float:left;
	width:24%;
	margin-left:0.1%;
	margin-right:0.1%;
	margin-bottom:5%;
	padding:0.4%;
	background-color:#1b1b1b;
	color:#e9b97b;
	text-align:center;
	overflow-wrap: break-word;
}

/* table-system
--------------------------------------------------	*/
.table-system {
	width:100%;
	border-collapse:collapse;
	color:#333333;
}
.table-system th{ width:42%; font-weight:normal; text-align:left; }
.table-system th, .table-system td {
	padding:10px;
	border:1px solid #888888;
}
.table-system tr:nth-child(2n+1) {
	background:#f1f1f1;
}
.table-system tr:nth-child(2n+0) {
	background:#ffffff;
}
.table-system tr:first-child, .s-tbl th:first-child {
	background:#cd9c51;
	color:#ffffff;
}

/* box-todaygirl
--------------------------------------------------	*/
.box-todaygirl{
	float:left;
	background-color:#1b1b1b;
	text-align:center;
	margin:0.6%;
	padding:0.7%;
	color:#e9b97b;
}
.box-todaygirl-image{ position:relative; margin-bottom:5px; max-width:100%; }

/*** agreement ***/
.agreement-box{
	width:90%;
	margin:auto;
	padding:10px;
	color:#cccccc;
	background-color:#333333;
}

/*** hotel-table ***/
.hotel-table {
	width:100%;
	margin:auto;
}
.hotel-table th {
	border:2px solid #555;
	color:#333;
	padding:10px 0;
	text-align:center;
}
.hotel-table td {
	border:2px solid #555;
	padding:10px 0;
	color:#333;
	text-align:center;
}

/*** enter-link ***/
#enter-link{
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*** side-box ***/
.side-box{
	max-width:324px;
	height:330px;
	margin:auto;
	margin-bottom:20px;
	padding:5px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	background-color:#292f33;
	border:2px solid #ccaa44;
	font-style:normal;
	color:#ffffff;
	text-align:left;
}

/*** accordion ***/
.text_wrapper {
	position: relative;
	margin-bottom: 45px;
}
.text {
	height: 180px;
	overflow: hidden;
}
.show_more,
.show_more2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	padding-top: 60px;
	text-align: center;
	line-height: 30px;
	background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(0, 0, 0, 1) 50%);
	cursor: pointer;
	transition: bottom 0.2s;
}
.active {
	background: none;
	bottom: -30px;
}

/* SCHEDULETABLE
--------------------------------------------------	*/
.scheduletable td:first-child {
	background:#fbf5f5;
}
.scheduletable {
	width:100%;
	min-height:180px;
	margin-bottom:20px;
}
.scheduletable p{ width:100%; margin:0; text-align:center; }
.scheduletable a		{ color:#ffffff; font-weight:bold; background:#a61430; border-radius:5px; }
.scheduletable a:hover	{ text-decoration:none; background:#ac8328; color:#ffda88; }

/* PROFILE-SYSTEM
--------------------------------------------------	*/
.profile-system{ width:100%; margin:0; padding:0; border-collapse:collapse; }
.profile-system th,td{ margin:0; padding:5px; font-weight:normal; border-bottom:1px solid #cccccc; }
.profile-system th{ text-align:right; }
.profile-system td{ text-align:right; white-space:nowrap; width:30%; }

/* PROFILE-MAIN
--------------------------------------------------	*/
.profile-main {
	width:100%;
	font-size:0.9em;
	color:#888888;
}
.profile-image {
	height:100%;
}

.profile-text {
	height:100%;
}

/*** figure ***/
figure{ margin:0; padding:0; }
figure img{ width:100%; height:100%; }
.fadein {
	opacity : 0;
	transform: translateY(30px);
	transition: all 0.8s;
}

/* レスポンシブPC&タブレット
--------------------------------------------------	*/
@media screen and (min-width:1010px){
	#wrapper{
		width:990px;
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
	}

	#header-top-left{ float:left; }
	#header-top-right{ float:right; margin-right:90px; }

	#contents{
		width:990px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
	}
	#contents-top{
		background-color:#000000;
	}
	#contents-left{
		float:left;
		width:650px;
		padding:10px;
		text-align:left;
		background-color:#000000;
	}
	#contents-right{
		float:left;
		width:300px;
		padding:10px;
		text-align:center;
	}
	#contents-main{
		padding:20px;
		background-color:#000000;
	}

	#top-menu{
		width:990px;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	#top-menu li{
		width:14.28%;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		border-right:0px solid #ebebeb;
	}
	#top-menu li a{
		width:auto;
		color:#ce324a;
		font-weight:bold;
		padding:8px;
		text-decoration:none;
		font-size:18px;
		display:block;
		background:#ffffff;
		border-left:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
	}
	#top-menu li a:hover{
		background:#fcd1dc;
	}
	#top-menu .subtitle{ font-size:0.8em; font-weight:normal; color:#333333; }

	#footer li{
		padding-left:5px;
		padding-right:10px;
		border-right:2px solid #a7a7a7;
	}
	#footer li.last {
		border-right:none;
	}

	/* SCHEDULETABLE
	--------------------------------------------------	*/
	.scheduletable th {
		width:12.5%;
		background:#ac8328;
		text-align:center;
		font-size:0.8em;
		color:#ffffff;
	}
	.scheduletable td {
		background:#fffcf4;
		text-align:center;
		font-size:0.8em;
		color:#010101;
	}
	.scheduletable td:first-child {
		width:80px;
		background:#ac8328;
		color:#fff;
		text-align:center;
	}
	.scheduletable td:before {
		content:attr(data-label);
		display:none;
	}

	/*** slider ***/
	div.slider-index {
		margin:auto;
		padding-bottom:20px;
		width:600px;
	}
	div.slider-profile {
		margin:auto;
		width:384px;
	}
	div.slider-for {
		margin-bottom:16px;
	}
	div.slider-nav img {
		width:90%;
	}

	/*** table-form ***/
	.table-form th { width:45%; }
	.table-form .mandatory{ float:right; margin-right:10px; padding:2px 4px; color:#ffffff; font-size:0.8em; font-weight:normal; background-color:#b38e3b; border-radius:5px; }

	/*** box-todaygirl ***/
	.box-todaygirl{
		width:30.6%;
	}
	.box-todaygirl-name{ font-size:1.5em; }
	.box-todaygirl-name span{ font-size:0.5em; }
	.box-todaygirl-size{ font-size:0.8em; }
	.box-todaygirl-sche{ margin:5px 0; color:#ffffff; background-color:#b7913c; border-radius:15px; }

	/*** column ***/
	#column-container{ width:720px; margin:auto; }
	.column-box{
		float:left;
		width:220px;
		margin:10px;
		background-color:#ffffff;
		border-radius:15px;
		overflow:hidden;
		text-align:center;
		color:#333333;
		cursor:pointer;
		transition:all 0.5s ease 0s;
	}
	.column-box-img{ height:250px; overflow:hidden; }
	.column-box-noimg{ height:250px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
	.column-box-txt{ height:200px; padding:5px; overflow:hidden; }
	.column-box p{ font-size:0.9em; text-align:left; }
	.column-box h3{ margin:0; font-weight:normal; }
	.column-box:hover{
		box-shadow:5px 5px 0 0 #cccccc;
		transform:translateY(-5px);
	}

	/*** profile-container ***/
	.profile-container-left{ float:left; width:49%; }
	.profile-container-right{ float:right; width:49%; }

	/*** recruit-table ***/
	.recruit-table{ width:100%; margin:auto; color:#bbbbbb; }
	.recruit-table th { width:20%; padding:10px; text-align:left; border-bottom:1px solid #808080; }
	.recruit-table td { padding:10px; text-align:left; border-bottom:1px solid #808080; }

	.profile-schedule th {
		width:14.28%;
	}

	.cast-play-on{
		width:23.3%;
	}
	.cast-play-off{
		width:23.3%;
	}

	/*** profile-main ***/
	.profile-main {
		display:flex;
	}
	.profile-image {
		flex:1;
	}
	.profile-text {
		flex:1;
	}

	#footer-tel{ display:none; }
}

/* レスポンシブSP
--------------------------------------------------	*/
@media screen and (max-width:1009px){
	#wrapper{
		margin-left:auto;
		margin-right:auto;
	}

	#header-top-left{ text-align:left; }
	#header-top-right{  }

	#contents{
		margin-left:auto;
		margin-right:auto;
	}
	#contents-left{
		padding:10px;
		text-align:center;
		background-color:#000000;
	}
	#contents-right{
		padding:10px;
		text-align:center;
	}
	#contents-main{
		padding:20px;
		background-color:#000000;
	}

	#top-menu{
		padding:0;
		margin:0;
		list-style-type:none;
		display:none;
	}

	#footer{ margin-bottom:120px; }
	#footer ul { padding-left:2%; margin:auto; line-height:250%; }
	#footer li {
		display:inline-block;
		float:left;
		width:48%;
		margin:2px;
		background:#54524e;
		border:1px solid #ffffff;
	}
	#footer li a {
		display:block;
		width:100%;
	}
	#footer li a:hover {
		background-color:#6d6962;
	}

	.profile-schedule {
		width:98%;
		margin:auto;
	}
	.profile-schedule tr {
		display:block;
		float:left;
	}
	.profile-schedule tr td,
	.profile-schedule tr th {
		height:65px;
		display:flex;
		align-items:center;
	}
	.profile-schedule tr th {
		border-bottom:none;
	}
	.profile-schedule tr td {
		border-left:none;
		border-bottom:none;
	}
	.profile-schedule thead {
		display:block;
		float:left;
		width:40%;
	}
	.profile-schedule thead tr {
		width:100%;
	}
	.profile-schedule tbody {
		display:block;
		float:left;
		width:60%;
	}
	.profile-schedule tbody tr {
		width:100%;
	}
	.profile-schedule th {
		overflow:auto;
		text-align:left;
		border:1px solid #fdf7eb;
	}
	.profile-schedule td {
		overflow:auto;
		text-align:left;
	}
	.profile-schedule tr td + td {
		border-left:none;
	}
	.profile-schedule th:last-child {
		border-bottom:1px solid #808080;
	}
	.profile-schedule td:last-child {
		border-bottom:1px solid #808080;
	}
	.profile-schedule-img{ width:98%; margin:auto; }

	/*** scheduletable ***/
	.scheduletable .thead {
		display:none;
	}
	.scheduletable td {
		display:block;
		text-align: right;
		width:100%;
		padding:5px;
		background:#fffcf4;
		border-bottom:1px dashed #808080;
		color:#010101;
	}
	.scheduletable td:first-child {
		background:#ac8328;
		text-align:center;
		border:0;
	}
	.scheduletable td:before {
		content:attr(data-label);
		float:left;
		margin-right:10px;
	}

	strong.tokyo {
	  display: inline-block;
	}
	strong.yokohama {
	  display: inline-block;
	}

	/*** slider ***/
	div.slider-profile {
		margin:40px auto;
		width:300px;
	}
	div.slider-for {
		margin-bottom:16px;
	}
	div.slider-nav img {
		width:90%;
	}

	.table-form th { display:block; padding:10px; border:0; }
	.table-form td { display:block; padding:10px; }
	.table-form .mandatory{ margin-left:2px; color:#ac8328; font-size:0.8em; font-weight:normal; }

	/*** schedule-date ***/
	.schedule-date{ font-size:0.8em; }

	/*** box-todaygirl ***/
	.box-todaygirl{
		width:47.4%;
	}
	.box-todaygirl-name{ font-size:1.0em; }
	.box-todaygirl-name span{ font-size:0.8em; }
	.box-todaygirl-size{ font-size:0.8em; color:#c8a876; }
	.box-todaygirl-sche{ margin:5px 0; color:#ffffff; background-color:#b7913c; border-radius:15px; }

	/*** column ***/
	#column-container{ margin:auto; }
	.column-box{
		float:left;
		width:31%;
		margin:1%;
		background-color:#ffffff;
		border-radius:15px;
		overflow:hidden;
		text-align:center;
		color:#333333;
		cursor:pointer;
		transition:all 0.5s ease 0s;
	}
	.column-box-img{ height:200px; overflow:hidden; }
	.column-box-noimg{ height:200px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
	.column-box-txt{ height:150px; padding:5px; overflow:hidden; }
	.column-box p{ font-size:0.9em; text-align:left; margin-left:10px; }
	.column-box h3{ font-size:0.9em; margin:0; font-weight:normal; }
	.column-box:hover{
		box-shadow:5px 5px 0 0 #cccccc;
		transform:translateY(-5px);
	}

	/*** profile-container ***/
	.profile-container-left{ }
	.profile-container-right{ }

	/*** recruit-table ***/
	.recruit-table{ width:100%; margin:auto; }
	.recruit-table th {
		display:block;
		padding:5px;
		text-align:left;
		border-bottom:1px solid #808080;
		border-bottom:none;
	}

	.recruit-table td {
		display:block;
		margin-bottom:10px;
		padding:5px;
		text-align:left;
		border-bottom:1px solid #808080;
	}

	#header-image-recruit{ padding-top:200px; }

	.hotel-table-last td:last-child {
		border-bottom:2px solid #555;
		width: 100%;
	}
	.hotel-table {
		width:100%;
	}
	.hotel-table th,
	.hotel-table td {
		border-bottom: none;
		display: block;
		width: 100%;
	}

	/* cast-schedule */
	.cast-schedule {
		float:left;
		width:32%;
		height:330px;
		margin:0.6%;
		background:#ffffff;
		text-align:center;
		font-size:15px;
		color:#555555;
		overflow:hidden;
	}

	/* cast-box */
	.cast-box{
		float:left;
		width:32%;
	}

	.cast-play-on{
		width:23.0%;
	}
	.cast-play-off{
		width:23.0%;
	}

	#footer-tel{
		position: fixed;
		left: 0;
		bottom: 0;
		width:100%;
		padding:10px;
		text-align:left;
		font-size:0.9em;
		color:#ffffff;
		background-color:#0d0908;
	}
	#footer-tel i{ padding:12px; background-color:#ffffff; border-radius:50%; }
	#footer-tel a:link{ color:#a7a7a7; text-decoration:none; }
	#footer-tel a:visited{ color:#a7a7a7; }
	#footer-tel a:hover{ color:#d2a35c; text-decoration:none; }
}