/* Add your custom css styles */

/***** 点滅用 *****/
.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/***** ヘッダーメニュー *****/
.header_menu{
	margin:2px 2px 2px 2px;
	text-align: left;
}
 
.header_menu img{
	width: 65px;
	/*margin:0 1px;*/
	margin:2px 2px 2px 2px;
	border-radius: 12px;
	border: 1px solid #111;
	background-image: url(../sp/image/icon_back.png);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
}

.h1frame h1{
	font-size:14px;
	line-height:18px;
	margin:0px;
}

h2{
	font-size:16px;
	margin:0px;
}

/* 本日出勤画像 */
/* 右上
img.m_top{ z-index:106;position:absolute;bottom:170px;left:115px;width:60px;}
span.m_top_today_text{ z-index:108;position:absolute;bottom:202px;left:130px;color:#fff;font-size:13px;font-weight:bold;font-style:italic;}
span.m_top_text{ z-index:107;position:absolute;bottom:185px;left:123px;color:#fff;font-size:11px;}
*/
/* 左上 */
img.m_top{ z-index:106;position:absolute;bottom:170px;left:2px;width:60px;}
p.m_top_today_text{ z-index:108;position:absolute;bottom:202px;left:15px;color:#fff;font-size:13px;font-weight:bold;font-style:italic;}
p.m_top_text{ z-index:107;position:absolute;bottom:185px;left:10px;color:#fff;font-size:11px;}

.syukkin
 {
	color: #ffffff;
	font-size: 11px;
	height: 60px;
	right: 2px;
	line-height: 75px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14);
	top: 2px;
	width: 60px;
	z-index: 500;
	/*background-: #ffc300;*/
	background-image: url(../images/cast_midashi_top.png);
	background-size: 60px 60px
}

.syukkin_now{
	color: #ffffff;
	font-size: 13px;
	font-style:italic;
	font-weight:bold;
	height: 60px;
	right: 4px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14);
	top: 2px;
	width: 60px;
	z-index: 501;

}

.cast-qa{
    font-size: 12px;
    margin:0px;
    line-height:15px;
}
.info-hr{
	margin:1px;
	height: 1px;
	border: none;
	border-top: 1px #ffffff dashed;
	/*border-top: 1px #ffffff solid;*/
}

.syukkin_pc{
    float: right;
    font-size: 13px;
}
	
.syukkin_s,
.syukkin_s a {
	text-align:left;
    font-size: 13px;
	
}
.m-t--5{
	margin-top:-5px}
.m-t--10{
	margin-top:-10px}
.m-t--20{
	margin-top:-20px}
.m-t--30{
	margin-top:-30px}
.m-t--40{
	margin-top:-40px}
.m-t--50{
	margin-top:-50px}
.m-t--60{
	margin-top:-60px}
	
.m-b--6{
	margin-bottom:-6px;}
.m-b--10{
	margin-bottom:-10px;}
.m-b--20{
	margin-bottom:-20px}
.m-b--30{
	margin-bottom:-30px;}
.m-b--40{
	margin-bottom:-40px}
.m-b--50{
	margin-bottom:-50px;}
.m-b--60{
	margin-bottom:-60px}
	
.p-b--10{
	padding-bottom:-10px;}
.p-b--20{
	padding-bottom:-20px}
.p-b--30{
	padding-bottom:-30px;}
.p-b--40{
	padding-bottom:-40px}
.p-b--50{
	padding-bottom:-50px;}
.p-b--60{
	padding-bottom:-60px}

.f-s-10{
	font-size:10px;}
.f-s-12{
	font-size:12px;}
.f-s-13{
	font-size:13px;}
.f-s-15{
	font-size:15px;}
.f-s-20{
	font-size:20px;}
.f-s-25{
	font-size:25px;}
.f-s-30{
	font-size:30px;}

.f-lh-12{
	line-height:12px!important;
}
.f-lh-14{
	line-height:14px;
}
.f-lh-16{
	line-height:16px;
}
.f-lh-18{
	line-height:18px;
}

.div-fr{
    float: right;}

.div-fl{
    float: left;}

.text-siro,
.text-siro h1,
.text-siro h2,
.text-siro h3,
.text-siro h4,
.text-siro h5,
.text-siro h6,
.text-siro .lead,
.text-siro p,
.text-siro a:not(.button),
.text-siro i,
.text-siro li,
.text-siro label,
.text-siro div:not(.alert),
.text-siro span {
    color: #fff !important;
}


/* ------------------ Colors --------------------*/
.color-red {
  color: #ed7a53 !important;
}
.color-red-light {
  color: #ec8765 !important;
}
.color-red-dark {
  color: #ec693c !important;
}
.color-blue {
  color: #3399cc !important;
}
.color-blue-light {
  color: #4faede !important;
}
.color-blue-dark {
  color: #1e86ba !important;
}
.color-green {
  color: #9fc569 !important;
}
.color-green-light {
  color: #adcf7e !important;
}
.color-green-dark {
  color: #8db652 !important;
}
.color-yellow {
  color: #f4ad49 !important;
}
.color-yellow-light {
  color: #f5b75f !important;
}
.color-yellow-dark {
  color: #d69840 !important;
}
.color-white {
  color: #ffffff !important;
}
.color-dark {
  color: #1f3140 !important;
}
.color-dark-light {
  color: #273e51 !important;
}
.color-dark-dark {
  color: #17242f !important;
}
.color-gray {
  color: #a2aaac !important;
}
.color-gray-light {
  color: #777777 !important;
}
.color-gray-dark {
  color: #333333 !important;
}


table.calender_column{
    width: 100%;
}

table.calender_column td{
    padding: 5px;
    border: 1px solid #CCC;
}

/* 日曜日 */
table.calender_column tr.week0{
    background-color: #ffefef;
    color: #FF0000;
}

/* 土曜日 */
table.calender_column tr.week6{
    background-color: #ededff;
    color: #0000FF;
}

/* 平日 */
table.calender_column tr.week1{
    background-color: #ffffff;
    color: #000000;
}
table.calender_column tr.week2{
    background-color: #ffffff;
    color: #000000;
}
table.calender_column tr.week3{
    background-color: #ffffff;
    color: #000000;
}
table.calender_column tr.week4{
    background-color: #ffffff;
    color: #000000;
}
table.calender_column tr.week5{
    background-color: #ffffff;
    color: #000000;
}

/* 今日 */
table.calender_column tr.today{
    background-color: #fbffa3;
    color: #000000;
    font-weight: bold;
}

table.calender_column td:first-child{
    width: 20%;
    text-align: center;
}

table.calender_column td:last-child{
    width: 80%;
    color: #111111;
}

/*予約フォーム*/

.yform-row {
	margin:20px 20px 20px 20px;
	color: #000000;
	background-color: #333333;
}

.yform-row input{
	color: #000000;
	background-color: #ffffff;
}

.table_best td {
  border: 1px #ffffff solid;
  padding:4px;
  border-collapse: collapse;
  border-spacing: 0;
}