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

footer {
  bottom: 0px;                  /* 位置(下0px) */
  left: 0px;                    /* 位置(左0px) */
  width: auto;                  /* 横幅100%　*/
  height: 40px;                 /* 縦幅40px */
	margin: 200px auto 0 auto;    /*外部上余白*/
	line-height: 20px;            /*行間内部余白*/
	text-align: center;           /*文章中央揃え*/
	color: #ffffff;               /* 文字色 */
	padding: 20px 0;              /*内部上下に余白*/
	background-color: #767671;    /*背景色*/
}


/********************* 349px以下のとき適用 *************************/
@media (max-width: 349.99999px){

footer {
  height: 20px;
  margin: 60px auto 0 auto;     /*外部上余白*/
}

}


/****************** 350px以上399以下のとき適用 *******************/
@media (min-width: 350px) and (max-width: 399.99999px) {

footer {
  height: 20px;
  margin: 60px auto 0 auto;     /*外部上余白*/
}

}


/****************** 400px以上449以下のとき適用 *******************/
@media (min-width: 400px) and (max-width: 449.99999px) {

footer {
  height: 20px;
  margin: 60px auto 0 auto;     /*外部上余白*/
}

}


/****************** 450px以上479以下のとき適用 *******************/
@media (min-width: 450px) and (max-width: 479.99999px) {

footer {
  height: 20px;
  margin: 60px auto 0 auto;     /*外部上余白*/
}

}


/****************** 480px以上509以下のとき適用 *******************/
@media (min-width: 480px) and (max-width: 509.99999px) {

footer {
  height: 25px;
  margin: 80px auto 0 auto;     /*外部上余白*/ 
}

}


/****************** 510px以上549以下のとき適用 *******************/
@media (min-width: 510px) and (max-width: 549.99999px) {

footer {
  height: 25px;
  margin: 80px auto 0 auto;     /*外部上余白*/ 
}

}


/****************** 550px以上599以下のとき適用 *******************/
@media (min-width: 550px) and (max-width: 599.99999px) {

footer {
  height: 25px;
  margin: 80px auto 0 auto;     /*外部上余白*/ 
}

}


/****************** 600px以上649以下のとき適用 *******************/
@media (min-width: 600px) and (max-width: 649.99999px) {

footer {
  height: 25px;
  margin: 100px auto 0 auto;     /*外部上余白*/
}

}


/****************** 650px以上689以下のとき適用 *******************/
@media (min-width: 650px) and (max-width: 689.99999px) {

footer {
  height: 25px;
  margin: 100px auto 0 auto;     /*外部上余白*/
}

}


/****************** 690px以上739以下のとき適用 *******************/
@media (min-width: 690px) and (max-width: 739.99999px) {

footer {
  height: 25px;
  margin: 100px auto 0 auto;     /*外部上余白*/
}

}


/****************** 740px以上767以下のとき適用 *******************/
@media (min-width: 740px) and (max-width: 767.99999px) {

footer {
  height: 25px;
  margin: 100px auto 0 auto;     /*外部上余白*/
}

}


/****************** 768px以上799以下のとき適用 *******************/
@media (min-width: 768px) and (max-width: 799.99999px) {

footer {
  height: 30px;
  margin: 130px auto 0 auto;     /*外部上余白*/
}

}


/****************** 800px以上849以下のとき適用 *******************/
@media (min-width: 800px) and (max-width: 849.99999px) {

footer {
  height: 30px;
  margin: 130px auto 0 auto;     /*外部上余白*/
}

}


/****************** 850px以上899以下のとき適用 *******************/
@media (min-width: 850px) and (max-width: 899.99999px) {

footer {
  height: 30px;
  margin: 150px auto 0 auto;     /*外部上余白*/
}

}


/****************** 900px以上949以下のとき適用 *******************/
@media (min-width: 900px) and (max-width: 949.99999px) {

footer {
  height: 30px;
  margin: 150px auto 0 auto;     /*外部上余白*/
}

}


/******************* 950px以上1049以下のとき適用 ********************/
@media (min-width: 950px) and (max-width: 1049.99999px) {

footer {
  height: 35px;
  margin: 175px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1050px以上1149以下のとき適用 ********************/
@media (min-width: 1050px) and (max-width: 1149.99999px) {

footer {
  height: 35px;
  margin: 175px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1150px以上1249以下のとき適用 ********************/
@media (min-width: 1150px) and (max-width: 1249.99999px) {

footer {
  height: 35px;
  margin: 175px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1250px以上1349以下のとき適用 ********************/
@media (min-width: 1250px) and (max-width: 1349.99999px) {

footer {
  height: 40px;
  margin: 200px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1350px以上1449以下のとき適用 ********************/
@media (min-width: 1350px) and (max-width: 1449.99999px) {

footer {
  height: 40px;
  margin: 200px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1450px以上1549以下のとき適用 ********************/
@media (min-width: 1450px) and (max-width: 1549.99999px) {

footer {
  height: 40px;
  margin: 200px auto 0 auto;     /*外部上余白*/
}

}


/******************* 1550px以上1649以下のとき適用 ********************/
@media (min-width: 1550px) and (max-width: 1649.99999px) {

footer {
  height: 40px;
  margin: 200px auto 0 auto;     /*外部上余白*/
}

}


/************************* 1650px以上のとき適用 ************************/
@media (min-width: 1650px){

footer {
  height: 40px;
  margin: 200px auto 0 auto;     /*外部上余白*/
}

}