@media (min-width: 576px) {
	.layer-days {
		font-size: 1.2em;
	}
	.iris-days,
	.layer-not-exist,
	.pts-not-exist,
	.popover-layer-info {
		font-size: 2em;
	}
	.tk-profile,
	.tk-layers,
	.tk-ptskills,
	.tk-footer,
	.tk-name {
		font-size: 3em;
	}
	/* .tk-profile {
		margin-top: 3em !important;
	} */
	.iris-title {
		font-size: 3.5em;
	}
	.footer-info img {
		width: 40px;
		height: 40px;
	}
	.depicted-icon {
		width: 30%;
	}
	.popover.popover-wide {
		--bs-popover-max-width: 75vw;
		width: 75vw;
	}
	.popover-wide .popover-header {
		font-size		: 2.5em;
		padding-top		: 0.5em;
		padding-bottom	: 0.5em;
	}
	.layer-info-img-popover {
		width:  1.4em;
		/* height: auto; */
	}
}
@media (min-width: 768px) {
	.layer-days {
		font-size: 1.2em;
	}
	.iris-days,
	.layer-not-exist,
	.pts-not-exist {
		font-size: 1.5em;
	}
	.tk-profile,
	.tk-layers,
	.tk-ptskills,
	.tk-footer,
	.tk-name,
	.popover-layer-info {
		font-size: 2em;
	}
	.iris-title {
		font-size: 3em;
	}
	/* .popover.popover-wide {
		--bs-popover-max-width: 50vw;
		width: 50vw;
	} */
	/* .layer-info-img-popover {
		width:  0.7em;
		height: auto;
	} */
}
@media (min-width: 992px) {
	.iris-days {
		font-size: 1.5em;
	}
	.tk-profile,
	.tk-layers,
	.tk-ptskills,
	.tk-footer,
	.layer-days,
	.popover-layer-info {
		font-size: 1em;
	}
	/* .tk-profile {
		margin-top: 5em !important;
	} */
	.tk-name {
		font-size: 2em;
	}
	.iris-title {
		font-size: 2em;
	}
	.footer-info img {
		width: 16px;
		height: 16px;
	}
	.depicted-icon {
		width: 15%;
	}
	.popover.popover-wide {
		--bs-popover-max-width: 50vw;
		width: 50vw;
	}
	.popover-wide .popover-header {
		font-size		: 1em;
		padding-top		: 0.4em;
		padding-bottom	: 0.4em;
	}
	.layer-info-img-popover {
		width:  1.4em;
		height: auto;
	}
}

.pts-info-img {
	width: 2em;
}

a > img {
	text-decoration: none;
}

/* 武器種がいつもと違う場合に色を付ける */
.layer-unusual-weapon {
	/* color: #FF0000; */
	filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}
.layer-info-img {
	width:  1.6em;
	height: auto;
}
/* レイヤー名をクリックで現れる情報 */
.layer-info {
	position: absolute;
	margin-left: -400px;
	margin-top:  25px;
	padding: 10px 30px 10px 10px;
	background-color: #BFFFE5;
	z-index: 100;
}
.constellation-img {
	width :	1.2em;
	height:	auto;
}

/* PTスキルをクリックで現れる情報 */
.pts-name {
	margin-top:		1em;
	margin-bottom:	1em;
}
.pts-info {
	position: absolute;
	width: 30% !important;
	margin-left: 1em;
	/* margin-top: 1em; */
	padding: 10px 20px 10px 10px;
	background-color: #BFFFE5;
	z-index: 100;
}
.pts-info-img {
	width:  2em;
	height: auto;
}
.pts-list div:not(.pts-info) {
	padding: 10px;
}

.bubble {
	display: none;
	position: absolute;
	margin-top:   10px !important;
	padding: 2px 5px;
	background: #0000CC;
	color: #FFFFFF;
	white-space: nowrap;
	overflow: visible;
	font-size: 1.2em;
	font-weight: bold;
	width: max-content;	/* 幅を、文字列の長さに合わせる */
	text-align: center;
	margin: auto;
	z-index: 2;
}

/* マウスオーバーで画像を拡大する transitionを指定するとアニメーションになる */
.depicted-icon:hover {
	transform:scale(1.4, 1.4);
	transition:0.1s all;
}
/* マウスが離れた時のアニメーション表示 */
.depicted-icon {
	transform:scale(1.0, 1.0);
	transition:0.1s all;
}
/* マウスが乗ったまるアイコンに隣接しているbubbleを表示させる */
.depicted-icon:hover + .bubble {
	display: inline-block;
}

#mynetwork {
	border: 2px dashed #CC0000;
}

.bi-fire {
	color: red;
}
.bi-droplet-fill {
	color: blue;
}
.bi-wind {
	color: green;
}
.bi-stars {
	color: #a0a013;
}
.bi-moon-fill {
	color: darkmagenta;
}
.bi-dash-lg {
	color: gray;
}
.text-pink {
	color: magenta;
}