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



 * footer



 **************************************************/
/* 全体の設定 */
.rst .dnr-footer {
	padding: 0 0 8px;
	color: #fff;
	background: #231815;
}
.dnr-footer .footer-nav {
	font-size: 16px;
	padding: 32px 0px 64px;
}
/* TOPボタン */
.dnr-footer > .contents-wrapper {
	position: relative;
}
.dnr-footer .footer-top-btn {
	position: absolute;
	display: block;
	width: 144px;
	height: 32px;
	padding: 10px 0 0;
	top: -32px;
	right: 10px;
	color: #fff;
	text-align: center;
	border-radius: 4px 4px 0 0;
	background: #231815;
}
.dnr-footer .footer-top-btn::before {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	top: 12px;
	left: 8px;
	border-radius: 50%;
	background: #fff;
}
.dnr-footer .footer-top-btn::after {
	content: "";
	position: absolute;
	display: block;
	top: 15px;
	left: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 5.2px 3px;
	border-color: transparent transparent #231815 transparent;
}
.dnr-footer .dnr-link,
.dnr-footer .main-menu,
.dnr-footer .user-guide {
	margin-bottom: 64px;
}
/* SNSリンク */
.dnr-footer .footer-logo {
	/*
	float: left;
	width: 50%;
	margin: 0 10% 0 0;
	*/
	margin:0 0 30px;
}
.rst .dnr-footer .footer-logo a {
	display: block;
	width: 150px;
	margin: 0 auto;
}
.dnr-footer .sns-link {
	/*
	float: left;
	width: 40%;
	padding: 80px 0 0;
	*/
	padding:0 0 0 40px;
}
.dnr-footer .sns-link li {
	margin: 0 0 1em;
}
.dnr-footer .sns-link li a {
	color: #fff;
}
/* メニュー */
.dnr-footer .menu-title {
	margin: 0 0 16px;
	padding: 0 0 16px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #d9d7d6;
	color:#fff;
}
.dnr-footer .menu-title + ul li {
	margin: 0 0 1em;
}
.dnr-footer a {
	color: #fff!important;
}
/* コピーライト */
.dnr-footer .copyright {
	display: block;
	font-size: 12px;
	text-align: center;
	color:#fff;
}

.dnr-footer .sns-link li {
	padding-left:30px;
	padding:3px 0 3px 30px;
}

.dnr-footer .sns-link li.sns_facebook {
	background:url(../img/common/footer_sns_icon1.png) no-repeat left center;
}

.dnr-footer .sns-link li.sns_instagram {
	background:url(../img/common/footer_sns_icon2.png) no-repeat left center;
}

.dnr-footer .sns-link li.sns_line {
	background:url(../img/common/footer_sns_icon3.png) no-repeat left center;
}

@media screen and (min-width: 769px) {
	.rst .dnr-footer {
		/*min-width: 1164px;*/
		padding: 0 0 32px;
		margin: 0;
	}
	.dnr-footer .footer-nav {
		margin: 0 0 64px;
		padding: 48px 0 0;
		font-size: 14px;
	}
	.dnr-footer .dnr-link,
	.dnr-footer .main-menu,
	.dnr-footer .user-guide,
	.dnr-footer .information {
		float: left;
		width: calc(25% - 36px);
	}
	.dnr-footer .dnr-link,
	.dnr-footer .main-menu,
	.dnr-footer .user-guide {
		margin-right: 36px;
		margin-bottom: 0;
	}
	.dnr-footer .main-menu,
	.dnr-footer .user-guide,
	.dnr-footer .information {
		padding: 34px 0 0;
	}
	
	.dnr-footer .information ul {
		border-bottom:1px solid #fff;
		padding-bottom:10px;
		margin:0 0 20px;
	}
	
	.dnr-footer .information .footer_logo_style img {
		margin:0 0 15px;
	}
	
	/* メニュー */
	.dnr-footer .menu-title {
		width: 200px;
		font-size: 14px;
		color:#FFFFFF;
	}
	/* TOPボタン */
	.dnr-footer .footer-top-btn {
		width: 160px;
		right: 32px;
	}
	/* SNSリンク */
	.dnr-footer .footer-logo {
		float: none;
		width: 100%;
		margin: 0 0 32px;
	}
	.rst .dnr-footer .footer-logo a {
		width: 124px;
	}
	.dnr-footer .sns-link {
		float: none;
		width: 100%;
		padding: 0 0 0 50px;
	}
	.dnr-footer .sns-link li {
		margin: 0 0 1em;
	}
	.dnr-footer .sns-link li a {
		color: #fff;
	}
}

.dnr-footer .information .footer_logo_style img {
	margin:0 0 15px;
}

.dnr-footer .information .footer_logo_style img.cop_logo {
	max-width:120px;
}

@media screen and (max-width: 768px){
	.dnr-footer .footer-nav .dnr-link {
		margin:0 auto 30px;
		max-width:300px;
	}
	
	.dnr-footer .footer-nav .dnr-link .footer-logo {
		float:left;
		width:150px;
	}
	
	.dnr-footer .footer-nav .dnr-link .sns-link {
		float:left;
		max-width:143px;
		margin:45px 0 0;
	}
}

/* 20220411 共通フッター下に 関連リンク 追加 */
.dnr-footer .footer-relation-site{
    border-top: 1px solid #333;
	padding: 2em 0 1.5em 0 ;
}
.dnr-footer .footer-relation-site .menu-title {
    width: 100%;
	padding-top:2em;
	}

@media screen and (min-width: 769px){

	.dnr-footer .footer-relation-site .menu-title + ul li {
    display:inline-block;
    padding-right: 1.5em; 
    margin-right:  1.5em;
	border-right: 1px solid #444;
    }
	.dnr-footer .footer-relation-site .menu-title + ul li:last-child {
	border-right: none;
    }
}