.hidden {
    display:none;
}
a {
    text-decoration: none;
}
.bg-dark {
	background-color: #007f6b !important;
}

.img-thumbnail {
	width:40%;
	max-height:180px;
	object-fit: cover;
}

.div-hr {
	border-bottom: solid 1px #ccc;
	margin-bottom: 1em;
}
.div-review-users:last-child {
    border-bottom: none;
}

.div-sticky-menu {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	max-height: 100vh;
	overflow-y: auto;
}

@media (max-width: 575.98px) {
    .div-sticky-menu {
        position: static; /* stickyからstaticに変更 */
    }
}


.div-sticky-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding-top: 0.5em;
	z-index: 11;
	background-color: white;
}

.div-date-sticky h5 {
	position: -webkit-sticky;
	position: sticky;
	top: 3em;
	padding-top: 0.5em;
	z-index: 10;
	background-color: white;
}


/* 青い● */
.highlighted-blue a {
    background-color: #cfc !important; /* これは背景色の例です */
    color: #000 !important; /* これは文字色の例です */
    position: relative;
}

.highlighted-blue a:after {
    content: "●";
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: blue; /* 青い●の色 */
}

/* オレンジの● */
.highlighted-orange a {
    background-color: #cfc !important; /* これは背景色の例です */
    color: #000 !important; /* これは文字色の例です */
    position: relative;
}

.highlighted-orange a:after {
    content: "●";
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: orange; /* オレンジの●の色 */
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    /* Set the fixed height of the footer here */
    background-color: #f5f5f5;
}


/* Custom page CSS
   * Not required for template or sticky footer method.
   * -------------------------------------------------- */

body>.container {
    padding: 30px 15px 0;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}