.button_black{
     display: inline-block;
     padding: 22px 66px;
     background-color: #000;
     border: 0;
     color: #fff;
     font-family: "Verlag A","Verlag B","FOT-筑紫ゴシック Pro D", TsukuGoPro-D;
     font-weight: 700;
     letter-spacing: 2px;
     line-height: 1;
}
.button_white{
    display: inline-block;
    padding: 18px 62px;
    background-color: #FFF;
    border: 0;
    border:4px #000 solid;
    color: #000;
    font-family: "Verlag A","Verlag B","FOT-筑紫ゴシック Pro D", TsukuGoPro-D;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
}

.box01-white{
    width:256px;
    padding:16px 16px;
    color:#000;
    border:3px #000 solid;
}


.title01 {
    font-family: "FOT-筑紫ゴシック Pro E", TsukuGoPro-E;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 1;
}
.title01 span{
    display: inline-block;
    padding: 0 0 11px 0;
    border-bottom: 4px solid #000;
}

input.button01{
    border:none;
    padding:0.5em 1em;
    cursor:pointer;
    border-radius: 3px;
}
input.button01.blue{
    color:#FFF;
    background-color:#0981f2;
}
input.button01.red{
    color:#FFF;
    background-color:#eb2929;
}
input.button01.orange{
    color:#FFF;
    background-color:#ED9F1A;
}
label.label01{
    font-size:13px;
    padding:1.6px 7px; 
    background-color:#AAA;
    color:#FFF;
}


.label01.orange{
    background-color:#fe9b1a;    
}
.label01.orange-linght{
    background-color:#fece4c;    
}

/*下線*/
label.label02{
    border-bottom:1px #999999 solid;
}
.label02.gray{
    color:#999999;
}


.table01 th,
.table01 td{
    padding:20px;
}
/*
@media screen and (max-width: 768px){
    .table01 th,
    .table01 td {
        display: list-item!important;
        list-style: none!important;
        max-width: 100%!important;
        width: auto!important;
        height:auto!important;
        box-sizing: border-box!important;

    }
}*/


/* ブロック内最後周り込みクリア */
.clearfix:after{
    content: ".";
    display: block;
    visibility:hidden;
    height:0;
    font-size:0;
    line-height:0;
    clear: both;
}
/*.clearfix{
    display:inline-block;
}*/
/* ie,mac */
* html .clearfix{
    height: 1%;
}
/*.clearfix{
    display:block;
}*/

#onlineshop_navi{
    float:right;
    margin-top:8px;
    margin-right:30px;
    position:relative;
}
#onlineshop_navi .list li a span.material-icons{
    position:relative;
    top:7px;
}

#onlineshop_navi .list{
    position:absolute;
    width:100%;
    background-color:rgba(0,0,0,0.8);
    display:none;
    /*opacity: 0;*/
    /*transition:all 3s 2s ease;*/
    /*transition: opacity 500ms;*/
}
#onlineshop_navi .list li{
    padding:0px 0px 6px 8px;
}

#onlineshop_navi .list li a{
    color:#FFF;
}

#onlineshop_menu_btn{
    display:inline-block;
    background-color:#000;
    color:#FFF;
    font-size:90%;
    padding:0px 16px 8px 19px;

}
#onlineshop_menu_btn .material-icons{
    position: relative;
    top:6px;
}
/*
#onlineshop_navi .list.display{
    background-color:rgba(0,0,0,0.8);
    opacity: 1;
}
#onlineshop_navi .list.hidden{
    opacity: 0;
}*/
/*neshop_navi:hover .list{

    background-color:rgba(0,0,0,0.8);
    opacity: 1;
}*/


@media screen and (max-width: 720px){
    #onlineshop_navi{
        float:center;
        margin-top:48px;
        margin-right:59px;

    }
    #header {
        height: 100px!important;
    }
    .table01 th,
    .table01 td{
        padding:8px;
    }
}