@charset "utf-8";
/*フッター*/

/*------------------------------- footer */
div#footer{
	clear:both;
	min-width: 800px;
	background-color:#ffffff;
  position: absolute;
}
div#footer_inner,
div#footer #menubottom_inner{
	max-width: 1220px;
	min-width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}

div#footer #menubottom_inner{
  position: relative;
}



div#footer div.fInner{ padding: 0 17px 0 17px; }
div#footer #menutop{
	float:left;
	height:41px;
	width: 469px;
	display: inline; 
}
div#footer #menutop li{
	margin-top:10px;
	float:left;
}
div#footer #menutop li,
div#footer #menutop li a{
	display:block;
	height: 19px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}
div#footer div#footlogo{
	display: inline;
	float: right;
	width: 137px;
	margin-top:5px;
}
div#footer #menubottom{
	clear:both;
	background-color:#EEE;
	margin: 0;
  padding: 7px 0;
}
div#footer #menubottom_inner{ height:19px; }
div#footer #menubottom li{
	float:left;
	background-color:#EEE;
}

div#footer #menubottom li,
div#footer #menubottom li a{
  font-size: 0.7rem;
  color: #B1B1B1;
}
div#footer #menutop .footer_menu01,
div#footer #menutop .footer_menu01 a,
div#footer #menutop .footer_menu01 a:hover{
  background-image: url(/cmt/footer/images/footmenu01.png);
	width:131px;
}
div#footer #menutop .footer_menu02,
div#footer #menutop .footer_menu02 a,
div#footer #menutop .footer_menu02 a:hover{
  background-image: url(/cmt/footer/images/footmenu02.png);
	width:109px;
}
div#footer #menutop .footer_menu03,
div#footer #menutop .footer_menu03 a,
div#footer #menutop .footer_menu03 a:hover{
  background-image: url(/cmt/footer/images/footmenu03.png);
	width:148px;
}
div#footer #menutop .footer_menu04,
div#footer #menutop .footer_menu04 a,
div#footer #menutop .footer_menu04 a:hover{
  background-image: url(/cmt/footer/images/footmenu04.png);
	width:81px;
}
div#footer #menubottom .footer_menu05,
div#footer #menubottom .footer_menu05 a,
div#footer #menubottom .footer_menu05 a:hover{

}
div#footer #menubottom .footer_menu06,
div#footer #menubottom .footer_menu06 a,
div#footer #menubottom .footer_menu06 a:hover{
}
div#footer #menubottom .footer_menu07,
div#footer #menubottom .footer_menu07 a,
div#footer #menubottom .footer_menu07 a:hover{
}
div#footer #menubottom .footer_menu08,
div#footer #menubottom .footer_menu08 a,
	width:81px;
}
div#footer #menubottom li#copyright,
div#footer #menubottom li#copyright a,
div#footer #menubottom li#copyright a:hover{
	float: right;
	width: 184px;
}
div#footer #menubottom li#copyright{ padding-right: 3px; }
#copyright{text-align: right;}
#copyright a{color: #000;}
/*---------------------------------------------------------------------------- clearfix**/

div#footer:after,
div#footer_inner:after,
div#footer #menubottom:after {  content:" "; display:block; height:0; clear:both; visibility:hidden; margin-bottom: 0; padding: 0; line-height: 0; font-size: 0; }

div#footer,
div#footer_inner,
div#footer #menubottom{ display:inline-block; }

/*\*/


* html div#footer,
* html div#footer_inner,
* html div#footer #menubottom { height:1%; }

div#footer,
div#footer_inner,
div#footer #menubottom{ display:block; }

div#footer #menubottom li{margin:0 10px 0 0;}
div#footer #menubottom li a{color: #828282;text-decoration: none;}
div#footer #menubottom li#copyright{position: absolute;right:0px;}
/**/


@media screen and (max-width: 768px) {
  
  
  div#footer{width: 100%;min-width: 320px!important;}
  div#footer_inner{min-width: 320px!important;}
  div #footer #menutop,#footer #footlogo{display: none!important;}
  div#footer #menubottom_inner{min-width: 320px;height: auto;background: #eeeeee;padding: 27px 0!important;}
  div#footer #menubottom_inner .fInner{display: flex;justify-content: center;align-content: center;flex-direction: column;}
  #menubottom ul{display: flex;flex-wrap: wrap;justify-content: center; padding-left: 0;text-align: center;margin: auto;}
  #footer #menubottom ul li:not(#copyright) {background-image:url(/cmt/footer/images/icon_footer.png);background-position: left center!important; background-repeat: no-repeat;background-size: 12px 12px; padding-left: 14px;margin-bottom: 10px;}
  #copyright{display:inline-block;margin-top: 10px!important;position: static!important;}
  #copyright a{color: #000;}
  }