@charset "utf-8";

/* ------ column ------ */
html {
	overflow-x:hidden;
}
body {
	position:relative;
}

/* ------ header ------ */
body > header {
	color:rgba(255,255,255,1.00);
	background:rgba(64,64,64,1.00) ;
	box-shadow:0 0.15rem 0.15rem rgba(0,0,0,0.10);
	padding:0.5rem 1rem;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between ;
	justify-content:space-between ;
	-webkit-align-items:center;
	align-items:center;
}
/* ----- タイトル部分 ----- */
body > header > h1 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:1.15rem;
	font-weight:bold;
}
body > header > h1 > button {
	font-size:1.35rem;
	line-height:1;
	border:rgba(240,240,240,1.00) solid 1px;
	border-radius:0.25rem;
	background:rgba(208,208,208,1.00);
	margin:0 0.5rem 0.5rem 0;
	padding:0.5rem;
	cursor:pointer;
}
body > header > h1 > button:before {
	font-family:icomoon;
	content:"\f073";
}
/* ----- 表示年月 ----- */
body > header > time {
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	margin:0 1rem;
}
/* ----- ボタン群 ----- */
body > header > menu {
	-webkit-align-items:center;
	align-items:center;
}
body > header > menu > button {
	font-size:0.75rem;
	border:rgba(192,192,192,1.00) solid 1px;
	border-radius:0.25rem;
	background:rgba(240,240,240,1.00);
	margin:0.35rem;
	padding:0.15rem 1rem;
	cursor:pointer;
}
body > header > menu > button.destroy {
	color:rgba(255,255,255,1.00);
	border:rgba(0,0,0,0.15) solid 1px;
	background:rgba(192,192,192,1.00);
	padding:0.5rem 1rem;
}
body > header > menu > button.save {
	color:rgba(255,255,255,1.00);
	border:rgba(0,128,192,0.65) solid 1px;
	background:rgba(0,128,192,1.00);
	padding:0.5rem 1rem;
}
body > header > menu > button.delete {
	color:rgba(255,255,255,1.00);
	border:rgba(240,0,0,0.65) solid 1px;
	background:rgba(240,0,0,1.00);
	padding:0.5rem 1rem;
}
/* ----- プルダウン ----- */
body > header > select {
	border-radius:0.35rem;
	margin:0.35rem;
	padding:0.35rem;
}
/* ----- ログイン情報 ----- */
body > header > menu:last-of-type > span {
	color:rgba(255,255,255,1.00);
	font-size:0.85rem;
	vertical-align:middle;
	border-radius:0.35rem;
	padding:0.15rem 0.35rem;
}
body > header > menu:last-of-type > span.administartor {
	background:rgba(192,0,0,1.00);
}
body > header > menu:last-of-type > span.innerstaff {
	background:rgba(0,0,224,1.00);
}
body > header > menu:last-of-type > span.outerstaff {
	background:rgba(0,128,0,1.00);
}
body > header > menu:last-of-type > span:before {
	font-family:icomoon;
	margin:0 0.35rem 0 0;
}
body > header > menu:last-of-type > span.administartor:before {
    content:"\e976";
}
body > header > menu:last-of-type > span.innerstaff:before {
    content:"\e971";
}
body > header > menu:last-of-type > span.outerstaff:before {
    content:"\e971";
}
body > header > menu:last-of-type > button {
	font-size:1.15rem;
	border:rgba(255,255,255,1.00) solid 1px;
	border-radius:0.35rem;
	background:rgba(240,240,240,1.00);
	margin:0 0 0 0.35rem;
	padding:0.35rem 0.35rem 0 0.65rem;
	cursor:pointer;
}
body > header > menu:last-of-type > button:nth-last-of-type(2):before {
	font-family:icomoon;
	content:"\e900";
}
body > header > menu:last-of-type > button:last-of-type:before {
	font-family:icomoon;
	content:"\e903";
}
/* ------------------------------ */



/* ------ footer ------ */
footer {
	display:none;
}
footer > ul {
	background:rgba(0,0,0,0.65);
	padding:0.35rem;
	flex-wrap:wrap;
}
footer > ul > li {
	font-size:0.65rem;
	border-radius:0.15rem;
	margin:0.15rem;
	padding:0.15rem 0.35rem;
}
/* ------------------------------ */



/* ------ common ------ */
body > main {
	padding:0 1vw;
}
/* ------------------------------ */
section h2 {
	color:rgba(0,128,192,1.00);
	margin:2rem 0 0.5rem 0;
	padding:0.5rem 1rem;
}
/* ------------------------------ */
div#delivered_squeeze {
	padding:0;
}
div#delivered_squeeze > label {
	margin:0;
}
div#delivered_squeeze > label:last-of-type {
	margin:0 2rem 0 0;
}
div#delivered_squeeze > label > select {
	font-size:0.75rem;
	background:rgba(0,0,0,0.035);
}
/* ------------------------------ */



/* ------ flex_all ------ */
.flex_all {
	-webkit-display: flex;
	display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}
/* ------------------------------ */



/* ------ login ------ */
section#login {
}
section#login table {
	margin:2vw auto;
}
/* ------------------------------ */



/* ------ calendar ------ */
section#calendar {
	margin:1rem 0 0 0;
}
/* ------------------------------ */
section#calendar > ul.week {
	width:100%;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
section#calendar > ul.week > li {
	font-size:0.75rem;
	padding:0 0 0 0.25rem;
	width:calc( ( 100% / 7 ) - 0.25rem );
}
/* ------------------------------ */
section#calendar > div#container {
	position:relative;
}
section#calendar > div > ul {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
section#calendar > div > ul > li {
	padding:0 0 0 0.25rem;
}
/* ------------------------------ */
section#calendar > div > ul.base {
	border:rgba(0,0,0,0.15) solid 0px;
	border-width:1px 0px 0px 1px;
}
section#calendar > div > ul.base > li {
	font-size:0.75rem;
	border:rgba(0,0,0,0.15) solid 0px;
	border-width:0px 1px 1px 0px;
	padding:0.25rem;
	width:calc( ( 100% / 7 ) - 1px - 0.5rem );
	min-height:calc( ( 100vh / 6 ) - 2rem );
}
section#calendar > div > ul.base > li.today {
	font-weight:bold;
	box-shadow:inset 0 0 0 1px rgba(255,0,0,1.00);
	background:rgba(255,0,0,0.05);
}
section#calendar > div > ul.base > li.other {
	color:rgba(0,0,0,0.35) !important;
}
section#calendar > div > ul.base > li.saturday {
	background:rgba(96,160,192,0.10);
}
section#calendar > div > ul.base > li.sunday {
	background:rgba(224,96,0,0.10);
}
section#calendar > div > ul.base > li > span {
	color:rgba(0,0,0,0.35);
	font-size:0.5rem;
}
section#calendar > div > ul.base > li > span:before {
	content:"[";
}
section#calendar > div > ul.base > li > span:after {
	content:"]";
}
/* ------------------------------ */
section#calendar > div > ul.event {
	z-index:0;
}
section#calendar > div > ul.event > li {
	border:rgba(0,0,0,0.00) solid 0px;
	border-width:0px 1px 1px 0px;
	padding:0.25rem;
	width:calc( ( 100% / 7 ) - 1px - 0.5rem );
	min-height:calc( ( 100vh / 6 ) - 2rem );
	position:relative;
}
/* ------------------------------ */
section#calendar > div > ul.event > li > a {
	cursor:pointer;
	font-size:0.65rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    border:rgba(0,0,0,0.15) solid 1px;
	padding:0.1rem 0.25rem;
	display:block;
	position:absolute;
}
section#calendar > div > ul.event > li > a > span {
}
section#calendar > div > ul.event > li > a > span:before {
	content:"【 ";
}
section#calendar > div > ul.event > li > a > span:after {
	content:" 】";
}
/* ------------------------------ */
div.evententry {
	background: rgba(255,255,255,1.00);
	border: 1px solid rgba(0,0,0,0.35);
	box-shadow:0 0 0.25rem rgba(0,0,0,0.35);
	padding: 1rem;
	width:16rem;
	display: none;
	position:absolute;
	z-index: 999;
}
/* ------------------------------ */
div.eventarrow {
	width: 0rem;
	height: 0rem;
	display: none;
	position:absolute;
	z-index: 999;
}
div.up:before {
	content: "";
	position: absolute;
	top: -1rem;
	left: 50%;
	margin-left: -1rem;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1rem 1rem 1rem;
	border-color: transparent transparent rgba(255,255,255,1.00) transparent;
	z-index: 0;
}
div.up:after {
	content: "";
	position: absolute;
	top: -1.25rem;
	left: 50%;
	margin-left: -1.25rem;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 1.25rem 1.25rem 1.25rem;
	border-color: transparent transparent rgba(0,0,0,0.15) transparent;
	z-index: -1;
}
div.down:before {
	content: "";
	position: absolute;
	bottom: -1rem;
	left: 50%;
	margin-left: -1rem;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1rem 1rem 0 1rem;
	border-color: rgba(255,255,255,1.00) transparent transparent transparent;
	z-index: 0;
}
div.down:after {
	content: "";
	position: absolute;
	bottom: -1.25rem;
	left: 50%;
	margin-left: -1.25rem;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 1.25rem 1.25rem 0 1.25rem;
	border-color: rgba(0,0,0,0.15) transparent transparent transparent;
	z-index: -1;
}
div#EventEntry > span {
	cursor: pointer;
	line-height:1;
	border:rgba(0,0,0,0.15) solid 1px;
	background:rgba(255,255,255,1.00);
	display:block;
	width:1rem;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}
div#EventEntry > form {
}
div#EventEntry > form > label {
	color:rgba(0,0,0,0.65);
	font-size:0.65rem;
	margin:0.5rem 0 0 0;
	display:block;
}
div#EventEntry > form > label > span {
	color:rgba(255,160,0,1.00);
}
div#EventEntry > form > label > span:before {
	content:"[";
}
div#EventEntry > form > label > span:after {
	content:"]";
}
div#EventEntry > form > time {
	font-size:0.85rem;
	display:block;
}
div#EventEntry > form > input {
	width:95%;
}
div#EventEntry > form > menu {
	text-align:right;
}
div#EventEntry > form > menu > button {
	color:rgba(255,255,255,1.00);
	font-size:0.75rem;
	border:rgba(0,128,192,0.65) solid 1px;
	border-radius:0.25rem;
	background:rgba(0,128,192,0.85);
	padding:0.5rem 1rem;
}
/* ------------------------------ */



/* ------ eventedit ------ */
section#eventedit {
	padding:0 2vw;
}
/* ------------------------------ */
section#eventedit dd > fieldset {
	border:rgba(0,0,0,0.15) solid 1px;
	border-radius:0.35rem;
	background:rgba(255,255,255,1.00);
	margin:0.65rem 0 0 0;
	padding:1rem 2rem;
}
section#eventedit dd > fieldset > legend {}
section#eventedit dd > fieldset > dl {
	line-height:2;
	margin:0 0 0.35rem 0;
}
section#eventedit dd > fieldset > dl > dt {
	width:4rem;
}
section#eventedit dd > fieldset > dl > dd {}
section#eventedit dd > fieldset > dl > dd > span {
	display:block;
}
/* ------------------------------ */










@media screen and (min-width:60rem){

/* ------ flex ------ */
.flex {
	display: flex;
    flex-direction: row;
}
/* ------------------------------ */

}










@media screen and (max-width:60rem){

/* ----- タイトル部分 ----- */
body > header > h1 {
	font-size:1rem;
}
body > header > h1 > button {
	font-size:1.15rem;
	border-radius:0.35rem;
	margin:0 0.35rem 0 0;
	padding:0.35rem;
}
/* ----- ボタン群 ----- */
body > header > menu > button {
	font-size:0.75rem;
	margin:0.35rem;
}
body > header > menu > button.destroy {
	padding:0.35rem 1rem;
}
body > header > menu > button.save {
	padding:0.35rem 3rem;
}
body > header > menu > button.delete {
	padding:0.35rem 1rem;
}
/* ----- プルダウン ----- */
body > header > select {
	padding:0.15rem;
}
/* ----- ログイン情報 ----- */
body > header > menu:last-of-type {
	display:none;
}
/*
body > header > menu:last-of-type > span {
	font-size:0.65rem;
}
body > header > menu:last-of-type > button {
	font-size:1rem;
	padding:0.25rem 0.15rem 0 0.35rem;
	cursor:pointer;
}
/* ------------------------------ */

}










@media print {

/* ----- タイトル部分 ----- */
body > header > h1 {
	display:none;
}
/* ----- ボタン群 ----- */
body > header > menu > button {
	display:none;
}
/* ----- プルダウン ----- */
body > header > select {
	display:none;
}
/* ------------------------------ */

}