/*-----
* custom-calendar-admin.css ver1.0.0
-----*/
/***** variable *****/
:root{
	--cal-color-sun:#ff0000;
	--cal-color-sat:#0000ff;
	--cal-color-sun-thin:rgb(255 0 0 / 10%);
	--cal-color-sat-thin:rgb(0 0 255 / 10%);
	--cal-color-other:#dddddd;
	--cal-color-today:rgb(255 255 0 / 20%);
	--cal-color-sc:#ff0000;
	--cal-color-cn:#ff0000;
	--cal-color-de:#ff0000;
	--cal-color-border:#c3c4c7;
}
/***** box-calendar-set *****/
.calendar-box>.inner {
    position: relative;
    z-index: 1;
}
.box-calendar-set{
	
}
.box-calendar-set>.wrap{
	
}
.box-calendar-set>.wrap>.title-box.mt1{
	margin-top: 0.5rem;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.pn-bt>p{
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1em;
	display: flex;
	align-items: flex-end;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.pn-bt>p>span{
	display: inline-block;
	font-size: 1.5em;
	line-height: 1em;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.pn-bt>.month-change-cl{
	cursor: pointer;
	transition: all 300ms 0s ease;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.pn-bt>.month-change-cl:hover{
	opacity:0.5;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.prev>.month-change-cl>span{
	margin-left: 0.5rem;
}
.box-calendar-set>.wrap>.title-box>.prev-next-box>.next>.month-change-cl>span{
	margin-right: 0.5rem;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box{
	margin-bottom: 1rem;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li{
	margin-bottom: 1.5rem;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div{
	padding: 0 1rem;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div>.cat-select-cl{
	font-size: 1rem;
	line-height: 1em;
	padding: 0.5em 1em;
	border: 1px solid var(--border-color);
	background-color: #a5a5a5;
	color:#fff;
	cursor: pointer;
	transition: all 300ms 0s ease;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div>.cat-select-cl:hover{
	filter: brightness(0.8);
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div>.cat-select-cl.active{
	filter: brightness(0.7);
	position: relative;
}
.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div>.cat-select-cl.active::after{
	content:"";
	display: flex;
	position: absolute;
	top: -4px;
	left: -4px;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	justify-content: center;
	align-items: center;
	border: 1px solid rgb(0 0 0 / 70%);
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box{
	position: relative;
	margin-bottom: 1.5rem;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.title{
	text-align: center;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.title>.t-1{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1em;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap>.s-1{
	font-size: 0.9rem;
	line-height: 1em;
	padding: 0.2em 0.5em;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap>.s-2{
	font-size: 0.9rem;
	font-family: var(--sans-font);
	line-height: 1em;
	background-color: #878554;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	padding: 0.2em 0.8em;
	margin-left: 0.5rem;
	transition: all 300ms 0s ease;
}
.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap>.s-2:hover{
	filter: brightness(0.8);
}
.box-calendar-set>.wrap>.calendar-main{
	font-family: var(--sans-font);
}
.box-calendar-set>.wrap>.calendar-main>table{
	width: 100%;
	border-collapse: collapse;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>th,
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td{
	border: 1px solid var(--cal-color-border);
	height: 1rem;
	width: calc(100% / 7);
	background-color: #fff;
	padding: 0;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>th>div{
	background-color: #000;
	color: #fff;
	font-weight: 900;
	padding: 0.4em 0;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr.week-col>th.sun>div{
	background-color:var(--cal-color-sun);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr.week-col>th.sat>div{
	background-color:var(--cal-color-sat);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>th>div>p{
	font-size: 0.8rem;
	line-height: 1em;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div{
	width: 100%;
	height: 100%;
	min-height: 7rem;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.sun>div{
	background-color: var(--cal-color-sun-thin);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.sat>div{
	background-color: var(--cal-color-sat-thin);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.holiday>div{
	background-color: var(--cal-color-sun-thin);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.today>div{
    background-color: var(--cal-color-today);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.other-day>div{
	background-color: var(--cal-color-other);
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day{
	width: 100%;
	background-color: var(--cal-color-other);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-1{
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1em;
	padding: 0.2em 0.5em;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-1>.t-1-2{
	display:none;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-2{
	font-size: 0.7rem;
	line-height: 1em;
	padding-right: 2px;
	opacity: 0.3;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text{
	width: 100%;
	height: 100%;
	padding: 0 2px 2px;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday{
	padding: 0.2rem 0.3rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-bottom: 1px solid #838383;
	position: relative;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap{
	display: block;
	width: 100%
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-1{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-1:hover{
	opacity:0.5;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-1>.t-1-1>span{
	background-color: #000;
	font-size: 0.7rem;
	line-height: 1em;
	border-radius: 3px;
	width: 2rem;
	height: 1.4em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0.3em 0.1em 0.2em;
	margin-bottom: 2px;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-1>.t-1-2{
	font-size: 0.8rem;
	line-height: 1.3em;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2{
	display: none;
	width: 100%;
	position: absolute;
	top: 0;%;
	z-index: 1;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2.posl{
	left: 95%;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2.posr{
	right: 95%;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2>.wrap{
	display: inline-block;
	width: auto;
	height: 100%;
	background-color: #fff;
	border-radius: 2px;
	padding: 0.3rem 0.3rem;
	box-shadow: 0 0 3px #000;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2>.wrap>p{
	font-size: 0.8rem;
	color:#000;
}
.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2>.wrap>.t-2-2{
	width: 100%;
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.box-calendar-set>.wrap>.title-box>.calendar-select-box>.title{
		margin-bottom: 1rem;
	}
	.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap{
		text-align: right;
		position: relative;
	}
	.box-calendar-set>.wrap>.title-box>.calendar-select-box>.wrap>.s-1 {
	font-size: 1rem;
	border-radius: 5px;
	}
	.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul{
		justify-content: flex-start;
	}
	.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div{
		padding: 0px 0.3rem;
	}
	.box-calendar-set>.wrap>.title-box>.cat-select-box>.wrap>ul>li>div>.cat-select-cl{
		font-size: 0.9rem;
		padding: 0.5em 0.7em;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr:last-child{
		border-bottom: 1px solid var(--cal-color-border);
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr.week-col{
		display: none;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td{
		display: block;
		width: 100%;
		height: auto;
		border-bottom: unset;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.other-day{
		display:none;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div{
		min-height: auto;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day{
		background-color: unset;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-1{
		height: 100%;
		background-color: var(--cal-color-other);
		width: 3.5rem;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		padding: 0.5em 5px 0.2em 0;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.sun>div>.wrap>.day>.t-1{
		background-color: var(--cal-color-sun-thin);
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.sat>div>.wrap>.day>.t-1{
		background-color: var(--cal-color-sat-thin);
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.holiday>div>.wrap>.day>.t-1{
		background-color: var(--cal-color-sun-thin);
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td.today>div>.wrap>.day>.t-1{
		background-color: var(--cal-color-today);
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-1>.t-1-2{
		display:block;
		margin-left: 3px;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-2{
		font-size: 0.8rem;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.day>.t-2>span{
		padding: 0.5rem 0 0.5rem 4rem;
		display: block;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text{
		min-height: 3rem;
		padding: 0.5rem 0.5rem 0.5rem 4rem;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday{
		padding: 0.4rem 0.5rem 0.7rem;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday:last-child{
		margin-bottom: 1rem;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-1>.t-1-2{
		font-size: 1rem;
		line-height: 1.3em;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>a.link-wrap>.event-title>.t-1>.t-1-2{
		text-decoration: underline;
		-webkit-text-decoration: underline;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2{
		position: relative;
		display: block;
		padding-left: 1rem;
		margin-top: 0.5rem;
		z-index: 0;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2.posl{
		left: 0;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2.posr{
		right: 0;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2>.wrap{
		width: 100%;
		box-shadow: unset;
	}
	.box-calendar-set>.wrap>.calendar-main>table>tbody>tr>td>div>.wrap>.text>.eday>.link-wrap>.event-title>.t-2>.wrap>.t-2-1{
		display:none;
	}
}