body.reservation-list{
    && .list-group .title{
        background-color: black;
        color: #FFF;
    }
    && .list-group .title:not(:first-of-type){
        margin-top: 10px;
        border-radius: 5px 5px 0 0;
    }
    && .list-group .list-group-item:last-of-type{
        border-radius: 0;
    }
	&& .nav-link:not(.active){
		color: var(--clinic-Theme-back-color);
		background-color: transparent;
	}
	&& .nav-link.active{
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
	&& .card-title{
		font-size: 0.9rem;
		font-weight: normal;
	}
}

body.cancel_check{
    && .reserve-info .list-group-item .title,
	&& .reserve-info .list-group-item .item{
		padding: 7px 5px 0 10px;
		min-height: 30px;
	}
	&& .reserve-info .list-group-item .title{
		border-left: 5px solid var(--clinic-Theme-back-color);
	}
	&& .caution-title{
		padding: 10px 0;
		color: #FFF;
		background-color:#AC2B2B;
		height: 35px;
	}
}

body.course_list{
	&& .card.disabled{
		background-color: silver;
		opacity: 0.8;
	}
}

body.course_detail{
	&& .table th{
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
}

body.select-family{
	&& .table td{
		background-color: transparent;
	}
	&& .table td.info{
		width: 80px;
	}
}

body.news-list{
	&& .news-date{
		font-size: 0.9rem;
	}
	&& .news-title{
		font-weight: bold;
	}
}

body.news-detail{
	&& .news-container{
		min-height: calc(100vh - 80px - 150px);
	}
	&& .news-content-body{
		white-space: pre-wrap;
	}
}

body.interview-list{
	&& .interview-list-table .list-group-item:hover{
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
}

body.interview-item{
	&& th{
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
}

body.qa-list{
	&& .accordion-button:not(.collapsed){
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
	&& .accordion-button:focus{
		border-color: var(--clinic-Theme-back-color);
		box-shadow: none;
	}
}

body.download-list{
	&& .list-group{
		max-width: 350px;
	}
	&& .list-group .list-group-item:not(:last-of-type){
        margin-bottom: 10px;
    }
    && .list-group .list-group-item:last-of-type,
	   .list-group .list-group-item:first-of-type{
        border-radius: 0;
    }
	&& .list-group .list-group-item:hover{
		background-color: #ed6d00;
		color: #FFF;
	}
}

body.answer-list{
	&& .list-group .list-group-item{
		background-color: transparent;
	}
	&& .list-group .list-group-item.list-group-item-action:hover{
		background-color: #ed6d00;
		color: #FFF;
	}
	&& .answer-date{
		width: 140px;
	}
	&& .answer-name{
		width: calc(100% - 140px - 5px);
	}
}
body.answer-image{
	&& .answer-image-container{
		min-height: calc(100vh - 80px - 150px);
	}
	&& .answer-title{
		border-bottom: 1px solid var(--clinic-Theme-back-color);
	}
}

body.course-detail{
	&& .table th{
		background-color: var(--clinic-Theme-back-color);
		color: var(--clinic-Theme-color);
	}
	&& .table tr th:first-of-type{
		border-right: 1px dashed var(--clinic-Theme-color);
	}
	&& .table tr td:first-of-type{
		border-right: 1px dashed black;
	}
}

body.course-list{
	/* メニュー一覧の帯 */
	&& .menu-title-bar{
		height: 30px;
		color: var(--clinic-Theme-color);
		background-color: var(--clinic-Theme-back-color);
		padding: 8px 0;
	}
	/* 下部ボタン */
	&& .fixed-bottom{
		height: 50px;
		padding: 5px;
		background-color: rgba(128, 128, 128, 0.8);
		z-index:1000;
	}
	&& .fixed-bottom-margin{
		margin-top: 5px;
	}
}

body.link-collection{
	&& .link-parent:not(.collapsed){
		background-color: black;
		color: white;
	}
	&& .link-parent{
		background-color: white;
		color: black;
		position: relative;
	}
	&& .link-parent::before{
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-bottom: solid 1px black;
		border-right: solid 1px black;
		transform: rotate(45deg);
		position: absolute;
		top: 19px;
		left: 15px;
		margin: auto;
	}
	&& .link-parent:not(.collapsed)::before{
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: solid 1px white;
		border-left: solid 1px white;
		transform: rotate(45deg);
		position: absolute;
		top: 23px;
		left: 15px;
		margin: auto;
	}
}

body.reserve-history{
	&& .reserve-time{
		width: 70px;
	}
	&& .reserve-treatment-name{
		width: calc(100% - 70px - 5px);
	}
}

body.unreceived-mail{
	&& .accordion-item{
		border: 1px solid silver;
	}
	&& .accordion-item:last-of-type,
	&& .accordion-item:first-of-type{
		border-radius: 0;
	}
	&& .accordion-item:not(:first-of-type){
		margin-top: 10px;
	}
}

body.line-qr,
body.mypage-frm{
	&& .menu-btn{
		width:80px;
	}
	&& .menu-title{
		font-size: 0.8rem;
	}
	&& .menu-icon{
		font-size: 1.5rem;
	}
}

body.mypage-frm{
	&& .mypage{
		max-width: 550px;
	}
}