/* 

 * AUTHOR: TARO

 * TIME: 

 * CSS file

 */



/*20190730 tm edit */

html {

    font-size: 20px;

}

*{margin: 0;padding: 0;}        

body {

margin: 0 auto;



}            



.text-c {

text-align: center;

line-height: 1.5rem;

color: #6b6b6b;

margin-top: 20px;

font-size: 12px;

}





li {

list-style: none;

}





.wap_footernav {

width: 100%;

max-width: 640px;

height: auto;

background: #f9f9f9;

position: fixed;

bottom: 0;

z-index: 4;



}     

.wap_footernav ul {

width: 100%;

height: auto;

}

.wap_footernav ul li {

width: 18.75%;

line-height: .4rem;

border-right: 2px #e2e2e2 solid;

text-align: center;

font-size: 0.5rem;

margin: .5rem 0;

padding: 0 1%;

float: left;

box-sizing: border-box;

}

.wap_footernav ul li img {

display: block;

width: 35%;

height: auto;

margin: 0 auto .5rem;

}

.wap_footernav ul li p {

width: 100%;

height: auto;

font-size: .5rem;

margin: 0;

color: #232323;

}

.wap_footernav ul li a {

text-decoration: none;

}



.wap_footernav ul li:nth-child(3) {

border-right: none;

}

.wap_footernav ul li.epay {

border-right:2px #e2e2e2 solid;

}

.wap_footernav ul li.footernav_consul {

background: #1c366c;

border-right: none;

margin: 0;

padding: .5rem 1%;

}

.wap_footernav ul li.footernav_consul.epay {

background: #f9f9f9;

border-right: 2px transparent solid;



}

.wap_footernav ul li.footernav_tel p {

font-size: .6rem;

color: #fff;

}

.wap_footernav ul li.footernav_tel span {

display: block;

font-size: .5rem;

color: #fff;

}

.wap_footernav ul li.footernav_consul p {

color: #fff;

}

.wap_footernav ul li.footernav_consul.epay p {

color: #232323;

}

.wap_footernav ul li.footernav_tel {

width: 25%;

height: auto;

line-height: initial;

background: #e00;

border-right: none;

margin: 0;

padding: .71rem 1%;

}



.wap_footernav ul li.footernav_tel.epay{

background: #179cd4;

}





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

html {

font-size: 18px;

}

.wap_footernav ul li.footernav_tel{

padding: 0.2rem 1%;

}

}



@media only screen and (min-width: 414px) {

.wap_footernav ul li.footernav_tel {

padding: .75rem 1%;

}

}



@media only screen and (min-width: 480px) {

html {

font-size: 29px !important;

}



.wap_footernav ul li.footernav_tel {

padding: .86rem 1%;

}

}



@media only screen and (min-width: 768px) {

.wap_footernav{display: none;}

}