/* = footer
-------------------------------------------------------------- */
#footer .policy_list{
	position: relative;
}
#footer .policy_list ul li a:hover{
	text-decoration: underline;
}
#footer .policy_list ul li:last-child::after{
	content: '';
}
#footer .copyright{
	background-color: #000;
	color: #fff;
}
@media ( min-width: 480px ){
	#footer .policy_list{
		margin: 0 0 43px;
	}
	#footer .policy_list ul li a{
		font-size: 16px;
	}
	#footer .copyright{
		font-size: 12px;
		padding: 0.833em 0;
	}
}
@media ( min-width: 897px ){
	#footer .policy_list ul li{
		display: inline-block;
		padding: 0 1em 0 0;
		position: relative;
	}
	#footer .policy_list ul li:last-child{
		padding: 0;
	}
	#footer .policy_list ul li:after{
		content:'|';
		position: absolute;
		right: 0;
	}
}
@media ( max-width: 896px ){
	#footer .policy_list{
		text-align: left;
		padding: 0 0 0 4.7%;
		font-size: 3.125vw;
	}
	#footer .policy_list ul li{
		margin: 0 0 0.900em;
	}
	#footer .policy_list ul li:last-child{
		margin: 0;
	}
}
@media ( max-width: 479px ){
	#footer .policy_list{
		margin: 0 0 7.8125vw;
	}
	#footer .policy_list{
		margin: 0 0 7.8125vw;
	}
	#footer .copyright{
		font-size: 1.875vw;
		padding: 2.1875vw 0 1.5625vw;
	}
}

/* = wp
-------------------------------------------------------------- */
.loading,
.loading:after {
	width: 10em;
	height: 10em;
	border-radius: 50%;
}
.loading {
	position: relative;
	font-size: 3.8px;
	margin: 0 auto;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 0, 0, 0.2);
	border-right: 1.1em solid rgba(0, 0, 0, 0.2);
	border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loading 1.1s infinite linear;
	animation: loading 1.1s infinite linear;
}
@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* = SNS
-------------------------------------------------------------- */
.sns_btn_area ul li a{
	display: block;
}
.pagetop {
	display: block;
}
.sns_btn_area ul li a img,
.pagetop img {
	width: 100%;
}

@media ( min-width: 1301px ){
	#container {
		position: relative;
	}
	.sns_btn_area ul {
		position: absolute;
		width: 50px;
		bottom: -220px;
		left: 100px;
	}
	.sns_btn_area ul li:not(:last-child) {
		margin: 0 0 20px;
	}
	.sns_btn_area .pagetop {
		position: absolute;
		bottom: -220px;
		right: 100px;
	}
}
@media ( max-width: 1300px ){
	.sns_btn_area ul {
		float: left;
	}
	.sns_btn_area ul li {
		float: left;
	}
	.sns_btn_area .pagetop {
		float: right;
	}
}
@media ( min-width: 480px ) and ( max-width: 1300px ){
	.sns_btn_area {
		min-height: 50px;
		margin-top: 80px;
		margin-bottom: -50px;
	}
	.writer_box + .sns_btn_area {
		margin-top: 30px;
	}
	.sns_btn_area ul li:not(:last-child) {
		margin: 0 20px 0 0;
	}
}
@media ( min-width: 480px ){
	.sns_btn_area ul li a,
	.pagetop {
		width: 50px;
		height: 50px;
	}
}
@media ( max-width: 479px ){
	.sns_btn_area {
		min-height: 11vw;
		margin-top: 13.2813vw;
	}
	.writer_box + .sns_btn_area {
		margin-top: 5.3333vw;
	}
	.sns_btn_area ul li:not(:last-child) {
		margin: 0 3.125vw 0 0;
	}
	.sns_btn_area ul li a,
	.pagetop {
		width: 11vw;
		height: 11vw;
	}
}
@media ( min-width: 1301px ){
	.sns_btn_area.fixed ul {
		position: fixed;
		bottom: 20px;
	}
	.sns_btn_area.fixed .pagetop {
		position: fixed;
		bottom: 20px;
	}
}
@media ( max-width: 1300px ){
	.sns_btn_area.fixed > div.cf {
		position: fixed;
		width: 100%;
		max-width: 960px;
		bottom: 20px;
	}
}
@media ( min-width: 480px ) and ( max-width: 1300px ){
	.sns_btn_area.fixed > div.cf {
		width: calc(100% - 40px);
	}
}
@media ( max-width: 479px ){
	.sns_btn_area.fixed > div.cf {
		width: calc(100% - 8.8vw);
	}
}
#pagetop{
	position: fixed;
	right: 4.7%;
}
#pagetop.absolute{
	position: absolute;
	bottom: 0;
}
@media ( min-width: 897px ){
	#pagetop{
		bottom: 110px;
	}
}
@media ( max-width: 896px ){
	#pagetop{
		bottom: 20px;
	}
}

/* = 追加footerSNS
-------------------------------------------------------------- */
#footer .ft_sns_btn_wrap {
	background-color:  #333333;
}
#footer .ft_sns_btn_wrap ul {
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
}
#footer .ft_sns_btn_wrap ul li{
	float: left;
}
#footer .ft_sns_btn_wrap ul li a{
	display: block;
}
#footer .ft_sns_btn_wrap ul li:last-child{
	margin: 0;
}
@media ( min-width: 480px ){
	#footer .ft_sns_btn_wrap ul{
		padding: 8px 0;
	}
	#footer .ft_sns_btn_wrap ul li{
		margin: 0 35px 0 0;
	}
	#footer .ft_sns_btn_wrap ul li a img{
		width: 32px;
		height:32px;
	}
	#footer .ft_sns_btn_wrap ul li a{
		padding: 2px;
	}
}
@media ( min-width: 897px ){
	#footer .ft_sns_btn_wrap ul li a:hover{
		transition: transform 0.2s;
		transform: translateY(-3px);
	}
}
@media ( max-width: 479px ){
	#footer .ft_sns_btn_wrap ul{
		padding: 1.4063vw 0 1.0938vw;
	}
	#footer .ft_sns_btn_wrap ul li{
		margin: 0 7.1875vw 0 0;
	}
	#footer .ft_sns_btn_wrap ul li a{
		padding: 0.625vw;
	}
	#footer .ft_sns_btn_wrap ul li a img{
		width: 6.0938vw;
		height: 6.0938vw;
	}
}