﻿/* F
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	border: 1px solid 		#c22065;
	background: 			#f82981;
	color: 					#ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #c22065;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fc98c2), to( #f82981));
	background-image: -webkit-linear-gradient(#fc98c2, #f82981);
	background-image:    -moz-linear-gradient(#fc98c2, #f82981);
	background-image:     -ms-linear-gradient(#fc98c2, #f82981);
	background-image:      -o-linear-gradient(#fc98c2, #f82981);
	background-image:         linear-gradient(#fc98c2, #f82981);
}
.ui-btn-up-f {
	text-decoration: none;
	border: 1px solid 		#c22065;
	background: 			#f82981;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #c22065;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fc98c2), to( #f82981));
	background-image: -webkit-linear-gradient(#fc98c2, #f82981);
	background-image:    -moz-linear-gradient(#fc98c2, #f82981);
	background-image:     -ms-linear-gradient(#fc98c2, #f82981);
	background-image:      -o-linear-gradient(#fc98c2, #f82981);
	background-image:         linear-gradient(#fc98c2, #f82981);
}
.ui-btn-hover-f,
.ui-btn-down-f,
.ui-body-f .ui-btn-active {
	text-decoration: none;
	border: 1px solid 		#c22065;
	background: 			#f82981;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #c22065;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f82981), to( #fc98c2));
	background-image: -webkit-linear-gradient(#f82981, #fc98c2);
	background-image:    -moz-linear-gradient(#f82981, #fc98c2);
	background-image:     -ms-linear-gradient(#f82981, #fc98c2);
	background-image:      -o-linear-gradient(#f82981, #fc98c2);
	background-image:         linear-gradient(#f82981, #fc98c2);
}

/* 他
-----------------------------------------------------------------------------------------------------------*/
.ui-header {
	background: url(../../images/bg_spj.gif) repeat-x center center;
}
#new dl, #new dt, #new dd {
	margin: 0px;
	padding: 0px;
}
#new dt {
	font-weight: bold;
}
#new dd {
	border-bottom: 1px solid #999;
}
h2 {
	font-size: 1.2em;
	color: #c22065;
}
h2::before,
.bukkenbox strong::before {
	content: "■";
}
.ui-footer {
	text-align: center;
}
.ui-footer a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.ui-header h1 {
	margin-left:0 !important;
	margin-right:0 !important;
}
.color1 {
	color: #F00;
}
#cast .ui-li-thumb,
#schedule .ui-li-thumb {
	padding-top: 0.5em;
	padding-left: 0.5em;
}
#cast h3, #cast p,
#schedule h3, #schedule p {
	overflow: visible;
	white-space: normal;
}
#cast li,
#schedule li {
	overflow: hidden;
	padding-bottom: 0.5em;
}
.tel {
	font-size: 2em;
}
#googlemap {
	width: 100%;
	height: 300px;
	border: 8px solid #ccc;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

.clear {
	clear: both;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
.mb1em {
	margin-bottom: 1em;
}
.staffbox h3 {
	color: #c22065;
}
.staffbox h3 img {
	vertical-align: middle;
}
/*テーブル2
------------------------------------------------------*/
table.l2 {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
table.l2,
table.l2 th,
table.l2 td {
	border: 1px solid #999999;
}
table.l2 th {
	background-color: #dcdcdc;
	text-align: center;
}

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:641px){
	.footer_area{
		display: none;
}	
}
 
/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:640px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 80%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #068BF1;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 80%;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}