@charset "UTF-8";

/* footer.css
**************************************************************************************/


/* Layout
=============================================================================*/

.footer-area {
	margin:-3px 0 0 0;
	background:url("../../image/footer-bg001.png") no-repeat top center;
}

.footer-left-area {
	width:830px;
	padding:60px 50px 80px 0;
	display:table-cell;
}

.footer-right-area {
	width:340px;
	padding:0 0 0 40px;
	display:table-cell;
	vertical-align:top;
}


@media screen and (max-width: 767px){
.footer-area {
	background:url("../../image/footer-bg001.png") no-repeat top left;
}
.footer-left-area {
	display:none;
}
.footer-right-area {
	width:auto;
	padding:0;
	display:block;
	padding:30px 0 0;
}
}

/* Footer-link
=============================================================================*/

#footer .footer-left-area .footer-link {
	padding:0 34px 0 0;
	float:left;
}

#footer .footer-left-area .footer-link:last-child {
	padding:0;
}

#footer .footer-left-area .footer-link .title {
	margin:0 0 7px 0;
}

#footer .footer-left-area .footer-link .title a {
	color:#fff;
	font-size:115%;
	padding:0 0 0 20px;
	background:url("../../image/footer-ar001.png") no-repeat left 7px;
	background-size:14px auto;
}

#footer .footer-left-area .footer-link li {
	margin:0 0 5px 0;
}

#footer .footer-left-area .footer-link a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 20px;
	background:url("../../image/footer-ar002.png") no-repeat 10px 4px;
	background-size:5px auto;
}

#footer .footer-left-area .footer-link a:hover {
	color:#f39a00;
}

/* Footer-navi
=============================================================================*/

#footer .footer-navi-area {
	position:relative;
}

/* Footer-navi
=============================================================================*/

#footer .footer-navi-area .contact-btn {
	text-align:center;
	margin:0 0 20px 0;
}

#footer .footer-navi-area .contact-btn a {
	color:#222;
	text-align:center;
	text-decoration:none;
	font-size:93%;
	padding:5px 20px;
	background:#fff;
	/*border-radius*/
	border-radius:30px; 
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;
}

#footer .footer-navi-area .contact-btn a:hover {
	color:#ff9900;
}

#footer .footer-navi-area .footer-navi li {
	width:30%;
	float:left;
	margin:0 0 3px 0;
}

#footer .footer-navi-area .footer-navi li:nth-child(1),
#footer .footer-navi-area .footer-navi li:nth-child(4) {
	width:40%;
}

#footer .footer-navi-area .footer-navi li a {
	font-size:93%;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	font-weight:bold;
	background:url("../../image/footer-ar001.png") no-repeat left 3px;
	background-size:14px auto;
}

#footer .footer-navi-area .footer-navi li a:hover {
	color:#ff9900;
}

@media screen and (max-width: 767px){
#footer .footer-navi-area .footer-navi {
	padding:0 30px;
}

#footer .footer-navi-area .footer-navi li {
	width:50%;
}

#footer .footer-navi-area .footer-navi li:nth-child(1),
#footer .footer-navi-area .footer-navi li:nth-child(4) {
	width:50%;
}
}


/* Sig
=============================================================================*/

#footer .sig-area {
	color:#fff;
}

#footer .sig-area-in {
	padding:37px 0 10px;
}

#footer .sig-area-in .footer-logo {
	font-size:129%;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 13px 0;
	background:url("../../image/footer-logo.png") no-repeat center top;
	background-size:39px auto;
}

#footer .sig-area-in address {
	text-align:center;
	font-size:93%;
}

#footer .sig-area-in address p {
	margin:0 0 7px 0;
}

#footer .sig-area-in address p span {
	font-weight:bold;
}

@media screen and (max-width: 767px){
#footer .sig-area-in {
	padding:0;
}
}
	
/* Copy
=============================================================================*/

#footer .copy {
	position:absolute;
	bottom:20px;
	left:50%;
	margin:0 0 0 -100px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}

@media screen and (max-width: 767px){
#footer .copy {
	position:static;
	margin:0;
	padding:10px 0 60px;
	text-align:center;
}
}

/* footer-recipe-bt
=============================================================================*/

.footer-recipe-bt {
	display:none;
}

@media screen and (max-width: 767px){
.footer-recipe-bt {
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:80;
}
.footer-recipe-bt a {
	width:100%;
	display:block;
	color:#fff;
	padding:10px;
	text-align:center;
	background:#f60000;
}
.footer-recipe-bt a img {
	display:inkine-block;
	margin:0 0 0 -20px;
}
}