@charset "utf-8";
/* CSS Document */

@media(min-width: 768px){
    .bottom-menu{display:none; }
}
.bottom-menu{display:none; }

.mini-text{
    font-size:14px;
	font-family: \\6E38\30B4\30B7\30C3\30AF\4F53, Yu Gothic, YuGothic, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro, Hiragino Kaku Gothic Pro, \\30E1\30A4\30EA\30AA, Meiryo, MS\ \FF30\30B4\30B7\30C3\30AF, MS PGothic, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, sans-serif;
}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:60px;/*高さ*/
    margin:0;
    padding:0;
    /*background-color:#f5f5f5;背景色*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    /*width:25%;*/
    /*background-color:#f5f5f5;背景色*/
    list-style-type:none;
    text-align:center;
    /*font-size:25px;アイコンのサイズ*/
	height:60px;
	padding-top:4px;
	line-height: 22px;
}

.bottom-menu li a {
    display: block;
    color:#FFFFFF; /*アイコン＆文字の色*/
    /*padding-top:10px;
    padding-bottom:5px;
    line-height:10px;*/
    text-decoration:none;
}

.bottom-menu li a:hover {
	/*color:#416d42; マウスオーバー時の色*/
}

ul.bottom-menu li:first-child {
    width: 42%;
	background-color: #416d42;
}

ul.bottom-menu li:nth-child(2) {
    width: 43%;
	background-color: #6d9a6e;
}
ul.bottom-menu li:nth-child(3) {
    width: 15%;
	background-color: #b4a44b;
}

.fork_spoon_icon {
	background-image: url(images/fork_spoon_icon.svg);
	height: 32px;
}

.icon_st{fill:#4B4B4B;}