@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap');
/*
	font-family:'Noto Sans JP' ,sans-serif;
	font-family:'Noto Serif JP' ,serif;
*/

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


/* ==============================================
	CSS reset
=============================================== */
* {
	box-sizing:border-box;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
.bx-wrapper * {
	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;
	color:inherit;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:inherit;
}
button ,input ,textarea ,select {
	font-size:inherit;
	letter-spacing:1px;
	font-family:'CSerif' ,'Noto Serif JP' ,serif;
}

input[type="submit"] ,button {
	padding:5px 20px;
}

html ,body {
	min-height:100%;
	height:100%;
	font-family:'CSerif' ,'Noto Serif JP' ,serif;
}
a ,a:link ,a:visited {
}
a:hover {
}

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:before ,
.clearfix:after {
	display:table;
	content:" ";
}
.clearfix:after {
	clear:both;
}


/* ==============================================
	common
=============================================== */
.titleBar {
	width:100%;
	padding:0.5em 0 2em;
	color:#000;
	text-align:center;
	font-family:'CSerif' ,'Noto Serif JP' ,serif;
}
.titleBar.sub {
	padding-bottom:0.5em;
	color:#e22;
	font-size:160%;
}

.titleBar.sub.color0 {
	color:#900;
	border-bottom:3px solid #900;
}
.titleBar.sub.color1 {
	color:#009;
	border-bottom:3px solid #009;
}
.titleBar > span {
	display:block;
}
.titleBar > span:nth-child(1) {
	font-size:240%;
}
.titleBar > span:nth-child(2) {
	line-height:1;
}

.titleImage {
	padding-bottom:30px;
	text-align:center;
}
.titleImage img {
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
}

.noData {
	width:70%;
	min-width:850px;
	margin-left:auto;
	margin-right:auto;
	min-height:300px;
	padding-top:80px;
	text-align:center;
}
.noData.frame {
}

.commonList {
	text-align:center;
	padding-bottom:1em;
}

.contentsBloc {
	padding-bottom:4em;
}

.infoBox {
	width:100%;
	padding-bottom:2em;
}
.center {
	text-align:center;
}
.infoBox p {
	padding:5px 0;
}
.infoBox.notes {
	width:80%;
	min-width:630px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.infoBox.notes .headline ,
.noData .headline {
	color:#e22;
	font-size:160%;
}
.infoBox.notes .comment ,
.noData .comment {
	font-size:90%;
}
.noData .comment2 {
	margin-top:15px;
	font-size:120%;
	color:#00f;
}


.iframeOuter > * {
	border: 1px solid #fff;
    box-shadow: 2px 2px 5px #666;
}
.twitterFrame {
	width:90%;
	max-width:960px;
	margin:0 auto;
}
.twitterFrame > * {
	border: 1px solid #fff;
    box-shadow: 2px 2px 5px #666;
}

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

.noticeInfo {
	color:#90f;
}
.noticeAlert {
	color:#f06;
}
.noticeLink {
}
.noticeLink a {
	color:#f9c;
}
.noticeLink a:hover {
	text-decoration:underline;
}

.mBottom {
	margin-bottom:30px;
}

.strong {
	color:#f30;
	font-size:120%;
}

.nopage {
	padding:5em 0 10em;
	text-align:center;
}

.commonTable {
	width:100%;
}
.commonTable th {
	width:20%;
	padding:5px;
	border:1px solid #666;
	letter-spacing:2px;
}
.commonTable td {
	padding:5px 10px;
	border:1px solid #666;
}

.imageList {
	width:100%;
	padding:0 10%;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	text-align:center;
}
.imageList li {
	width:calc(100% / 2);
	padding:0.5em 0.5em 2em;
	text-align:center;
	max-width:640px;
}
.imageList li img {
	border:1px solid #000;
}



.hoverTarget {
	position:relative;
	display:block;
	background:rgba(0,0,0,0);
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.hoverTarget:hover {
	color:#fff;
	background:rgba(0,0,0,0.4);
}








/* ==============================================
	body
=============================================== */
body {
	width:100%;
	min-width:1200px;
	position:relative;
	font-size:16px;
	line-height:1.6;
	color:#000;
	background:url(images/bg/bg2.jpg) 50% 0 repeat;
}
body div#bgLayer {
}

body #body ,
#header .innerFrame ,
#header_sticky .innerFrame ,
#footer .innerFrame {
	position:relative;
	width:100%;
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.innerFrame {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}




/* ==============================================
	header
=============================================== */
#header {
	position:relative;
	margin:0 auto;
}

#header #h1 {
	padding:0.2em 0;
	font-size:80%;
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	text-align:center;
}

#header #h1 h1 {
}



#headerImagePane {
	position:relative;
	text-align:center;
	overflow:hidden;
	z-index:2;
	text-align:center;
}


#headerImagePane #headerLogo {
	position:relative;
	padding:20px 0;
	height:200px;
}
#headerImagePane #headerLogo .innerFrame {
	height:100%;
}
#headerImagePane #headerLogo img {
	max-height:100%;
}


#headerImagePane #headerInfoPane {
	font-size:160%;
	line-height:1.6;
	color:#000;
	background-color:rgba(221,221,221,0.9);
}
#headerImagePane #headerInfoPane .innerFrame {
	display:flex;
	justify-content:center;
}
#headerImagePane #headerInfoPane #headerText {
}
#headerImagePane #headerInfoPane #headerText:after {
	content:"/";
	padding:0 0.3em;
}
#headerImagePane #headerInfoPane #headerTel {
}






/* ==============================================
	header > menu
=============================================== */
#header_sticky {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:1000;
}
#header_sticky .navMenuBloc {
	position:relative;
	height:54px;
	line-height:1.2;
	color:#fff;
	background:rgba(102,102,102,0.8);
	z-index:1;
}
#header_sticky .navMenuBloc:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:3px;
	background:#000;
	z-index:2;
}

#header_sticky .navMenuBloc ul.navMenu {
	width:70%;
	position:relative;
	z-index:3;
	display:flex;
	justify-content:center;
	align-items:stretch;
	text-align:center;
}
#header_sticky .navMenuBloc li {
	flex-grow:1;
	position:relative;
	padding-bottom:3px;
}
#header_sticky .navMenuBloc li .aLink {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:0.4em 0;
	letter-spacing:0.05em;
	text-indent:0.05em;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#header_sticky .navMenuBloc li .aLink span:nth-child(1) {
	width:100%;
	font-size:120%;
}
#header_sticky .navMenuBloc li .aLink span:nth-child(2) {
	width:100%;
	font-size:80%;
}

#header_sticky .navMenuBloc li:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	height:3px;
	background:rgba(255,255,255,0);
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#header_sticky .navMenuBloc li:hover:after ,
#header_sticky .navMenuBloc li.active:after {
	background:rgba(255,255,255,1);
}

#header_sticky .navMenuBloc li.navMenu08 {
	display:none;
}

.scrollDone #header_sticky {
	position:fixed;
	top:0;
}



/* ==============================================
	footer
=============================================== */
#footer {
}

#copyright {
	line-height:3;
	text-align:center;
}
#copyright a {
}
#copyright a:hover {
	text-decoration:underline;
}



#melmagaBanner {
	padding:60px 0 20px;
	text-align:center;
}
#melmagaBanner a  {
	display:inline-block;
}
#melmagaBanner a img {
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#melmagaBanner a:hover img {
	border:1px solid #06f;
    box-shadow: 0px 0px 3px #06f;
}


.maga {
	padding-top:40px;
	text-align:center;
}
footer .maga input[type="text"] {
}


/* ==============================================
	page layout
=============================================== */
/* ==============================================
	index > enter buttons
=============================================== */
#indexHtmlBody #body {
	padding-top:20px;
}
#indexHtmlBody #header {
	position:relative;
	height:auto;
}
#indexHtmlBody #headerImagePane {
	display:none;
}


#enterMainFrame {
	position:relative;
	text-align:center;
	padding-bottom:80px;
}
#enterMainFrame .innerFrame {
	position:relative;
}
#enterMainFrame #enterButtons {
	padding-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#enterMainFrame #enterButtons > #enterButton {
}
#enterMainFrame #enterButtons > #enterButton a {
	text-shadow:1px 1px 1px transparent;
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
#enterMainFrame #enterButtons > #enterButton a span {
	display:block;
}
#enterMainFrame #enterButtons > #enterButton a span:nth-child(1) {
	font-size:360%;
	letter-spacing:0.05em;
	text-indent:0.05em;
	line-height:1.2;
}
#enterMainFrame #enterButtons > #enterButton a span:nth-child(2) {
}

#enterMainFrame #enterButtons > #enterButton a:hover {
	color:#fff;
	text-shadow:1px 1px 1px #000,0 0 5px #000,0 0 10px #000,0 0 15px #000;
}


#enterMainFrame #enterButtons > #exitText {
	padding-top:130px;
	background:url(images/icons/18yo.png) 50% 10px no-repeat;
	background-size:100px;
	color:#666;
}
#enterMainFrame #enterButtons > #exitText a {
	font-weight:bold;
}
#enterMainFrame #enterButtons > #exitText a:hover {
	text-decoration:underline;
}



.recLink {
	width:80%;
	margin:40px auto;
	text-align:center;
}
.recLink a {
	display:inline-block;
	width:100%;
	background-color:rgba(255,255,255,1);
}
.recLink a img {
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
}
.recLink a:hover img {
	border:1px solid #f90;
    box-shadow: 0px 0px 3px #f60;
	opacity:0.9;
}





/* ==============================================
	body sidemenu
=============================================== */
.sidemenu {
	margin-right:15px;
	width:302px;
	min-width:302px;
	max-width:302px;
	display:inline-block;
}
#sidemenuL {
	float:left;
}
#sidemenuR {
	float:right;
}
.sidemenu #newface ,
.sidemenu #pickup {
	margin-bottom:30px;
}

.sidemenu > li {
	margin-bottom:10px;
}
.sidemenu li img {
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.sidemenu li a {
	display:block;
}
.sidemenu li a:hover img {
	border:1px solid #06f;
    box-shadow: 0px 0px 3px #06f;
}





/* ==============================================
	body mainBloc
=============================================== */
#body {
	padding-top:90px;
}
#mainBloc {
	width:100%;
}
#singleBloc {
	width:100%;
}





/* ==============================================
	home > homeTop
=============================================== */
#homeTopBloc {
	padding-left:15px;
	padding-right:15px;
}

/* ==============================================
	home > homeTop > slider
=============================================== */

#homeSliderBloc .bx-wrapper {
	background-color:rgba(255,255,255,1);
}
#homeSliderBloc .bx-wrapper .bx-viewport {
	background:transparent;
	border:0 none;
}
#homeSliderBloc .bx-wrapper .bx-viewport img {
	width:100%;
/*
	border:1px solid #fff;
*/
}

/* ==============================================
	home > homeTop > newface
=============================================== */
#homeNewface {
	padding:0 10px;
/*
	background:#fff;
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
*/
}
#homeNewface .bx-wrapper {
	max-width:100% !important;
}
#homeNewface .bx-wrapper .bx-viewport{
	background:transparent;
	border:0 none;
	box-shadow:none;
	padding-top:10px;
	padding-bottom:5px;
	box-sizing:content-box;
}
#homeNewface .bx-wrapper li.castCell {
	margin:auto;
}






/* ==============================================
	home > main > news
=============================================== */



/* ==============================================
	system
=============================================== */
.systemList {
}
.systemList li.flex {
	width:800px;
	margin:0 auto;
	padding:0.5em 3em;
	border-bottom:1px solid #ddd;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.systemList li.flex:nth-child(1) {
	border-top:1px solid #ddd;
}
.systemList li.flex > .notes {
	width:100%;
	text-align:center;
}
.systemList li.flex.type0 {
	color:#fff;
	background:#000;
}

.systemList li.flex.type2 {
	color:#e22;
}
.systemList li.flex.type1 > .sideR ,
.systemList li.flex.type2 > .sideR {
	text-align:right;
	margin-left:auto;
}
.systemList li.flex.type3 {
	padding:0.8em 2em;
}

.systemList li .size0 {
	font-size:120%;
}
.systemList li .size1 {
	font-size:160%;
}
.systemList li .size2 {
	font-size:200%;
}
.systemList li:not(.type3) .notes {
	padding-bottom:0.3em;
}




/* ==============================================
	access
=============================================== */
#access {
	font-size:14px;
	text-align:center;
}
#access iframe {
	width:80%;
	min-width:640px;
	margin:5px auto;
	height:480px;
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
}
#access .infoBox {
	width:80%;
	min-width:640px;
	margin:5px auto;
}
#access p {
	text-align:center;
	line-height:1.8;
}
#access p.shopName {
	font-size:24px;
	color:#00f;
}



/* ==============================================
	castlist
=============================================== */
ul.castList {
	position:relative;
	width:90%;
	min-width:900px;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
}
ul.castList > li.castCell {
	display:block;
	width:25%;
	padding:20px 10px;
	text-align:center;
}

ul.castList li.castCell .aFrame {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	color:#000;
	font-size:14px;
	text-align:center;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	cursor:pointer;
}


.castiIconBlock {
	position:relative;
}
.castiIconBlock .castIcon {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:30;
}
.castiIconBlock .castIcon {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.castiIconBlock .castIcon > li {
	width:50%;
	max-height:100%;
}
.castiIconBlock .castIcon > li > img {
	max-height:100%;
}


.castImage {
	display:block;
	position:relative;
}
.castImage img {
	border:1px solid #fff;
	box-shadow:2px 2px 5px #666;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.castImage img.castImageA ,
.castImage img.castImageB {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:auto;
	vertical-align:initial;
	z-index:2;
}
.castImage img.castImageB {
	z-index:3;
	opacity:0;
}
.aFrame:hover .castImage img {
	box-shadow:2px 2px 10px #666;
}
.aFrame:hover .castImage img.castImageB {
	opacity:1;
}


.castImage .castTime {
	position:absolute;
	left:10px;
	right:10px;
	bottom:5px;
	font-size:140%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:21;
}
.castImage.castFlagToday .castTime {
	color:#fff;
	background:rgba(0,0,0,0.6);
}
.castImage.castFlagToday .castTime:before {
	content:url(images/icons/time.png);
}
.castImage.castFlagToday .castTime > span {
	padding-left:0.2em;
}




.castInfo {
	position:relative;
	padding:0.2em;
	font-size:140%;
	font-weight:bold;
	display:flex;
	justify-content:space-around;
	align-items:center;
	border-bottom:2px solid #666;
	overflow:hidden;
}
.castInfo span {
	overflow:hidden;
}
.castInfo .castName {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	text-align:left;
}

.castInfo .castName .num {
}
.castInfo .castName .num:after {
	content:" ";
}
.castInfo .castName .name {
	font-size:120%;
	padding-right:0.3em
}
.castInfo .castName .age {
	font-size:80%;
}

.castInfo .castSize {
	display:block;
}
.castInfo .castSize span {
}

.castInfo .castCup {
	font-weight:900;
	font-size:120%;
}
.castInfo .castCup .cupsize {
	font-size:200%;
	padding-right:0.1em
}



ul.castList li.castCell .aFrame {
}





@media screen and (max-width:1700px){
	.castInfo .castName .numlabel {
		display:none;
	}
	.castInfo .castName .num:after {
		content:".";
	}
}
@media screen and (max-width:1500px){
	.castInfo {
		font-size:120%;
	}
}
@media screen and (max-width:1300px){
	.castInfo {
		font-size:110%;
	}
}




/* ==============================================
	ranking override
=============================================== */
.rankingLayoutNormal {
}

.rankingLayoutNormal .castInfo {
	font-size:120%;
}
@media screen and (max-width:1700px){
	.rankingLayoutNormal .castInfo {
		font-size:110%;
	}
}
@media screen and (max-width:1500px){
	.rankingLayoutNormal .castInfo .castSize span {
		display:none;
	}
	.rankingLayoutNormal .castInfo .castCup{
		font-size:110%;
	}
}




/* ==============================================
	schedule
=============================================== */
#dateList {
	padding:0.5em 0 3em;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:stretch;
}
#dateList.circle li {
	padding:0 0.5em;
}
#dateList.circle li > div {
	width:4.5em;
	height:4.5em;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
	color:#000;
	cursor:pointer;
	background-color:#fff;
	border:1px solid #000;
	border-radius:50%;

	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;

	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
#dateList li > div.on {
	color:#fff;
	background:#333;
}
#dateList li > div:not(.on):hover {
	background:#ccc;
}

#dateList li > div.weekday0 {
	color:#f00;
}
#dateList li > div.weekday0.on {
	color:#fff;
	background:#933;
}
#dateList li > div.weekday6 {
	color:#00f;
}
#dateList li > div.weekday6.on {
	color:#fff;
	background:#339;
}


#groupList {
	width:auto;
	margin:0 auto;
	font-weight:bold;

	display:flex;
	justify-content:center;
	align-items:center;
}
#groupList:before {
	content:"表示の選択";
	color:#fff;
	background:#666;
	padding:0.4em 1em 0.5em;
	border-bottom:1px solid #666;
}
#groupList > li {
	padding:0.4em 0 0.5em;
	border-bottom:1px solid #666;
}
#groupList > li div {
	padding:0 0.5em;
	border-right:1px solid #000;
	cursor:pointer;
}
#groupList > li:last-child div {
	border-right:0 none;
}

#groupList > li div span {
	display:block;
	padding:0 0.5em;
}

#groupList > li div.on span {
	background:#ccc;
}
#groupList li > div:not(.on):hover span {
	background:#eee;
}



/* ==============================================
	castlist. schedule
=============================================== */
.contentsBloc.sideText {
	position:relative;
	overflow:hidden;
}







/* ==============================================
	event
============================================== */
#eventHtmlBody {
}



/* ==============================================
	mail magazine
=============================================== */
#mailmagazineHtmlBody #body .infoBox.notes .comment {
	padding-top:20px;
	font-size:110%;
}
#mailmagazineHtmlBody #body form {
	padding:20px 0;
}
#mailmagazineHtmlBody #body input[type="text"] {
	margin-bottom:1em;
	width:30em;
	max-width:100%;
}


/* ==============================================
	recruit
=============================================== */
#recruitHtmlBody #body #mainBloc {
	width:100%;
	padding:0 10%;
}

a.recruitButton {
	display:block;
	width:80%;
	max-width:600px;
	margin:30px auto 60px;
	height:50px;
	line-height:44px;
	text-align:center;
	font-size:160%;
	letter-spacing:0.1em;
	text-align:0.1em;
	color:#fff;
	border:1px solid #ccc;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}


#recruitHtmlBody #mainBloc > :nth-child(2n+1) .commonTable th {
	color:#fff;
	background-color:rgba(204,0,0,0.6);
	border:1px solid #c00;
}
#recruitHtmlBody #mainBloc > :nth-child(2n+1) .commonTable td {
	border:1px solid #c00;
}

#recruitHtmlBody #mainBloc > :nth-child(2n+1) a.recruitButton {
	border:1px solid #c00;
	background-color:rgba(204,0,0,0.6);
}
#recruitHtmlBody #mainBloc > :nth-child(2n+1) a.recruitButton:hover {
	background-color:rgba(204,0,0,0.8);
}


#recruitHtmlBody #mainBloc > :nth-child(2n) .commonTable th {
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	border:1px solid #000;
}
#recruitHtmlBody #mainBloc > :nth-child(2n) .commonTable td {
	border:1px solid #000;
}

#recruitHtmlBody #mainBloc > :nth-child(2n) a.recruitButton {
	border:1px solid #000;
	background-color:rgba(0,0,0,0.6);
}
#recruitHtmlBody #mainBloc > :nth-child(2n) a.recruitButton:hover {
	background-color:rgba(0,0,0,0.8);
}



/* ==============================================
	recruit form
=============================================== */
#formTable {
	max-width:800px;
	margin:0 auto;
	padding:0 0.5em;
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
}
#formTable dt {
	width:45%;
	padding:1em 0.5em;
	text-align:right;
	border-bottom:1px solid #ddd;
}
#recruitHtmlBody #body #formTable dt {
	width:210px;
	padding:1em 0.5em;
}
#formTable dd {
	width:calc(100% - 45%);
	padding:1em 0.5em;
	text-align:left;
	border-bottom:1px solid #ddd;
}
#recruitHtmlBody #body #formTable dd {
	width:calc(100% - 210px);
}
#formTable dd .memo {
	color:#666;
}

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

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 0.5em;
	padding:0.5em;
	text-align:center;
}

#formTable dt > span {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
#formTable dt .required:after ,
#formTable dt .required:before {
	display:inline-block;
	padding:0 0.3em;
	font-size:80%;
	color:#fff;
	background:#e22;
	border-radius:3px;
}

#formTable .error {
	display:block;
}

/* ==============================================
	link banner
=============================================== */
table.bannerTable {
	margin:10px auto;
}
table.bannerTable td {
	padding:10px;
}
table.bannerTable td img {
	box-shadow:0 0 3px #999;
}

.linkList {
	width:100%;
	padding:0 10%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.linkList li {
	padding:0.5em;
}
.linkList li a {
	display:block;
	width:100%;
	padding:0.2em;
	line-height:1.2;
	color:#333;
	text-align:center;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.linkList li a img {
}
.linkList li a span {
	width:100%;
	font-size:70%;
}
.linkList li:not(.clearfix) a span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
}

.linkList li a:hover {
	background:rgba(238,34,34,0.2);
}




/* ==============================================
	profile
=============================================== */
#prof-layout {
	width:1100px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:flex-start;
}

#prof-left {
	width:480px;
	padding:30px 0;
}
#prof-left > #prof-image {
	position:relative;
	width:calc(420px + 10px + 2px);
	height:calc(560px + 10px + 2px);
	margin:0 auto;
	padding:5px;
}
#prof-image .bx-wrapper .bx-controls-direction a.bx-prev {
	left:-25px;
}
#prof-image .bx-wrapper .bx-controls-direction a.bx-next {
	right:-25px;
}
#prof-image .prof-icons {
	position:absolute;
	top:0;
	left:0;
	width:20%;
	z-index:30;
}

#prof-image .bx-wrapper .bx-viewport {
	background:none;
	border:0 none;
	box-shadow:none;
}

#prof-slider-thumbs {
	padding-top:5px;
	display:flex;
	justify-content:flex-start;
}
#prof-slider-thumbs > * {
	width:calc( (100% - 5px * 4) / 5);
	margin-right:5px;
	cursor:pointer;
}
#prof-slider-thumbs > *:last-child {
	margin-right:0;
}
#prof-slider-thumbs > *:hover {
	opacity:0.8;
}


#prof-info {
	width:calc(100% - 480px);
	padding-top:10px;
	padding-left:50px;
}

.prof-header {
	padding:20px 0 15px;
}
.prof-header span {
	display:block;
	padding-left:15px;
	color:#fff;
	background:url(images/pc/bnr_digline.png) 50% 50% repeat #333;
	line-height:1.8;
}
.prof-body {
	padding:0 10px;
}


.prof-icons {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.prof-icons + .prof-header {
	padding-top:5px;
}

.prof-name {
	font-size:200%;
	font-weight:bold;
	line-height:1;
	padding-left:15px;
	padding-bottom:0.3em;
	border-bottom:2px solid #333;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.prof-name .num {
	padding-right:0.5em;
}
.prof-name .name {
	padding-right:0.5em;
}
.prof-name .age {
	padding-right:0.8em;
}
.prof-name .cup {
}
.prof-name .cup .cupsize {
	font-size:120%;
}
.prof-name .cup .cuplabel {
	font-size:80%;
}

.prof-size {
	padding-left:15px;
	font-size:160%;
	font-weight:bold;
}

#prof-catch {
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	text-align:center;
}
#prof-catch > li {
	padding:0.1em;
}
#prof-catch > li > span {
	display:block;
	line-height:1.8;
	padding:0 1em;
	background:#fff;
	border:1px solid #999;
}


#prof-schedule {
	width:100%;
	font-size:95%;
	color:#000;
	background:#fff;
	text-align:center;
}

#prof-schedule tr > * {
	width:calc(100% / 7);
	border:1px solid #666;
	padding:0.1em 0 0.2em;
	vertical-align:middle;
}
#prof-schedule thead tr > * {
	padding:0.3em 0 0.4em;
	background:rgba(0,0,0,0.1);
	font-size:90%;
}
#prof-schedule thead tr > .week0 {
	color:#f00;
}
#prof-schedule thead tr > .week6 {
	color:#00f;
}

#prof-schedule tbody td.none {
	background:rgba(204,204,204,0.2);
}

#prof-schedule tbody td > div {
	padding:0.2em 0;
	line-height:18px;
}
#prof-schedule tbody td > div > span {
	display:block;
	height:18px;
}
#prof-schedule tbody td > div > span.sign {
	font-size:60%;
}
#prof-schedule tbody td > div > span.holiday {
	font-size:80%;
	color:#666;
}



#prof-profile {
}
#prof-profile dt {
}
#prof-profile dt span {
	display:inline-block;
	line-height:1.8;
	padding:0 1em;
	background:#fff;
	border:1px solid #999;
}
#prof-profile dd {
	padding-left:2em;
	padding-top:0.2em;
	padding-bottom:1em;
}




/* ==============================================
	profile > guide(bottom)
=============================================== */
#profileGuideBottom {
	width:451px;
	height:40px;
	margin:60px auto 30px;
	border-left:1px solid #fff;
	overflow:hidden;
	background-color:rgba(255,255,255,1);
	box-shadow:2px 2px 5px #666;
}
#profileGuideBottom li {
	float:left;
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	font-size:13px;
	text-align:center;
}

#profileGuideBottom li a {
	display:block;
	width:150px;
	height:40px;
	color:#00f;
	border-top:1px solid #fff;
	border-right:1px solid #999;
	border-bottom:1px solid #fff;
}
#profileGuideBottom li:last-child a {
	border-right:0px none;
}
#profileGuideBottom li a span {
}
#profileGuideBottom li a:hover {
	color:#00f;
	text-shadow:1px 1px 0 #fff;
	background-color:rgba(51,153,255,0.2);
}



/* ==============================================
	ranking
=============================================== */
#ranking {
}
#ranking .titleBar {
	padding-top:3em;
}

.rankingLayout {
	position:relative;
	width:80%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}

.rankingLayout > ul {
	min-width:auto;
}
.rankingLayout > ul img {
	width:100%;
}
.rankingLayout > ul:nth-child(1) {
	width:calc(50% + 5px);
}
.rankingLayout > ul:nth-child(1) > li {
	width:100%;
	padding:10px;
}
.rankingLayout > ul:nth-child(2) {
	width:calc(50% - 10px);
}
.rankingLayout > ul:nth-child(2) > li {
	width:50%;
	padding:10px;
}
.rankingLayout > ul:nth-child(3) {
	width:100%;
}
.rankingLayout > ul:nth-child(3) > li {
	width:20%;
	padding:10px 5px;
}

.rankingLayoutNormal {
}
.rankingLayoutNormal ul.castList > li {
	width:20%;
}






/* ==============================================
	contents bg
=============================================== */
.contentsBloc.bg2 {
	background:rgba(102,102,102,0.8);
}
.contentsBloc.bg3 {
	background:rgba(204,204,204,0.6);
}
.contentsBloc.bg4 {
	background:rgba(204,204,204,0.6);
}
.contentsBloc.bg4 .titleBar {
}




/* ==============================================
	home > slider
=============================================== */
#homeSliderBloc {
	width:100%;
	margin:auto;
}
#homeTopBloc {
	width:100%;
	overflow:hidden !important;
}

#homeSliderBloc .bx-wrapper {
	width:800px;
}
#homeSliderBloc .bx-viewport {
	overflow:initial !important;
	box-shadow:none;
}

#homeSliderBloc #homeSlider {
	min-width:430%;
}
#homeSliderBloc #homeSlider li {
	width:800px;
}
#homeSliderBloc #homeSlider li a {
	position:relative;
	display:block;
	padding:0;
	width:100%;
	height:100%;
}
#homeSliderBloc #homeSlider li span {
	display:block;
	padding:0 10px;
}
#homeSliderBloc #homeSlider li img {
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	border: 1px solid #fff;
    box-shadow: 2px 2px 5px #666;
}

#homeSliderBloc #bx-pager {
	padding:30px 10%;
}
#homeSliderBloc #bx-pager a {
	width:calc(800px * 0.1 + 4px);
	height:calc(560px * 0.1 + 4px);
	margin:0 10px;
	border:0 none;
}
#homeSliderBloc #bx-pager a img {
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	border: 1px solid #fff;
    box-shadow: 2px 2px 5px #666;
	opacity:1;
}

#homeSliderBloc .bx-wrapper .bx-pager {
    text-align: center;
}

#homeSliderBloc .bx-wrapper .bx-pager {
    text-align: center;
}
#homeSliderBloc .bx-wrapper .bx-pager.bx-default-pager a {
	width:15px;
	height:15px;
	font-size:0;
	border-radius:50%;
}

/*
#homeSliderBloc #homeSlider li a:before ,
#homeSliderBloc #homeSlider li a:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	padding-top:30%;
	font-size:200%;
	color:rgba(255,255,255,0);
	background:rgba(0,0,0,0);
	text-align:center;
	z-index:10;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#homeSliderBloc #homeSlider li a:hover:before {
	background:rgba(0,0,0,0.4);
}
#homeSliderBloc #homeSlider li a:after {
	content:"more \027a4";
	z-index:11;
	transform:scale(0);
}
#homeSliderBloc #homeSlider li a:hover:after {
	color:rgba(255,255,255,1);
	transform:scale(1);
}
*/






/* ==============================================
	home > news
=============================================== */
#homeNews {
	width:100%;
	padding: 0 10%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
#homeNews > li {
	width:25%;
    padding:0.5em;
}
#homeNews > li > a {
    padding:0.5em;
}
#homeNews > li .newsImage {
	text-align:center;
	border:1px solid #fff;
	box-shadow:3px 3px 5px #666;
}
#homeNews > li .newsInfo {
	width:100%;
}
#homeNews > li .newsText {
	width:100%;
	height:6.5em;
	padding-top:0.5em;
	overflow:hidden;
	word-break:break-all;
}
#homeNews > li .newsText div ,
#homeNews > li .newsText p {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
#homeNews > li .newsDate {
	padding-top:0.5em;
	font-size:90%;
}

#homeNews.all {
	flex-wrap:wrap;
}
#homeNews.all > li {
	width:calc(100% / 2);
    padding:2em 2em 4em;
}
#homeNews.all > li > .aFrame{
	max-width:480px;
	margin:auto;
}


#newsLink {
	padding-top:30px;
	text-align:center;
}
#newsLink a {
	display:inline-block;
	color:#fff;
	background:#000;
	background:linear-gradient(left,#000 50%,#ccc 50%);
	background:-webkit-linear-gradient(left,#000 50%,#ccc 50%);
	background-size:210%;
	background-position:0 0;
	padding:1em 2em;
	letter-spacing:0.1em;
	text-indent:0.1em;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
	border:1px solid #fff;
	box-shadow:3px 3px 5px #666;
}
#newsLink a:hover {
	color:#000;
	background-position:-95% 0;
}





/* ==============================================
	news
=============================================== */
#news {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#news > li {
	width:100%;
    padding:1em;
}
#news > li .aFrame {
	border:1px solid #ccc;
	background:rgba(255,255,255,0.6);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#news > li:nth-child(2n) .aFrame {
	flex-direction:row-reverse;
}
#news .aFrame > .newsImage {
	width:40%;
    padding:1em;
	text-align:center;
}
#news .aFrame > .newsInfo {
	width:60%;
    padding:1em;
	display:flex;
	flex-direction:column-reverse;
}
#news > li .newsText {
	width:100%;
	padding-top:0.5em;
}
#news > li .newsText span {
	display:inline-block;
}
#news > li .newsDate {
	font-size:90%;
}













footer {
}
#footer {
	padding-top:60px;
}
#footer .innerFrame {
	color:#fff;
	background:rgba(0,0,0,0.8);
	padding: 0 10% 3em;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
#footer .innerFrame #footer_left {
	width:600px;
	font-size:120%;
	line-height:1.6;
	text-align:center;
}
#footer .innerFrame #footer_left > div.textFlex {
	display:inline-block;
	text-align:left;
	letter-spacing:0.1em;
	text-indent:0.1em;
	text-align:center;
}
#footer .innerFrame #footer_left #footerLogo {
	margin-top:-60px;
}
#footer .innerFrame #footer_left #footerLogo img {
	width:70%;
}
#footer .innerFrame #footer_right {
	width:50%;
	line-height:2;
}



#footerText span ,
#footerTel span {
	padding:0 0.3em;
	font-size:200%;
}
#footerAddr {
	padding-top:0.5em;
	text-align:left;
}


#footer_right .title {
	letter-spacing:0.2em;
	text-indent:0.2em;

}
#footer_right .sns {
	padding:30px 0;
	display:flex;
}
#footer_right .sns > div {
	padding-right:15px;
}
#footer_right .sns > div > span {
	display:block;
	width:60px;
	height:60px;
	background:#999;
	border-radius:50%;
}
#footer_right .maga {
	padding:15px 0;
}
#footer_right .line {
	padding:15px 0;
}
#footer_right .line .QR {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
#footer_right .line .QR > .image {
	display:block;
	margin-top:0.5em;
	width:120px;
	height:120px;
	background:#000;
	border:5px solid #fff;
}
#footer_right .line .QR > .text {
	padding-left:1em;
}


footer input[type="text"] {
	width:70%;
	line-height:1.8;
}


.routeTextOuter {
	text-align:center;
}
.routeText {
	display:inline-block;
	padding:30px 0;
	text-align:left;
}


.bottomBanners {
	padding:60px 0;
	text-align:center;
}
.bottomBanners .innerFrame {
	min-width:850px;
	margin-left:auto;
	margin-right:auto;
}
.bottomBanners ul {
	width:1700px;
	max-width:100%;
	margin:0 auto;
	padding:0 30px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}

.bottomBanners ul > li {
	width:50%;
	padding:20px;
	display:none;
}
.bottomBanners ul > li.long {
	width:100%;
}

.bottomBanners ul > li span.none {
	display:none;
}

.bottomBanners a {
	display:inline-block;
	transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.bottomBanners a:hover {
	box-shadow:2px 2px 10px #000;
}




/* ==============================================
	scroll top
=============================================== */
#scrollTop {
	position:fixed;
	display:none;
	bottom:0;
	right:0;
	width:61px;
	height:61px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background:#000;
	text-align:center;
	cursor:pointer;
	z-index:10000;
}
#scrollTopInner {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}




/* ==============================================
	float event
=============================================== */
#floatEvent {
	position:fixed;
	right:2em;
	bottom:2em;
	width:18vw;
	padding-top:0.8em;
	padding-right:0.8em;
	z-index:2000;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
#floatEvent a {
	display:block;
	background:#fff;
	border:1px solid #000;
}
#floatEvent span {
	display:block;
}
#floatEvent .title {
	text-align:center;
}
#floatEvent .title .en {
	font-size:160%;
}
#floatEvent .title .ja {
}

#floatEvent .closeButton {
	display:block;
	width:2em;
	height:2em;
	line-height:1;
	position:absolute;
	right:0;
	top:0;
	z-index:2001;
	color:#fff;
	background:#000;
	border-radius:50%;
	cursor:pointer;
	display:flex;
	justify-content:center;
	text-align:center;
	align-items:center;
}
#floatEvent .closeButton > span {
	position:relative;
	width:1.4em;
	height:1.4em;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#floatEvent .closeButton > span:before ,
#floatEvent .closeButton > span:after {
	content:"";
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	right:0;
	display:block;
	width:100%;
	height:2px;
	background:#fff;
}
#floatEvent .closeButton > span:before {
	transform:rotate(45deg);
}
#floatEvent .closeButton > span:after {
	transform:rotate(-45deg);
}
#floatEvent .closeButton:hover span {
	transform:rotate(180deg);
}



body.scrollDone #floatEvent:not(.lock) {
	right:1em;
	bottom:70px;
	width:12vw;
	min-width:200px;
	font-size:80%;
}




/* ==============================================
	profile(popup)
=============================================== */
#spotlight {
	background-color: rgba(0,0,0,0.8) !important;
}
#spotlight .header div {
	width:70px !important;
}
#spotlight .icon {
	background-size:40px 40px !important;
}




.fancybox-bg {
	background:#f5f5f5 !important;
}

.fancybox-slide--iframe .fancybox-content {
	background:transparent !important;
}




/* ==============================================
	sp
=============================================== */
@media screen and (min-width:800px) { 
	.dispSP {
		display:none !important;
	}
	.bottomBanners ul > li.pc {
		display:block;
	}
	#header_sticky .navMenuBloc ul.navMenu {
		min-width:1200px;
	}
	#formTable dt .required:after {
		content:attr(data-text);
		margin-left:0.3em;
	}
}
@media screen and (max-width:799px) { 
	.dispPC {
		display:none !important;
	}

	body {
		min-width:auto;
	}
	#bgLayer {
		width:480px;
		margin:0 auto;
	}
	body #body ,
	#header .innerFrame ,
	#header_sticky .innerFrame ,
	#footer .innerFrame {
		min-width:480px;
	}

	/* ==============================================
		common
	=============================================== */
	.infoBox.notes {
		width:90%;
		min-width:auto;
	}
	.infoBox.notes.thanks {
		text-align:left;
	}
	.infoBox.notes .headline ,
	.noData .headline {
		font-size:140%;
	}

	.imageList li {
		width:100%;
	}

	.noData {
		width:95%;
		min-width:auto;
	}

	/* ==============================================
		header
	=============================================== */
	#headerImagePane #headerLogo {
		height:auto;
		padding:10px 0;
	}

	#headerImagePane #headerInfoPane {
		width:100%;
		height:55px;
		padding:0;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:100%;
		line-height:1.2;
	}

	#headerImagePane #headerInfoPane .innerFrame {
		width:auto;
		min-width:auto;
		margin:0;
		flex-direction:column;
		text-align:center;
	}
	#headerImagePane #headerInfoPane .innerFrame > span {
	}
	#headerImagePane #headerInfoPane #headerText {
		font-size:90%;
	}
	#headerImagePane #headerInfoPane #headerText:after {
		content:"";
		content:unset;
	}
	#headerImagePane #headerInfoPane .innerFrame > span#headerTel {
		font-size:160%;
	}

	#header_sticky .navMenuBloc {
		height:63px;
	}
	#header_sticky .navMenuBloc ul.navMenu {
		justify-content:space-around;
	}
	#header_sticky .navMenuBloc ul.navMenu li {
	}
	#header_sticky .navMenuBloc ul.navMenu .aLink {
		height:100%;
		padding:5px 0 3px;
	}
	#header_sticky .navMenuBloc ul.navMenu img {
		height:36px;
	}
	#header_sticky .navMenuBloc ul.navMenu span {
		line-height:16px;
		font-size:10px;
	}

	.scrollDone #headerInfoPane {
		position:fixed;
		top:0;
		left:0;
	}
	.scrollDone #header_sticky {
		position:fixed;
		top:55px;
	}
	.scrollDone #body {
		padding-top:calc(55px + 90px);
	}
	#homeHtmlBody.scrollDone #body {
		padding-top:calc(55px + 54px);
	}


	#headerSPMenuIcon {
		position:absolute;
		right:0;
		top:0;
		z-index:4;
		width:55px;
		height:55px;
		line-height:1;
		color:#fff;
		background:#000;
		cursor:pointer;
		display:flex;
		justify-content:center;
		text-align:center;
		align-items:center;
	}
	#headerSPMenuIcon > span {
		position:relative;
		width:50%;
		height:50%;
		transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	}
	#headerSPMenuIcon > span:before ,
	#headerSPMenuIcon > span:after {
		content:"";
		position:absolute;
		top:calc(50% - 1px);
		left:0;
		right:0;
		display:block;
		width:100%;
		height:2px;
		background:#fff;
	}
	#headerSPMenuIcon > span:before {
		transform:rotate(90deg);
	}
	#headerSPMenuIcon > span:after {
		transform:rotate(0deg);
	}
	.menuOpen #headerSPMenuIcon span {
		transform:rotate(45deg);
	}

	/* ==============================================
		sp menu
	=============================================== */
	#spMenuPanel {
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:-1;
		display:block;
		width:100%;
		background:rgba(0,0,0,0);
		transition:all 0.6s ease;
	    -webkit-transition: all 0.6s ease;
	}

	#spMenuPanel #spMenu {
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
		padding:1em 2em 2em;
		color:#fff;
		background:#000;
		transition-property:visibility,opacity,z-index;
		transition-duration:0.6s
		transition-timing-function:ease-out;
		animation-duration:0.6s;
		-webkit-animation-duration:0.6s;
		animation-fill-mode:both;
		-webkit-animation-fill-mode:both;
		animation-name:bounceOutRight;
		-webkit-animation-name:bounceOutRight;
	}

	#spMenuPanel #spMenu li {
		padding:0.5em 0;
	}
	#spMenuPanel #spMenu li a {
		display:block;
		padding:0.3em;
	}
	#spMenuPanel #spMenu li a > span:nth-child(1) {
		font-size:120%;
		font-weight:bold;
	}
	#spMenuPanel #spMenu li a > span:nth-child(2) {
		padding-left:0.5em;
		font-size:80%;
	}

	.menuOpen {
		overflow:hidden;
	}
	.menuOpen #spMenuPanel {
		z-index:10010;
		background:rgba(0,0,0,0.4);
	}
	.menuOpen #spMenuPanel #spMenu {
		z-index:10011;
		animation-name:bounceInRight;
	    -webkit-animation-name:bounceInRight;
	}

	.menuOpen #scrollTop {
		display:none !important;
	}


	/* ==============================================
		bottom Banners
	=============================================== */
	.bottomBanners {
		padding-top:20px;
	}
	.bottomBanners .innerFrame {
		min-width:auto;
	}
	.bottomBanners ul {
	}
	.bottomBanners ul > li{
		width:100%;
	}
	.bottomBanners ul > li.sp {
		display:block;
	}


	/* ==============================================
		footer
	=============================================== */
	#footer .innerFrame {
		flex-wrap:wrap;
	}

	#footer .innerFrame #footer_left {
		width:100%;
		font-size:100%;
	}
	#footer .innerFrame #footer_left #footerLogo {
		margin-top:-40px;
	}
	#footer .innerFrame #footer_left > div.textFlex {
		line-height:1.4rem;
	}
	#footerText ,
	#footerTel ,
	#footerMail ,
	#footerAddr {
		padding:1rem 0 0;
	}
	#footerText span ,
	#footerTel span {
		font-size:160%;
	}

	#footer .innerFrame #footer_right {
		width:100%;
		text-align:center;
	}
	#footer_right .maga ,
	#footer_right .line {
		display:inline-block;
		text-align:left;
	}

	#copyright {
		padding-bottom:60px;
	}



	/* ==============================================
		entrance
	=============================================== */
	#enterMainFrame #enterButtons > #enterButton a {
		width:90px;
		height:90px;
	}
	#enterMainFrame #enterButtons > #exitText {
		padding-top:0.5em;
		padding-left:50px;
		font-size:12px;
		background-position:0 50%;
		background-size:40px;
		line-height:1.4;
	}



	/* ==============================================
		cast
	=============================================== */
	ul.castList {
		width:100%;
		min-width:auto;
		padding:0 5px;
	}
	ul.castList > li.castCell {
		width:calc(100% / 2);
		padding:0 5px 20px;
	}
	ul.castList > li.castCell {
		width:calc(100% / 3);
	}

	ul.castList .castiIconBlock .castIconBG {
		height:45px;
	}
	ul.castList .castiIconBlock .castIcon {
		flex-wrap:wrap;
		align-items:flex-end;
		padding-bottom:5px;
	}
	ul.castList .castiIconBlock .castIcon > li {
		width:100%;
		height:20px;
		text-align:center;
	}

	ul.castList .castImage .castTime {
		left:5px;
		right:5px;
		padding:0.2em 0;
		line-height:1;
		font-size:110%;
	}

	ul.castList .castInfo .castCup .cupsize {
		font-size:160%;
	}

	.castInfo .castSize span ,
	ul.castList .castInfo span.cuplabel {
		display:none;
	}


	#dateList.circle li {
		padding:0 2px;
	}

	#dateList.circle li > div {
		width:4em;
		height:4em;
		font-size:100%;
	}

	#groupList {
		flex-wrap:wrap;
		padding-bottom:20px;
	}



	/* ==============================================
		profile
	=============================================== */
	#prof-layout {
		width:100%;
		flex-direction:column;
	}
	#prof-layout > div {
		width:100%;
		padding:10px;
	}
	#prof-left > #prof-image {
		height:auto;
	}


	/* ==============================================
		home
	=============================================== */
	#homeSliderBloc #homeSlider li {
		width:450px;
		height:315px;
	}
	#homeSliderBloc #bx-pager {
		padding:20px 0;
	}
	#homeSliderBloc #bx-pager a {
		width:calc(450px / 5);
		height:64px;
		margin:0;
		padding:2px;
	}

	#homeNews {
		flex-direction:column;
	}
	#homeNews > li {
		width:100%;
	}



	/* ==============================================
		news
	=============================================== */
	#news {
		padding:0;
	}

	#news > li .aFrame {
		padding:0.3em;
	}
	#news .aFrame > .newsTitleSP {
		font-size:90%;
	}

	#news > li .aFrame ,
	#news > li:nth-child(2n) .aFrame {
		flex-direction:column-reverse;
		justify-content:center;
	}
	#news .aFrame > .newsImage {
		width:80%;
		margin:0 auto;
		padding:1em 0 2em;
	}
	#news .aFrame > .newsInfo {
		width:100%;
		padding:0.5em;
		line-height:1.8;
	}


	/* ==============================================
		system
	=============================================== */
	.systemList li.flex {
		width:100%;
		padding:0.5em 2em;
	}

	.systemList li.flex.type0 {
		padding:0.5em 1em;
	}

	.systemList li .size0 {
		font-size:110%;
	}
	.systemList li .size1 {
		font-size:130%;
	}
	.systemList li .size2 {
		font-size:140%;
	}



	/* ==============================================
		recruit
	=============================================== */
	#recruitHtmlBody #body #mainBloc {
		padding:0 5%;
	}

	#recruitHtmlBody #body .commonTable {
		font-size:90%;
	}

	#formTable {
	}
	#formTable dt {
		width:100%;
		padding-bottom:0;
		text-align:left;
		border-bottom:0 none;
	}
	#formTable dt > span {
		justify-content:flex-start;
	}
	#formTable dt .required:before {
		content:attr(data-text);
		margin-right:0.3em;
	}
	#formTable dd {
		width:100%;
		padding-top:0.5em;
		padding-left:2em;
	}



	/* ==============================================
		link
	=============================================== */
	.linkList {
		padding:0 5%;
	}
	.linkList li {
	}



	
}







.comingsoon #header #h1 {
	display:block !important;
}
.comingsoon #bgChange ,
.comingsoon #scrollTop {
	display:none !important;
}
.comingsoon #enterMainFrame ,
.comingsoon #copyright {
	padding-bottom:0;
}



/* ==============================================
	kuchikomi widget
=============================================== */
#kuchikomi.contentsBloc {
	width:1400px;
	max-width:100%;
	margin:0 auto;
	padding:0 30px 60px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#kuchikomi.contentsBloc h2 {
	width:100%;
}

#kuchikomi.contentsBloc .fujoho_custom_banner {
	width:48% !important;
	height:480px !important;
	margin:0 !important;
}
#kuchikomi.contentsBloc  .fujoho_iphone_scroll_size_box {
	height:calc(480px - 40px - 39px ) !important;
}

#kuchikomi.contentsBloc iframe {
	width:48% !important;
	height:480px !important;
	margin:0 !important;
}

@media screen and (max-width:799px){ 
	#kuchikomi.contentsBloc .fujoho_custom_banner {
		width:100% !important;
		margin-bottom:30px !important;
	}
	#kuchikomi.contentsBloc > div.fujoho_custom_banner:nth-of-type(1) {
		height:calc(400px - 165px) !important;
	}
	#kuchikomi.contentsBloc > div.fujoho_custom_banner:nth-of-type(1) .fujoho_iphone_scroll_size_box {
		height:calc(320px - 165px) !important;
	}

	#kuchikomi.contentsBloc iframe {
		width:100% !important;
		margin-bottom:30px !important;
	}
}




/* ==============================================
	order menu
=============================================== */
.orderMenu {
	display:flex;
	justify-content:space-evenly;
	align-items:stretch;
}
.orderMenu > li {
	padding:1em;
}
.orderMenu > li img {
	border: 1px solid #000;
}
@media screen and (max-width:799px){ 
	.orderMenu {
		flex-direction:column;
	}
}