/** 追加設定 start **/
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}
.bd-mode-toggle {
    z-index: 1500;
}
.b-example-divider {
    width: 100%;
    height: 0.7rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
div.vis-network {
	background-color: #F8F8F8;
}
.card {
	margin-right: 12px;
}
.accordion-button {
	padding: 8px 8px 8px 16px;
}
#headingM1 .accordion-button:not(.collapsed) {
	background-color: #FFF !important;
}
#headingM2 .accordion-button:not(.collapsed) {
	background-color: #FFF !important;
}
#ptcontainer {
	margin-left: 8px; margin-right: 8px;
}
#playerModal {
	display: none;
}
.player {
	color: #EE0000; cursor: pointer; margin-top: 4px;
}
.ptitle {
	padding: 0 12px 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.similar {
	color: #000000; cursor: pointer; margin-top: 5px; margin-left: 20px;
}
.favorite {
	cursor: pointer; margin-top: 4px; margin-left: 18px;
}
.playdate {
	margin-top: 3px;
}
#search-form {
	display: none;
}
.hide {
	display: none !important;
}
/** 追加設定 end **/

/** ページトップ start **/
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 4px;
	bottom: 8px;
	background: #3f98ef;
	opacity: 0.6;
	border-radius: 50%;
}
#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -5px;
	bottom: 7px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
/** ページトップ end **/

/** Toast start **/
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #333; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 8px; /* Rounded borders */
	padding: 8px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 100; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	bottom: 30px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
	   Howe ver, delay the fade out process for 2.5 seconds */
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; }
}
@keyframes fadein {
	from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; }
}
@-webkit-keyframes fadeout {
	from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; }
}
@keyframes fadeout {
	from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; }
}
/** Toast end **/

/** dark/light modes **/
@media (prefers-color-scheme:dark){
    
}
@media (prefers-color-scheme:light){
    
}

/** smart phone modes **/
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
		font-size: 3.5rem;
    }
}