@font-face {

  font-family: 'fontawesome-selected';

  src: url("/assets/font/fontawesome-selected.eot");

  src: url("/assetsfont/fontawesome-selected.eot?#iefix") format('embedded-opentype'), url("/assets/font/fontawesome-selected.woff") format('woff'), url("/assets/font/fontawesome-selected.ttf") format('truetype'), url("/assets/font/fontawesome-selected.svg#fontawesome-selected") format('svg');

  font-weight: normal;

  font-style: normal;

}



selector::before {

  font-family: 'Material Icons';  

  content: "chevron_right";

  /* 他のスタイルは割愛 */



  /* 以下、Safariで表示させるプロパティ */

  line-height: 1;

  display: inline-block;

  text-transform: none;

  letter-spacing: normal;

  word-wrap: normal;

  white-space: nowrap;

  direction: ltr;

}



.fc-calendar-calcontainer {

	position: relative;

	height: 400px;

	width: 400px;

}



.fc-calendar {

	width: 100%;

	height: 100%;

}



.fc-calendar .fc-head {

	height: 30px;

	line-height: 30px;

	background: #ccc;

	color: #000000;

}



.fc-calendar .fc-body {

	position: relative;

	width: 100%;

	height: 100%;

	height: -moz-calc(100% - 30px);

	height: -webkit-calc(100% - 30px);

	height: calc(100% - 30px);

	border: 1px solid #000000;

}



.fc-calendar .fc-row {

	width: 100%;

	border-bottom: 1px solid #000000;

}



.fc-four-rows .fc-row  {

	height: 25%;

}



.fc-five-rows .fc-row  {

	height: 20%;

}



.fc-six-rows .fc-row {

	height: 16.66%;

	height: -moz-calc(100%/6);

	height: -webkit-calc(100%/6);

	height: calc(100%/6);

}



.fc-calendar .fc-row > div,

.fc-calendar .fc-head > div {

	float: left;

	height: 100%;

	width:  14.28%; /* 100% / 7 */

	width: -moz-calc(100%/7);

	width: -webkit-calc(100%/7);

	/* width: calc(100%/7); */

	position: relative;

}



/* IE 9 is rounding up the calc it seems */

.ie9 .fc-calendar .fc-row > div,

.ie9 .fc-calendar .fc-head > div {

	width:  14.2%;

}



.fc-calendar .fc-row > div {

	border-right: 1px solid #000000;

	padding: 4px;

	overflow: hidden;

	position: relative;

}



.fc-calendar .fc-head > div {

	text-align: center;

}



.fc-calendar .fc-row > div > span.fc-date {

	position: absolute;

	width: 30px;

	height: 20px;

	font-size: 20px;

	line-height: 20px;

	font-weight: 700;

	color: #000;

	text-shadow: 0 -1px 0 rgba(255,255,255,0.8);

	bottom: 5px;

	right: 5px;

	text-align: right;

}



.fc-calendar .fc-row > div time {

	display: none;

}



.fc-calendar .fc-row > div > span.fc-weekday {

	padding-left: 5px;

	display: none;

}



.fc-calendar .fc-row > div.fc-today {

	background: #fff4c3;

}



.fc-calendar .fc-row > div.fc-out {

	opacity: 0.6;

}



.fc-calendar .fc-row > div:last-child,

.fc-calendar .fc-head > div:last-child {

	border-right: 1px, solid, #000000;

}



.fc-calendar .fc-row:last-child {

	border-bottom: none;

}



.custom-calendar-full {

	position: relative;

	top: 0px;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 1000px;

}



.fc-calendar-calcontainer {

	height: auto;

	bottom: 0px;

	width: 100%;

	top: 10px;

	position: absolute;

}



.custom-header {

	padding: 20px 20px 10px 30px;

	height: 50px;

	position: relative;

}



.custom-header h2,

.custom-header h3 {

	font-family: 'Century Gothic';

	float: left;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 2px;

	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);

}



.custom-header h2 {

	color: #00666d;

	width: 60%;

}



.custom-header h2 a,

.custom-header h2 span {

	color: #00666d;

	font-size: 18px;

	letter-spacing: 3px;

	white-space: nowrap;

}



.custom-header h2 a {

	color: #00666d;

}



.no-touch .custom-header h2 a:hover {

	color: #00666d;

}



.custom-header h3 {

	width: 40%;

	color: #00666d;

	font-weight: 300;

	line-height: 30px;

	text-align: right;

	padding-right: 100px;

}



.custom-header nav {

	position: absolute;

	right: 20px;

	top: 1005px;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.custom-header nav span {

	float: left;

	width: 30px;

	height: 30px;

	position: relative;

	color: #00666d;

	cursor: pointer;

	background: #84c5c0;

	margin: 0 1px;

	font-size: 20px;

	border-radius: 5px 5px 5px 5px;

}



.custom-header nav span:first-child {

	border-radius: 5px 5px 5px 5px;

}



.custom-header nav span:hover {

	background: #a1c1c7;

}



.custom-header span:before {

	font-family: 'fontawesome-selected';

	color: #00666d;

	display: inline-block;

	text-align: center;

	width: 100%;

	text-indent: 4px;

}



.custom-header nav span.custom-prev:before {

	content: '\25c2';

}



.custom-header nav span.custom-next:before {

	content: '\25b8';

}



.custom-header nav span:last-child {

	margin-left: 10px;

	border-radius: 5px;

}



.custom-header nav span.custom-current:before {

	content: '\25c8';

}





.fc-calendar {

	background: #e1ebed;

	width: auto;

	top: 10px;

	bottom: 0px;

	left: 20px;

	right: 20px;

	height: auto;

	border-radius: 20px;

	position: absolute;

}



.fc-calendar .fc-head {

	background:  #00666d;

	color:  #ffffff;

	box-shadow: inset 0 1px 0 #00666d;

	border-radius: 20px 20px 0 0;

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

	font-weight: 300;

}



.fc-calendar .fc-head > div {

	font-weight: 900;

	font-size: 15px;

	letter-spacing: 3px;

}



.fc-calendar .fc-row > div > span.fc-date {

	color:  #000000;

	text-shadow: none;

	font-size: 16px;

	font-weight: 700;

	bottom: auto;

	right: auto;

	top: 5px;

	left: 5px;

	text-align: left;

}



.fc-calendar .fc-row > div > span.fc-emptydate {

	color: #a1c1c7;

}



.fc-calendar .fc-body {

	border:none;

	padding: 20px;

	position: relative;

}



.fc-calendar .fc-row {

	box-shadow: inset 0 -1px 0 #00666d;

	border: none;

}



.fc-calendar .fc-row:last-child {

	box-shadow: none;

}



.fc-calendar .fc-row:first-child > div:first-child {

	border-radius: 10px 0 0 0;

}



.fc-calendar .fc-row:first-child > div:last-child {

	border-radius: 0 10px 0 0;

}



.fc-calendar .fc-row:last-child > div:first-child {

	border-radius: 0 0 0 10px;

}



.fc-calendar .fc-row:last-child > div:last-child {

	border-radius: 0 0 10px 0;

}



.fc-calendar .fc-row > div {

	box-shadow: -1px 0 0 #00666d;

	border: none;

	padding: 10px;

	cursor: arrow;

}



.fc-calendar .fc-row > div:first-child{

	box-shadow: none;

}



.fc-calendar .fc-row > div.fc-today {

	background: transparent;

	box-shadow: inset 0 0 100px #00b08d;

}



.fc-calendar .fc-row > div.fc-today:after {

	content: '';

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0.2;

	background: #ffffff;

}



.fc-calendar .fc-row > div > div {

	margin-top: 15px;

}







.fc-calendar .fc-row > div > div a,

.fc-calendar .fc-row > div > div h1 {

	font-family: 'Century Gothic';

	color: #ffffff;

	font-size: 12px;

	display: inline-block;

	padding: 2px 2px;

	border-radius: 3px;

	max-width: 100%;

	margin-bottom: 0px;

	background: #345780;

	font-weight: 520;

}



.fc-calendar .fc-row > div > div a,

.fc-calendar .fc-row > div > div h2 {

	font-family: 'Century Gothic';

	color: #ffffff;

	font-size: 12px;

	display: inline-block;

	padding: 2px 2px;

	border-radius: 3px;

	max-width: 100%;

	margin-bottom: 0px;

	background: #9b4c4c;

	font-weight: 520;

}



.fc-calendar .fc-row > div > div a,

.fc-calendar .fc-row > div > div h3 {

	font-family: 'Century Gothic';

	color: #ffffff;

	font-size: 12px;

	display: inline-block;

	padding: 2px 2px;

	border-radius: 3px;

	max-width: 100%;

	margin-bottom: 0px;

	background: #b700ff;

	font-weight: 520;

}





.no-touch .fc-calendar .fc-row > div > div a:hover {

	background: #00b08d;

}



@media screen and (max-width: 880px) , screen and (max-height: 450px) {

	html, body, .calcontainer {

		height: auto;

	}



	.custom-header,

	.custom-header nav,

	.custom-calendar-full,

	.fc-calendar-calcontainer,

	.fc-calendar,

	.fc-calendar .fc-head,

	.fc-calendar .fc-row > div > span.fc-date {

		position: relative;

		top: auto;

		left: auto;

		bottom: auto;

		right: auto;

		height: auto;

		width: auto;

	}



	.fc-calendar {

		margin: 0 20px 20px;

	}



	.custom-header h2,

	.custom-header h3 {

		float: none;

		width: auto;

		text-align: left;

		padding-right: 100px;

	}



	.fc-calendar .fc-row,

	.ie9 .fc-calendar .fc-row > div,

	.fc-calendar .fc-row > div {

		height: auto;

		width: 100%;

		border: none;

	}



	.fc-calendar .fc-row > div {

		float: none;

		min-height: 50px;

		box-shadow: inset 0 -1px #00b08d !important;

		border-radius: 0px !important;

	}



	.fc-calendar .fc-row > div:empty{

		min-height: 0;

		height: 0;

		box-shadow: none !important;

		padding: 0;

	}



	.fc-calendar .fc-row {

		box-shadow: none;

	}



	.fc-calendar .fc-head {

		display: none;

	}



	.fc-calendar .fc-row > div > div {

		margin-top: 0px;

		padding-left: 10px;

		max-width: 70%;

		display: inline-block;

	}



	.fc-calendar .fc-row > div.fc-today {

		background: #79edd8;

	}



	.fc-calendar .fc-row > div.fc-today:after {

		display: none;

	}



	.fc-calendar .fc-row > div > span.fc-date {

		width: 30px;

		display: inline-block;

		text-align: right;

	}



	.fc-calendar .fc-row > div > span.fc-weekday {

		display: inline-block;

		width: 40px;

		color: #000000;

		font-size: 10px;

		text-transform: uppercase;

	}

}



