@charset "utf-8";

.page_title{
}

.colum00_cms{
margin-bottom: 50px;
}


.logobox_col455864pay div{
width: 20%;
margin-left: 3%;margin-right: 2%;
float: left;
text-align: center;
border: 1px solid #ccc;
padding: 1%;
}

.bordernn01258{
border: 1px solid #ccc;

}

/*
.tit_h3{
padding: 10px;
background-color: #c3a516;
color: #fff;
font-weight: 800;
font-size: 1.6rem;
}
*/

.tit_h3{
color: #a0824f;
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 20px;
}


.detail_box{
display:flex;
margin: 15px 0;
width: 100%;
justify-content: space-between;
}

.detail_box .detail_inn{
/* display: table-cell; */
flex:1;
/* padding: 15px; */
/* vertical-align: top; */
/* overflow-wrap: normal; */
}
.detail_box .detail_ph{
    flex:1;
/* display: table-cell; */
padding: 0 0 0 15px;
width: 40%;
white-space: normal;
text-align: right;
}


.detail_50{
display: table-cell;
padding: 15px;
width: 50%;
margin:0 auto;
text-align: center;
}
.detail_50>div{
    width:100%;
}
/*
.box_btn.l:not(.back_btn){
    width:100%;
}*/

.line_line{
padding: 15px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;

}
.line_line > div{
    display:flex;
    justify-content: space-around;
}
.mt_block.m {
    margin-top: 0px;
}

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

.logobox_col455864pay div{
width: 90%;
margin-left: 5%;margin-right: 5%;
float: none;
padding: 3%;
margin-bottom: 15px;
}

.detail_box{
display: block;
margin: 15px 0;
width: 100%;
}

.detail_box .detail_inn{
display: block;
padding: 5px;
vertical-align: top;
}
.detail_box .detail_ph{
display: block;
padding: 5px;
width: 100%;
text-align: center;
}

}


.btn_rest_reserve a {
    display: block;
    padding: 10px;
    border: 1px solid #694e0e;
    margin: 10px 0 10px 0;
    text-align: center;
    color: #fff;
    font-weight: 900;
    background-color: #694e0e;
    width: 50%;
    text-decoration: none;
}

.btn_rest_reserve a:hover {
    background-color: #fff;
    color: #694e0e;
}

.btn_rest_reserve a:before {
    content: "";
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 46px;
    /*画像の幅*/
    height: 44px;
    /*画像の高さ*/
    background-image: url(/images/reserve.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.btn_rest_reserve a:hover:before {
    background-image: url(/images/reserve_on.png);
    width: 46px;
    /*画像の幅*/
    height: 44px;
    /*画像の高さ*/
    background-size: contain;
    vertical-align: middle;
}

.btn_rest_reserve.nontable a:before {
    content: "";
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 0px;
    /*画像の幅*/
    height: 0px;
    /*画像の高さ*/
    background-image: none;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0;
}

.btn_rest_reserve.nontable a:hover:before {
    background-image: none;
    width: 0px;
    /*画像の幅*/
    height: 0px;
    /*画像の高さ*/
    background-size: contain;
    vertical-align: middle;
}

@media screen and (max-width: 980px) {
.btn_rest_reserve a {
    margin: 10px auto 10px auto;
    width: 80%;}
}

@media screen and (min-width: 981px) {
.thw25 th{
width: 25%;

}
}