@charset "UTF-8";
/* flux用
===============================================================*/
.flux{
	margin: 2rem auto !important;
}
.flux_pc, .flux_sp{text-align: center;}

#front-flux1{margin: -50px 0 60px}
#front-flux1 .flux{margin: 0 auto !important;}
#article-flux{margin-bottom: 50px;}
#article-flux .flux{margin: 0 auto !important;}
.article-flux-sp{margin-bottom: 30px;}
.article-flux-sp{display: none;}
.flux-display-none .flux{display: none !important;}
.flux_footer.flux{margin: 0 auto !important;}
.flux_sp{display: none;}

.flux_footer{
	position: fixed;
	z-index: 100000;
	left: 0;
	bottom: 0;
	padding-top: 5px;
	width: 100vw;
	text-align: center;
	background-color: rgb(0,0,0,40%);
	max-height: 90px;
	transition: .5s all;
}
.flux_footer.close{
	height: 0;
	max-height: 0;
}
.flux_footer i{
	border: none;
	cursor: pointer;
	outline: 0;
	padding: 0;
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -25px;
	left: 0;
	width: 25px;
	height: 25px;
	font-size: x-large;
	text-align: center;
	color: rgba(255,255,255,1);
	border-radius: 5px 5px 0 0;
	background-color: rgb(0,0,0,40%);
	transition: .5s all;
}
.flux_footer.close i{display: none;}
.flux_footer i::before{
	content: '＋';
	transform: rotate(45deg);
	color: #fff;
}
.flux_footer img{
	height: 100%;
	width: auto;
	max-width: none;
	max-height: 85px;
}
@media (max-width: 600px) {
	#front-flux1 .flux{margin: 0 auto !important;}
	#topicpath-flux{margin-bottom: 20px;}
	#topicpath-flux .flux{margin: 0 auto !important;}
	#archive-flux{margin: 1rem 0 2rem;}
	#archive-flux .flux{margin: 0 auto !important}
	.article-flux-pc{display: none;}
	.article-flux-sp{display: block; margin-bottom: 2rem;}
	.flux_sp{display: block;}
	.flux_pc{display: none;}
	.flux_footer{max-height: 105px;}
	.flux_footer img{max-height: 100px;}
}