@charset "UTF-8";
/* CSS Document */

@media print {
 body {-webkit-print-color-adjust: exact;}
} 

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}
html, body {
	width: 100%;
	height: 100%;
	position: relative;
}
body {
	width: 1080px;
}


.fade,.fade-2{opacity: 1}

header{position: relative}
h1 a{
	display: block;
	width: 340px;
}
#header.header-fix{
	position: fixed;
	z-index: 5;
	background-color: rgba(255,255,255,0.80);
    backdrop-filter: blur(5px);
	border-bottom: solid 1px rgba(0, 0, 0, .1);
}
.luxbar-fixed {
	height: 80px;
	background-color: rgba(255,255,255,0.8);
	-ms-backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.luxbar-header {
    display: flex;
    align-items: center;
    height: 50px !important;
    margin-right: 0 !important;
}	
.luxbar-menu{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80px
}
.luxbar-navigation{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 50px;
}
.luxbar-navigation li:after{
	content: "｜";
	color: #767676;
	margin-left: 10px;
	margin-right: 10px;
}
.luxbar-navigation li:last-of-type:after{
	content: "";
	margin-left: 0px;
	margin-right: 0px;
}
.luxbar-hamburger {
    display: none;
}

#visual-heart-full{
	position: absolute;
	top: 80px;
	background-image: url(../img/bg-illust.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: cover;
	width: 100%;
	height: calc(100vh - 80px);
	animation: bgroop 120s linear infinite;	
}
.container-1260,
.container-1080,
.container-960,
.container-860{width: 90%;}