/* 
 * 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;}
}