
/*---------------------------
 フッター
----------------------------*/
#footer {
	padding: 65px 10px 55px;
	font-size: 0.9em;
}
	#footer .footer_main {
		max-width:1100px;
		margin:auto;
	}
		#footer .footer_main .linkArea {
			display: flex;
			padding-bottom: 30px;
			border-bottom: 1px dashed var(--main_color);
			margin-bottom: 30px;
			justify-content: space-between;
			align-items:center;
			flex-wrap:wrap;
		}

			#footer .footer_main .linkArea #footerTtl {
				display: flex;
				align-items: center;
				flex-wrap:wrap;
			}

				#footer .footer_main .linkArea #footerTtl .siteName {
					padding: 10px 15px;
					margin-right: 15px;
					font-size: 1.4em;
					margin-bottom: 3px;
					letter-spacing: 2.2px;
				}

		#footer .footer_main .soegaki {
			letter-spacing: 0.7px;
		}
ul#footertextlink {
	text-align: center;
	padding: 5px 0px 7px;
	margin-bottom:0px;
}
	ul#footertextlink li {
		padding: 6px 0px 0px 12px;
		margin: 0px 10px;
		display: inline-block;
		position: relative;
	}
		ul#footertextlink li::before {
			content: "";
			left: 3px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 4px;
			height: 4px;
			border: 4px solid transparent;
			border-left: 4px solid var(--accent_color);
			display: block;
			position: absolute;
			top: 50%;
		}


/* copyright */
div#copyright {
	padding: 5px 0px;
	font-size: 0.8em;
	text-align: center;
	letter-spacing: 0.6px;
}
	div#copyright div{
		max-width:1100px;
		margin:auto;
		text-align:right;
	}

/* TOPへボタン */
#topbtn {
	position: fixed;
	right: 1rem;
	z-index: 1200;
	height: 64px;
}
	#topbtn svg {
		box-shadow: 0px 3px 6px #00000029;
		border-radius:5px;
	}

@media screen and (max-width:1024px) {
	#footer {
		padding: 30px 10px 15px;
	}

	ul#footertextlink {
		padding: 15px 0px;
		margin: 0px;
	}

	#footer .footer_main .linkArea {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:767px) {
	#footerTtl .siteName {
		font-size: 1.2em;
		padding: 5px;
	}

	#footerTtl svg {
		width: 180px;
	}
}

