@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

@font-face {
	font-family:'CGothic';
	src:url('images/CGothic.ttf') format('truetype');
}
@font-face {
	font-family:'CSerif';
	src:url('images/CSerif.ttf') format('truetype');
}



.dispSP {
	display:none !important;
}
/* ==============================================
	CSS reset
=============================================== */
* ,*:before ,*:after {
	box-sizing:border-box;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
html ,body ,div ,p ,span ,iframe ,a ,img ,
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,
dl ,dt ,dd ,ol ,ul ,li ,
form ,label ,
table ,thead ,tbody ,tfoot ,tr ,th ,td ,
blockquote ,q ,pre ,
header ,footer ,nav ,article ,section ,aside {
	margin:0;
	padding:0;
	border:0 none;
	font-size:100%;
	vertical-align:baseline;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,th {
	font-weight:normal;
}
button ,input ,textarea ,select {
	font-size:14px;
	letter-spacing:1px;
	font-family:"Noto Sans JP" ,sans-serif;
}
button {
	padding:5px 20px;
}

html ,body {
	min-height:100%;
	font-family:"Noto Sans JP" ,sans-serif;
	line-height:1.3;
}
a ,a:link ,a:visited {
	color:#f06;
	text-decoration:none;
}
a:hover {
	color:#f69;
	text-decoration:none;
}

img {
	vertical-align:bottom;
	max-width:100%;
}
ol ,ul ,li {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
blockquote ,q {
	quotes:none;
}
blockquote:before ,blockquote:after
,q:before ,q:after {
	content:'';
	content:none;
}
/*
header ,footer ,nav ,article ,section ,aside {
	display:block;
}
*/

/* ==============================================
	cleafix
=============================================== */
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	display: block; /* for IE8 */
	zoom: 1; 
}


/* ==============================================
	common
=============================================== */
.titleBar {
	padding-top:2px;
	text-align:center;
	padding-bottom:60px;
}
.titleBar.contentsTitle {
	padding-top:20px;
	padding-bottom:10px;
}


.titleText {
	font-size:32px;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 0px #000;
	background:url(images/pc/titleBG.png) 50% 50% no-repeat;
	padding:0 40px;
	height:47px;
	line-height:47px;
	margin-bottom:40px;
	font-family:"CGothic" ,"Noto Sans JP" ,sans-serif;
}
.titleText span.en {
}
.titleText span.jp {
	padding-left:0.8em;
	font-size:60%;
}


/* ==============================================
	infoBox option
=============================================== */
.notes {
	font-size:14px;
	color:#333;
	text-align:center;
	padding-bottom:60px;
}
.notes p {
	padding:5px 0;
}

.sendIP {
	margin-top:1em;
	color:#999;
	font-size:xx-small;
	text-align:center;
}



/* ==============================================
	common table
=============================================== */



/* ==============================================
	body
=============================================== */
body {
	position:relative;
	font-size:12px;
	color:#000;
	text-shadow:1px 1px 0 #fff;
	background-color:#f9f7f8;
	background-image:url(images/pc/background.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
@media screen and (max-width:1000px) { 
	body {
		background-image:none;
	}
}


.innerFrame {
	width:1000px;
	margin:auto;
}




/* ==============================================
	header
=============================================== */
#header {
	font-family:'CGothic',"メイリオ",sans-serif;
}
#header h1 {
	padding:0px 30px;
	line-height:40px;
}


#header #headerInner #headerTitle {
	width:100%;
	text-align:center;
}
#header #headerInner #headerTitle #headerLogo {
	display:block;
	width:210px;
	margin:10px auto 0;
}

#header #headerInner #headerInfoBloc {
	padding:10px 0px;
}
#header #headerInner #headerInfoBloc span#headerText {
	display:block;
	font-size:14px;
}
#header #headerInner #headerInfoBloc span#headerTel {
	display:block;
	font-size:20px;
}



/* ==============================================
	footer
=============================================== */
#footer {
	position:relative;
	width:100%;
	margin:0;
	font-family:'CGothic',"メイリオ",sans-serif;
	text-align:center;
}

#footer #footerInner {
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:200px;
}
#footer #footerInner #footerNavPane .navMenuBloc {
	position:absolute;
	bottom:100px;
	left:0px;
	height:50px;
	width:100%;
}





#footer #footerInfo {
	padding-top:60px;
}
#footer #footerInfo #footerLogo {
	margin:auto;
	font-size:16px;
}
#footer #footerInfo #footerLogo a {
	font-size:46px;
}
#footer #footerInfo #footerText {
	padding-top:10px;
	font-size:18px;
}
#footer #footerInfo #footerTel a {
	letter-spacing:1px;
	font-size:28px;
	color:#000;
}

#copyright {
	color:#333;
	padding:10px 0;
	letter-spacing:1px;
	font-size:14px;
}
#copyright a {
	color:#333;
}


/* ==============================================
	contents body
=============================================== */
#body {
}




/* ==============================================
	index
=============================================== */









/* ==============================================
	home > homeTop > slider
=============================================== */
#homeSliderBloc {
	margin:auto;
	padding-bottom:50px;
}
#homeSliderBloc .bx-wrapper {
}
#homeSliderBloc .bx-wrapper .bx-viewport {
	background:transparent;
	border:0 none;
	text-align:center;
}
#homeSliderBloc .bx-wrapper .bx-viewport img {
	max-width:100%;
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
}
#homeSliderBloc .bx-wrapper .bx-pager {
	bottom:-35px;
}


/* ==============================================
	home news
=============================================== */
ul#homeNews {
	line-height:1.3;
	overflow-y:auto;
	width:100%;
	height:100%;
	border:1px solid #000;
	background-color:#fff;
}

ul#homeNews li {
	position:relative;
	padding:10px;
	border-bottom:1px dashed #666;
	font-size:12px;
}
ul#homeNews li:last-child {
	border-bottom:0px none;
}
ul#homeNews li .newsDate {
	font-weight:bold;
	color:#f3c;
	margin-bottom:10px;
}
ul#homeNews li .newsText {
	font-size:16px;
	line-height:1.6;
	text-shadow:none;
}
ul#homeNews li .newsText span {
	display:inline-block;
}


div#newsLink {
	border-top:1px dashed #666;
	padding:5px;
	text-align:right;
}




/* ==============================================
	home news
=============================================== */
#homePickup {
	width:1000px;
	margin:auto;
	padding-bottom:40px;
}
#homePickup ul.pickupList {
}
ul li.castPickupCell:not(.castCell) {
}
ul li.castPickupCell:not(.castCell) .castImage {
	display:block;
	float:left;
	width:422px;
	height:562px;
	margin:20px;
}
ul li.castPickupCell:not(.castCell) .castImage a img {
	border:1px solid #fff;
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
	box-shadow:0 0 10px #999;
}
ul li.castPickupCell:not(.castCell) .castImage a:hover img {
	border:1px solid #999;
	box-shadow:0 0 25px 5px #ccc;
}
ul li.castPickupCell:not(.castCell) .castInfo {
	display:block;
	float:left;
	width:520px;
	height:562px;
	margin:20px 0;
	padding:15px;
	box-shadow:0 0 10px #999;
	overflow:auto;
	font-size:12px;
	line-height:1.5;
	letter-spacing:1px;
}
ul li.castPickupCell:not(.castCell) .castInfo img {
	vertical-align:middle;
	vertical-align:sub;
}
ul li.castPickupCell:not(.castCell) .castInfo .castName {
	display:block;
	text-align:center;
	font-size:36px;
	color:#f06;
	line-height:1.3;
	letter-spacing:2px;
}
ul li.castPickupCell:not(.castCell) .castInfo .castName span {
	display:inline-block;
}
ul li.castPickupCell:not(.castCell) .castInfo .castName span:nth-child(1) {
	font-size:28px;
}
ul li.castPickupCell:not(.castCell) .castInfo .castSize {
	display:block;
	text-align:center;
	font-size:16px;
}
ul li.castPickupCell:not(.castCell) .castInfo .castIcon {
	display:block;
	text-align:center;
	font-size:12px;
}
ul li.castPickupCell:not(.castCell) .castInfo .castIcon .textIcon {
	display:inline-block;
	padding:0 0.5em;
}
ul li.castPickupCell:not(.castCell) .castInfo .castIcon .textIcon:first-letter {
	font-size:16px;
	color:#f06;
}
ul li.castPickupCell:not(.castCell) .castInfo .castCatch {
	display:block;
	text-align:center;
	font-size:14px;
}

ul li.castPickupCell:not(.castCell) .castInfo .castTime {
	display:block;
	text-align:center;
	font-weight:bold;

	padding-bottom:10px;
	border-bottom:1px dashed #999;
	margin-bottom:5px;
}
ul li.castPickupCell:not(.castCell) .castInfo .castTime.castFlagToday {
}
ul li.castPickupCell:not(.castCell) .castInfo .castTime.castFlagToday:before {
	content:"本日出勤　";
}
ul li.castPickupCell:not(.castCell) .castInfo .castText {
	display:block;
	text-align:left;
	height:7em;
	overflow-y:auto;
	padding-left:10px;
	padding-right:10px;
}

ul li.castPickupCell:not(.castCell) .castInfo dl.castProf {
	display:block;
	margin-top:5px;
	border-top:1px dashed #999;
	padding:10px 1em;
}
ul li.castPickupCell:not(.castCell) .castInfo dl.castProf dt:before {
	content:"★";
	color:#f06
}
ul li.castPickupCell:not(.castCell) .castInfo dl.castProf dd {
	padding-left:1em;
}


#homePickup .bx-wrapper .bx-pager {
	text-align:center;
	font-size:0;
	margin:auto;
}

#homePickup .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
}

#homePickup .bx-wrapper .bx-pager.bx-default-pager a {
	display:inline-block;
	width:10px;
	height:10px;
	font-size:0;
	border-radius:50%;
	vertical-align:middle;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#homePickup .bx-wrapper .bx-pager.bx-default-pager a.active {
	width:20px;
	height:20px;
	box-shadow:2px 2px 3px #666;
}


@media screen and (max-width:1370px) { 
	#homePickup {
		width:820px;
	}
	ul li.castPickupCell:not(.castCell) .castImage {
		width:302px;
		height:402px;
	}
	ul li.castPickupCell:not(.castCell) .castInfo {
		width:460px;
		height:402px;
	}
}
@media screen and (max-width:1170px) { 
	#homePickup {
		width:730px;
	}
	ul li.castPickupCell:not(.castCell) .castImage {
		width:272px;
		height:362px;
	}
	ul li.castPickupCell:not(.castCell) .castInfo {
		width:400px;
		height:362px;
		font-size:12px;
	}
}
@media screen and (max-width:1070px) { 
	#homePickup {
		width:640px;
	}
	ul li.castPickupCell:not(.castCell) .castImage {
		width:242px;
		height:322px;
	}
	ul li.castPickupCell:not(.castCell) .castInfo {
		width:340px;
		height:322px;
	}

	ul li.castPickupCell:not(.castCell) .castInfo .castName {
		font-size:28px;
	}
	ul li.castPickupCell:not(.castCell) .castInfo .castName span:nth-child(1) {
		font-size:20px;
	}
	ul li.castPickupCell:not(.castCell) .castInfo .castSize {
		font-size:14px;
	}
}








/* ==============================================
	cast list
=============================================== */

ul.castList {
}
ul.castList li.castCell {
	position:relative;
	display:block;
	float:left;
	width:244px;
	height:345px;
	text-align:center;
	border:1px solid #000;
}
ul.castList li.castCell a.aFrame {
	display:block;
	width:100%;
	height:100%;
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
ul.castList li.castCell a.aFrame:hover {
	background-color:rgba(255,0,153,0.2);
}
ul.castList li.castCell span {
	display:block;
	width:100%;
	overflow:hidden;
}

ul.castList li.castCell .castName {
	height:30px;
	line-height:30px;
	padding:0 25px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
ul.castList li.castCell .castImage {
	position:relative;
	padding:0 25px;
	height:257px;
	line-height:256px;
}
ul.castList li.castCell .castImage .profIcons {
	margin-top:-74px;
	height:73px;
	display:flex;
}
ul.castList li.castCell .castImage .profIcons li {
	width:64px;
	height:100%;
	line-height:73px;
	text-align:center;
}
ul.castList li.castCell .castImage .profIcons li img {
	vertical-align:bottom;
	max-height:100%;
}
ul.castList li.castCell .castSize {
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#000;
}

ul.castList li.castCell .castTime {
	height:28px;
	line-height:30px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	font-size:16px;
	overflow:hidden;
}
ul.castList li.castCell .castTime.castFlagToday {
	background-color:#f39;
}
ul.castList.schedule li.castCell .castTime.castFlagToday:before {
	content:"出勤予定 ";
}
ul.castList li.castCell .castTime.castFlagToday:before ,
ul.castList.schedule#day0List li.castCell .castTime.castFlagToday:before {
	content:"本日出勤 ";
}

ul.castList li.castCell .castTime.castFlagNextDay {
	background-color:#39f;
}
ul.castList li.castCell .castTime.castFlagNextDay:before {
	content:"次回出勤 ";
}


ul li.castFlagNewface a.aFrame:after {
	content:"";
	position:absolute;
	top:-3%;
	left:-6%;
	width:50%;
	height:120px;
	background-image:url(images/icons/new_icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;

	animation:1.5s animateBlink infinite alternate ease-in;
}
ul li.castPickupCell.castFlagNewface a.aFrame:after {
	top:0%;
	left:0%;
}
@keyframes animateBlink {
	  0% { opacity:1; }
	100% { opacity:0.1; }
}






/* ==============================================
	cast schedule
=============================================== */
#dateList {
	width:100%;
	padding-bottom:40px;
	text-align:center;
	font-size:0;
}
#dateList li {
	display:inline-block;
	width:13.6%;
	line-height:40px;
	margin-right:0.6%;
	font-weight:bold;
	font-size:16px;
	color:#333;
	text-shadow:1px 1px 1px #fff;
	cursor:pointer;
	border:1px solid #fff;
	background-color:rgba(255,255,255,0.4);
	box-shadow:0px 1px 3px #666;
}
#dateList li:last-child {
	margin-right:0;
}
#dateList li.on {
	color: #fff;
	text-shadow:1px 1px 1px #000;
	background:#f06;
	box-shadow:1px 1px 3px #fff inset;
	border-radius:5px;
}
#dateList li:not(.on):hover {
	border:1px solid #f69;
    box-shadow: 0px 0px 3px #f69;
}





/* ==============================================
	cast ranking
=============================================== */
.castRanking {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:118px 50px 0 140px;
}
.castRanking li {
	width:100%;
	padding:3px 0;
	height:51.5px;
	line-height:48px;
}
.castRanking li .aFrame {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding-left:5px;
}
.castRanking li .aFrame img {
	max-height:100%;
	vertical-align:top;
}
.castRanking li .aFrame span {
	font-size:18px;
	color:#666;
	padding-left:10px;
}
.castRanking li a.aFrame span {
	font-weight:bold;
}
.castRanking#rank0 li a.aFrame span {
	color:#000;
	text-shadow:1px 1px 0 #fff;
}
.castRanking#rank1 li a.aFrame span {
	color:#000;
	text-shadow:1px 1px 0 #fff;
}

.castRanking#rank0 li a.aFrame:hover span {
	color:#f06;
}
.castRanking#rank1 li a.aFrame:hover span {
	color:#06f;
}

.castRanking li.castFlagToday a.aFrame:after {
	content:"本日出勤";
	position:absolute;
	top:7px;
	right:2px;
	display:block;
	padding:0 5px;
	font-size:12px;
	line-height:34px;
	color:#fff;
	text-shadow:none;
	border-radius:5px;
}
.castRanking#rank0 li.castFlagToday a.aFrame:after {
	background-color:#f6c;
	box-shadow:2px 2px 0 #f00;
}
.castRanking#rank1 li.castFlagToday a.aFrame:after {
	background-color:#06f;
	box-shadow:2px 2px 0 #00f;
}


/* ==============================================
	system
=============================================== */
ul#system {
	max-width:100%;
	text-align:center;
}



/* ==============================================
	access
=============================================== */
#access {
	max-width:100%;
	text-align:center;
}
#access iframe {
	width:600px;
	height:360px;
	margin:auto auto 30px;
	border:1px solid #fff;
	box-shadow:3px 3px 5px #666;
}
#access .infoBox {
	width:600px;
	margin:auto;
}

#access .infoBox .shopName {
	color:#60f;
	font-size:24px;
}



/* ==============================================
	recruit
=============================================== */
.recruitTable {
	width:100%;
	font-size:14px;
	margin:20px auto;
}
.recruitTable th ,
.recruitTable td {
	padding:10px 20px;
	border:1px solid #999;
}

.recruitTable th {
	width:25%;
}
.recruitTable td {
}






#recruitCast th {
	background-color:#fde;
}
#recruitStaff th {
	color:#fff;
	text-shadow:1px 1px 0 #000;
	background-color:#000;
}


/* ==============================================
	recruit form
=============================================== */
#formTable {
	width:100%;
	padding:0 10px;
	font-size:13px;
}
#formTable dt {
	float:left;
	text-align:right;
	width:50%;
	padding:10px 5px 0;
	line-height:26px;
}
#formTable dd {
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
	padding-left:52%;
	line-height:1.8;
}
#recruitHtmlBody #formTable dd {
	padding-left:220px;
}
#formTable dd .memo {
	color:#666;
}
#formTable dd:last-child {
	border-bottom:0px none;
}

#formTable dd label {
	display:block;
}
.error {
	color:#f06;
}

input.widthS {
	width:4em;
}
input.widthMS {
	width:8em;
}
input.widthM {
	width:12em;
}
input.widthL {
	width:20em;
}
textarea {
	width:20em;
	max-width:100%;
	height:5em;
}

.formButton {
	width:100%;
	margin:auto 10px;
	padding:10px;
	text-align:center;
	font-size:13px;
	border-top:1px solid #ddd;
}



/* ==============================================
	recruit form
=============================================== */
#mailmagazineHtmlBody {
}

#mailmagazineHtmlBody input[type='text'] {
	width:480px;
	max-width:75%;
}

#mailmagazineHtmlBody .infoBox.notes p {
	padding:10px 0;
}



/* ==============================================
	link banner
=============================================== */
.linkList {
	padding-left:38px;
}
.linkList li {
	float:left;
	width:140px;
	text-align:center;
	margin:5px;
}
.linkList li a {
	display:inline-block;
	width:100%;
	height:54px;
	padding-top:5px;
	font-size:11px;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	background-color:rgba(255,255,255,0.4);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	box-shadow:0 0 3px #999;
	border:1px solid #fff;
}
.linkList li a img {
	width:88px;
	height:31px;
}
.linkList li a:hover {
	border:1px solid #f69;
    box-shadow: 0px 0px 3px #f69;
}





/* ==============================================
	profile left bloc
=============================================== */
#profLeft {
	text-align:center;
}

#profLeft #profName {
	height:38px;
	line-height:38px;
	font-size:22px;
	border:1px solid #000;
	font-weight:bold;
}
#profLeft #profName span#number {
	font-size:20px;
}
#profLeft #profName span#size {
	padding-left:2em;
	font-size:14px;
	color:#e33;
	font-weight:normal;
}

#profLeft #profImage {
	position:relative;
	height:652px;
}
#profLeft #profImage > img {
	width:100%;
	height:100%;
	object-fit:cover;
	border:1px solid #000;
}
#profLeft #profImage .profIcons {
	position:absolute;
	top:2px;
	left:2px;
	width:200px;
	height:73px;
	text-align:left;
}
#profLeft #profImage .profIcons li {
	display:inline-block;
	width:64px;
	height:100%;
}
#profLeft #profImage .profIcons li img {
	vertical-align:top;
}



/* ==============================================
	profile right bloc
=============================================== */
#profRight {
	background-image:url(images/pc/profBG.png);
}

#profRight dl {
	font-size:16px;
	font-weight:bold;
	padding:10px;
}
#profRight dl dt {
	padding:10px 10px 0;
	color:#f06;
}
#profRight dl dd {
	padding:10px 20px;
	color:#333;
	border-bottom:1px solid #000;
	box-shadow:0 1px 0 #fff;
}

#profRight dl dd br + span.diaryLink {
	padding-top:0.5em;
}
#profRight dl dd span.diaryLink {
	display:block;
	text-align:right;
	font-size:14px;
	padding-left:1em;
}
#profRight dl dd span.diaryLink a {
	color:#00f;
}
#profRight dl dd span.diaryLink a:hover {
	color:#f06;
}

#profRight table {
	width:90%;
	font-size:16px;
	margin:20px auto auto;
	border-collapse:collapse;
	text-align:center;
}
#profRight table caption {
	font-weight:bold;
	color:#f06;
	padding:5px 0;
}
#profRight table th ,
#profRight table td {
	font-size:15px;
	font-weight:bold;
	border:1px solid #000;
	padding:5px 0;
}
#profRight table th {
	width:40%;
}
#profRight table td {
	width:60%;
}

#profRight table th.week0 {
	color:#f00;
}

#profRight table th.week6 {
	color:#00f;
}




/* ==============================================
	profile > right info frame > bottom schedule
=============================================== */
#profileScheduleBloc {
	max-width:720px;
	margin:40px auto;
}

.profileSchedule {
	width:100%;
	margin:auto;
	font-size:12px;
	text-align:center;
	border-spacing:3px;
	padding:3px;
	line-height:1.6;
	border-collapse:separate;
}
.profileSchedule caption {
}
.profileSchedule th ,
.profileSchedule td {
	width:14%;
	padding:10px 0;
	font-weight:normal;
	border:1px solid #fff;
	box-shadow:0px 1px 3px #666;
	vertical-align:middle;
	background-color:rgba(255,255,255,0.3);
}
.profileSchedule .week0 {
	background-color:rgba(255,192,192,0.3);
}
.profileSchedule .week6 {
	background-color:rgba(192,192,255,0.3);
}



/* ==============================================
	profile(event)
=============================================== */
#profileInfoFrame.eventInfo {
}
#profileInfoFrame.eventInfo #profileProfileBloc {
	display:none;
}
#profileInfoFrame.eventInfo #profileMessageBloc {
	float:none;
	width:100%;
}


/* ==============================================
	profile > guide(bottom)
=============================================== */
#profileGuideBottom {
	height:40px;
	margin:60px auto 30px;
	overflow:hidden;
	font-size:0;
	text-align:center;
}
#profileGuideBottom li {
	display:inline-block;
	width:150px;
	height:40px;
	line-height:40px;
	font-size:13px;
	text-align:center;
}

#profileGuideBottom li a {
	display:block;
	width:150px;
	height:40px;
	color:#f06;
	border-right:1px solid #ccc;
}
#profileGuideBottom li:last-child a {
	border-right:0px none;
}
#profileGuideBottom li a span {
}
#profileGuideBottom li a:hover {
	color:#f06;
	text-shadow:1px 1px 0 #fff;
	box-shadow:0px 0px 5px #f06 inset;
}




/* ==============================================
	loading filter
=============================================== */
#loadingFilter {
	display:none;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;
	z-index:99;
	background-color:rgba(255,255,255,0.9);
}
#loadingFilter #loadingFrame {
	width:100%;
	height:100%;
	padding-bottom:15%;
}
#loadingFilter #loadingFrame #loadingImg {
	width:100%;
	height:100%;
	background-image:url(img/loading.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}






/* ==============================================
	bloc
=============================================== */
.blocList {
	width:1000px;
	margin:auto;
	padding-left:12px;
	font-size:0;
}
.blocList .blocParts {
	float:left;
	position:relative;
	width:976px;
	height:auto;
	overflow:hidden;
}
.blocList .blocParts.cols1 {
	width:244px;
}
.blocList .blocParts.cols2 {
	width:488px;
}
.blocList .blocParts.cols3 {
	width:732px;
}
.blocList .blocParts.cols4 {
	width:976px;
}
.blocList .blocParts.rows1 {
	height:345px;
}
.blocList .blocParts.rows2 {
	height:690px;
}
.blocList .blocParts.rows3 {
	height:1035px;
}
.blocList .blocParts.rows4 {
	height:1380px;
}

.blocList .blocParts img {
/*
	transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
*/
}
.blocList .blocParts:not(.slide):hover a:not(.aFrame) img {
	opacity:0.7;
}

.blocList .blocParts.slide a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.blocList .blocParts.slide img {
	position:absolute;
	max-width:none;
	max-height:none;
	z-index:-1;
}

.blocList .blocParts.slide.dir1 img {
	top:0;
	left:0;
}
.blocList .blocParts.slide.dir1:hover img {
	left:-100%;
}
.blocList .blocParts.slide.dir2 img {
	top:0;
	left:-100%;
}
.blocList .blocParts.slide.dir2:hover img {
	left:0;
}
.blocList .blocParts.slide.dir3 img {
	top:-100%;
	left:0;
}
.blocList .blocParts.slide.dir3:hover img {
	top:0;
}
.blocList .blocParts.slide.dir4 img {
	top:0;
	left:0;
}
.blocList .blocParts.slide.dir4:hover img {
	top:-100%;
}



/* ==============================================
	girls search panel
=============================================== */
#searchPanel {
	width:100%;
	height:100%;
	padding:50px 7.5%;
	border:1px solid #000;
}
#searchPanel .searchList {
	width:100%;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#searchPanel .searchList label{
	display:block;
	width:33%;
	font-size:20px;
	height:50px;
	line-height:50px;
	text-align:left;
}
#searchPanel #searchButton {
	margin-top:40px;
	font-size:18px;
	height:50px;
	line-height:50px;
	color:#fff;
	text-shadow:none;
	background-color:#666;
	text-align:center;
	border-radius:3px;
	cursor:pointer;
}
#searchPanel #searchButton:hover {
	background-color:#000;
}

#searchPanel .searchList input[type="checkbox"] {
	display:none;
}
#searchPanel .searchList input[type="checkbox"] + .checkbox-icon {
	position:relative;
	vertical-align:top;
	padding-right:5px;
}
#searchPanel .searchList input[type="checkbox"] + .checkbox-icon:before {
	content:"\f372";
	font-family:"Ionicons";
	color:#999;
	font-size:24px;
	vertical-align:middle;
}
#searchPanel .searchList input[type="checkbox"]:checked + .checkbox-icon:before {
	content:"\f374";
	color:#f39;
}

.castList .noData {
	display:block;
	float:left;
	width:100%;
	height:345px;
	line-height:345px;
	border:1px solid #000;
	font-size:18px;
	color:#333;
	text-align:center;
}
.castList .noData.dispOff {
	display:none;
}


/* ==============================================
	menu icon
=============================================== */
#menuIconBloc {
	position:fixed;
	top:15px;
	left:calc(50% + 500px - 40px - 60px);
	width:60px;
	height:60px;
	background-color:#333;
	border-radius:100%;
	box-shadow:0px 0px 4px 2px #ccc;
	cursor:pointer;
	z-index:100;
}
#menuIconBloc #menuIcon ,
#menuIconBloc #menuIcon:before ,
#menuIconBloc #menuIcon:after {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:58%;
	height:3px;
	margin-top:-1.5px;
	margin-left:-29%;
	border-radius:1.5px;
	background:rgba(255,255,255,1);
	-webkit-transition:.2s ease-out;
	transition:.2s ease-out;
}

#menuIconBloc #menuIcon:before {
	content:"";
	top:calc( -10px + 1.5px );
	margin-left:-50%;
	width:100%;
}
#menuIconBloc #menuIcon:after {
	content:"";
	top:calc( 10px + 1.5px );
	margin-left:-50%;
	width:100%;
}

#menuIconBloc #menuIcon.open {
	background:rgba(255,255,255,0);
}
#menuIconBloc #menuIcon.open:before {
	top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menuIconBloc #menuIcon.open:after {
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}




header .navMenuBloc {
	position:fixed;
	top:80px;
	left:calc(50% + 500px - 20px - 400px);
	width:400px;
	overflow:hidden;
	background-color:rgba(0,0,0,0.8);
	z-index:100;
	display:none;
}
header .navMenuBloc li {
}
header .navMenuBloc li a {
	color:#fff;
	text-shadow:1px 1px 0 #000;
	font-size:18px;
	line-height:48px;
	padding:0 15px;
	border-top:1px solid #000;
	border-bottom:1px solid #999;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
header .navMenuBloc li a span {
	display:inline-block;
}
header .navMenuBloc li a span:nth-child(2) {
	font-size:22px;
}

header .navMenuBloc li a:hover {
	color:#000;
	text-shadow:1px 1px 0 #fff;
	background-color:rgba(255,255,255,0.9);
	border-top:1px solid #fff;
}



@media screen and (max-width:1000px){
	#menuIconBloc {
		left:calc(1000px - 40px - 60px);
	}
	header .navMenuBloc {
		left:calc(1000px - 20px - 400px);
	}
}