/*
Theme Name:staffblog_child
Description:WordPressテーマ「staffblog」の自作子テーマです。
Author:kawano
Version:0.0.8
*/
.footer{
	/* height: 390px; */
	background-color: #db4249;
	/* margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1); */
	padding: 2vw 0;
	box-sizing: border-box;
	position: relative;
	min-width: 1200px;
	-webkit-text-size-adjust: 100%;
}
.footer_haikei3{
	overflow:hidden;
	position:relative;
	overflow:hidden;
	height: 180px;
	position:relative;
	/* margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1); */
	min-width: 1200px;
	-webkit-text-size-adjust: 100%;
}
.footer_haikei3::before{ 
	content:'';
	position: absolute;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100%;
	background-image: url('/wp-content/themes/staff_blog/img/footer_bg.png'); 
}

@media (min-width:1600px){
	.footer_haikei3{
		padding-top: 6.33333vw;
	}
	.footer_haikei3::before{
		/* background-size: 100% calc(2vw + 60px); */
	}
}
.footer_contentswaku{
	/* height: 270px; */
	margin: 0 130px;
}

.logo2{
	width: fit-content;
	height: 270px;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 7vw;
	/* background-color: khaki; */
}
.logo2 img{
	height: 60%;
}
.sns_waku{
	width: 100%;
	margin-top: 1vw;
	display: flex;
	justify-content: space-evenly;
}
.sns_waku a{
	text-decoration: none;
}
.sns_waku img{
	height: 50px;
}

.sns_waku a:hover img{
	 transform: scale(1.1);
}
.footer_menu{
	/* width: 60%; */
	height: 345px;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
}
.footer_menu li{
	list-style: none;
	margin-bottom: 27px;
	margin-right: 27px;
}
.footer_menu li :hover{
	color: #aacf53;
	/* transform: scale(1.1); */
	
}
.footer_menu a{
	display: flex;
	flex-direction: column;
	color: white;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
}

.footer_menu span:last-of-type{
	font-size: 21px;
	height: 31.5px;
}
.top_return,.scroll{
	animation: updown 2s infinite ease-in-out;
	position: fixed;
	right: 1vw;
	bottom: 4vw;
	height: 50px;
	font-size: 30px;
	font-weight: bold;
	color: black;
	transform: rotate(90deg);
	line-height: 45px;
	padding: 0 0 0 45px;
	border-top: solid 1px;
	cursor: pointer;
	opacity: 0;
	z-index: 9999;
	transition: 0.3s;
	}

.scroll{
	animation: updown 2s infinite ease-in-out;
		position: fixed;
		right: 1vw;
		bottom: 4vw;
		height: 50px;
		font-size: 30px;
		font-weight: bold;
		color: black;
		transform: rotate(90deg);
		line-height: 45px;
		padding: 0 25px 0 0px;
		border-top: solid 1px;
		cursor: pointer;
		opacity: 1;
		z-index: 9998;
		transition: 0.3s;
}

.top_return:hover{
	 color: #b0b0b0;;
}
.top_return::before{
	position: fixed;
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 15px;
	border-top: solid 1px;
	transform: rotate(35deg);
	transform-origin: left top;
}
.scroll::before{
	osition: fixed;
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 110px;
	width: 16px;
	border-top: solid 1px;
	transform: rotate(135deg);
	transform-origin: left top;
}

@keyframes updown {
  0% {
	transform: translate(0, 0) rotate(90deg);
  }
  50% {
	transform: translate(0, -30px) rotate(90deg);
  }
  100% {
	transform: translate(0, 0) rotate(90deg);
  }
}
@media screen and  (max-width:450px) {
	.footer_contentswaku{
		margin: 0px 89px;
	}
	.logo2{
		margin-right:11vw;
	}
}