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

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


header, header h1, header .blist, header a.mem-logout,
nav.gnav a.gnavbar, nav.gnav, nav.gnav ul li a, nav.gnav ul li a:after, nav.gnav ul li a span,
.overnav .onContainer {
	webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.bodyContainer {
	position: relative;
	max-width: 3000px;
	box-shadow:0px 0px 40px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 40px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 40px rgba(0,0,0,0.1);
}
nav {
	position:fixed;
	top:0;
	left:0;
	background:url("../images/nav.png") center top no-repeat;
	width:100%;
	min-width:900px;
	height:66px;
	z-index:100;
	animation:navAnim 0s ease-in .6s forwards;
}
@keyframes navAnim {
	0% { transform:translateY(-66px); }
	100% { transform:translateY(0); }
}
nav ul {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
}
nav ul li {
	display: inline-block;
	margin: 19px 10px 0;
}
nav ul li a:link, nav ul li a:visited {
	position: relative;
	padding-bottom: 5px;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	color:#0691b9;
	webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
nav ul li a .nave {
	display: none;
	font-size: 11px;
}
nav ul li a span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #8bdbff;
	width: 0;
	height: 2px;
}
nav ul li a:hover {
	color: #8bdbff;
	text-decoration: none;
	webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
nav ul li a:hover span, nav ul li a.on span {
	width: 100%;
	webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
@keyframes navHoverAnim {
	0% { bottom: -5px; }
	100% { bottom: 0; }
}

a.btn-nav, a.btn-call {
	display: none;
}

.btn-rec {
	padding: 60px 0 40px;
}


.background-l {
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/body_leftimg.png?210507172529") no-repeat;
	width: 760px;
	height: 100vh;
	z-index: 0;
}
.background-r {
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/body_rightimg.png?250131234429") center top no-repeat;
	width: 100%;
	min-width:1300px;
	height: 524px;
	z-index: 0;
}

.breadcrumb {
	position:absolute;
	left:0;
	bottom:-44px;
	width:100%;
	height:44px;
}


.pgtopbtn {
	width:80px;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
}

footer {
	position: relative;
	background: url("../images/decoration.png") center top no-repeat;
	padding: 80px 0 0;
	margin: 30px 0 0;
	width: 100%;
	min-width: 900px;
	text-align: center;
}
footer ul.ftbnr {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
footer ul.ftbnr li {
	display: inline-block;
	margin: 5px;
}
footer .shopinfo {
	padding: 24px 0 80px;
	margin-top: 40px;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-size: 16px;
	line-height: 1.0em;
	color: #004365;
	text-align: center;
}
footer .shopinfo h3 {
	padding: 0;
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.6em;
}
footer .cr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	background: #08415d;
	padding: 20px 0;
	color: #aedbe6;
	letter-spacing: 4px;
}


/*  */
.contentsContainer {
	position: relative;

	padding-top: 395px;
	min-width: 900px;
}
.contentsContainer:before {
	content: '';
	position: fixed;
	bottom: 0;
	left: 0;
	background: url("../images/footer_bg.jpg") center bottom no-repeat;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.contentsTitle {
	font-family: 'Playfair Display', serif;
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: .4em;
	color: #0691b9;
	letter-spacing: 3px;
	text-align: center;
}
.contentsTitle:first-letter {
	font-size: 40px;
}
.contentsTitle .ttlline {
	display: inline-block;
	border-top: 4px #cbf1ff solid;
	margin: 0 0 6px;
	width: 60%;
}
.contentsTitle span {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-size: 16px;
	color: #0691b9;
}

.infobox {
	display:block;
	padding:0 60px;
	text-align:left;
}


/* コンパニオンリスト */
ul.complist {
	display:inline-block;
	padding:0 40px;
	margin:0;
	list-style:none;
	text-align:center;
}
ul.complist li {
	display:inline-block;
	padding:0;
	margin:0 10px;
	vertical-align:top;
}
ul.complist li a.list {
	display:block;
	position:relative;
	background: url(../images/cast/listframe.png?231030225248) center top no-repeat;
	padding:40px 0 0;
	width:250px;
	height:520px;
	color:#222;
	text-align:center;
}
ul.complist li a.none {
	cursor:default;
}
ul.complist li a:hover {
	text-decoration:none;
}

ul.complist li a .img {
	position:relative;
	border-radius: 16px;
	width:250px;
	height:375px;
	overflow:hidden;
}
ul.complist li a .img span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 250px;
	height: 96px;
}
ul.complist li a .img span.rank1 {
	background: url(../images/ranking/nameplate_rank1_o.png) no-repeat;
}
ul.complist li a .img span.rank2 {
	background: url(../images/ranking/nameplate_rank2_o.png) no-repeat;
}
ul.complist li a .img span.rank3 {
	background: url(../images/ranking/nameplate_rank3_o.png) no-repeat;
}
ul.complist li a .img span.rank4 {
	background: url(../images/ranking/nameplate_rank4.png?002) no-repeat;
}
ul.complist li a .img span.rank5 {
	background: url(../images/ranking/nameplate_rank5.png?002) no-repeat;
}
ul.complist li a .img span.rank6 {
	background: url(../images/ranking/nameplate_rank6.png?002) no-repeat;
}
ul.complist li a .img span.rank7 {
	background: url(../images/ranking/nameplate_rank7.png?002) no-repeat;
}
ul.complist li a .img span.rank8 {
	background: url(../images/ranking/nameplate_rank8.png?002) no-repeat;
}
ul.complist li a .img span.rank9 {
	background: url(../images/ranking/nameplate_rank9.png?002) no-repeat;
}
ul.complist li a .img span.rank10 {
	background: url(../images/ranking/nameplate_rank10.png?002) no-repeat;
}
ul.complist li a .img img {
	/*max-width:250px;*/
	height:375px;
	opacity:1;
	transition:.7s ease-in-out;
}
ul.complist li a:hover .img img {
	opacity:.8;
	transform: scale(1.05);
	transition:.3s ease-in-out;
}

ul.complist li a .namae {
	position: relative;
	display: block;
	padding: 15px 0 0;
	font-size: 12px;
	line-height: 1.6em;
}
ul.complist li a .namae strong {
	display: inline-block;
	padding: 0 0 8px;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-size: 34px;
	font-weight: 500;
	color: #00a1cf;
}
ul.complist li a .schetime {
	display: inline-block;
	border-bottom: 2px #0691b9 solid;
	padding: 6px 0 3px;
	font-size: 16px;
	font-weight: 600;
	color: #0691b9;
	text-align:center;
}
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;
}
ul.complist li a .icon-updata {
	position: absolute;
	top: 330px;
	right: -4px;
	background: url(../images/cast/icon_upd.png) no-repeat;
	width: 65px;
	height: 65px;
}

/* プロフィール */
.profile {
	margin: -40px 0 0;
	max-width: 800px;
}
.primg {
	position:relative;
	background:#fff;
	max-width:800px;
	max-height:600px;
	box-shadow: 0px 0px 34px -1px rgba(118,180,226,0.7);
}
.profile .slick-slide {
	opacity:1;
}
.profile .slick-active {
	opacity:1;
}
.profile .slick-current {
	opacity:1;
}
a.prslider_prev, a.prslider_next {
	display: block;
	border-top: 2px #206482 solid;
	width: 60px;
	height: 60px;
	cursor: pointer;
	transition: all ease-in-out .6s;
}
.profile a.prslider_prev {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 95;
	border-left: 2px #206482 solid;
	transform: rotate(-45deg) translateY(-50%);
}
.profile a.prslider_next {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 95;
	border-right: 2px #206482 solid;
	transform: rotate(45deg) translateY(-50%);
}
a.prslider_prev:hover {
	left: -10px;
	filter: brightness(2);
	transition: all ease-in-out .3s;
}
a.prslider_next:hover {
	right: -10px;
	filter: brightness(2);
	transition: all ease-in-out .3s;
}

.pr-ttl {
	display: inline-block;
	background: #2c6997;
	border-radius: 40px;
	padding: 4px 20px;
	margin: 10px 0;
	font-family: "Noto Serif JP", serif;
	font-size: 16px;
	line-height: .9em;
	color: #fff;
	text-align: center;
}
.pr-namae {
	padding: 10px 0 0;
	font-size: 14px;
	line-height: 1.3em;
}
.pr-namae span {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
}
.pr-namae strong {
	display: inline-block;
	padding-bottom: 10px;
	font-family: "Noto Serif JP", serif;
	font-size: 62px;
	font-weight: 400;
	line-height: 1.15em;
	color: #00a1cf;
}
.pr-cmt {
	display: inline-block;
	padding: 10px 0 40px;
	max-width: 80%;
	font-size: 16px;
	line-height: 1.6em;
	color: #333;
	text-align: left;
}

.pr-schedule {
	padding: 15px 0 40px;
}
.pr-schedule table {
	border: none;
	border-spacing: 2px;
	border-collapse: separate;
}
.pr-schedule td {
	background: rgba(241,248,254,.8);
	border: 1px #97cdfb solid;
	border-radius: 12px;
	padding: 20px 0;
	width: 110px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}
.pr-schedule td.today {
}
.pr-schedule td a {
	display: block;
	border-bottom: 2px #a7c5de solid;
	margin: 0 10px 20px;
	color: #222;
}


/* 新人 */
ul.nflist {
	display: inline-block;
	padding: 20px 40px 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
ul.nflist li {
	display: inline-block;
	position: relative;
	border-radius: 20px 0 0 20px;
	margin: 0 10px 20px;
	width: 344px;
	height: 310px;
	overflow: hidden;
}
ul.nflist li .img {
	position:absolute;
	top: 0;
	left: 0;
	width: 187px;
	height: 280px;
	overflow: hidden;
}
ul.nflist li .img img {
	max-height: 280px;
}
ul.nflist li .img a img {
	transition: .7s ease-in-out;
}
ul.nflist li .img a:hover img {
	transform: scale(1.05);
	transition: .3s ease-in-out;
}
ul.nflist li .info {
	position:absolute;
	top: 0;
	right: 0;
	background: url(../images/cast/listframe_nf.png) no-repeat;
	padding-top: 58px;
	width: 164px;
	text-align: center;
	overflow: hidden;
}
ul.nflist li .info span {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
}
ul.nflist li .info strong {
	display: inline-block;
	font-family: "Noto Serif JP", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	color: #00a1cf;
}
ul.nflist li .cmt {
	background: #ebfbff;
	border-radius: 8px;
	padding: 16px 12px 16px 14px;
	font-size: 13px;
	text-decoration: underline;
	line-height: 1.8em;
	color: #43a6bf;
	text-align: left;
}
ul.nflist li .nftime {
	display: inline-block;
	border-bottom: 2px #ff7d2f solid;
	padding: 6px 0 3px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #ff7d2f;
	text-align:center;
}


/* 出勤スケジュール */
.sche-day {
	display: inline-block;
	position: relative;
	padding: 10px 30px 25px;
	margin: 0 0 20px;
	overflow: hidden;
}
.sche-day ul {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
}
.sche-day ul li {
	display: inline-block;
}
.sche-day ul li a {
	display: block;
	position: relative;
	border-bottom: 4px #acacac solid;
	border-radius: 20%;
	padding: 0 0 17px;
	width: 120px;
	font-family: 'Playfair Display', serif;
	font-style: normal;
	font-size: 24px;
	color: #222;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.sche-day ul li a strong {
	font-size: 36px;
	font-weight: normal;
	line-height: 1.3em;
}
.sche-day ul li a:hover, .sche-day ul li a.on {
	border-bottom: 8px #0c8db1 solid;
	padding: 0 6px 15px;
	color: #0c8db1;
	letter-spacing: 3px;
	text-decoration: none;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* ランキング */
h3.rankingtitle {
	display: inline-block;
	padding: 40px 0 0;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-size: 30px;
	color: #4ab4c9;
	letter-spacing: 3px;
}
ul.rankinglist {
	display: inline-block;
	padding: 0 30px;
	margin: -10px 0 0;
	list-style: none;
	text-align: center;
}
ul.rankinglist li {
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}
ul.rankinglist li a.r1 {
	display: block;
	position: relative;
	background: url(../images/ranking/board_rank1.png) no-repeat;
	width: 360px;
	height: 590px;
	overflow: hidden;
}
ul.rankinglist li a.r1 .img {
	position: absolute;
	top: 58px;
	left: 9px;
	width: 340px;
	height: 480px;
	overflow: hidden;
	-moz-transform:    rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform:      rotate(4deg);
	-ms-transform:     rotate(4deg);
	transform:         rotate(4deg);
}
ul.rankinglist li a.r1 .img img {
	width: 330px;
}
ul.rankinglist li a.r1 .rank1 {
	position: absolute;
	bottom: 37px;
	left: 0;
	background: url(../images/ranking/nameplate_rank1.png) no-repeat;
	width: 360px;
	height: 112px;
}
ul.rankinglist li a.r1 .rank1 .namae {
	padding: 14px 12px 0 0;
	font-size: 14px;
	color: #222;
	text-align: right;
}
ul.rankinglist li a.r1 .rank1 .namae strong {
	font-family: "Noto Serif JP", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	color: #00a1cf;
}
ul.rankinglist li a.r1 .img img, ul.rankinglist li a.r2-3 .img img {
	transition: .7s ease-in-out;
}
ul.rankinglist li a.r1:hover .img img, ul.rankinglist li a.r2-3:hover .img img {
	transform: scale(1.05);
	transition: .3s ease-in-out;
}

ul.rankinglist li a.r2-3 {
	display: block;
	position: relative;
	background: url(../images/ranking/board_rank2etc.png) no-repeat;
	width: 318px;
	height: 528px;
	overflow: hidden;
}
ul.rankinglist li a.r2-3 .img {
	position: absolute;
	top: 58px;
	left: 15px;
	width: 290px;
	height: 409px;
	overflow: hidden;
	-moz-transform:    rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform:      rotate(4deg);
	-ms-transform:     rotate(4deg);
	transform:         rotate(4deg);
}
ul.rankinglist li a.r2-3 .img img {
	width: 330px;
}
ul.rankinglist li a.r2-3 .rank2 {
	position: absolute;
	bottom: 37px;
	left: 0;
	background: url(../images/ranking/nameplate_rank2.png) no-repeat;
	width: 318px;
	height: 112px;
}
ul.rankinglist li a.r2-3 .rank3 {
	position: absolute;
	bottom: 37px;
	left: 0;
	background: url(../images/ranking/nameplate_rank3.png) no-repeat;
	width: 318px;
	height: 112px;
}
ul.rankinglist li a.r2-3 .namae {
	padding: 14px 12px 0 0;
	font-size: 14px;
	color: #222;
	text-align: right;
}
ul.rankinglist li a.r2-3 .namae strong {
	font-family: "Noto Serif JP", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	color: #00a1cf;
}


/* システム */
.sysprice {
	width: 96%;
	max-width: 1300px;
	height: auto;
}
.sys-infobox {
	background:#fff;
	background:rgba(255,255,255,.9);
	border-radius:24px;
	padding:0 0 40px;
	width:1190px;
}
ul.shopimg {
	display:inline-block;
	padding:20px 0 0;
	margin:0;
	list-style:none;
}
ul.shopimg li {
	display:inline-block;
	margin-bottom:10px;
}
.sys-pickupat {
	padding: 0 0 20px;
	width: 96%;
	max-width: 1190px;
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
}
#mapview iframe {
	width:1190px;
	height:400px;
}
.map {
	width:1190px;
	padding:10px 0 0;
}
.map ul {
	display:inline-block;
	padding:4px 0;
	margin:0;
	list-style:none;
}
.map ul li {
	display:inline-block;
}
.map ul li a {
	display:block;
	background:#dbe6eb;
	border-radius:4px;
	padding:10px 20px;
	margin:4px 1px;
	font-size:14px;
	color:#222;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.map ul li a:hover, .map ul li.loca1on a, .map ul li.loca2on a, .map ul li.loca3on a, .map ul li.loca4on a,
.map ul li.loca5on a, .map ul li.loca6on a, .map ul li.loca7on a, .map ul li.loca8on a {
	background:#3194c5;
	border-radius:16px;
	color:#fff;
	text-decoration:none;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.map ul li.loca0 a {
	background:#e6e6e6;
	color:#333;
}
.map ul li.loca0 a:hover {
	background:#333;
	color:#f1f1f1;
}

.sys-pickup {
	display:inline-block;
	background:url(../images/system/pickup-left.png) left center no-repeat,url(../images/system/pickup-right.png) right center no-repeat;
	padding:14px 50px;
	font-size:16px;
	line-height:1.5em;
	text-align:left;
}
.sys-pickup strong {
	display:block;
	padding:0 0 16px;
	font-family:"Noto Serif JP", serif;
	font-size:28px;
	font-weight:normal;
	text-decoration:underline;
	text-align:center;
}





.tablelist table {
	border: none;
	border-spacing: 0;
	border-collapse: separate;
}
.tablelist th {
	border-bottom: 2px #a2c9e6 solid;
	padding: 16px 20px 4px;
	font-size: 14px;
	font-weight: 500;
	color: #0691b9;
	text-align: right;
	word-break: keep-all;
}
.tablelist td {
	border-bottom: 2px #a2c9e6 solid;
	padding: 16px 20px 4px;
	font-size: 14px;
	color: #333;
	text-align: left;
}


a.morebtn {
	display:block;
	background:url(../images/btn_bg.jpg) center center no-repeat;
	background-size:cover;
	border-radius:12px;
	padding:12px 0;
	width:574px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	color:#000;
	text-align:center;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
}

/*  */
#loading {
	padding:20px;
	text-align:center;
}
.atten {
	padding-left:12px;
	text-indent:-12px;
	line-height:1.2em;
}
.clear {
	clear:both;
}