:root{
    --main-shadow-color: rgb(221, 227, 234);
	--echo-bg-color: rgb(249 251 254);
	--echo-body-bg-color: rgb(255, 255, 255);
}

html {
    font-size: 10px; /* 1rem = 10px */
}

body .bst-echo *{
	font-size: 1.4rem;
}

@media (max-width:768px){
	body .bst-echo *{
    	font-size: 1.2rem;
    }
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main{
	background-color: var(--echo-body-bg-color);
	margin: 1rem;
	padding: 1rem;
	border-radius: 28px;
	border-left: 1px solid var(--main-shadow-color);
	border-bottom: 1px solid var(--main-shadow-color);
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.bst-icon.bst-icon-arrow:after {
    height: 0.6em;
    width: 0.6em;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action .bst-echo-header-filter span.bst-echo-header-filter-monitor-formatted {
    font-size: 20px;
    padding: 0 1.25rem !important;
}

body .bst-echo .bst-echo-main header.bst-echo-header:has(.bst-echo-header-action) {
    padding: 0px 2rem;
}

body .bst-echo .bst-echo-main header.bst-echo-header:has(.bst-echo-header-info) {
    padding: 8px 2.5rem 0px;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action .bst-echo-header-filter {
    display: flex;
    align-items: center;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar :is(td,th){
	background-color: var(--echo-body-bg-color);
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td .bst-calendar-cell{
    padding: 0;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td .bst-calendar-cell .bst-calendar-cell-guide{
    position: static;
    padding: .2rem .5rem;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar thead :is(td,th):before{
    border-color: var(--main-shadow-color);
}
body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar thead :is(td,th):after {
    content: initial;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td:after{
	content:'';
	border-left:1px solid var(--main-shadow-color);
	height: 100%;
	top: 0;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td:before {
    content: "";
    border-bottom: 1px solid var(--main-shadow-color);
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td:first-child:after {
	border-left: none;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-calendar tbody td .bst-calendar-cell .bst-calendar-cell-item .bst-field .bst-field-value span.bst-guide {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* item */
.bst-field {
    padding: 0.1em 0;
}

.bst-scope.bst-calendar-cell-item:hover span.bst-guide,
.bst-scope.bst-calendar-cell-item.is-hover span.bst-guide {
    filter: brightness(85%);
}

span.bst-guide {
    border-radius: 6px;
    background-color: #fff;
    transition: background-color 0.2s ease;
    display: inline-block !important;
}

/* 日程 */
span.bst-guide.bg-yellow {
    background-color: #FFD600;
}
span.bst-guide.bg-green {
    background-color: #AED581;
}
span.bst-guide.bg-blue {
    background-color: #64B5F6;
}
span.bst-guide.bg-cyan {
    background-color: #B2EBF2;
}
span.bst-guide.bg-purple {
    background-color: #D1C4E9;
}
span.bst-guide.bg-gray {
    background-color: #BDBDBD;
}
span.bst-guide.bg-pink {
    background-color: #FFCDD2;
}

.nj_tbl td {
	width: 120px;
}

.nj_tbl a {
	font-size: 1.2em;
	font-weight: bold;
}