@charset "UTF-8";

#footer{
	background-color : black;
	text-align: center;
	width: 100%;
	height : auto;
	color: white;
	padding-top: 20px;
	padding-bottom: 50px;
  z-index : 3;
  box-sizing : border-box;
  margin-top : 0px;
}
#f_navi{
  display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  max-width : 800px;
  height : inherit;
  margin-top : 0px;
  box-sizing : border-box;
}

#f_navi ul{
  width : 80%;
  height : auto;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  list-style-type : none;
  list-style-position : inside;
  color : white;
  text-align : center;
}
#f_navi li{
  color : white;
  text-align : left;
  padding-top : 0px;
  padding-left : 3%;
  padding-right : 3%;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 100%;
  display: inline-block;
}
#footer a{
  color: white;
  text-decoration : none;
}

#footer a:hover{
  color : red;
}

.f_img_left{
  max-width : 300px;
  height : inherit;
  float : left;
  margin-right : 10px;
}
#footer_1{
 max-width : 1100px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}
#footer_2{
 width : 300px;
  margin-left : auto;
  margin-right : auto;
  text-align : left;
  float : left;
  padding-right : 10px;
  margin-top : 0px;
}

/*ここからタブレット用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width:800px){

#f_navi{
  display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  max-width : 100%;
  height : inherit;
  margin-top : 0px;
  box-sizing : border-box;
}
#f_navi ul{
  width : 100%;
  height : inherit;
  padding-left : 0px;
  padding-right : 0px;
  margin-left : 0px;
  margin-right : 0px;
  list-style-type : none;
  list-style-position : inside;
    margin-top : 0px;
    margin-bottom : 0px;
}
#f_navi li{
	color : white;
    margin-top : 0px;
  
    width : 100%;
    box-sizing : border-box;
  
    text-align : left;
    text-indent : 1em;
  
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : silver;
  
    padding-top : 20px;
    padding-bottom : 20px;
  }
#footer_2{
 max-width : 100%;
  margin-left : auto;
  margin-right : auto;
  text-align : left;
  float : none;
    border-bottom-width : 2px;
    border-bottom-style : solid;
    border-bottom-color : silver;
  
    width : 100%;
  
    padding-bottom : 10px;
  
    box-sizing : border-box;
  }

.f_add{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
}
.f_img_left{
  max-width : 100%;
  height : inherit;
  float : left;
  margin-right : 10px;
}
img{
	border-width : 0px;border-style : none;
}