@charset "utf-8";

/* Event Calendar
------------------------------------------ */

/* サイズまとめ書き */
#event_calendar {
	width:100%;
	min-height:400px;
	max-height:500px; /* 仮 ---------------- 現状の高さはここで決まってます ------------------- */
	height:100%;
	margin:20px auto;
	position:relative;
}
#calendar_area {
	width:29409px; /* 6month = 184days */
	height:100%;
	background:#E9EAEC;
	position:relative;
	overflow:hidden;
	padding:0 100px;
}

/* Back/Next */
#event_calendar #nav_area {
	width:960px;
	height:50px;
	background:#FFF;
	overflow:hidden;
}
#nav_area .back_nav,
#nav_area .next_nav {
	width:50%;
}
#nav_area .back_nav div,
#nav_area .next_nav div {
	display:inline-block;
	color:#000;
	cursor:pointer;
	transition:0.3s background;
}
#nav_area .back_nav div:hover,
#nav_area .next_nav div:hover {
	color:#1F4A9A;
	text-decoration:none;
}
#nav_area .back_nav div:before,
#nav_area .next_nav div:after {
	display:inline-block;
	margin:0 6px;
	font-family: Flaticon;
	font-style: normal;
	color:#FFF;
	background:#525966;
	transition:0.3s background;
}
#nav_area .back_nav div:hover:before,
#nav_area .next_nav div:hover:after {
	background:#1F4A9A;
}
/* 1w */
#nav_area .back_nav #prev_week:before,
#nav_area .next_nav #next_week:after{
	width:40px;
	height:40px;
	content: "\e009";
	font-size: 18px;
	line-height:40px;
	text-align:center;
	border-radius:20px;
}
/* 1d */
#nav_area .back_nav #prev:before,
#nav_area .next_nav #next:after {
	width:30px;
	height:30px;
	content: "\e001";
	font-size: 26px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	border-radius:15px;
}
#nav_area .back_nav #prev_week:before,
#nav_area .next_nav #next:after {
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* Date Waku */
#calendar_waku {
	display:none;
}

/* Date */
#calendar_area .day_area {
	width:137px;
	height:100%;
	float:left;
	border-right:2px solid #FFF;
	position:relative;
}
#event_calendar .day_area:first-child {
	border-left:2px solid #FFF;
}
.day_area .date_box {
	height:60px;
	background:#C8CBD0;
	position:relative;
}
.day_area .date_box > div {
	position:absolute;
}
.day_area .date_box .month {
	top:2px;
	left:4px;
}
.day_area .date_box .month:after {
	content:"\2f";
	padding-left:5px;
}
.day_area .date_box .date {
	width:100%;
	top:8px;
	left:0;
	font-size:139%;
	text-align:center;
}
.day_area .date_box .youbi {
	width:100%;
	bottom:5px;
	left:0;
	font-size:108%;
	text-align:center;
}

/* -- Sunday -- */
.day_area .holiday {
	color:#A12B1B;
}
/* -- Today -- */
.day_area .today {
	background:#9197A1;
}

/* -- Off -- */
.kyukan {
	background:url(/themes/rekihaku/images/calendar_kyukan.gif) #C8CBD0;
}
.kyukan_rinji {
	background:url(/themes/rekihaku/images/calendar_kyukan_rinji.gif) #C8CBD0;
}

/* Event(day) */
.day_event .tan_01, .day_event .tan_02, .day_event .tan_03, .day_event .tan_04, .day_event .tan_05, .day_event .tan_06 {
	margin:10px 0;
	padding-left:20px;
	position:relative;
}
.day_event .tan_01:before, .day_event .tan_02:before, .day_event .tan_03:before, .day_event .tan_04:before, .day_event .tan_05:before, .day_event .tan_06:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 3px;
	font-family: Flaticon;
	font-size: 14px;
	font-style: normal;
	content: "\e007";
}
.day_event .tan_01:before {color:#C43F2D;}
.day_event .tan_02:before {color:#02B300;}
.day_event .tan_03:before {color:#FF2899;}
.day_event .tan_04:before {color:#FF9900;}
.day_event .tan_05:before {color:#00B2B8;}
.day_event .tan_06:before {color:#1C4FA1;}

.day_event .tan_01 a, .day_event .tan_02 a, .day_event .tan_03 a, .day_event .tan_04 a, .day_event .tan_05 a, .day_event .tan_06 a {
	color:#000;
}

/* Icon */
.icon_kyukan {
	width:80%;
	margin:10px auto !important;
	padding:3px 0;
	color:#FFF;
	background:#1C4FA1;
	font-size:93%;
	text-align:center;
	border-radius:16px;
}
.icon_kyukan_rinji {
	width:90%;
	margin:10px auto !important;
	padding:3px 0;
	color:#FFF;
	background:#E1390F;
	font-size:93%;
	text-align:center;
	border-radius:16px;
}
.icon_order_jizen, .icon_order_toujitsu {
	margin:2px 5px;
	padding:1px 3px;
	color:#000;
	background:#FFF;
	font-size:85%;
	white-space:nowrap;
	border:1px solid #000;
}

/* ----------- Event(Tenji) --------------------- */
.tenji_event {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
}
.tenji_event a {
	display:block;
	height:26px;
	margin:10px 0;
	color:#FFF;
	background:#666;
	line-height:26px;
	transition:0.3s all;
	position:relative;
	z-index:10;
}
.tenji_event a:hover {
	text-decoration:none;
	opacity:0.7;
}
.tenji_event a .flowbox {
	height:26px;
	position:absolute;
	left:5px;
	margin:auto;
	white-space:nowrap;
}

/* tenji-kikan (137px * col) */
.tenji_event .col_365 {
	width:50005px;
}
.tenji_event .col_184 {
	width:25208px;
}
.tenji_event .col_7 {width:959px;}
.tenji_event .col_6 {width:822px;}
.tenji_event .col_5 {width:685px;}
.tenji_event .col_4 {width:548px;}
.tenji_event .col_3 {width:411px;}
.tenji_event .col_2 {width:274px;}
.tenji_event .col_1 {width:137px;}

.tenji_event .col_7.last {width:942px;} /* -17px */
.tenji_event .col_3.last {width:393px;}

.tenji_event a.last:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:100%;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	border-left:13px solid #666;
}

.tenji_event .jousetsu {background:#1F4A9A;}
.tenji_event .jousetsu.last:after {border-left-color:#1F4A9A;}

.tenji_event .kikaku {background:#ED3A98;}
.tenji_event .kikaku.last:after {border-left-color:#ED3A98;}

.tenji_event .taiken {background:#4EA11B;}
.tenji_event .taiken.last:after {border-left-color:#4EA11B;}

.tenji_event .mini {background:#6E1BA1;}
.tenji_event .mini.last:after {border-left-color:#6E1BA1;}

.tenji_event .other {background:#FFF; border:1px solid #888; border-right:none;}
.tenji_event .other.last:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:100%;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	border-left:15px solid #666;
}
.tenji_event .other.last:after {border-left-color:#FFF;}

/* Other Long Tenji */
.tenji_event .other {color:#000; background:#FFF; border:1px solid #888; border-right:none;}
.tenji_event .other.last:before {border-left-color:#666;}
.tenji_event .other.last:after {margin-left:-1px; border-left-color:#FFF;}


/* Calendar Hanrei
------------------------------------------- */
#hanrei_event {
	margin:80px auto 40px auto;
	display: table;
}
#hanrei, #event_dl {
	display: table-cell;
}
#hanrei {
	width: 80%;
	padding:0 20px 15px 20px;
	border:2px solid #CCC;
	border-right:none;
	border-radius:8px 0 0 8px;
	overflow:hidden;
}
#hanrei > p {
	margin:10px 0;
	padding:0 0 2px 0;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
#hanrei > .day_event > p,
#hanrei > .day_event > .tenji {
	display:inline-block;
	margin:5px 10px 0 0;
	font-size:13px;
	font-size:1rem;
}
#hanrei > .day_event .lead {
	padding-right:5px;
	font-family:'Lucida Grande','MS UI Gothic',sans-serif;
}
.hanrei_tenji .tenji i {
	display:inline-block;
	width:30px;
	height:13px;
	margin:0 10px 0 0;
	vertical-align:text-bottom;
}
.hanrei_tenji .tenji .jousetsu {background:#1F4A9A;}
.hanrei_tenji .tenji .kikaku {background:#ED3A98;}
.hanrei_tenji .tenji .taiken {background:#4EA11B;}
.hanrei_tenji .tenji .mini {background:#6E1BA1;}
.hanrei_tenji .tenji .kyukan {background:url(/themes/rekihaku/images/calendar_kyukan.gif) #C8CBD0;}
.hanrei_tenji .tenji .kyukan_rinji {background:url(/themes/rekihaku/images/calendar_kyukan_rinji.gif) #C8CBD0;}

/* Event PDF */
#event_dl {
	width: 20%;
	padding:0 20px 15px 20px;
	border:2px solid #CCC;
	border-left:2px dotted #CCC;
	border-radius:0 8px 8px 0;
	overflow:hidden;
}
#event_dl > p {
	margin:10px 0;
	padding:0 0 2px 0;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
#event_dl .event_dl_list {
	list-style: none;
}
#event_dl .event_dl_list li {
	display: inline-block;
	margin:5px 10px 0 5px;
	padding-left: 12px;
	font-size:13px;
	font-size:1rem;
	position: relative;
}
#event_dl .event_dl_list li::before {
	display: block;
	width: 0;
	position: absolute;
	top:5px;
	left:0;
	content:"";
	border-left: 5px solid #1C4FA1;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}



/* For SmartPhone
--------------------------------------------- */
@media screen and (max-width:640px){

	/* Event Calendar */
	#calendar_waku,
	#event_calendar {
		display: none;
	}
	#hanrei_event {
		display: block;
		width: 100%;
		margin:20px 0;
	}
	#hanrei_event #hanrei {
		display: none;
	}
	#hanrei_event #event_dl {
		display: block;
		width: 98%;
		margin: 0 auto;
		border:2px solid #CCC;
		border-radius: 8px;
 	}


	/*#event_calendar #nav_area {
		width:98%;
		height:auto;
		margin:0 auto .5rem auto;
		font-size:.8rem;
	}
	#nav_area .back_nav div,
	#nav_area .next_nav div {
		position:relative;
		margin:0 .5rem;
		padding-top:2.1rem;
	}
	#nav_area .back_nav div:before,
	#nav_area .next_nav div:after {
		display:block;
		position:absolute;
		top:0;
		left:1rem;
	}
	#nav_area .back_nav #prev_week:before,
	#nav_area .next_nav #next_week:after{
		width:2rem;
		height:2rem;
		font-size:1rem;
		line-height:2rem;;
		border-radius:1rem;
	}*/
	/*#nav_area .back_nav #prev:before,
	#nav_area .next_nav #next:after {
		width:1.6rem;
		height:1.6rem;
		font-size:1.4rem;
		line-height:1.6rem;
		text-align:center;
		vertical-align:middle;
		border-radius:8rem;
	}
	#calendar_area {
		zoom:0.5;
	}
	.day_area .date_box {
		height:4rem;
	}
	.day_event .tan_01, .day_event .tan_02, .day_event .tan_03, .day_event .tan_04, .day_event .tan_05, .day_event .tan_06 {
		margin:.8rem 0;
		padding-left:1rem;
	}
	.day_event .tan_01:before, .day_event .tan_02:before, .day_event .tan_03:before, .day_event .tan_04:before, .day_event .tan_05:before, .day_event .tan_06:before {
		margin:0 .2rem;
		font-size:.8rem;
	}
	.icon_kyukan, .icon_kyukan_rinji {
		width:80%;
		margin:1rem auto !important;
		padding:.2rem 0;
		font-size:.7rem;
		border-radius:1rem;
	}
	.icon_order_jizen, .icon_order_toujitsu {
		margin:.1rem .2rem;
		padding:0 .2rem;
		font-size:.7rem;
	}*/

	/* hanrei */
	/*#hanrei {
		width:98%;
		margin:4rem auto 2rem auto;
		padding:.5rem 1rem;
	}
	#hanrei > p {
		padding:0 0 .1rem 0;
	}
	#hanrei > .day_event {
		margin:.3rem 0;
		font-size:.8rem;
	}
	#hanrei > .day_event > p,
	#hanrei > .day_event > .tenji {
		margin:0 1rem 0 0;
		font-size:.8rem;
	}
	#hanrei > .day_event .lead {
		padding-right:.3rem;
		font-family:'Lucida Grande','MS UI Gothic',sans-serif;
	}
	.hanrei_tenji .tenji i {
		width:2.5rem;
		height:1rem;
		margin:0 .8rem 0 0;
	}*/
}