@charset "UTF-8";
/* =====================
*　footer
===================== */
.l-footer {
  width: 100%;
	height:360px;
	background-color: #f4eeed;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.l-footer__share {
  width: 220px;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}

.l-footer__item:first-child {
  background-color: #3d589d;
}

.l-footer__item:last-child {
  background-color: #2ca1f5;
}

.l-footer__item {
  height: 40px;
  width: 100px;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.l-footer__item a {
  height: 100%;
  color: #fff;
  font-weight: bold;
  -js-display: flex;
  display: flex;
  align-items: center;
}

.l-footer__item aimg {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.l-footer__item a:hover {
  opacity: 0.7;
}
.foot_ttl{
    font-family:Century Gothic, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝";
	font-size:1.6em;
	font-weight: 300;
	color:#222;
	text-shadow: 0px 6px 10px #555;
	margin-top:40px;
	text-align: center;
}

.contact__box{
	width:1000px;
	}
.contact__btn a{
	background-color: #333;
	color:#fff;
	border-radius: 50px;
	font-size: 3.2rem;
	padding:8px 56px;
	font-weight:bold;
}
.contact__btn a:hover{
	background-color: #333;
}
.c-txt{
	font-size:1.6rem;
}
.f-box{
	width:1000px;
	height:60px;
	margin-top: 60px;
	position:relative;
}
.f-logo{
	font-size:2.4rem;
}
.f-copyright{
	position: absolute;
    color: #333;
    bottom: 0;
    left: 0;
}
.f-nav{
	position: absolute;
    color: #333;
    right: 0;}
.f-nav ul{
	list-style: none;
    margin-left: 0;
    padding-left: 0;
}

@media screen and (max-width:481px){
	.l-footer {
	height:360px;
	background-color: #f4eeed;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
	.contact__box{
	width:90%;
	}
	.f-box{
	width:90%;
	height:60px;
	margin-top: 60px;
	position:relative;
}
	.c-txt{
	text-align: center;
}
	.f-nav{
	position: absolute;
    color: #333;
	bottom:90%;
    left: 0;}
}