@charset "UTF-8";
 /* CSS Document  */
 .none {
	display: none;
 }

.header .header_info {
	padding: 0 40px;
}
.header .header_info__inner {
	width: 100% !important;
}
.header .header_info__btn {
	width: auto;
	align-items: center;
	gap:5px;
}
.header-navigation {
	margin-right: 20px;
}
.header-navigation ul {
	 display: flex;
	gap:20px;
}
.header-navigation ul li {
	 font-weight: 600;
	color: #2f2d2c;
	transition: 0.3s;
}
.header-navigation ul li:hover {
	
	color: #e05f17;

}

.morebtn-area {
	display: flex;
	justify-content: center;
	padding: 60px 0;
}

.morebtn-area .morebtn {
	transition: 0.4s;
}
.morebtn-area .morebtn:hover{
	opacity: 0.5;
}
.morebtn-area .morebtn img {
	width: 320px;
}

.owned-media-card a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	text-align: center;
	top: 120px;
	right: 40px;
padding: 10px 21px 35px;
background-color: #fff;
border-radius: 8px;
z-index: 9999;
box-shadow: 2px 3px 15px -5px #777777;

border: 2px solid #e05f17;
transition: 0.4s;
cursor:pointer;
}
.owned-media-card a:hover {
	scale: 1.1 1.1;
}

.owned-media-card span {
	font-size: 14px;
	font-weight: 600;
	color: #403e3e;
}
.owned-media-card span::after {
	display: block;
	position: absolute;
	content: "情報発信一覧サイトへ ▶";
	width: 168px;
	background-color: #e05f17;
	border-radius: 0 0 6px 6px;
		left: 0;
	bottom: 0;
	padding: 7px 0;
	color: #fff;
}
.owned-media-card img {
	width: 50px;
	height: auto;
	margin-bottom: 5px;
}
.rotate {
	animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
	0%   { transform: rotate(0deg); }
	25% { transform: rotate(10deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-10deg); }
	100% { transform: rotate(0deg); }
  }
  @media(max-width:1400px) {
	.header .header_info {
		padding: 0;
	}
.header-navigation {
	display: none;
}
.owned-media-card a {
	right: 10px;
}

}
@media(max-width:768px) {
	.owned-media-card a {
		top: 75px;
		right: 10px;
	}
}
@media(max-width:640px) {
	.morebtn-area .morebtn img {
		width: 300px;
	}
	.owned-media-card a {
	flex-direction: row;
		top:auto;
		right: auto;
		bottom: 10px;
		left: 10px;
		padding: 10px 10px 35px;
	}
	.owned-media-card img {
		width: 30px;
		margin-right: 5px;
	
	}
	.owned-media-card span::after {
		width: 181px;
	}

}