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

body {
	position:relative;
	background:#000;
	color:#f1f1f1;
	padding:0;
	margin:0;
}
body.top, body.pr, body.gra {
}
body.pg {
	padding-top: 140px;
}
body.pg::before {
	display:block;
    position:fixed;
    top:0;
    left:0;
	background:#000 url(../images/bg_pg.jpg) center top no-repeat;
    width:640px;
	height:100%;
    content: "";
    z-index:-1;
}
body.pg-ranking::before {
	display:block;
    position:fixed;
    top:0;
    left:0;
	background:#000 url(../images/pg_bg_ranking_sp.jpg) center top no-repeat;
    width:640px;
	height:100%;
    content: "";
    z-index:-1;
}


.indexbg {
	position: relative;
	background: url("../images/index/bg_sp.jpg") center top no-repeat;
	width: 640px;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
}
.indexbg ul#top-slideimgHeader1, .indexbg ul#top-slideimgHeader2 {
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
}
.indexbg ul#top-slideimgHeader1 {
	bottom:100px;
}
.indexbg ul#top-slideimgHeader2 {
	bottom:0;
}
.indexbg ul#top-slideimgHeader1 li, .indexbg ul#top-slideimgHeader2 li {
	float:left;
	width:2125px;
	height:100px;
	overflow:hidden;
}
#indexContainer {
	position:fixed;
	top:0;
	left:0;
	background: -moz-linear-gradient(to bottom,rgba(34,26,8,.8),rgba(0,0,0,.66) 40%,rgba(34,26,8,1)); 
	background: -webkit-linear-gradient(to bottom,rgba(34,26,8,.8),rgba(0,0,0,.66) 40%,rgba(34,26,8,1)); 
	background: linear-gradient(to bottom,rgba(34,26,8,.8),rgba(0,0,0,.66) 40%,rgba(34,26,8,1));
	width:100vw;
	height:100vh;
	color:#dfdede;
	text-align:center;
	z-index:10000;
}
#indexContainer .indexTable {
	display:table;
	width:100vw;
	height:100vh;
}
#indexContainer .indContents {
	display:table-cell;
	height:80vh;
	vertical-align:middle;
}
#indexContainer .ind-rogocmt {
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:14px;
	font-weight:300;
	letter-spacing:4px;
}
#indexContainer .ind-rogo {
	background:url(../images/rogo2.png) no-repeat;
	width:330px;
	height:72px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#indexContainer .ind-telnum {
	border-top:4px #a3a3a3 solid;
	border-top:4px rgba(163,163,163,.6) solid;
	padding:25px 0 0;
	margin:15px 0 0;
	width:424px;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1px;
}
#indexContainer .ind-telnum a {
	color:#dfdede;
}
#indexContainer .ind-cmt {
	padding:40px 25px 0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
	text-align:left;
}
#indexContainer .ind-btn {
	position:relative;
	margin-top:80px;
	width:544px;
}
#indexContainer .ind-enter {
	display:block;
	position:absolute;
	top:0;
	left:29px;
	background:url(../images/index/btn_enter.svg?001) no-repeat;
	width:272px;
	height:86px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	animation:indEnteranim 1s linear .5s both;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
#indexContainer .ind-enter:hover {
	filter:brightness(6);
	transform:scale(1.1,1.1) rotate(6deg);
	webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
#indexContainer .ind-leave {
	display:block;
	position:absolute;
	top:0;
	right:29px;
	background:url(../images/index/btn_leave.svg?001) no-repeat;
	width:272px;
	height:86px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	animation:indLeaveanim 1s linear .5s both;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
#indexContainer .ind-leave:hover {
	filter:brightness(3);
	transform:scale(1.1,1.1) rotate(-6deg);
	webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
#indexContainer .ind-angel {
	position:absolute;
	top:-20px;
	left:50%;
	background:url(../images/index/angel.svg) no-repeat;
	margin-left:-81px;
	width:163px;
	height:84px;
	animation:indAngelanim 1.4s linear 1s both;
}

.ind-bnr {
	margin-top: 250px;
}
.ind-bnr.vanilla img {
	width: 150px;
}

@keyframes indEnteranim {
	0% { opacity:0; left:-50px; }
	100% { opacity:1; left:20px; }
}
@keyframes indLeaveanim {
	0% { opacity:0; right:-50px; }
	100% { opacity:1; right:20px; }
}
@keyframes indAngelanim {
	0% { opacity:0; top:-60px; }
	100% { opacity:1; top:-20px; }
}



#bodyContainer {
	position:relative;
	width:640px;
	overflow: hidden;
}

header {
	position:fixed;
	top:0;
	left:0;
	width:640px;
	height:120px;
	z-index:100;
}
header .hdContainer {
	position:relative;
}
header .hdContainer.fix {
	background:#000;
	background:rgba(0,0,0,.8);
	height:120px;
	animation:hdFixAnim .4s linear 0s both;
}
@keyframes hdFixAnim {
	0% { opacity:0; }
	100% { opacity:1; }
}
header .hdContainer h1 {
	position:fixed;
	top:40px;
	left:50%;
	background:url(../images/rogo2.png) no-repeat;
	background-size:220px auto;
	padding:0;
	margin:0 0 0 -110px;
	width:260px;
	height:57px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:1000;
	animation:rogoAnim 1.6s ease-in-out .5s both;
}
@keyframes rogoAnim {
	0% { opacity:0; filter:blur(20px); }
	100% { opacity:1; filter:blur(0); }
}

a.menubtn {
	position:fixed;
	top:70px;
	right:30px;
	z-index:1000;
}
a.menubtn .mark {
	position:relative;
	top:50%;
	left:50%;
	width:90px;
	height:90px;
	margin:-25px 0 0 -25px;
}
a.menubtn p {
	display: block;
	position: absolute;
	top:-90px;
	left:-14px;
	background: rgba(0,0,0,.4);
	border-radius: 50%;
	width:90px;
	height:90px;
}
a.menubtn span {
	display:inline-block;
	position:absolute;
	left:0;
	background:#e5e5e5;
	border-radius:8px;
	width:46px;
	height:2px;
	box-sizing:border-box;
	transition:all .4s;
}
a.menubtn span:nth-of-type(1) {
	top:0;
}
a.menubtn span:nth-of-type(2) {
	top:10px;
}
a.menubtn span:nth-of-type(3) {
	top:20px;
}
a.menubtn.active span:nth-of-type(1) {
	transform:translateY(6px) rotate(-45deg);
}
a.menubtn.active span:nth-of-type(2) {
	width:0;
}
a.menubtn.active span:nth-of-type(3) {
	transform:translateY(-10px) rotate(45deg);
}

a.callbtn {
	position:fixed;
	bottom:-150px;
	right:4px;
	background:url(../images/btn_call.png?1910311738) no-repeat;
	width:150px;
	height:150px;
	z-index:97;
}

nav {
	display:none;
	position:fixed;
	top:10px;
	left:10px;
	background:#262019;
	background:rgba(38,32,25,.95);
	border-radius:10px;
	width:97vw;
	height:98vh;
	overflow-y:scroll;
	z-index:999;
}
nav.open {
	animation:navOpenAnim .3s ease-in-out 0s none;
}
@keyframes navOpenAnim {
	0% { filter:blur(10px); scale(50%); }
	100% { filter:blur(0); scale(100%); }
}
nav.close {
	animation:navCloseAnim .6s ease-in-out 0s none;
}
@keyframes navCloseAnim {
	0% { filter:blur(0); }
	100% { filter:blur(10px); }
}
nav .spnav-ship {
    padding:136px 0 0;
}
nav ul {
	display:inline-block;
	padding:20px 0 240px;
	margin:0;
	list-style:none;
	text-align:center;
}
nav ul li a {
	display:inline-block;
	height:70px;
}
nav ul li.top a {
	background:url(../images/nav_top.svg) no-repeat;
	width:128px;
}
nav ul li.sys a {
	background:url(../images/nav_system.svg) no-repeat;
	width:103px;
}
nav ul li.comp a {
	background:url(../images/nav_companion.svg?25070100) no-repeat;
	width:92px;
}
nav ul li.tand a {
	background:url(../images/nav_tandem.svg) no-repeat;
	width:96px;
}
nav ul li.sche a {
	background:url(../images/nav_schedule.svg) no-repeat;
	width:106px;
}
nav ul li.diary a {
	background:url(../images/nav_diary.svg) no-repeat;
	width:99px;
}
nav ul li.mov a {
	background:url(../images/nav_movie.svg) no-repeat;
	width:93px;
}
nav ul li.rank a {
	background:url(../images/nav_ranking.svg) no-repeat;
	width:115px;
}
nav ul li.mailmg a {
	background:url(../images/nav_mailmg.svg) no-repeat;
	width:162px;
}
nav ul li.rec a {
	background:url(../images/nav_recruit.svg) no-repeat;
	width:110px;
}
nav ul li.memship a {
	background:url(../images/nav_membership.svg) no-repeat;
	width:146px;
}
nav ul li.grav a {
	background:url(../images/nav_gravure.svg) no-repeat;
	width:106px;
}


footer {
	position:relative;
	background:#141414;
	padding:0 0 170px;
	width:640px;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:3px;
	color:#a1a1a1;
}
footer .rogo {
	margin:70px 0 40px;
	width:260px;
	height:auto;
	opacity:.7;
}
footer .tel {
	margin:13px 0;
}
footer .optime {
	font-size:12px;
	font-size:1.2rem;
}
footer .cr {
	padding:25px 0 0;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:normal;
}
footer a.pgtop {
	display:block;
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:-60px;
	height:30px;
	animation:pgtopAnime 2s linear 0s infinite;
}
footer a.pgtop span {
	display:block;
	background:#9e9e9e;
	border-radius:8px;
	width:36px;
	height:2px;
}
footer a.pgtop span:nth-of-type(1) {
	transform:rotate(-45deg);
}
footer a.pgtop span:nth-of-type(2) {
	margin-left:50px;
	transform:rotate(45deg);
}
@keyframes pgtopAnime {
	0% { bottom:60px; }
	50% { bottom:40px; }
	100% { bottom:60px; }
}


.contentsContainer {
	position:relative;
	/*background:url(../images/bg_pg_sp.jpg) center top no-repeat fixed;*/
	padding-top:185px;
}

.contentsTitle {
	padding:30px 0 12px;
	font-family: 'Lato', sans-serif;
	font-style:normal;
	font-size:30px;
	font-size:3.0rem;
	font-weight:200;
	line-height:.6em;
	color:#f8e1a3;
	text-align:center;
	letter-spacing:3px;
}
.contentsTitle span {
	display:inline-block;
	background:#dac58e;
	border-radius:18px;
	padding:1px 0;
	margin:16px 0;
	width:80%;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:12px;
	font-size:1.2rem;
	font-weight:400;
	color:#222;
	letter-spacing:5px;
}

.infobox {
	display:inline-block;
	text-align:left;
}


/* コンパニオンリスト */
.comprank-ttl-premium {
	display: inline-block;
	margin-top: 20px;
	width: 358px;
	height: 84px;
}
.comprank-ttl-standard {
	display: inline-block;
	margin-top: 60px;
	width: 381px;
	height: 84px;
}
/* PREMIUM */
ul.complist-pre {
	display:inline-block;
	padding:25px 0 0;
	margin:0;
	list-style:none;
}
ul.complist-pre li {
	display:inline-block;
	position: relative;
	padding:40px 7px 0;
	vertical-align:top;
}
ul.complist-pre li a {
	display:block;
	position:relative;
	padding:0;
	margin:0 0 30px;
	width:522px;
	color:#f1f1f1;
	text-align:center;
	transition:.7s ease-in-out;
}
ul.complist-pre li a:hover {
	color:#ff9e4f;
	text-decoration:none;
	transition:.3s ease-in-out;
}
ul.complist-pre li a .preframe {
	position: relative;
	border: 1px #ff9e4f solid;
	padding: 15px;
}
ul.complist-pre li a .preframe .fr-top {
	position: absolute;
	top: -40px;
	left: 50%;
	width: 183px;
	height: 47px;
	transform: translateX(-50%);
}
ul.complist-pre li a .preframe .fr-btm {
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 183px;
	height: 47px;
	transform: translateX(-50%);
}
ul.complist-pre li a .img {
	position:relative;
	width:490px;
	height:658px;
	overflow:hidden;
}
ul.complist-pre li a .img img {
	width:490px;
	height:auto;
	transition:.6s ease-in-out;
}
ul.complist-pre li a:hover .img img {
	transform:scale(1.03,1.03);
	transition:.3s ease-in-out;
}
ul.complist-pre li a .newicon {
	position:absolute;
	top:28px;
	right:-2px;
	background:url(../images/companion/icon_newface.png) no-repeat;
	width:126px;
	height:74px;
}
ul.complist-pre li a.icon-x {
	position: absolute;
	top: 680px;
	right: 30px;
	background: url("../images/icon_x.svg") no-repeat;
	border: 2px rgba(255,255,255,.4) solid;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	z-index: 11;
}
ul.complist-pre li a.icon-x:hover {
	filter: brightness(2);
}
ul.complist-pre li a .namae {
	display:block;
	background: linear-gradient(to bottom,  #3a2308 23%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:30px 0 10px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2em;
	text-align:center;
}
ul.complist-pre li a .nm-premium {
	padding: 0 0 8px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2em;
	color: #ff9e4f;
	letter-spacing: .2em;
}
ul.complist-pre li a strong {
	display:inline-block;
	padding:0 0 6px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
}
ul.complist-pre li a .schetime {
	background: #271200;
	padding: 10px;
	font-size:16px;
	font-size:1.6rem;
	color:#f8e1a3;
	text-align:center;
}	
/* 通常 */
ul.complist {
	display:inline-block;
	padding:25px 0 0;
	margin:0;
	list-style:none;
}
ul.complist li {
	display:inline-block;
	position: relative;
	padding:0;
	margin:0 7px 30px;
	vertical-align:top;
}
ul.complist li a.list {
	display:block;
	position:relative;
	background:url(../images/companion/listbg.png) center top no-repeat;
	padding:29px 0 0;
	margin:0;
	width:300px;
	height:578px;
	color:#f1f1f1;
	text-align:center;
	transition:.7s ease-in-out;
}
ul.complist li a.none {
	cursor:default;
}
ul.complist li a:hover {
	color:#f8e1a3;
	text-decoration:none;
	transition:.3s ease-in-out;
}
ul.complist li a .img {
	position:relative;
	width:300px;
	height:440px;
	overflow:hidden;
}
ul.complist li a .img img {
	position: absolute;
	top: 0;
	left: 50%;
	width:auto;
	height:440px;
	transform: translateX(-50%);
	transition:.6s ease-in-out;
}
ul.complist li a:hover .img img {
	transform:translateX(-50%) scale(1.06,1.06) rotate(1.5deg);
	transition:.3s ease-in-out;
}
ul.complist li a .newicon {
	position:absolute;
	top:28px;
	right:-2px;
	background:url(../images/companion/icon_newface.png) no-repeat;
	width:126px;
	height:74px;
}
ul.complist li a.icon-x {
	position: absolute;
	top: 438px;
	right: 10px;
	background: url("../images/icon_x.svg") no-repeat;
	border: 2px rgba(255,255,255,.4) solid;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	z-index: 11;
}
ul.complist li a.icon-x:hover {
	filter: brightness(2);
}
ul.complist li a .spicon {
	position:absolute;
	top:450px;
	left:55px;
	animation:spiconAnim 4s linear 0s infinite;
}
ul.complist li a .premium1 {
	position:absolute;
	top:454px;
	left:0;
	background: url(../images/companion/icon_premium.png) center top no-repeat;
	width: 100%;
	height: 31px;
	animation:spiconAnim 6s linear 0s infinite;
}
ul.complist li a .premium2 {
	position:absolute;
	top:8px;
	left:-6px;
	background: url(../images/companion/frame_thum_premium1.png) no-repeat;
	width: 312px;
	height: 482px;
}
ul.complist li a .premium3 {
	position:absolute;
	top:29px;
	left:0;
	background: url(../images/companion/frame_thum_premium2.png) no-repeat;
	width: 300px;
	height: 440px;
}
@keyframes spiconAnim {
	0% { filter:brightness(); }
	50% { filter:brightness(1.4); }
	100% { filter:brightness(); }
}
ul.complist li a .namae {
	display:block;
	padding:38px 0 10px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2em;
	text-align:center;
}
ul.complist li a strong {
	display:inline-block;
	padding:0 0 6px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
}
ul.complist li a .schetime {
	background:url(../images/companion/schetime_bg.png) center bottom no-repeat;
	padding-bottom:10px;
	margin:8px 0 0;
	height:38px;
	font-size:16px;
	font-size:1.6rem;
	color:#f8e1a3;
	text-align:center;
}


/* プロフィール */
.profile {
	position:relative;
	width:640px;
	text-align:left;
}
.primg {
	position:relative;
	width:100%;
	height:862px;
	/*max-height:1050px;*/
	overflow:hidden;
}
.primg .box {
	position:relative;
}
.primg img {
	width:640px;
	height:862px;
	/*max-height:1050px;*/
}
.profile .slick-slide {
	transition: all ease-in-out .3s;
	-webkit-filter: blur(6px) grayscale(60%);
    -moz-filter: blur(6px) grayscale(60%);
    -o-filter: blur(6px) grayscale(60%);
    -ms-filter: blur(6px) grayscale(60%);
	filter:blur(6px) grayscale(60%);
	opacity:.4;
}
.profile .slick-active {
	opacity:1;
}
.profile .slick-current {
	-webkit-filter: blur() grayscale();
    -moz-filter: blur() grayscale();
    -o-filter: blur() grayscale();
    -ms-filter: blur() grayscale();
	filter:blur();
	opacity:1;
}
.profile a.prslider_prev, .profile a.prslider_next {
	position:absolute;
	display:block;
	width:40px;
	height:60px;
	cursor:pointer;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
	z-index:95;
}
.profile a.prslider_prev:hover, .profile a.prslider_next:hover {
	filter:brightness(3);
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.profile a.prslider_prev {
	top:46%;
	left:10px;
	background:url(../images/companion/btn_contorl_back.svg) no-repeat;
}
.profile a.prslider_next {
	top:46%;
	right:10px;
	background:url(../images/companion/btn_contorl_next.svg) no-repeat;
}

.prinfo {
	position:relative;
	padding:20px;
}
.pr-premium-frame {
	background: none;
}
.pr-fr-btm, .prinfo .nm-premium {
	display: none;
}

.prinfo .newicon-pr {
	position:absolute;
	top:-1px;
	right:-1px;
	background:url(../images/companion/icon_newface.png) no-repeat;
	width:126px;
	height:74px;
	z-index:100;
}
.prinfo .namae {
	position:relative;
	padding:10px 0;
	font-family:"Noto Serif TC", serif;
	font-weight:500;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
}
.prinfo .namae .namae-txt {
	display:block;
	border-bottom:10px #64584b solid;
	padding:15px 0 8px;
	margin-bottom:10px;
}
.prinfo .namae strong {
	display:inline-block;
	margin-right: 6px;
	font-size:32px;
	font-size:3.2rem;
	font-weight: normal;
	line-height:.6em;
	color:#e7c783;
}
.prinfo .namae br.namae-br {
	display: none;
}
.prinfo .namae a.icon-x {
	display: inline-block;
	background: url("../images/icon_x.svg") no-repeat;
	border: 2px rgba(255,255,255,.4) solid;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	vertical-align: bottom;
	transition:.6s ease-in-out;
}
.prinfo .namae a.icon-x:hover {
	filter: brightness(2);
	transition:.3s ease-in-out;
}
.prinfo .iconbox {
	position:absolute;
	top:45px;
	right:0;
}
.prinfo .newicon {
	background:url(../images/icon_newface.png) no-repeat;
	margin:-12px 0 0 10px;
	width:92px;
	height:92px;
}
.prinfo .sttl {
	padding:30px 0 8px;
	text-align:left;
	font-family:'Dancing Script', cursive;
	font-style:normal;
	font-size:24px;
	font-size:2.4rem;
	font-weight:400;
	color:#f5d279;
}
.prinfo .tablelist {
	position:relative;
}
.tablelist.pr table {
	width:100%;
}
.tablelist.pr th {
	border-bottom:2px #efcf5e solid;
	font-size:12px;
	font-size:1.2rem;
	color:#efcf5e;
}
.tablelist.pr td {
	border-bottom:2px #9a9a9a solid;
	font-size:14px;
	font-size:1.4rem;
	color:#f1f1f1;
}
.prinfo .cmt {
	border-bottom:2px #efcf5e solid;
	padding:6px 0 2px 4px;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
}

.pr-schedule {
}
.pr-schedule table {
	border:none;
	border-spacing:2px;
	border-collapse:separate;
}
.pr-schedule td {
	display:inline-block;
	border-bottom:3px #efcf5e solid;
	padding:20px 0;
	width:297px;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	vertical-align:top;
}
.pr-schedule td.today {
	background:#4d3e08;
	background:rgba(77,62,8,.8);
}
.pr-schedule td a {
	display:block;
	border-bottom:2px #efcf5e dotted;
	margin:4px 10px 10px;
	color:#f1f1f1;
}

/* PREMIUM仕様 */
.pr-premium .prinfo {
	position: relative;
	padding: 200px 20px 20px;
}
.pr-premium .prinfo .pr-premium-frame {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom,  #3a2308 23%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	text-align: center;
}
.pr-premium .prinfo .pr-premium-frame .pr-fr-btm {
	display: inline-block;
	width: 183px;
	height: 47px;
	transform: translateY(-4px);
}
.pr-premium .prinfo .pr-premium-frame .nm-premium {
	display: block;
	padding: 0 0 20px;
	margin-top: -4px;
	font-family:"Noto Serif TC", serif;
	font-weight:500;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1em;
	color: #ff9e4f;
	letter-spacing: .2em;
}

.pr-premium .prinfo .sttl, .pr-premium .tablelist.pr th {
	color: #e78f46;
}
.prinfo .namae strong {
	color: #fff;
}
.pr-premium .prinfo .namae {
	padding: 0;
	text-align: center;
}
.pr-premium .prinfo .namae .namae-txt {
	border: none;
	padding: 0;
	margin: 0;
}
.pr-premium .prinfo .namae br.namae-br {
	display: block;
}
.pr-premium .tablelist.pr th {
	border-bottom:2px #e78f46 solid;
	font-size:12px;
	font-size:1.2rem;
	color:#e78f46;
}
.pr-premium .prinfo .cmt {
	border-bottom:2px #e78f46 solid;
}
.pr-premium .pr-schedule td {
	border-bottom:3px #e78f46 solid;
}
.pr-premium .pr-schedule td.today {
	background: rgba(231,143,70,.3);
}


/* 出勤スケジュール */
ul.sche-day {
	display:inline-block;
	padding:20px 0;
	margin:0;
	list-style:none;
}
ul.sche-day li {
	display:inline-block;
}
ul.sche-day li a {
	display:inline-block;
	margin:0 3px 15px;
	width:100px;
	font-family:"Noto Serif TC", serif;
	font-size:18px;
	line-height:1.2em;
	color:#fff;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
ul.sche-day li a strong {
	display:block;
	font-size:22px;
	font-weight:normal;
}
ul.sche-day li a img {
	width: 100px;
	margin-top:-22px;
	filter:grayscale(100%);
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
ul.sche-day li a:hover, ul.sche-day li a.on {
	color:#ffe7a8;
	text-decoration:none;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
ul.sche-day li a:hover img, ul.sche-day li a.on img {
	transform:translateY(10px);
	filter:grayscale(0);
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* 写メ日記 */
.bloglistContainer {
}
ul.bloglist {
	padding:0 0 0 35px;
	margin:0;
	list-style:none;
}
ul.bloglist.pr {
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
}
ul.bloglist li a {
	display:block;
	float:left;
	padding:15px 0;
	margin:15px 5px 0;
	width:180px;
	height:320px;
	font-size:12px;
	font-size:1.2rem;
	color:#f1f1f1;
}

ul.bloglist li .img {
	background:#222;
	border:1px #222 solid;
	border-radius:10px;
	margin-bottom:4px;
	width:150px;
	height:150px;
	overflow:hidden;
}

ul.bloglist li .img img {
	max-width:150px;
}

ul.bloglist li .ttl {
	border-top:1px #cecbca dashed;
	border-bottom:1px #cecbca dashed;
	padding:6px 0;
	margin:6px 0;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.25em;
	color:#ffd873;
}
ul.bloglist.pr li .ttl {
	font-size:12px;
	font-size:1.2rem;
}


/* 動画 */
.shopmov {
	display:inline-block;
	margin:0 0 50px;
}
.shopmov video {
	border-radius: 24px;
	width:600px;
	overflow: hidden;
}
ul.movlist {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
}
ul.movlist li {
	display:inline-block;
	position:relative;
	background:#000;
	background:rgba(0,0,0,.7);
	border-radius:0 0 6px 6px;
	margin:0 1px 10px;
	width:291px;
	height:300px;
	font-size:10px;
	font-size:1.0rem;
	color:#fff;
	transition:.7s ease-in-out;
}
ul.movlist li:hover {
	background:#000;
	background:rgba(0,0,0,.9);
	transition:.3s ease-in-out;
}
ul.movlist li .img {
	margin:4px 0 10px;
	width:285px;
	height:180px;
	overflow:hidden;
}
ul.movlist li .img img {
	max-width:285px;
	transition:.7s ease-in-out;
}
ul.movlist li .img a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:285px;
	height:180px;
	overflow:hidden;
}
ul.movlist li .img a img {
	position:absolute;
	top:47px;
	left:98px;
}
ul.movlist li .img:hover img {
	transform:scale(1.05);
	filter:brightness(1.2);
	transition:.3s ease-in-out;
}
ul.movlist li strong {
	display:block;
	padding:8px 0;
	font-family:"Noto Serif JP", serif;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
	line-height:30px;
}
ul.movlist li .new {
	position:absolute;
	top:140px;
	right:10px;
	background:#e23817;
	border-radius:50px;
	width:50px;
	height:50px;
	font-family:"Noto Serif JP", serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:500;
	line-height:46px;
	color:#fff;
	text-decoration:underline;
	text-align:center;
}
#player {
	display:none;
}


/* ランキング */
.ranklist-pc {
	display:none;
}

.rank-ttl-premium {
	display: inline-block;
	width: 297px;
	height: 112px;
}
.rank-ttl-standard {
	display: inline-block;
	margin-top: 40px;
	width: 297px;
	height: 112px;
}
/* PREMIUM */
ul.ranklist-pre {
	display:inline-block;
	padding:0 0 40px;
	margin:0;
	list-style:none;
	text-align:center;
}
ul.ranklist-pre li {
	display:inline-block;
	padding: 0 0 20px;
	vertical-align: top;
}
ul.ranklist-pre li a {
	display: block;
	position: relative;
	background: #222;
	width: 462px;
	height: 665px;
	color: #f1f1f1;
	text-align: right;
}
ul.ranklist-pre li a:hover {
	text-decoration:none;
}
ul.ranklist-pre li a .img img {
	transition:.6s ease-in-out;
}
ul.ranklist-pre li a:hover .img img {
	transform:scale(1.03,1.03);
	transition:.3s ease-in-out;
}
ul.ranklist-pre li a .img {
	display: inline-block;
	width: 445px;
	height: 600px;
	overflow: hidden;
}
ul.ranklist-pre li a .img img {
	width: 445px;
	height: auto;
}
ul.ranklist-pre li a .rank {
	position: absolute;
	bottom: 5px;
	left: 0;
	z-index: 40;
}
ul.ranklist-pre li a .namae {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	width: calc(100% - 40px);
	padding: 20px;
	font-family:"Noto Serif JP", serif;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2em;
	color: #efe7d9;
}
ul.ranklist-pre li a .namae strong {
	display: inline-block;
	padding: 0 0 6px;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 400;
	line-height: 1.2em;
}
/* STANDARD */
ul.ranklist-st {
	display:inline-block;
	padding:0 0 40px;
	margin:0;
	list-style:none;
	text-align:center;
}
ul.ranklist-st li {
	display:inline-block;
	padding: 0 0 20px;
	vertical-align: top;
}
ul.ranklist-st li a {
	display: block;
	position: relative;
	background: #222;
	width: 462px;
	height: 665px;
	color: #f1f1f1;
	text-align: right;
}
ul.ranklist-st li a:hover {
	text-decoration:none;
}
ul.ranklist-st li a .img img {
	transition:.6s ease-in-out;
}
ul.ranklist-st li a:hover .img img {
	transform:scale(1.03,1.03);
	transition:.3s ease-in-out;
}
ul.ranklist-st li a .img {
	display: inline-block;
	width: 445px;
	height: 600px;
	overflow: hidden;
}
ul.ranklist-st li a .img img {
	width: 445px;
	height: auto;
}
ul.ranklist-st li a .rank {
	position: absolute;
	bottom: 5px;
	left: 0;
	z-index: 40;
}
ul.ranklist-st li a .namae {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	width: calc(100% - 40px);
	padding: 20px;
	font-family:"Noto Serif JP", serif;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2em;
	color: #efe7d9;
}
ul.ranklist-st li a .namae strong {
	display: inline-block;
	padding: 0 0 6px;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 400;
	line-height: 1.2em;
}
/* 旧ランキングリスト */
ul.ranklist {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
ul.ranklist li {
	display:inline-block;
	position:relative;
	margin-top:30px;
}
ul.ranklist li a {
	display:block;
	color:#f1f1f1;
}
ul.ranklist li a:hover {
	text-decoration:none;
}
ul.ranklist li a .img img {
	transition:.6s ease-in-out;
}
ul.ranklist li a:hover .img img {
	transform:scale(1.06,1.06) rotate(4deg);
	transition:.3s ease-in-out;
}
ul.ranklist li a.r1 {
	width:406px;
}
ul.ranklist li a.r2, ul.ranklist li a.r3, ul.ranklist li a.r4, ul.ranklist li a.r5 {
	width:368px;
}
ul.ranklist li a.r1 .img {
	border-radius:50%;
	margin:12px 0 0 10px;
	width:380px;
	height:380px;
	overflow:hidden;
}
ul.ranklist li a.r1 .img img {
	max-width:380px;
	width:380px;
	height:auto;
}
ul.ranklist li a.r2 .img, ul.ranklist li a.r3 .img, ul.ranklist li a.r4 .img, ul.ranklist li a.r5 .img {
	border-radius:50%;
	margin:12px 0 0 10px;
	width:342px;
	height:342px;
	overflow:hidden;
}
ul.ranklist li a.r2 .img img, ul.ranklist li a.r3 .img img, ul.ranklist li a.r4 .img img, ul.ranklist li a.r5 .img img {
	max-width:342px;
	width:342px;
	height:auto;
}
ul.ranklist li a.r1:before {
	margin:0 0 0 -202px;
	width:408px;
	height:408px;
	animation:rankRote 14s linear 0s infinite;
}
ul.ranklist li a.r2:before, ul.ranklist li a.r1:before, ul.ranklist li a.r3:before, ul.ranklist li a.r4:before, ul.ranklist li a.r5:before, 
ul.ranklist li a.r1:after {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	background:url(../images/ranking_bgline.png) center top no-repeat;
}
ul.ranklist li a.r2:before, ul.ranklist li a.r3:before, ul.ranklist li a.r4:before, ul.ranklist li a.r5:before {
	background-size:366px auto;
	margin:0 0 0 -186px;
	width:366px;
	height:366px;
}
ul.ranklist li a.r2:before, ul.ranklist li a.r3:before {
	animation:rankRote 22s linear 0s infinite;
}
ul.ranklist li a.r4:before, ul.ranklist li a.r5:before {
	animation:rankRote 40s linear 0s infinite;
}
ul.ranklist li a.r1:after {
	background-size:386px auto;
	margin:0 0 0 -203px;
	width:386px;
	height:386px;
	animation:rankRote 22s linear 0s infinite;
}
@keyframes rankRote {
	0% { transform:rotate(-45deg); }
	100% { transform:rotate(-315deg); }
}
ul.ranklist li a .rank {
	position:absolute;
	top:235px;
	right:26px;
	z-index:40;
}

ul.ranklist li a .namae {
	display:block;
	padding:24px 0 10px;
	margin-left:-18px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:1.2em;
}
ul.ranklist li a .namae strong {
	display:inline-block;
	padding:0 0 6px;
	font-size:20px;
	font-weight:500;
}


/* グラビア */
ul.gravlist {
	display: inline-block;
	padding: 20px 0 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
ul.gravlist li {
	display: inline-block;
	margin: 0 2px 10px;
	vertical-align: top;
}
ul.gravlist li:nth-child(even) {
	transform: rotate(-1.0deg);
}
ul.gravlist li a {
	display: block;
	position: relative;
	width: 290px;
	height: 430px;
	text-align: center;
	transform: rotate(-1.5deg);
	transition: .7s ease-in-out;
}
ul.gravlist li a .img {
	background: #fff;
	margin-left: 5px;
	width: 280px;
	height: 420px;
	overflow: hidden;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
}
ul.gravlist li a .img img {
	height: 420px;
	opacity: 1;
	transition: .7s ease-in-out;
}
ul.gravlist li a:hover .img img {
	opacity: .8;
	transform: scale(1.05);
	transition: .3s ease-in-out;
}
ul.gravlist li a .namaeContainer {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 290px;
	height: 430px;
	overflow: hidden;
	z-index: 1;
	transform: rotate(2.5deg);
}
ul.gravlist li a .namaeContainer:after {
	content: '';
	position: absolute;
	bottom: -36px;
	left: -30px;
	background: #303030;
	background: rgba(48,48,48,1);
	width: 400px;
	height: 100px;
	z-index: -1;
	transform: rotate(7deg);
}
ul.gravlist li a .namaeContainer .namae {
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 285px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: .8em;
	color: #f1f1f1;
	text-align: left;
}
ul.gravlist li a .namaeContainer strong {
	display: inline-block;
	padding: 0 0 4px;
	font-family:"Noto Serif TC", serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.1em;
}
ul.gravlist li a .icon-new {
	position: absolute;
	bottom: 15px;
	right: 10px;
	background: #ea3d6a;
	border-radius: 6px;
	padding: 2px 16px 6px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	z-index: 5;
}
ul.gravlist li a .icon-new::before {
	content: 'New';
}

.gravure {
	position: relative;
	width:100%;
	overflow: hidden;
}
.gravimg {
	position: relative;
	width: 100%;
}
.gravimg .img {
	display: inline-block;
	position: relative;
	width: 1000px;
	height: 100vh;
	text-align: center;
}
.gravimg img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 1000px;
	
}
.gravure .slick-slide {
	transition: all ease-in-out .3s;
	transform: scale(.85,.85);
	opacity: .6;
	-webkit-filter:grayscale(80%);
    -moz-filter:grayscale(80%);
    -ms-filter:grayscale(80%);
    filter:grayscale(80%);
}
.gravure .slick-active {
	opacity: .5;
}
.gravure .slick-current {
	transform: scale(1,1);
	opacity: 1;
	-webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -ms-filter:grayscale(0);
    filter:grayscale(0);
}
.gravure a.prslider_prev, .gravure a.prslider_next {
	position: absolute;
	display: block;
	border-top: 4px solid #f1f1f1;
    border-right: 4px solid #f1f1f1;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 95;
}
.gravure a.prslider_prev {
	bottom: 20px;
	left: 10%;
	transform: rotate(-135deg);
}
.gravure a.prslider_next {
	bottom: 20px;
	right: 10%;
	transform: rotate(45deg);
}
.gravure .slick-dots {
	bottom: 30px;
}

.grav-name strong {
	display: inline-block;
	padding: 0 10px;
	font-family:"Noto Serif TC", serif;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: .9em;
}
a.prbtn {
	display: inline-block;
	background: #333;
	border-radius: 16px;
	padding: 12px 0;
	margin: 14px 0;
	width: 50%;
	font-family:"Noto Serif TC", serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #ffd953;
	text-align: center;
	webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
a.prbtn:hover {
    background: #ffd953;
    color: #222;
	text-decoration: none;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* 最新情報 */
.wnewsContainer {
	position:relative;
	padding:0 20px;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
}
.wn-list {
	padding:25px 0;
	font-size:16px;
	font-size:1.6rem;
}
.wn-cmt {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5em;
}
.wn-cmt .infobox {
	padding:0;
}

.wn-list ul {
	padding:0 20px 0 0;
	margin:0;
	list-style:none;
}
.wn-list ul li a {
	display:block;
	border-left:8px #dac58e solid;
	border-bottom:1px #ab996b dotted;
	padding:16px;
	margin:0 0 8px;
	color:#dac58e;
	text-decoration:none;
}
.wn-list ul li a.on {
	border-left:12px #dac58e solid;
	color:#fff;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wn-cmt .title {
	border-bottom:6px #eee solid;
	padding:0 0 2px;
	margin:0 0 10px;
	font-family:"Noto Serif JP", serif;
	font-weight:normal;
	font-style:normal;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.1em;
	color:#fff;
}
.wn-cmt .time {
	border-bottom:1px #ab996b dotted;
	margin-bottom:30px;
	font-size:12px;
	font-size:1.2rem;
}
.wn-cmt img {
	max-width:580px;
}
.wn-cmt .control {
	border-top:6px #ab996b dotted;
	padding:20px 0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2em;
}
a.back {
	float:left;
	text-align:left;
}
a.next {
	float:right;
	text-align:right;
}
a.back, a.next {
	border-bottom:2px #ab996b solid;
	border-radius:18px;
	padding:10px 30px;
	margin:10px 0;
	width:200px;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
}


/* システム */
.sys-msg {
	display:inline-block;
	padding:25px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
	color:#d8d8d8;
	text-align:left;
}
.sys-price {
	position:relative;
	background:url(../images/system/price.svg) center top no-repeat;
	padding-top:70px;
	margin-top:30px;
}
.sys-price img {
	margin-bottom:10px;
	width:640px;
}
.sys-price span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:12px;
	font-size:1.2rem;
	color:#d8d8d8;
	text-align:center;
}
.sys-img {
	display:inline-block;
}
.tablelist.sys table {
	width:600px;
}
.tablelist.sys th, .tablelist.sys td {
	font-size:14px;
	font-size:1.4rem;
}
.tablelist.sys td span {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2em;
}
.sys-card {
	display:inline-block;
	border-radius:6px;
	height:46px;
	overflow:hidden;
}
.sys-card img {
	height:46px;
}
.sysmap iframe {
	width:600px;
	height:400px;
}


/* 会員規約 */
.memshipContainer {
    background: #ebe4d5;
	background: rgba(247,240,224,.9);
    border-radius: 20px;
    padding: 30px;
    margin: 0 10px;
    color: #000;
    font-size: 14px;
	font-size: 1.4rem;
    line-height: 1.5em;
    text-align: left;
}
.memshipContainer .greeting {
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style: normal;
	font-size: 16px;
	font-size: 1.6rem;
}
.memshipContainer .greeting .spnone {
	display: none;
}
.memshipContainer .cate {
	background: #e3ddc5;
	border-radius: 4px;
	padding: 35px 25px;
	box-shadow:0px 2px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
}
.memshipContainer .sttl {
	display: block;
	border-bottom: 1px #974400 solid;
	padding-bottom: 4px;
	margin-bottom: 12px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.0em;
	color: #974400;
}
.memshipContainer .ssttl {
	display: inline-block;
	padding-bottom: 4px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #e35500;
}
.memshipContainer .cate ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
}
.memshipContainer .cate ul li {
	padding: 6px 0 6px 1rem;
	margin-bottom: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	text-indent: -1rem;
	line-height: 1.3em;
}


/* メルマガ */
.mlmg {
	position:relative;
	background:url(../images/mailmaga_bg_sp.png) left 100px no-repeat;
	width:640px;
	min-height:498px;
}
.mlmg .cmt {
	padding:330px 30px 30px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.9em;
	text-align:left;
}
.mlmg .qr {
	padding:0 0 40px;
	font-size:12px;
	font-size:1.2rem;
}


/* 求人 */
.rec-menutab {
	border-bottom: 12px #dac58e solid;
	margin-bottom: 8px;
}
.rec-menutab ul {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.rec-menutab ul li {
	display: inline-block;
	margin: 0 1px;
}
.rec-menutab ul li a {
	display: block;
	background: #b5b1a5;
	border-radius: 6px 6px 0 0;
	padding: 22px 0 18px;
	margin-top: 1px;
	width: 300px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1em;
	color: #50482e;
	webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
/*.rec-menutab ul li:nth-child(1) a {
	margin-bottom: 2px;
	width: 460px;
}*/
.rec-menutab ul li a:hover, .rec-menutab ul li a.on {
	background: #dac58e;
	color: #000;
	text-decoration: none;
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.rec-bnr img {
	width: 640px;
}
.rec-ctitle {
	display: inline-block;
	background: url("../images/recruit/ctitle_bg.png?002") center bottom no-repeat;
	padding: 0 0 85px;
	min-width: 436px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style: normal;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.0em;
	color: #eac35d;
	text-align: center;
}
.rec-ctitle2 {
	display: inline-block;
	background: url("../images/recruit/ctitle_bg2.png") center bottom no-repeat;
	padding: 0 0 75px;
	min-width: 436px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style: normal;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.0em;
	color: #eac35d;
	text-align: center;
}
.rec-cmt {
	display: inline-block;
	padding: 30px 25px 40px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6em;
	color: #dbd1b9;
	text-align: left;
}

.tablelist.outline {
	display: inline-block;
	text-align: center;
}
.tablelist.outline th {
	display: inline-block;
	border-bottom: 2px #efcf5e dotted;
	padding: 20px 10px 10px;
	width: 560px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #efcf5e;
}
.tablelist.outline td {
	display: inline-block;
	border-bottom: 6px #9a9a9a solid;
	border-radius: 20px;
	padding: 10px;
	width: 560px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #f1f1f1;
}

ul.rec-step {
	padding: 15px 0;
	margin: 0;
	list-style: none;
}
ul.rec-step li {
	display: block;
	position: relative;
	background: url("../images/recruit/board.png") no-repeat;
	background-size: cover;
	border-radius: 16px;
	padding: 30px;
	margin: 5px 0;
	width: 540px;
	text-align: center;
	vertical-align: top;
}
ul.rec-step li .stepttl {
	padding-bottom: 30px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-style: normal;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.3em;
	text-align: center;
}
ul.rec-step li span {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7em;
	text-align: left;
}

ul.rec-receipt {
	padding: 15px 0;
	margin: 0;
	list-style: none;
}
ul.rec-receipt li {
	background: #181818;
	background: rgba(24,24,24,.8);
	border: 1px #f3d85c solid;
	border-radius: 16px;
	padding: 20px 0;
	margin: 5px 0;
	width: 540px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6em;
}
ul.rec-receipt li strong {
	display: block;
	background: #5e4400;
	padding: 16px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.0em;
	color: #ffcb42;
	text-align: center;
}
ul.rec-receipt li img {
	margin: 20px 0 0;
}
ul.rec-receipt li span {
	display: block;
	padding: 20px 20px 0;
	text-align: left;
}

ul.rec-faq {
	display: inline-block;
	padding: 15px 0;
	margin: 0;
	list-style: none;
}
ul.rec-faq li {
	background: #181818;
	background: rgba(24,24,24,.8);
	border: 1px #f3d85c solid;
	border-radius: 16px;
	padding: 20px;
	margin: 10px 0;
	width: 540px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6em;
	text-align: left;
}
ul.rec-faq li strong {
	display: block;
	border-bottom: 1px #f3d85c dotted;
	padding-bottom: 4px;
	margin-bottom: 18px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.3em;
	color: #eac35d;
}

ul.rec-point {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
ul.rec-point li {
	display: inline-block;
	width: 32%;
}
ul.rec-point li img {
	width: 100%;
}

a.contactbtn-tel {
	background: url("../images/recruit/contact_tel.png") no-repeat;
	background-size: 640px auto;
}
a.contactbtn-mail {
	background:url("../images/recruit/contact_mail.png?200702") no-repeat;
	background-size: 640px auto;
}
a.contactbtn-line {
	background:url("../images/recruit/contact_line.png") no-repeat;
	background-size: 640px auto;
}
a.contactbtn-tel, a.contactbtn-mail, a.contactbtn-line {
	display:inline-block;
	width:640px;
	height:147px;
	filter:brightness();
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
a.contactbtn-tel:hover, a.contactbtn-mail:hover, a.contactbtn-line:hover {
	filter:brightness(1.3);
	webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.tablelist table {
	border:none;
	border-spacing:0;
	border-collapse:separate;
}
.tablelist th {
	border-bottom:9px #3f3f3f solid;
	padding:10px 20px 4px 0;
	text-align:left;
	word-break:keep-all;
	font-weight:500;
	color:#e6e6e6;
}
.tablelist td {
	border-bottom:9px #3f3f3f solid;
	padding:10px 10px 4px 20px;
	color:#e6e6e6;
	text-align:left;
}
.tablelist td.sttl {
	border:none;
	border-bottom:2px #3f3f3f solid;
	padding:10px 10px 4px;
	font-size:20px;
	font-weight:500;
}


a.txtbtn {
	display:inline-block;
	background:url(../images/txtbtn_bg.jpg) repeat-x;
	background-size:auto 60px;
	border-radius:8px;
	padding:0 60px;
	margin:10px 0;
	min-width:300px;
	height:60px;
	font-size:16px;
	font-size:1.6rem;
	line-height:60px;
	color:#dbdbdb;
	text-align:center;
	webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

/*  */
.br-spnot {
	display: none;
}
.br-pcnot {
}
.atten {
	padding-left:1rem;
	margin-bottom:4px;
	text-indent:-1rem;
	line-height:1.3em;
}
.shadow {
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.clear {
	clear:both;
}