@charset "utf-8";
/* css document */



/*--------------------------------------------
footer_menu
---------------------------------------------*/

.footer_call_fixed{
	width: 100%;
	height: 85px;
	text-align: center;
	bottom: 0;
	margin: 0 auto 0 auto;
	position: fixed;
	background: rgba(0, 103, 192, 0.8);
}



.footer_call_fixed a:hover{text-decoration: none;}



.footer_call_fixed ul{
			width:90%;
			height:60;
			margin:	10px auto 5px auto;
			text-align:center;
			}



.footer_call_fixed ul li{}



li.footer_call_tell_fixed{
				float:left;
				width:25%;
				height:50px;
				color:#fff;
				font-size:18px;
				font-weight:bold;
				line-height:50px;
				text-align:center;
				margin:	0 7px 0 0;



				display: block;
				z-index:5;
				}



li.footer_call_tell_fixed a{
				outline:none;
				display: block;
				width: 100%;
				height:100%;
				}



li.footer_call_reserve_fixed{
				float:left;
				width:20%;
				height:50px;
				text-align:center;
				margin:	0 0 0 0;
				font-size:13px;
				font-weight:bold;
				line-height:50px;
				border-radius: 10px;/* CSS3草案 */
				-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
				-moz-border-radius: 10px;/* Firefox用 */
				background-color:#ff6347;
				display: block;
				z-index:5;
				}



li.footer_call_reserve_fixed a{
				color:#ffff00;
				outline:none;
				display: block;
				width: 100%;
				height:100%;
				}



li.footer_call_menu_fixed{
				float:left;
				width:20%;
				height:50px;
				text-align:center;
				margin:	0 5px 0 0;
				font-size:15px;
				font-weight:bold;
				line-height:50px;
				border-radius: 10px;/* CSS3草案 */
				-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
				-moz-border-radius: 10px;/* Firefox用 */
				background-color:#ff1493;
				display: block;
				z-index:5;
				}



li.footer_call_menu_fixed a{
				outline:none;
				display: block;
				width: 100%;
				height:100%;
				}




.menu_f{
	display: flex;
	transform: translateY(100%);
	transition: .3s;
}


.active{
	transform: translate(0);
}




/*--------------------------------------------
ライン追加メニュー
---------------------------------------------*/
.footer_call_fixed img {
	width: 40px;
	margin-bottom: 3px;
}

li.footer_call_tell_fixed_2{
	float: left;
	width: 30%;
	height:55px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin:	0 7px 0 0;
	display: block;
	z-index: 5;
	padding-top: 4px;

}
li.footer_call_tell_fixed_2 a {
	display: block;
}

li.footer_call_tell_fixed_2 p {
	color: #c1a470;
	font-size: 12px;
	line-height: 12px;
}

























li.footer_call_line_fixed{
    float:left;
    width:19%;
    height:50px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    margin:	0 7px 0 0;
    border-radius: 10px;/* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
    background-color: #00B900;
    display: block;
    z-index:5;
    padding-top: 5px;
}
li.footer_call_line_fixed a {
    display: block;
}
li.footer_call_line_fixed p {
    color: white;
    font-size: 13px;
    line-height: 12px;
}








li.footer_call_reserve_fixed_2{
	float:left;
	width: 20%;
	height: 55px;
	text-align: center;
	margin: 0 7px 0 0;
	font-weight: bold;
	display: block;
	z-index:5;
	padding-top: 4px;
}

li.footer_call_reserve_fixed_2 a {
	display: block;
}

li.footer_call_reserve_fixed_2 p {
	color: #444;
	font-size: 13px;
	line-height: 12px;
}

li.footer_call_menu_fixed_2 {
    float:left;
    width:19%;
    height:50px;
    text-align:center;
    margin:	0 5px 0 0;
    font-weight:bold;
    border-radius: 10px;/* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
    background-color:#ff1493;
    display: block;
    z-index:5;
    padding-top: 5px;
    }
    li.footer_call_menu_fixed_2 a {
    display: block;
    }
    li.footer_call_menu_fixed_2 p {
        color: white;
    font-size: 13px;
    line-height: 18px; 
    }
    li.footer_call_menu_fixed_2 img {
        width: 26px;
    }