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

/* index
--------------------------------------------------------- */
.main_img {
	height: 596px;
	background: #000;
	border-bottom: solid 1px #3C3C3C;
	margin-bottom:0px;
}
#main .main_img img {
	opacity:0;
}
#main .main_img .logo2 {
	position: absolute;
	left: 342px;
	top: 215px;
}
#main .main_img .catch {
	position: absolute;
	left: 290px;
	top: 465px;
}
#main .main_img .catch2 {
	position: absolute;
	left: 338px;
	top: 400px;
}
.re_ba .re1 {
	float: left;
	width: 465px;
}
.re_ba .re2 {
	float: right;
	width: 465px;
}
#main #cust {
	background: url(../img/cust/cust_bg.jpg) no-repeat right top;
}
#cust .text1 {
	padding-top: 180px;
	padding-left: 357px;
}
#cust .catch1 {
	padding-top: 83px;
	margin-bottom: 16px;
}
#system {
	/*margin-top:-100px;
　　padding-top:100px;*/
}


#system .left_ta {
	float: left;
	width: 470px;
	border:1px solid #88650E;
}
#system tr th {
	width:70%;
	border:1px solid #88650E;
	padding-left: 15px;
	padding-top:7px;
	padding-bottom:7px;
}
#system tr td {
	border:1px solid #88650E;
	padding-left: 15px;
	padding-top:7px;
	padding-bottom:7px;
}

#system .right_ta {
	float: right;
	width: 470px;
}
#system .menu_bt {
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
#gallery {
	background: url(../img/gallery/gallery_bg.jpg) no-repeat right top;
}
#gallery .catch1 {
	padding-top: 83px;
	margin-bottom: 16px;
}

#access {
	background: url(../img/access/access_bg.jpg) no-repeat right top;
	padding-top:40px;
}
#access .catch1 {
	padding-top: 83px;
	margin-bottom: 16px;
}
.cust_box ul li {
	float: left;
	width: 60px;
	margin-right: 7px;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50;
}
.cust_box ul li.active {
	outline:solid 1px #8C6900;
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}
.cust_box {
	background: url(../img/cast/cast_bg.jpg) no-repeat left top;
	width: 100%;
	float: none;
	margin-right: 35px;
	margin-bottom: 30px;
}
.cust_box.last {
	margin-right:0px;
}
.cust_box .main_pic {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: 1px solid #E2DCCD;
	height:310px;
	overflow:hidden;
	margin-left:14%;
	margin-right:14%;
	
}
.cust_box .main_pic img {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#cust .cust_box ul {
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}
#cust .cust_box p {
	padding-left: 20px;
	font-weight: bold;
}
#cust .cust_box p span {
	color: #876603;
}
.cast_area ul li {
	display: inline-block;
	margin-right: 10px;
	width: 166px;
	font-size:11px;
}
.cast_area ul {
	text-align: center;
	margin-bottom: 40px;
}
.cast_area ul li img {
	border: 1px solid #D3C8A7;
	width: 166px;
	height: auto;
	margin-bottom: 10px;
}
#main .content .cast_area {
	margin-bottom: 60px;
}
#main .about {
	background: url(../img/index/about_bg.jpg) repeat-x left top;
}
#main .content .system_area {
	margin-bottom: 60px;
}
#main .content .system_area table {
	margin-bottom: 7px;
	border: 1px solid #AAAAAA;
}
#main .content .system_area table tr th {
	background: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	border: 1px solid #AAAAAA;
	width:30%;
}
.system_area table tr td {
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #AAAAAA;
}
#main .about_area .inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#main .about_area .inner .about_copy {
	text-align: center;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 200%;
	margin-bottom: 50px;
}

#main .about_area table {
	border: 1px solid #AAAAAA;
}
#main .about_area table tr th {
	background: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	border: 1px solid #AAAAAA;
	width:30%;
}
.about_area table tr td {
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #AAAAAA;
}
#main .about_area {
	margin-bottom: 30px;
}
#main .news {
	background: #FFF;
	border-top: 1px solid #CCC;
	padding-top: 23px;
	padding-bottom: 25px;
}
.news .inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.news .inner iframe,.news .inner span {
	text-align: center;
	width: 100%!important;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 100% !important;
}


.fbfluid .fbcomments,
.fbfluid .fb_iframe_widget,
.fbfluid .fb_iframe_widget[style],
.fbfluid .fb_iframe_widget iframe[style],
.fbfluid .fbcomments iframe[style],
.fbfluid .fb_iframe_widget span{
    width: 100%! important;
}

.cast_main_img {
	background: url(../img/cast/cast_main_bg.jpg) repeat-x;
	height: 131px;
	margin-bottom: 20px;
}
.cast_main_img .inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#cust .cust_box.p1 .st {
	margin-bottom: 20px;
}
#cust .cust_box.p1 .clearfix li img {
	width: 60px;
	height: auto;
}
#cust .cast_text {
	float: none;
	width: 100%;
}
#cust .cast_text .st {
	margin-bottom: 20px;
}
#cust .cast_text table {
	border-top: 1px solid #545454;
	margin-bottom:20px;
}
#cust .cast_text table tr th {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	width: 35%;
	font-weight: bold;
	border-bottom: 1px solid #BBB;
}
#cust .cast_text table tr td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #BBB;
}

#cust .cast_text .bt {
	text-align:center;
}




.fixed{
	position:fixed;
}

.main_img {
	height: auto;
	padding-top:50px;
}

#main .about_area .inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.cast_area ul {
	margin-left: 10px;
}
.cast_area ul li {
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	width: 30%;
}
.cast_area ul li img {
	border: 1px solid #D3C8A7;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.cast_area_index ul {
	margin-left: 10px;
}
.cast_area_index ul li {
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	width: 30%;
}
.cast_area2_index ul li img {
	border: 1px solid #D3C8A7;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}


#main .content .system_area {
	margin-bottom: 60px;
	padding-left:10px;
	padding-right:10px;
}

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


.news .inner iframe {
	text-align: center;
	width:100% !important;
	height:300px !important;
}

#main .about_area .inner .about_copy {
	text-align: center;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 200%;
	margin-bottom: 50px;
}
.gallery_sp ul {
	margin-left: 5px;
	
}
.gallery_sp ul li {
	float: left;
	width: 23.0%;
	margin-right: 5px;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50;
	margin-bottom:6px;
}
.gallery_sp ul li img {
	width: 100%;
}
.gallery_sp ul li.active {
	outline:solid 1px #8C6900;
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}
.gallery_sp {
	background: none;
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 30px;
}
.gallery_sp.last {
	margin-right:0px;
}
.gallery_sp .main_pic {
	padding:0;
	background: #FFF;
	border: 1px solid #E2DCCD;
}
.gallery_sp ul {
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 4px;
}

.cast_title {
	width:100%;
	padding-top:70px;
}

.twitter-timeline {
min-width: 100% !important;
}
.about_bg {
	background: url(../img/index/about_bg2.png) repeat;
	padding-bottom: 15px;
	padding-top: 30px;
}
#main .content .system_area {
	margin-bottom: 30px;
}

/*リクルートこちらから----------------------------------------------------------------------------------------*/

#main .content .recruit_area {
	margin-bottom: 60px;
}

#main .content .recruit_area table {
	margin-bottom: 40px;
	border: 1px solid #AAAAAA;
}

#main .content .recruit_area table tr th {
	background: #FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	border: 1px solid #AAAAAA;
	width:30%;
}

.recruit_area table tr td {
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #AAAAAA;
}

.rec_text {
	margin:30px 0px 20px 0px;
}

/*リクルートここまで----------------------------------------------------------------------------------------*/


.ticket_contents {
	padding: 0 10px 0 10px;
}
.ticket_text01  {
	width:96%;}

.ticket_text02 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.calender_area {
	padding-left:10px;
	padding-right:10px;
}

.calendar_sp .calender_month {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.calendar_wrap_sp {
	position: relative;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
.event_calendar_sp {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border: 1px solid #9d9277;
	background: #f7f7f7;
	box-sizing: border-box;
}
.event_calendar_sp th {
	height: 22px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	color: #d8d8d8;
	background: #5f5f5f;
	border: 1px solid #7b7058;
	font-family: "Times New Roman", Georgia, serif;
	box-sizing: border-box;
}
.event_calendar_sp th.sun {
	color: #a71a1a;
}
.event_calendar_sp td {
	height: 46px;
	padding: 3px 0 0 4px;
	vertical-align: top;
	border: 1px solid #9d9277;
	background: #efefef;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.event_calendar_sp td.sun {
	background: #e4d8b7;
}
.event_calendar_sp .date {
	display: inline-block;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 18px;
	line-height: 1;
	font-style: italic;
	font-weight: 600;
	color: #161616;
}
.event_calendar_sp td.sun .date {
	color: #a51616;
}
.event_calendar_sp .small_date {
	display: inline-block;
	line-height: 1;
	font-style: italic;
	font-family: "Times New Roman", Georgia, serif;
	color: #777;
	font-size: 14px;
}
.calendar_sp .calendar_event_bar_sp {
	position: absolute;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.01em;
	color: #f4ead2;
	background: #0f0f0f;
	background: -webkit-linear-gradient(top, #2f2f2f 0%, #0f0f0f 50%, #000000 100%);
	background: -moz-linear-gradient(top, #2f2f2f 0%, #0f0f0f 50%, #000000 100%);
	background: linear-gradient(to bottom, #2f2f2f 0%, #0f0f0f 50%, #000000 100%);
	border: 1px solid #2a2a2a;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
	z-index: 5;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}


.rec_sp {
	margin-left:10px;
	margin-right:10px;
}

.rec_sp_navi {
	margin-bottom:30px;
}
.rec_sp_navi li {
	float:left;
	width:50%;
	height:auto;
}