/*============================================================
	Footer
==============================================================*/
#footer {
    background-color:#0089D1;
    padding: 20px 0 10px;
	color: #fff;
	border-top: 5px solid #ccc;
	font-size:80%;	
}

.footer_name{
	font-size:150%;
}

.footer-content{
    margin: 0 auto;
}

.footer-content p{
	color:#FFFFFF;
}

.footer-content > div {
    margin-bottom: 40px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subscribe-form {
    position: relative;
}

.subscribe.form-control {
    background-color: transparent;
    border: 1px solid #7f7f7f;
}

.subscribe.form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.submit-icon {
    background-color: #7f7f7f;
    border: 0 none;
    border-radius: 0;
    color: #c1c1c1;
    padding: 13px 20px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
}

.submit-icon .fa-paper-plane {
    position: relative;
    top: 0;
    
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);

    -webkit-transition: all 0.3s ease 0.2s;
       -moz-transition: all 0.3s ease 0.2s;
        -ms-transition: all 0.3s ease 0.2s;
         -o-transition: all 0.3s ease 0.2s;
            transition: all 0.3s ease 0.2s;
}

.submit-icon:hover .fa-paper-plane {
    position: relative;
    top: -37px;
    
    -webkit-transform: translateX(30px);
       -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px);
}

.footer-content .footer-social {
    margin: 40px 0 35px;
}

.footer-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer-social ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer-social ul li a {
    color: #7f7f7f;
    display: block;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.footer-social ul li a:hover {
    color: #009EE3;
}

.footer-content > p {
    font-size: 12px;
}
#footer h3{color:#fff;}

/* ----------------------------------------
 *   footer
 * ---------------------------------------- */
#footer_adress{
	font-size:90%;
	line-height:150%;
	margin-bottom:10px;
	color:#FFFFFF;

}

#footer_adress a:link{ color:#FFFFFF; }
#footer_adress a:visited{ color:#FFFFFF; }
#footer_adress a:active{ color:#FFFFFF; }
#footer_adress a:hover{color:#FFFFFF; }

@media all and (max-width: 767px) {
	#footer_navi ul li{
		list-style:none;
	}

	#footer_navi ul li a:link{ color:#FFFFFF; }
	#footer_navi ul li a:visited{ color:#FFFFFF; }
	#footer_navi ul li a:active{ color:#FFFFFF; }
	#footer_navi ul li a:hover{color:#FFFFFF; }



	#footer_navi p{
		font-weight:bold;
		font-size:115%;
	}

	#footer_navi p a:link{ color:#FFFFFF; }
	#footer_navi p a:visited{ color:#FFFFFF; }
	#footer_navi p a:active{ color:#FFFFFF; }
	#footer_navi p a:hover{color:#FFFFFF; text-decoration:underline}



}
#footer_navi{
	/*margin-bottom:50px;*/
}

#footer_navi ul li{
	list-style:none;
	margin-left:-40px;
}

#footer_navi ul li a:link{ color:#FFFFFF; }
#footer_navi ul li a:visited{ color:#FFFFFF; }
#footer_navi ul li a:active{ color:#FFFFFF; }
#footer_navi ul li a:hover{color:#FFFFFF; text-decoration:underline}

#footer_navi p{
    background: #FFFFFF;
    padding: 5px 10px;
    text-align: center;
	margin-bottom:10px;
color: #000000;}

#footer_navi p a:link{ color:#000000; }
#footer_navi p a:visited{ color:#000000; }
#footer_navi p a:active{ color:#000000; }
#footer_navi p a:hover{color:#000000; text-decoration:underline}

/**
/*	繝�う繝�ち繝ｼ繝輔ぉ繧､繧ｹ繝悶ャ繧ｯ
/* ==========================================*/

.footer-midcol-02 ul {
	margin:0 auto;
	text-align:center;
}

.footer-midcol-02 li {
    list-style: none;
	display: inline-block;
  	/display: inline;
  	/zoom: 1;
    margin:5px;
}
.facebook-icon {
    background: url(../img/facebook-icon.png);
    height: 34px;
    width: 35px;
    display: block;
    text-indent: -9999px;
}
.insta-icon {
    background: url(../img/insta-icon.png);
    height: 35px;
    width: 35px;
    display: block;
    text-indent: -9999px;
}