@charset "UTF-8";
/* CSS Document */

html, body {
	height:100%;
}
body {
	position: relative;
	background: #fff;
	color: #222;
	padding: 0;
	margin: 0;
}

.loginContainer {
	background: url("../images/login_bg.jpg") left bottom no-repeat;
	background-size: cover;
	width: 100vw;
	height: 100vh;
}
.loginContainer .logincontents {
	padding-top: 80px;
}
.logincontents .rogo {
	width: calc(100vw / 5);
}


/* コンパニオンリスト */
.complist {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 120px;
}
.complist .compitem {
	display: inline-block;
	padding: 0;
	margin: 15px 0;
	width: 50%;
	vertical-align: top;
}
.complist .img {
	position: relative;
	background: #2e2000;
	width: 97%;
	height: auto;
	overflow: hidden;
}
.complist .img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.complist .img .class {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.complist .img .class.c1 {
	background: url("../images/list_frame1.png") no-repeat;
	background-size: 100% auto;
}
.complist .img .class.c2 {
	background: url("../images/list_frame2.png") no-repeat;
	background-size: 100% auto;
}
.complist .img .class.c3 {
	background: url("../images/list_frame3.png") no-repeat;
	background-size: 100% auto;
}
.complist .namaeContainer {
	position: relative;
	background: #2e2000;
	border-radius: 0 0 14px 14px;
	padding: 15px 0;
	width: 97%;
	font-size: 3vw;
	line-height: 1.6em;
	color: #fada8e;
}
.complist .namaeContainer strong {
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
}
.complist .namaeContainer .nexttime {
	font-family: 'Noto Serif JP', serif;
	font-size: 5vw;
	line-height: 1.4em;
}

ul.complist li a .icon-newface {
	position: absolute;
	top: 330px;
	left: -4px;
	background: url(../images/cast/icon_new.png) no-repeat;
	width: 65px;
	height: 65px;
}


/* プロフィール */
.primg {
	position: relative;
	background: #010b17;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.primg img {
	width: auto;
	height: 90vh;
}
.profile .slick-slide {
	transition: all ease-in-out .3s;
	opacity: .6;
	filter: blur(2px);
}
.profile .slick-active {
	opacity: .9;
}
.profile .slick-current {
	opacity: 1;
	filter: blur(0);
}
a.prslider_prev, a.prslider_next {
	display: block;
	border-top: 3px #ddd solid;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
a.prslider_prev {
	position: absolute;
	top: 50%;
	left: 20px;
	z-index: 95;
	border-left: 3px #ddd solid;
	transform: translateY(-5px) rotate(-45deg);
}
a.prslider_next {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 95;
	border-right: 3px #ddd solid;
	transform: translateY(-5px) rotate(45deg);
}

.pr-namae {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.85);
	-webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
	border-radius: 0 24px 0 0;
	padding: 20px;
	font-size: 3vw;
	text-align: left;
}
.pr-namae .nexttime {
	display: block;
	font-family: "Noto Serif JP", serif;
	font-size: 6vw;
	line-height: 1.15em;
}
.pr-namae strong {
	display: inline-block;
	padding-right: 10px;
	font-family: "Noto Serif JP", serif;
	font-size: 5vw;
	font-weight: 200;
	line-height: 1.15em;
}

a.backbtn {
	position: absolute;
	bottom: 15px;
	right: 20px;
	background: #e6e6e6;
	border-radius: 30px;
	padding: 10px 30px;
	font-size: 3vw;
	line-height: 1em;
	color: #333;
	text-align: center;
}


.tablelist table {
	border:none;
	border-spacing:0;
	border-collapse:separate;
	width:100%;
}
.tablelist th {
	background:#f1ede5;
	border-radius:16px;
	padding:16px;
	text-align:center;
	word-break:keep-all;
	font-size:16px;
	font-weight:500;
	color:#816c42;
}
.tablelist td {
	background:#fffcf9;
	border-radius:16px;
	padding:16px;
	font-size:16px;
	text-align:left;
}


a.reloadbtn {
	display: inline-block;
	position: fixed;
	bottom: 20px;
	left: 50%;
	background: #333;
	border-radius: 30px;
	padding: 16px 0;
	width: 60%;
	font-size: 4vw;
	line-height: 1em;
	color: #eee;
	text-align: center;
	z-index: 100;
	transform: translateX(-50%);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

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