@charset "utf-8";

.calendar-popup {
	border-radius: 10px;
	background-color: white;
	border: 1px solid #bcbcbc;
	margin: 10px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* head */
.calendar-popup .cal-head {
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #ebebeb;
	padding: 12px 0 0 13px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #039;
}
.calendar-popup .cal-head.step0 {
	-webkit-animation: cal-head-step0 0.5s ease 0 4 alternate;
}
@-webkit-keyframes cal-head-step0 {
	0% { background-color:#ebebeb; }
	100% { background-color:#fffc98; }
}
.calendar-popup .cal-head.step1 {
	color: #c00;
	-webkit-animation: cal-head-step1 0.5s ease 0 4 alternate;
}
@-webkit-keyframes cal-head-step1 {
	0% { background-color:#ebebeb; }
	100% { background-color:#fffc98; }
}

/* month */
.calendar-popup .cal-month {
	position:relative;
	height:40px;
	background-color: #fff;
	z-index:202;
}
.calendar-popup .cal-month .ctrl {
	display:table;
}
.calendar-popup .cal-month .ctrl div {
	display:table-cell;
}
.calendar-popup .cal-month .ctrl .ttl {
	padding-top: 13px;
	height:22px;
	width:7em;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	color: #000;
}
.calendar-popup .cal-month .ctrl .mp {
	background: url(http://tour.his-j.com/ct/sp/img/arrow_left.png) no-repeat 50% 50%;
}
.calendar-popup .cal-month .ctrl .mn {
	background: url(http://tour.his-j.com/ct/sp/img/arrow.png) no-repeat 50% 50%;
}
.calendar-popup .cal-month .ctrl .mp,
.calendar-popup .cal-month .ctrl .mn {
	height:40px;
	width:35px;
	cursor:pointer;
	background-size:10px 14px;
}
.calendar-popup .cal-month .ctrl .stop {
	opacity: 0.2;
}
.calendar-popup .cal-month .ctrl .ms {
	display:none;
	position:absolute;
	top:8px;
	right:3px;
	border-radius: 5px;
	padding:6px 12px 0 12px;
	height:18px;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
	background: linear-gradient(top, #fff, #bfbfbf);
	background: -webkit-linear-gradient(top, #fff, #bfbfbf);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#fff),to(#bfbfbf));
}
.calendar-popup .cal-month .ctrl .ms.sel {
	background: linear-gradient(top, #bfbfbf, #e0e0e0);
	background: -webkit-linear-gradient(top, #bfbfbf, #e0e0e0);
	background-image: -webkit-gradient(linear,center top,center bottom,from(#bfbfbf),to(#e0e0e0));
}

/* index */
.calendar-popup .cal-idx {
	display:table;
	width:100%;
	border-top:solid 1px #BCBCBC;
	border-bottom:solid 1px #BCBCBC;
}
.calendar-popup .cal-idx div {
	display:table-cell;
	width:14%;
	padding-top: 8px;
	height:20px;
	border-left:solid 1px #bcbcbc;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	background-color:#999;
	color: #fff;
}
.calendar-popup .cal-idx div.sun {
	border-left:none;
	background-color:#fb6969;
}
.calendar-popup .cal-idx div.sat {
	background-color:#7398c7;
}

/* body */
.calendar-popup .cal-body {
	position:relative;
	height:200px;
	overflow:hidden;
	z-index:201;
}

/* footer */
.calendar-popup .cal-foot {
	position:relative;
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #ebebeb;
	height: 38px;
	padding-top: 4px;
	z-index:202;
}
.calendar-popup .cal-foot .undo {
	position:absolute;
	top:8px;
	left:8px;
	border-radius: 8px;
	width:25%;
	padding-top:7px;
	height:20px;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
	background: linear-gradient(top, #fff, #bfbfbf);
	background: -webkit-linear-gradient(top, #fff, #bfbfbf);
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(255,255,255)),to(rgb(191,191,191)));
}
.calendar-popup .cal-foot .confirm {
	margin:auto;
	border-radius: 8px;
	width:35%;
	padding-top:10px;
	height:24px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	text-shadow: 0 -1px 0 #000;
	cursor:pointer;
	background: linear-gradient(top, #4a4a4a, #1a1a1a);
	background: -webkit-linear-gradient(top, #4a4a4a, #1a1a1a);
	background-image: -webkit-gradient(linear,center top,center bottom,from(rgb(74,74,74)),to(rgb(26,26,26)));
}
.calendar-popup .cal-foot .close {
	position:absolute;
	top:14px;
	padding-right:18px;
	right:12px;
	font-size: 13px;
	font-weight: bold;
	cursor:pointer;
	background: url(http://tour.his-j.com/ct/sp/img/icon_close.png) no-repeat right center;
	background-size:14px 15px;
}

/* slider */
.cal-slide {
	position:absolute;
	z-index:199;
	overflow: hidden;
	min-width: 300%;
	-webkit-transition: -webkit-transform .3s cubic-bezier(0,0,0.25,1);
}
.cal-slide .cal-tbl {
	display:table;
	float: left;
}
.cal-slide .cal-row {
	display:table-row;
}
.cal-slide .cal-row div {
	display:table-cell;
	width:14.28%;
	vertical-align: middle;
	border-left:solid 1px #bcbcbc;
	border-bottom:solid 1px #bcbcbc;
	font-size: 14px;
	font-weight: bold;
	background-color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.cal-slide .cal-row div:first-child {
	border-left:none;
}
.cal-slide .cal-row div.sun {
	background-color:#E5D3D2;
	color:#f00;
}
.cal-slide .cal-row div.sat {
	background-color:#CFD9E8;
	color:#19589e;
}
.cal-slide .cal-row div.uns {
	color:#ccc;
	background-color: #ebebeb;
	cursor:default;
}
.cal-slide .cal-row div.step0,
.cal-slide .cal-row div.step1 {
	background-color:#ffe0c2 ! important;
	color:#ff6600;
}
.cal-slide .cal-row div.uns {
	color:#ccc;
	cursor:default;
}
.cal-slide .cal-row div.intv {
	background-color:#fff7f2 ! important;
}
.cal-slide .cal-row div.ms0,
.cal-slide .cal-row div.ms1 {
	background-color:#dff ! important;
}

/* hide */
body > .calendar-popup,
body > .cal-slide {
	display:none;
}