@charset "UTF-8";


/* discription */

footer>nav{
	margin-bottom: 12px;
}

#container footer h2.discription .discription.company{
	display: inline-block;
	margin-bottom: 8px;
	font-size: 0.8rem; 
	color: var(--main-color-bdb);
	border-bottom: var(--main-color-bdb) dotted 1px;
	padding: 4px 100px 4px;
}

#container footer h2.discription .works{
	display: block;
	margin-bottom: 12px;
	color: var(--main-color-bdb);
}

#container footer h2.discription address{
	text-decoration:none;
	font-style:normal;
	color: var(--main-color-bdb);

}

#container footer h2.discription{
	margin-bottom: 8px;
	text-align: center;
	font-size: 0.7rem; 
	line-height: 0.84rem;
	font-weight: 100;
}

#container>footer {
	padding: 12px 0 16px;
	width: 100%;
	color: #fff;
/* 	background-color:  rgba(84,43,0,0.97); */
	background-image: 
		url('/assets/cl_maruna/images/footer_bg.webp'),
		linear-gradient(to bottom, rgba(74,38,0,0.97), rgba(100,51,0,0.98));/*  */
	background-size: auto 100%;
	/* background-blend-mode: multiply; */
	box-sizing: border-box; 
}

.lower #container>footer {
	padding-bottom: 20px;
}


#container>footer p.cp {
  text-align: center;
  font-size: 10px; 
  line-height: 14px;
	color: var(--main-color-bdb);
}

#container #footerNav {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  
margin-bottom: 8px; 

 }

#container #footerNav li {
	margin-right: 8px;
	padding-right: 8px;
	border-right: #666 solid 1px; 
}
	
#container #footerNav li:last-child {
	margin: 0;
	padding: 0;
	border: 0; 
  }

#container #footerNav li a	  
#container #footerNav a, 
#container #footerNav a:link, 
#container #footerNav a:visited 
{
	display: block;
	height: 16px;
    color: #f3f3f3;
    font-size: 12px;
    line-height: 16px; 
}

#container #footerNav li a:hover{
    color: var(--search-color);
}	

#snsBox {
  display: flex;
  flex-flow: row wrap;
  /*並びの方向　折り返しのありなし*/
  -webkit-justify-content: center;
  /*並び方の配置規則*/
  justify-content: center;
  /*並び方の配置規則*/
  margin-bottom: 8px; 
  
  }

#container>footer #snsBox a {
  display: table;
  margin-right: 8px;
  width: 28px;
  height: 28px;
  color: #fff;
  border-radius: 50%; 
  box-sizing: content-box;
  box-shadow: 0 0px 4px 2px rgba(255,255,255,0.2);
 }

#container>footer #snsBox a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#container>footer #snsBox a i.fa-2x {
  font-size: 1rem; }

#container>footer #snsBox a:last-child {
  margin-right: 0; }

/* LINE +++++++++++++++++++++++++++++++++++++++ */
#container>footer #snsBox a {
  position: relative;
  z-index: 11;
  display: table;
  width: 28px;
  height: 28px;
  background: #8d8d8d;
  border-radius: 50%; }

#container>footer #snsBox a.line {
  background-image: url("/assets/svg/line.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat; }

#container>footer p {
  font-size: 0.7rem; }
  
 #container>footer #snsBox.mono a {
  background-color: #424251; }
 }

/* Coloring */
#container>footer #snsBox.color a#fb {
  background: #1877f2; }

#container>footer #snsBox.color a#tw {
  background: #1DA1F2; }

#container>footer #snsBox.color a#in {
  background: #f50000;
  background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); }

#container>footer #snsBox.color a#li {
  background: #00b900 url("/assets/svg/line.svg") no-repeat center; }
  

@media only screen and (max-width: 767px) {

  #container>footer ul{
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	  
  }
  
  #container>footer p a,
  #container>footer p a:visited,
  #container>footer p a:link 
  {
		margin: 0 auto;
		width: auto;
		font-size: 10px;
		line-height: 12px; 
	}

  #container>footer p.cp
  {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 100%; }

  #container>footer ul,
  #container>footer p {
    margin: 0 auto;
    text-align: center;
    width: 100%; } 
		

	#container>footer {
		padding: 12px 8px 56px;
	}

	
}