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

/* reset ****************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1rem 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}

ol, ul {
    list-style: none;
}

img {
　　　vertical-align:bottom;
}

/* style ****************************************/
a {
	color:#09F;
}

a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
	
body {
	background-color:#fff;
	background-image:url(../images/body_back.jpg);
	background-size:cover;
	background-position:center bottom;
	background-attachment:fixed;
	text-align:center;
	font-size:0.8rem;
	line-height:1.5rem;
	color:#333;
	font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
}

#container {
	max-width:1120px;
	width:100%;
	margin:0 auto;
	background-image:url(../images/container_back.png);
	background-position:center top;
	background-repeat:repeat-y;
}

#header {
	margin:0 auto;
	max-width:1024px;
	width:100%;
}

.schedule_day {
	margin:10px;
}

	.schedule_day select,
	.schedule_day input {
		padding:5px;
	}
	
	.schedule_day select {
		font-size:1.5rem;
		font-weight:bold;
	}

	@media screen and (min-width:641px){
		#header img {
			width:50%;
		}
		
		.bn_tel {
			display:none;
		}
		
		.col_left_img {
			width:100%;
		}
		
		.zzz script {
			display:none;
		}
		
		#col_left {
			max-width:300px;
			width:30%;
			float:left;
		}

		#col_right {
			max-width:704px;
			width:70%;
			float:right;
		}
		
		#menuback {
			width:100%;
			max-width:1024px;
			margin:0 auto;
			background-image:url(../images/menu_back.png);
			background-repeat:repeat-x;
			background-position:center top;
		}

		#menubuttonarea {
			width:100%;
			max-width:800px;
			margin:0 auto;
			display:table;
			table-layout:fixed;
		}

		#menubuttonarea div {
			display:table-cell;
			background-color:#FFF;
		}

		#menubuttonarea img {
			width:100%;
			vertical-align:bottom;
		}
		
		.slicknav_menu,
		#menu {
			display:none;
		}
		
		#box_owl {
			width:53%;
			float:left;
			position:relative;
			z-index:0;
		}
		
		#box_prof_right {
			width:45%;
			float:right;
			margin-right:0.5rem;
		}
		
		.listphoto2 {
			width:24%;
			margin-left:3px;
		}
		
		.castname {
			font-size:0.8rrem;
			font-weight:bold;
		}
		
		.castfurigana {
			font-size:0.8rem;
		}
	}
	
	@media screen and (max-width:640px){
		#header img {
			width:100%;
		}
		
		.xxx {
			display:none;
		}
		
		.bn_tel img {
			width:100%;
		}
		
		.col_left_img {
			width:49%;
			margin:1px 0;
		}
		
		#col_left {
			display:none;
		}

		#col_right {
			width:100%;
		}
		
		#menuback {
			display:none;
		}

		#menubuttonarea {
			width:100%;
			overflow:hidden;
			position:relative;
			zoom:1;
		}

		#menubuttonarea div {
			width:25%;
			float:left;
			background-color:#C90;
		}

		#menubuttonarea img {
			width:100%;
			vertical-align:bottom;
		}
		
		#menu {
			display:none;
		}
		
		.slicknav_menu {
			text-align:left;
		}
		
		.listphoto2 {
			width:32%;
			margin-right:2px;
		}
		
		.castname {
			font-size:inherit;
			font-weight:bold;
		}
	}
	
	@media screen and (max-width:480px){		
		#menubuttonarea div {
			width:33%;
			float:left;
			background-color:#C90;
		}
		
		.listphoto2 {
			width:48%;
		}
		
		.yyy {
			display:none;
		}
	}
	
	@media screen and (max-width:320px){
		.col_left_img {
			width:100%;
		}
	}

#contents {
	max-width:1024px;
	margin:0 auto;
	padding-top:1rem;
	/* 以下フロート解除 */
	overflow:hidden;
	position:relative;
	zoom:1;
}

#col_left {}

#footer {
	color:#F33;
	padding:10px;
}

	#footer a {
		text-decoration:none;
		color:#F33;
	}
	
	#footer a:hover {
		text-decoration:underline;
		color:yellow;
	}

#submenu {
	margin:10px;
	font-size:0.8rem;
}

#copyright {
	text-align:center;
	font-size:1rem;
	font-weight:bold;
	margin:30px;
}

#bbs {
	max-width:702px;
	width:99%;
	border:#FFF 1px solid;
	height:250px;
	overflow:scroll;
	background-color:#000;
	color:#FFF;
	text-align:left;
	margin-bottom:20px;
	
}

	#bbs div {
		margin:10px;
	}
	
	#bbs img {
		float:left;
		margin-right:10px;
		width:25%;
	}
	
	#bbs div span {
		color:red;
		font-weight:bold;
		font-size:1.5rem;
	}

#map_canvas {
	width:99%;
	max-width:702px;
	height:300px;
}

#form,
#form2 {
	text-align:left;
}

	#form table,
	#form2 table {
		border-collapse:collapse;
		width:100%;
	}
	
	#form th,
	#form td,
	#form2 th,
	#form2 td {
		padding:0.5rem;
		border-bottom:#FFF 1px dotted;
	}
	
	#form table th {
		background-image:url(../images/th-back.png);
		background-repeat:repeat;
		margin:0.5rem;
		font-weight:normal;
	}
	
	#form input,
	#form textarea,
	#form select {
		margin:0.5rem;
		padding:0.2rem;
		border:0;
		background-color:#DDD;
	}
	
	#form input:focus,
	#form textarea:focus,
	#form select:focus {
		background-color:#FFF;
	}
	
	#form textarea {
		width:100%;
		height:100px;
	}
	
	#form2 table th {
		background:#FFF;
		color:#F09;
		margin:0.5rem;
		font-weight:normal;
		vertical-align:top;
		border-bottom:#F09 1px dotted;
	}
	
	#form2 input,
	#form2 textarea,
	#form2 select {
		margin:0.5rem;
		padding:0.2rem;
		border:0;
		background-color:#DDD;
	}
	
	#form2 input:focus,
	#form2 textarea:focus,
	#form2 select:focus {
		background-color:#FFF;
	}
	
	#form2 textarea {
		width:100%;
		height:100px;
	}

#pickupgirl {
	width:90%;
	margin:0 auto 10px auto;
	border:#FFF 1px solid;
	padding:3%;
}

.mgn10 {
	margin:10px;
}

.mgnT10 {
	margin-top:10px;
}

.mgnB10 {
	margin-bottom:10px;
}

.pdg5 {
	padding:5px;
}

.w60per {
	width:70%;
}

.w100per {
	width:100%;
}

.w90per {
	width:90%;
}

.mgncenter {
	margin:0 auto;
}

.clear {
	clear:both;
}

.col_red {
	color:red;
}

.textB {
	font-weight:bold;
}

.alncenter {
	text-align:center;
}

.alnleft {
	text-align:left;
}

.alnright {
	text-align:right;
}

.img_w300 {
	width:30%;
	max-width:300px;
}

/* castlist *********************************************/
.title {
	max-width:702px;
	width:99%;
	background-image:url(../images/title-back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:bold;
	font-size:1.5rem;
	color:#FFF;
	text-align:left;
	border:#FFF 1px solid;
	margin:5px 0;
}

	.title p {
		padding:0.5rem 0 1rem 0.5rem;
	}

.title2 {
	max-width:702px;
	width:99%;
	background-color:#609;
	font-weight:bold;
	font-size:1.5rem;
	color:#FFF;
	text-align:left;
	border:#FFF 1px solid;
	margin:5px 0;
	padding:5px;
}
	
.listphoto2 {
	
	float:left;
	border:#FFF 1px solid;
	text-align:center;
	background-image:url(../images/castback.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	background-color:#000;
	color:#FFF;
}
	.listphoto2 a {
		color:#FFF;
		text-decoration:none;
	}
	.listphoto2 a:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	.listphoto2 img {
		width:100%;
	}
	.listphoto2 table {
		width:90%;
		margin:10px auto;
		border-collapse:collapse;
	}
	.listphoto2 table td {
		width:33%;
	}
	.listphoto2 table img {
		width:100%;
		margin:0;
	}
.castphoto {
	width:90%;
	height:100%;
	padding:130% 0 0;
	position:relative;
	margin:0 auto 10px auto;
	overflow:hidden;
}
.castphoto_inner,
.castphoto_over,
.castphoto_over2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.castphoto_inner {z-index:1;}
.castphoto_over {z-index:2;}
.castphoto_over2 {z-index:3;}

.box_notes {
	margin:20px 10px;
}

	.box_notes dl {
		margin-left:10px;
		text-align:left;
	}
	
	.box_notes dt {
		font-weight:bold;
		font-size:1.5rem;
		color:#FF0;
		margin-bottom:10px;
		border-left:#FF0 5px solid;
		text-indent:0.5rem;
	}
	
	.box_notes dd {
		margin:0 0 20px 10px;
	}
	
	.box_notes ul {
		margin-left:20px;
		margin-bottom:10px;
		list-style:disc;
	}

.rec,
.rec2 {
	width:90%;
	margin:10px auto;
	text-align:left;
}

	.rec th,
	.rec td,
	.rec2 th,
	.rec2 td {
		vertical-align:top;
		padding:0.5rem;
	}
	
	.rec th {
		width:20%;
		background-color:#FFF;
		color:#F69;
	}
	
	.rec2 th {
		width:20%;
		background-color:#FFF;
		color:#009;
	}
	
	.rec td {
		border-bottom:#FFF 1px dotted;
	}

#prof_name {
	background-color:#F0F;
	font-weight:bold;
	font-size:1.5rem;
	padding:0.5rem;
	color:#fff;
}

	#prof_name span {
		font-size:0.5rem;
	}

#prof_com,
#prof_com2 {
	margin:5px 0;
	padding:0.5rem;
	text-align:left;
	border:#FFF 1px dotted;
}

#prof_enq {
	width:100%;
}

	#prof_enq tr:nth-child(odd){
		background-color:#F99;
		color:#F0F;
	}
	
	#prof_enq tr:nth-child(even){
		background-color:#FFF;
		color:#000;
	}
	
	#prof_enq tr:last-child {
		text-align:left;
	}
	
	#prof_enq td {
		padding:0.3rem;
	}

#schedule_table {
	width:100%;
	border-collapse:collapse;
}

	#schedule_table th,
	#schedule_table td {
		border:#FFF 1px solid;
	}

	#schedule_table th {
		background-color:#9FF;
		color:#000;
		font-weight:normal;
	}

#box_enter {
	margin:0 auto 1rem auto;
	max-width:600px;
	width:100%;
}

	#box_enter img {
		width:46%;
		margin:0.3rem;
	}

#ninsho_rec {
	max-width:700px;
	width:100%;
	margin:1rem auto;
}

.kin18_img {
	max-width:400px;
	width:100%;
	margin:1rem auto;
}

.txt_col_blue {
	color:#006;
}

.castop {
	background-color:#CCC;
	color:#666;
	border:#FFF 1px solid;
}

.castop2 {
	background-color:#F9C;
	color:#C00;
	font-weight:bold;
	border:#C00 1px solid;
}

.castop,
.castop2 {
	padding:5px;
	text-align:left;
	margin:2px 0;
}

/* marqee ******************************************/
.marquee {
width:98%;
padding:0;
overflow:hidden;
/* background-color:#f6f6f6; */
/* margin-bottom:10px; */
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:100px;
}

.marquee p {
margin:0;
padding-left:98%;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:5s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:5s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:5s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-50%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-50%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-50%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-50%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-50%);}
}