@charset "UTF-8";

/* clearfix */
div:after, ul:after, dl:after, dt:after, dd:after, section:after, li:after {
	content: "";
	display: block;
	clear: both;
}

/* reset */
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* フォーム */
#modal .select-box {
	font-size: 96%;
	border: 1px solid #E4E4E4;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

/* ツールチップ */
.cal_tooltip1 {
}

.cal_tooltip1 .cal_tooltipText {
	display: none;
	padding-bottom: 10px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 3px 1px #949190;
}

.cal_tooltip1 .cal_tooltipText .cal_icon_space .fa {
	color: #9C9998;
	font-size: 120%;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

.cal_tooltip1 .cal_tooltipText .cal_icon_space .fa.fa-jpy {
	padding-left: 2.5px;
	padding-top: 2.5px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-left: 8px;
	margin-right: 7px;
}

.cal_tooltip1 .cal_tooltipText .cal_icon_space .fa.fa-map-marker {
	margin-left: 11.5px;
	padding-right: 1px;
}

.cal_tooltip1 .cal_tooltipText .cal_icon_space {
	text-align: center;
}

.cal_tooltip1 .cal_tooltipText .cal_num_icon {
	display: inline-block;
	background-color: #9C9998;
	color: #FFFFFF;
	text-align: center;
	font-size: 74%;
	border-radius: 2px;
	padding-top: 4.5px;
	margin-left: 7px;
	padding-right: 3px;
	margin-right: 6px;
	line-height: 1em;
	text-decoration: line-through;
	padding-bottom: 2px;
	padding-left: 3px;
}

.cal_tooltip1:hover .cal_tooltipText {
	display: block;                  /* ボックス要素にする */
	position: absolute;            /* relativeからの絶対位置 */
	top: 25px;
	font-size: 90%;
	background-color: #FFFFFF;
	border-radius: 3px;
	z-index: 100;
	text-align: left;
	border: 1px solid #D2D2D2;
}

.cal_tooltip1:hover {
	position: relative;
}

.cal_tooltip1 .cal_tooltipText .cal_tooltop_ttl {
	display: block;
	background-color: #fcd5b4;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.cal_tooltip1 .cal_tooltipText table td {
	vertical-align: top;
	text-align: center;
}

.cal_tooltip1 .cal_tooltipText table tbody tr td .cal_tooltip_textarea {
	margin-right: 10px;
	display: block;
	text-align: left;
}

.cal_tooltip1 .cal_tooltipText table {
}

/* モーダルウインドウ */
#cal_open01, #cal_open02, #cal_open03 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 900;
}

.cal_close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: fixed;
	background-color: #1E1D1D;
	opacity: 0.5;
	z-index: 800;
}

.cal_modal_window {
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-right: 0;
	margin-left: -150px;
	margin-bottom: 0;
	height: auto;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 900;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 300px;
}

.cal_modal_window p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

.cal_modal_window a {
	text-decoration: none;
}
 
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
 0% {
opacity:0;
display:block;
}
 100% {
opacity:1;
}
}

.cal_modal_window #cal_popup_head .cal_data {
	font-size: 140%;
}

.cal_modal_window #cal_popup_head .cal_pager {
	font-size: 120%;
}

div#modal div:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display: block;
}

/* スタイル */
.cal_textCenter {
	text-align: center;
}

.cal_textRight {
	text-align: right;
}

#cal_headerArea {
	background-color: #EFEFEF;
	width: 50%;
}

#cal_headerArea .cal_headerBox {
	color: #666;
	float: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

#cal_headerArea .cal_headerBox02 {
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	display: block;
}

#cal_headerArea .cal_headerBox .cal_headerBoxFrame.cal_line_none {
	border-right-style: none;
}

#cal_headerArea .cal_headerBox02 .cal_headerBoxFrame.cal_line_none {
	border-right-style: none;
}

#cal_headerArea .cal_headerBox .cal_headerBoxFrame {
	padding-top: 6px;
	padding-bottom: 6px;
	border-right: 1px solid #FFFFFF;
	font-size: 100%;
	vertical-align: middle;
	float: left;
	text-align: center;
	padding-left: 11px;
 padding-right: 10.px;
	display: inline-block;
	padding-right: 11px;
}

#cal_headerArea .cal_headerBox02 .cal_headerBoxFrame {
	padding-top: 6px;
	padding-bottom: 6px;
	border-right: 1px solid #FFFFFF;
	padding-left: 36px;
	padding-right: 36px;
	font-size: 100%;
	display: inline-block;
	float: left;
}

#cal_headerArea .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame {
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
}

#cal_headerArea .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame {
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
}

#cal_headerArea a .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame.cal_line_none.cal_line_left {
	border-left: 1px solid #FFFFFF;
}

#cal_headerArea a .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame.cal_line_none.cal_line_left {
	border-left: 1px solid #FFFFFF;
}

#cal_headerArea .cal_headerBox.cal_headerBox_num .cal_headerBoxFrame .fa.fa-user {
	font-size: 144%;
	padding-top: 8px;
}

#cal_headerArea .cal_headerBox02.cal_headerBox_num .cal_headerBoxFrame .fa.fa-user {
	font-size: 140%;
	padding-top: 8px;
}

#cal_headerArea .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame .fa.fa-calendar {
	font-size: 130%;
	text-align: center;
	padding-top: 1px;
}

#cal_headerArea .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame .fa.fa-calendar {
	font-size: 130%;
	text-align: center;
	padding-top: 1px;
}
#cal_headerArea .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame .fa.fa-list {
	font-size: 155%;
	vertical-align: middle;
	padding-top: 1px;
}

#cal_headerArea .cal_headerBox .cal_headerBoxFrame.cal_line_none .fa.fa-filter {
	font-size: 138%;
	vertical-align: baseline;
	text-align: center;
}

#cal_headerArea .cal_headerBox02 .cal_headerBoxFrame.cal_line_none .fa.fa-filter {
	font-size: 140%;
	vertical-align: baseline;
}

#cal_headerArea .cal_headerBox .cal_icon_type {
	border-radius: 2px;
	display: inline-block;
	width: 22px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	vertical-align: baseline;
	background-color: #666;
	color: #FFFFFF;
	margin-right: 5px;
	font-size: 96%;
	line-height: 1em;
	margin-top: 8.5px;
}

#cal_headerArea .cal_headerBox02 .cal_icon_type {
	border-radius: 2px;
	display: inline-block;
	width: 22px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	vertical-align: baseline;
	line-height: 1em;
	font-size: 96%;
	background-color: #666;
	color: #FFFFFF;
	margin-right: 5px;
	margin-top: 8.5px;
}

#cal_headerArea .cal_headerBox .select-box {
	width: 65px;
	background-color: #FFFFFF;
	vertical-align: top;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 2px;
}

#cal_headerArea .cal_headerBox .fa {
	margin-right: 5px;
	color: #666;
}

#cal_headerArea .cal_headerBox a {
	color: #666;
}

/* モーダルポップアップ */
#modal .cal_indent {
	margin-left: 20px;
}

#modal .cal_indent .radio-button {
	padding-right: 10px;
}

#modal .check.ac_title {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#modal .cal_refine_confirm {
	display: block;
	width: 80px;
	color: #FFFFFF;
	text-align: center;
	background-color: #C7C7C7;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 10px;
}

#modal a .cal_refine_confirm {
	text-decoration: none;
	display: block;
	width: 80px;
	background-color: #4BBAA7;
	color: #FFFFFF;
}

#modal a:hover .cal_refine_confirm {
	text-decoration: none;
	background-color: #989898;
}

#modal .cal_modal_window a .cal_close {
	display: block;
	background-color: #1E1D1D;
	float: right;
	font-size: 105%;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 2px;
	padding-bottom: 3px;
	line-height: 1em;
	padding-top: 2px;
}

#modal table tbody tr td {
	text-align: center;
}

#modal #cal_popup_head .cal_data {
	width: 60%;
	display: inline-block;
}

#modal #cal_popup_head {
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}

#modal table {
	clear: both;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

#modal table tbody tr th {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

#modal table tbody tr td {
	text-align: center;
	color: #DEDEDE;
	font-size: 110%;
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

#modal table tbody tr .cal_NoReservation a {
	background-color: #D3D3D3;
	color: #1E1D1D;
	display: block;
	width: 90%;
	height: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}

#modal table tbody tr .cal_NoReservation .active {
	background-color: #4BBAA7;
	color: #FFFFFF;
	width: 90%;
	height: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
}

#cal_topArea {
	clear: both;
	padding-top: 30px;
}

#cal_topArea .cal_topAreabox {
	display: block;
	float: left;
	vertical-align: middle;
	width: 39%;
	text-align: right;
}

#cal_topArea .cal_topAreabox.cal_textRight {
	text-align: left;
}

#cal_topArea .cal_topAreabox.cal_textCenter {
	width: 22%;
	text-align: center;
	font-size: 110%;
}

#cal_topArea .cal_textCenter {
	font-size: 110%;
}

#cal_topArea .cal_topAreabox.cal_textCenter span img {
	width: 20px;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -5px;
}

#cal_topArea a {
	color: #514F4E;
	text-decoration: none;
}

#cal_topArea a:hover {
	text-decoration: none;
}

#cal_topArea .cal_textCenter a .cal_calenderText {
	color: #514F4E;
	font-size: 70%;
	text-decoration: none;
}

#cal_month {
	clear: both;
	padding-top: 20px;
	width: 100%;
}

#cal_month .cal_line .cal_cel_header {
	border-right: 1px solid #FFFFFF;
}

#cal_month .cal_line.last {
	border-bottom: 1px solid #C7C7C7;
}

#cal_month .cal_line .cal_cel.cal_line_length {
	border-left: 1px solid #C7C7C7;
}

#cal_month .cal_line .cal_cel_header.cal_header_right {
	border-right: 1px solid #A9A9A9;
}

#cal_month .cal_line .cal_cel .cal_past {
	background-color: #F3F3F3;
	color: #C7C7C7;
}

#cal_month .cal_line .cal_cel .day {
	display: block;
	margin-bottom: 10px;
}

#cal_month .cal_line .cal_cel .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #FFFFFF;
}

#cal_month .cal_line .cal_cel .cal_icon_orange {
	background-color: rgba(255,0,0,0.4);
	;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	　　margin-left: 5px;
	margin-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 3px;
	padding-top: 4px;
	padding-bottom: 3px;
	border: 1px solid #FFFFFF;
}

#cal_month .cal_line .cal_cel .fa {
	color: #FFFFFF;
}

#cal_month .cal_line .cal_cel .cal_name {
	font-size: 88%;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 98%;
	background-color: #F3F3F3;
}

#cal_month .cal_line .cal_cel .cal_TextCenter {
	display: block;
	text-align: center;
	padding-top: 2px;
}

#cal_month .cal_line .cal_cel .cal_name_pink {
	font-size: 88%;
	text-align: left;
	background-color: #F2DCDC;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	display: block;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#cal_month .cal_line .cal_cel a:hover .cal_name_pink, #cal_month .cal_line .cal_cel a:hover .cal_name_blue, #cal_month .cal_line .cal_cel a:hover .cal_name_orange {
	font-size: 88%;
	text-align: left;
	background-color: #E9E9E9;
}

#cal_month .cal_line .cal_cel .cal_name_orange {
	background-color: #FDE9D9;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	display: block;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	font-size: 88%;
	text-align: left;
}

#cal_month .cal_line .cal_cel .cal_name_blue {
	font-size: 88%;
	text-align: left;
	background-color: #DBEEF3;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	display: block;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#cal_month .cal_line .cal_cel a {
	color: #514F4E;
	text-decoration: none;
}

#cal_month .cal_line .cal_cel .cal_other {
	text-align: right;
	display: block;
	margin-top: 10px;
}

#cal_month .cal_line .cal_cel .cal_other a {
	color: #007AA9;
}

#cal_month .cal_line .cal_cel .cal_other a:hover {
	text-decoration: underline;
}

#cal_month .cal_line .cal_cel .cal_tooltip1 .cal_tooltipText .fa {
	text-align: left;
	color: #9C9998;
	display: inline-block;
}

#cal_month .cal_line .cal_cel .cal_tooltip1 .cal_tooltipText {
	line-height: 1.5em;
	text-align: left;
}

/* カレンダー（週） */

#cal_week {
	clear: both;
	padding-top: 20px;
	color: #C7C7C7;
}

#cal_week .cal_line.last {
	border-bottom: 1px solid #C7C7C7;
}

#cal_week .cal_line .cal_cel_header {
	width: 14.285%;
	display: block;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #a9a9a9;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#cal_week .cal_line {
	border-top: 1px solid #FFFFFF;
	width: 100%;
	clear: both;
}

#cal_week .cal_line .cal_cel_class .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}

#cal_week .cal_line .cal_cel_class .cal_icon_orange {
	background-color: rgba(255,0,0,0.40);
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	　　margin-left: 5px;
	margin-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 3px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 3px;
}

#cal_week .cal_line .cal_cel_class {
	width: 14.285%;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #FFFFFF;
	vertical-align: top;
	height: 70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	display: block;
}

#cal_week .cal_line .cal_cel_class.cal_past {
	background-color: #F3F3F3;
}

#cal_week .cal_line .cal_cel_class.cal_past .cal_name .cal_icon_gray .fa.fa-times {
	color: #FFFFFF;
}

#cal_week .cal_line a .cal_cel_class .cal_name .cal_icon_orange .fa.fa-circle-o {
	color: #FFFFFF;
}

#cal_week .cal_line .cal_cel_class.cal_futureOrange {
	background-color: #FCD5B4;
}

#cal_week .cal_line .cal_cel_class.cal_futurePink {
	background-color: #F2DCDC;
}

#cal_week .cal_line .cal_cel_class.cal_futureBlue {
	background-color: #DBEEF3;
}

#cal_week .cal_line .cal_cel_class .cal_name {
	display: block;
	margin-bottom: 5px;
	font-size: 88%;
}

#cal_week .cal_line a .cal_cel_class .cal_name {
	color: #514F4E;
}

#cal_week .cal_line a:hover .cal_cel_class {
	color: #514F4E;
	background-color: #F5F5F5;
}

#cal_week .cal_line .cal_tooltip1 .cal_tooltipText .cal_icon_orange {
	padding-left: 5px;
	padding-right: 7px;
}

#cal_week .cal_line cal_cel_class .cal_tooltip1 .cal_tooltipText .fa {
	text-align: left;
	color: #9C9998;
	display: inline-block;
}

#cal_week .cal_line a .cal_cel_class .cal_tooltip1 .cal_tooltipText {
	line-height: 1.5em;
	text-align: left;
}

#cal_week .cal_line a .cal_cel_class .cal_tooltip1 .cal_tooltipText .cal_icon_space .fa.fa-jpy {
	padding-right: 4px;
}

/* カレンダー（日） */
#cal_day {
	padding-top: 20px;
}

#cal_day .cal_data {
	display: block;
	background-color: #D2D2D2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#cal_day .cal_possible {
	background-color: #FFFFFF;
	margin-top: 10px;
	border: 1px solid #ccc;
	width: 100%;
	color: #555;
	position: relative;
}

#cal_day .cal_possible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_day .cal_possible .cal_icon_orange {
	background-color: rgba(255,0,0,0.4);
	display: inline-block;
	color: #FFFFFF;
	font-size: 160%;
	text-align: center;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-left: 2px solid #65BA00;
}

#cal_day .cal_possible .cal_icon_orange .fa.fa-circle-o {
	background-color: rgba(0,0,0,0.00);
	color: rgba(255,255,255,1.00);
}

#cal_day .cal_possible .cal_time {
	display: inline-block;
	color: #555;
	vertical-align: middle;
	padding-left: 10px;
}

#cal_day .cal_possible .cal_class_name {
	display: inline-block;
	color: #555;
	vertical-align: middle;
	padding-left: 20px;
	width: 22%;
}

#cal_day .cal_possible .cal_class_staff {
	display: inline-block;
	color: #555;
	vertical-align: middle;
	padding-left: 20px;
	width: 22%;
}

#cal_day .cal_possible .cal_class_price {
	display: inline-block;
	color: #555;
	vertical-align: middle;
	width: 22%;
	padding-left: 20px;
}

#cal_day .cal_possible .cal_class_num {
	display: inline-block;
	color: #555;
	font-size: 90%;
	line-height: 1.2em;
	vertical-align: middle;
	width: 14%;
}

#cal_day .cal_possible .fa {
	display: inline-block;
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#cal_day .cal_possible .cal_sp_block .cal_class_price .fa.fa-jpy {
	padding-left: 7px;
	padding-right: 7px;
	font-size: 100%;
	padding-top: 5px;
	float: left;
}

#cal_day .cal_possible .cal_sp_block .cal_class_staff .fa.fa-user {
	padding-top: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	float: left;
}
#cal_day .cal_possible .cal_sp_block  .cal_class_num .cal_num_icon {
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: right;
	vertical-align: middle;
	padding-top: 4.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	float: left;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_staff .cal_class_text {
	float: left;
	vertical-align: middle;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_price .cal_class_text {
	float: left;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_num .cal_class_text {
	float: left;
	font-size: 110%;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon {
	font-size: 90%;
}

#cal_day .cal_possible .cal_sp_block .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #555555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

#cal_day .cal_possible .cal_reserve {
	display: inline-block;
	width: 10%;
	background-color: #8ea650;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 8px;
	vertical-align: middle;
}

#cal_day a .cal_possible .cal_reserve {
	position: absolute;
	right: 10px;
	top: 10%;
	width: 100px;
}

#cal_day .cal_impossible {
	background-color: #E9E9E9;
	margin-top: 10px;
}

#cal_day .cal_impossible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_day .cal_impossible .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	padding-left: 7px;
	padding-right: 3px;
	padding-bottom: 5px;
	vertical-align: middle;
	padding-top: 5px;
	font-size: 160%;
	border-left: 2px solid #65BA00;
}

#cal_day .cal_impossible .cal_icon_gray .fa.fa-times {
	background-color: rgba(0,0,0,0.00);
	color: rgba(255,255,255,1.00);
}

#cal_day .cal_impossible .cal_time {
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
	color: #C7C7C7;
}

#cal_day .cal_impossible .cal_class_name {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	color: #C7C7C7;
	width: 22%;
}

#cal_day .cal_impossible .cal_class_staff {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	color: #C7C7C7;
	width: 22%;
}

#cal_day .cal_impossible .cal_class_price {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	color: #C7C7C7;
	width: 22%;
}

#cal_day .cal_impossible .cal_class_num {
	display: inline-block;
	vertical-align: middle;
	color: #C7C7C7;
	width: 14%;
	font-size: 90%;
	line-height: 1.2em;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_staff .cal_class_text  {
	display: block;
	float: left;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_price .cal_class_text  {
	display: block;
	float: left;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_num .cal_class_text  {
	display: block;
	float: left;
	font-size: 110%;
}

#cal_day .cal_impossible .cal_sp_block .cal_class_staff .fa.fa-user {
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
}

#cal_day .cal_impossible .cal_sp_block .cal_class_price .fa.fa-jpy {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
}

#cal_day .cal_impossible .cal_sp_block .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

#cal_day .cal_impossible .fa {
	display: inline-block;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #949190;
}

/* リスト（週） */
#cal_List_week {
	clear: both;
}

#cal_List_week p .cal_pager {
	width: 20%;
	float: left;
}

#cal_List_week p span {
	width: 60%;
	float: left;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

#cal_List_week .cal_data {
	display: block;
	background-color: #D2D2D2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	margin-top: 20px;
}

#cal_List_week .cal_possible {
	background-color: #FFFFFF;
	margin-top: 10px;
	color: #555;
	border: 1px solid #ccc;
	position: relative;
}

#cal_List_week .cal_possible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_List_week .cal_possible .cal_icon_orange {
	background-color: rgba(255,0,0,0.4);
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	border-left: 2px solid #65BA00;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	font-size: 160%;
}

#cal_List_week a .cal_possible .cal_icon_orange .fa.fa-circle-o {
	color: #FFFFFF;
	background-color: rgba(255,255,255,0.00);
}

#cal_List_week .cal_possible .cal_time {
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

#cal_List_week .cal_possible .cal_class_name {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	width: 22%;
}

#cal_List_week .cal_possible .cal_class_staff {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	width: 22%;
}

#cal_List_week .cal_possible .cal_class_price {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_week .cal_possible .cal_class_num {
	display: inline-block;
	width: 14%;
	font-size: 90%;
	line-height: 1.2em;
	vertical-align: middle;
}

#cal_List_week .cal_possible .fa {
	display: inline-block;
	background-color: #555;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: #FFFFFF;
}

#cal_List_week .cal_possible .cal_sp_block .cal_class_staff .fa.fa-user, 
#cal_List_week .cal_impossible .cal_sp_block .cal_class_staff .fa.fa-user {
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

#cal_List_week .cal_possible .cal_sp_block .cal_class_price .fa.fa-jpy, 
#cal_List_week .cal_impossible .cal_sp_block .cal_class_price .fa.fa-jpy {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
}

#cal_List_week .cal_possible .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

#cal_List_week .cal_possible .cal_reserve {
	display: inline-block;
	width: 10%;
	background-color: #8ea650;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 8px;
	vertical-align: middle;
}

#cal_List_week a .cal_possible .cal_reserve {
	position: absolute;
	right: 10px;
	top: 10%;
	width: 100px;
}

#cal_List_week .cal_impossible .cal_sp_block .cal_class_staff .cal_class_text,
#cal_List_week .cal_possible .cal_sp_block .cal_class_staff .cal_class_text  {
	display: block;
	float: left;
}
#cal_List_week .cal_impossible .cal_sp_block .cal_class_price .cal_class_text,
#cal_List_week .cal_possible .cal_sp_block .cal_class_price .cal_class_text  {
	display: block;
	float: left;
}
#cal_List_week .cal_impossible .cal_sp_block .cal_class_num .cal_class_text,
#cal_List_week .cal_possible .cal_sp_block .cal_class_num .cal_class_text  {
	display: block;
	float: left;
	font-size: 110%;
}

#cal_List_week .cal_possible .cal_sp_block .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #555555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}
#cal_List_week .cal_impossible {
	background-color: #E9E9E9;
	margin-top: 10px;
	color: #C7C7C7;
}

#cal_List_week .cal_impossible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_List_week .cal_impossible .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	padding-left: 7px;
	padding-right: 3px;
	padding-bottom: 5px;
	vertical-align: middle;
	padding-top: 5px;
	border-left: 2px solid #65BA00;
	font-size: 160%;
	font-style: normal;
}

#cal_List_week .cal_impossible .cal_icon_gray .fa.fa-times {
	background-color: #C7C7C7;
	color: #FFFFFF;
}

#cal_List_week .cal_impossible .cal_time {
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

#cal_List_week .cal_impossible .cal_class_name {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_week .cal_impossible .cal_class_staff {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	width: 22%;
}

#cal_List_week .cal_impossible .cal_class_price {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_week .cal_impossible .cal_class_num {
	display: inline-block;
	width: 14%;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.2em;
}

#cal_List_week .cal_impossible .fa {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#cal_List_week .cal_impossible .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

/* リスト（月） */
#cal_List_month {
	clear: both;
}

#cal_List_month p .cal_pager {
	width: 20%;
	float: left;
}

#cal_List_month p span {
	width: 60%;
	float: left;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

#cal_List_month .cal_data {
	display: block;
	background-color: #D2D2D2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	margin-top: 20px;
}

#cal_List_month .cal_possible {
	background-color: #FFFFFF;
	margin-top: 10px;
	border: 1px solid #ccc;
	position: relative;
}

#cal_List_month .cal_possible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_List_month .cal_possible .cal_icon_orange {
	background-color: rgba(255,0,0,0.4);
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-left: 2px solid #65BA00;
	font-size: 160%;
}

#cal_List_month a .cal_possible .cal_icon_orange .fa.fa-circle-o {
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.00);
}

#cal_List_month .cal_possible .cal_time {
	display: inline-block;
	padding-left: 20px;
	color: #555;
	vertical-align: middle;
}

#cal_List_month .cal_possible .cal_class_name {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	color: #555;
	vertical-align: middle;
}

#cal_List_month .cal_possible .cal_class_staff {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	color: #555;
	vertical-align: middle;
}

#cal_List_month .cal_possible .cal_class_price {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	color: #555;
	vertical-align: middle;
}

#cal_List_month .cal_possible .cal_class_num {
	display: inline-block;
	width: 14%;
	color: #555;
	font-size: 90%;
	line-height: 1.2em;
	vertical-align: middle;
}

#cal_List_month .cal_impossible .cal_sp_block .cal_class_num .cal_class_text,
#cal_List_month .cal_possible .cal_sp_block .cal_class_num .cal_class_text  {
	display: block;
	float: left;
	font-size: 110%;
}

#cal_List_month .cal_possible .fa {
	display: inline-block;
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#cal_List_month .cal_possible .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

#cal_List_month .cal_possible .cal_sp_block .cal_class_staff .fa.fa-user {
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

#cal_List_month .cal_impossible .cal_sp_block .cal_class_staff .fa.fa-user {
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

#cal_List_month .cal_possible .cal_sp_block .cal_class_price .fa.fa-jpy {
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
}

#cal_List_month .cal_impossible .cal_sp_block .cal_class_price .fa.fa-jpy {
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
}

#cal_List_month .cal_possible .cal_reserve {
	display: inline-block;
	width: 10%;
	background-color: #8ea650;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 8px;
	vertical-align: middle;
}

#cal_List_month a .cal_possible .cal_reserve {
	position: absolute;
	right: 10px;
	top: 10%;
	width: 100px;
}

#cal_List_month .cal_impossible {
	background-color: #E9E9E9;
	margin-top: 10px;
	color: #C7C7C7;
}

#cal_List_month .cal_impossible .cal_sp_block {
	display: inline-block;
	width: 70%;
}

#cal_List_month .cal_impossible .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	padding-left: 7px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 160%;
	border-left: 2px solid #65BA00;
}

#cal_List_month .cal_impossible .cal_icon_gray .fa.fa-times {
	color: #FFFFFF;
	background-color: rgba(255,255,255,0.00);
}

#cal_List_month .cal_impossible .cal_time {
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	color: #C7C7C7;
}

#cal_List_month .cal_impossible .cal_class_name {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_month .cal_impossible .cal_class_staff {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_month .cal_impossible .cal_class_price {
	display: inline-block;
	width: 22%;
	padding-left: 20px;
	vertical-align: middle;
}

#cal_List_month .cal_impossible .cal_class_num {
	display: inline-block;
	font-size: 90%;
	line-height: 1.2em;
	width: 14%;
}

#cal_List_month .cal_impossible .fa {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#cal_List_month .cal_impossible .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #949190;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 5.5px;
	padding-right: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
	font-size: 90%;
}

#cal_List_month p span a img, #cal_List_week p span a img {
	width: 20px;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -5px;
}

@media screen and (min-width: 1231px) {

.cal_tooltip1:hover .cal_tooltipText {
	width: 300px;
}

#cal_month .cal_line .cal_cel_header {
	width: 14.285%;
	display: block;
	background-color: #a9a9a9;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	float: left;
}

#cal_month .cal_line .cal_cel {
	display: block;
	width: 14.285%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-right: 1px solid #C7C7C7;
	vertical-align: middle;
	height: 220px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 1px solid #C7C7C7;
	float: left;
}

#cal_month .cal_line {
	width: 100%;
	clear: both;
}

#modal #cal_popup_head {
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}
}

@media(min-width:801px) and (max-width: 1230px) {

.cal_tooltip1:hover .cal_tooltipText {
	width: 300px;
	padding-right: 0px;
}

#cal_month .cal_line .cal_cel_header {
	width: 14
.%;
	display: block;
	border-right: 1px solid #FFFFFF;
	background-color: #a9a9a9;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	border-bottom-style: none;
	width: 14.285%;
}

#cal_month .cal_line .cal_cel {
	display: block;
	width: 14.285%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-right: 1px solid #C7C7C7;
	vertical-align: middle;
	height: 220px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 1px solid #C7C7C7;
	float: left;
}

#cal_month .cal_line {
	width: 100%;
	clear: both;
}

#cal_week .cal_line .cal_cel_class {
	font-size: 86%;
}

#modal table {
	clear: both;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

#modal table tbody tr th {
	text-align: center;
	font-weight: bold;
	width: 30px;
	height: 30px;
}

#modal table tbody tr td {
	text-align: center;
	color: #DEDEDE;
	font-size: 110%;
	width: 30px;
	height: 30px;
}

#modal table tbody tr .cal_NoReservation a {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #D3D3D3;
	color: #1E1D1D;
	padding-right: 9px;
	padding-left: 9px;
}

#modal table tbody tr .cal_NoReservation .active {
	background-color: #4BBAA7;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}

#cal_headerArea {
	min-width: 480px;
}

#cal_topArea .cal_topAreabox.cal_textCenter {
	width: 34%;
}

#cal_topArea .cal_topAreabox {
	width: 22%;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_staff,
#cal_day .cal_impossible .cal_sp_block .cal_class_staff,
#cal_list_week a .cal_possible .cal_sp_block .cal_class_staff,
#cal_list_week .cal_impossible .cal_sp_block .cal_class_staff,
#cal_list_day a .cal_possible .cal_sp_block .cal_class_staff,
#cal_list_day .cal_impossible .cal_sp_block .cal_class_staff  {
	width: 22%;
	padding-left: 0px;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_name,
#cal_day .cal_impossible .cal_sp_block .cal_class_name,
#cal_list_week a .cal_possible .cal_sp_block .cal_class_name,
#cal_list_week .cal_impossible .cal_sp_block .cal_class_name,
#cal_list_day a .cal_possible .cal_sp_block .cal_class_name,
#cal_list_day .cal_impossible .cal_sp_block .cal_class_name {
	width: 24%;
	padding-left: 10px;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_price,
#cal_day .cal_impossible .cal_sp_block .cal_class_price,
#cal_list_week a .cal_possible .cal_sp_block .cal_class_price,
#cal_list_week .cal_impossible .cal_sp_block .cal_class_price,
#cal_list_day a .cal_possible .cal_sp_block .cal_class_price,
#cal_list_day .cal_impossible .cal_sp_block .cal_class_price {
	width: 20%;
	padding-left: 10px;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_num,
#cal_day .cal_impossible .cal_sp_block .cal_class_num,
#cal_list_week a .cal_possible .cal_sp_block .cal_class_num,
#cal_list_week .cal_impossible .cal_sp_block .cal_class_num,
#cal_list_day a .cal_possible .cal_sp_block .cal_class_num,
#cal_list_day .cal_impossible .cal_sp_block .cal_class_num {
	width: 15%;
}

}

@media screen and (max-width: 800px) {

.cal_tooltip1:hover .cal_tooltipText {
	width: 200px;
}

#modal .cal_modal_window a .cal_close {
	display: block;
	background-color: #1E1D1D;
	float: right;
	font-size: 105%;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 2px;
	line-height: 1em;
}

/* フォーム */
#modal .select-box {
	font-size: 90%;
	border: 1px solid #E4E4E4;
	text-indent: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#cal_topArea .cal_topAreabox {
	width: 20%;
	min-width: 0px;
}

#cal_topArea.cal_short .cal_topAreabox {
	width: 35%;
}

#cal_topArea .cal_topAreabox.cal_textCenter {
	width: 60%;
}

#cal_topArea.cal_short .cal_topAreabox.cal_textCenter {
	width: 30%;
}

#cal_month .cal_line {
	font-size: 60%;
}

#cal_month .cal_line .cal_cel_header {
	display: block;
	background-color: #a9a9a9;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	width: 13.77%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}

#cal_month .cal_line .cal_cel {
	display: block;
	text-align: center;
	border-right: 1px solid #C7C7C7;
	vertical-align: middle;
	border-top: 1px solid #C7C7C7;
	width: 13.77%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}

#cal_month .cal_line {
	width: 105%;
	clear: both;
}

#cal_month .cal_line.last {
	border-bottom-style: none;
}

#cal_month .cal_line .cal_cel .cal_name {
	margin-left: 1%;
	margin-right: 1%;
}

#cal_month .cal_line.last .cal_cel {
	border-bottom: 1px solid #C7C7C7;
}

#cal_month .cal_line .cal_cel .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	border: 1px solid #FFFFFF;
}

#cal_week .cal_line a .cal_cel_class.cal_futurePink .cal_tooltip1 .cal_tooltipText .cal_icon_space .cal_num_icon {
	font-size: 70%;
	width: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

#cal_week .cal_line {
	font-size: 60%;
}

#cal_week .cal_line .cal_cel_class {
	display: inline-block;
	width: 14.275%;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #FFFFFF;
	vertical-align: top;
	height: 70px;
	padding-left: 0px;
	padding-right: 0px;
}

#cal_week .cal_line .cal_cel_header {
	width: 14.275%;
}

#cal_week .cal_line .cal_cel_class .cal_icon_gray {
	background-color: #C7C7C7;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 3px;
}

#cal_week .cal_line .cal_cel_class .cal_icon_orange {
	background-color: rgba(255,0,0,0.40);
	display: inline-block;
	color: #FFFFFF;
	margin-right: 3px;
	text-align: center;
	　　margin-left: 5px;
	margin-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 3px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 3px;
}

.block #cal_day a .cal_possible, .block #cal_List_month a .cal_possible, .block #cal_List_week a .cal_possible {
	position: relative;
	z-index: 10;
}

#cal_day #cal_monthArea {
	width: 100%;
}

#cal_day a .cal_possible .cal_sp_block, 
#cal_day .cal_impossible .cal_sp_block,
#cal_List_month a .cal_possible .cal_sp_block, 
#cal_List_month .cal_impossible .cal_sp_block,
#cal_List_week a .cal_possible .cal_sp_block, 
#cal_List_week .cal_impossible .cal_sp_block {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

#cal_day a .cal_possible .cal_reserve, 
#cal_List_month a .cal_possible .cal_reserve, 
#cal_List_week a .cal_possible .cal_reserve {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 100px;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_name,
#cal_day .cal_impossible .cal_sp_block .cal_class_name,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_name,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_name,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_name,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_name  {
	width: 45%;
	float: left;
	margin-bottom: 5px;
	padding-left: 2%;
}
#cal_day a .cal_possible .cal_sp_block .cal_class_staff,
#cal_day .cal_impossible .cal_sp_block .cal_class_staff,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_staff,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_staff,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_staff,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_staff  {
	width: 45%;
	float: left;
	margin-bottom: 5px;
	padding-left: 2%;
}
#cal_day a .cal_possible .cal_sp_block .cal_class_price,
#cal_day .cal_impossible .cal_sp_block .cal_class_price,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_price,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_price,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_price,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_price  {
	float: left;
	width: 45%;
	padding-left: 2%;
}
#cal_day a .cal_possible .cal_sp_block .cal_class_num,
#cal_day .cal_impossible .cal_sp_block .cal_class_num,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_num,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_num,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_num,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_num  {
	width: 45%;
	float: left;
	padding-left: 2%;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon
 {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_num table tbody tr td .cal_num_icon  {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
}

#cal_day a .cal_possible .cal_sp_block .cal_class_staff table,
#cal_List_week a .cal_possible .cal_sp_block .cal_class_staff table,
#cal_List_month a .cal_possible .cal_sp_block .cal_class_staff table {
	width: 100%;
	text-align: left;
}
#cal_day .cal_impossible .cal_sp_block .cal_class_staff table,
#cal_List_week .cal_impossible .cal_sp_block .cal_class_staff table,
#cal_List_month .cal_impossible .cal_sp_block .cal_class_staff table  {
	width: 100%;
	text-align: left;
}
#cal_day a .cal_possible .cal_sp_block table tbody tr .cal_textboxArea,
#cal_List_week a .cal_possible .cal_sp_block table tbody tr .cal_textboxArea,
#cal_List_month a .cal_possible .cal_sp_block table tbody tr .cal_textboxArea  {
	width: 90%;
}
#cal_day .cal_impossible .cal_sp_block table tbody tr .cal_textboxArea,
#cal_List_week .cal_impossible .cal_sp_block table tbody tr .cal_textboxArea,
#cal_List_month .cal_impossible .cal_sp_block table tbody tr .cal_textboxArea    {
	width: 90%;
}

.block {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#modal table {
	clear: both;
	width: 210px;
	margin-left: auto;
	margin-top: 15px;
	margin-right: 0px;
}

#modal table tbody tr th {
	text-align: center;
	font-weight: bold;
	width: 30px;
	height: 30px;
}

#modal table tbody tr td {
	text-align: center;
	color: #DEDEDE;
	font-size: 110%;
	width: 30px;
	height: 30px;
}

#modal table tbody tr .cal_NoReservation a {
	background-color: #D3D3D3;
	color: #1E1D1D;
	width: 92%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 27px;
}

#modal table tbody tr .cal_NoReservation .active {
	background-color: #4BBAA7;
	color: #FFFFFF;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	height: 27px;
}

#cal_headerArea {
	width: 101%;
}

#cal_headerArea a .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame .cal_spNone {
	display: none;
}

#cal_headerArea a .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame .cal_spNone {
	display: none;
}

#cal_headerArea a .cal_headerBox .cal_headerBoxFrame.cal_line_none .cal_spNone {
	display: none;
}

#cal_headerArea a .cal_headerBox02 .cal_headerBoxFrame.cal_line_none .cal_spNone {
	display: none;
}

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 19.55%;
}

#cal_headerArea a .cal_headerBox02 {
	text-align: center;
	display: inline-block;
	width: 33%;
}

#cal_headerArea a .cal_headerBox .cal_headerBoxFrame {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#cal_headerArea a .cal_headerBox02 .cal_headerBoxFrame {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#cal_headerArea a .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame .fa.fa-calendar {
	font-size: 154%;
	padding-top: 3px;
}

#cal_headerArea a .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame .fa.fa-calendar {
	font-size: 154%;
	padding-top: 3px;
}

#cal_headerArea .cal_headerBox.cal_headerBox_num .cal_headerBoxFrame .fa.fa-user {
	font-size: 160%;
	padding-top: 11px;
}

#cal_headerArea .cal_headerBox02.cal_headerBox_num .cal_headerBoxFrame .fa.fa-user {
	font-size: 160%;
	padding-top: 11px;
}

#cal_headerArea .cal_headerBox.cal_headerBox_type .cal_headerBoxFrame.cal_line_none.cal_line_left .fa.fa-filter {
	font-size: 160%;
	text-align: center;
	padding-top: 1px;
}

#cal_headerArea .cal_headerBox02.cal_headerBox_type .cal_headerBoxFrame.cal_line_none.cal_line_left .fa.fa-filter {
	font-size: 160%;
	text-align: center;
	padding-top: 1px;
}
#cal_headerArea .cal_headerBox .cal_headerBoxFrame.cal_line_none .cal_icon_type,
#cal_headerArea .cal_headerBox02 .cal_headerBoxFrame.cal_line_none .cal_icon_type {
	padding-bottom: 4px;
	padding-top: 5px;
}
}

@media(min-width:581px) and (max-width: 800px) {

#cal_headerArea a .cal_headerBox .cal_headerBoxFrame {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#cal_month .cal_line .cal_cel {
	height: 160px;
}

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 24%;
}
}

@media(min-width:521px) and (max-width: 580px) {

#cal_month .cal_line .cal_cel {
	height: 200px;
}

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 22.5%;
}
}

@media screen and (max-width: 520px) {

#cal_month .cal_line .cal_cel {
	height: 220px;
}
}

@media(min-width:461px) and (max-width: 520px) {

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 19%;
}
}

@media screen and (max-width: 319px) {

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 15%;
}
}

@media(min-width:320px) and (max-width: 370px) {

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 17%;
}
}

@media(min-width:371px) and (max-width: 460px) {

#cal_headerArea a .cal_headerBox {
	text-align: center;
	display: inline-block;
	width: 19%;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#modal .cal_modal_window a .cal_close {
	display: block;
	background-color: #1E1D1D;
	float: right;
	font-size: 105%;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 2px;
	padding-bottom: 3px;
	line-height: 1em;
	padding-top: 1px;
}

#cal_week .cal_line a .cal_cel_class .cal_tooltip1 .cal_tooltipText .cal_icon_space .cal_num_icon {
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-left: 8px;
	margin-right: 8px;
}

#cal_month .cal_line .cal_cel .cal_tooltip1 .cal_tooltipText .cal_num_icon {
	padding-left: 3px;
	padding-top: 2.5px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-left: 8px;
	margin-right: 7px;
}

#cal_day .cal_possible .cal_class_num .cal_num_icon, #cal_day .cal_impossible .cal_class_num .cal_num_icon, #cal_list_month .cal_possible .cal_class_num .cal_num_icon, #cal_list_month .cal_impossible .cal_class_num .cal_num_icon, #cal_list_week .cal_possible .cal_class_num .cal_num_icon, #cal_list_week .cal_impossible .cal_class_num .cal_num_icon {
	display: inline-block;
	background-color: #555;
	color: #FFFFFF;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 90%;
	margin-left: 8px;
}
}