@charset "utf-8";
/*ヘッダー*/
.he_top03{
    background-image: url(../image/back06.jpg);
    width: 100vw;
    height: 50vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.stk{
    padding-top: 15px;
}
/* トップキャッチコピーエリア */
.conA{
    top: 25%;
}
.reserved{
    text-align: right;
    margin-top: 15px;
}
/* ボタン */
.button{
    padding: 5px 10px;
    max-width: 150px;
}
/* 新着記事エリア */
article{
    width: 100%;
    max-width: 1000px;
    margin: 8rem auto;
}
.topics{
    padding: 2rem 1rem;
}
.topics h3{
    padding: 0.5rem 0
}
td{
    height: auto;
    vertical-align: top;
    padding: 1rem;
}
.topics-text{
    padding-left: 2rem;
    padding-bottom: 3rem;
}
.topics-text span{
    font-weight: bold;
    font-size: 1.1rem;
}

/* レスポンシブ */
@media screen and (max-width: 1024px){
    article{
        width: 80vw;
    }
    td{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 896px){   
    .area01{
         width: 100vw;
         grid-template-columns: 1fr;
        }
        nav{
            padding-top: 20px;
        }
        nav ul{
            width: 100%;
            grid-auto-flow: row;
            text-align: center;                   
        }
        nav ul li a::after {
            position: absolute;
            bottom: 0;
            left: 0;
            content: '';
            width: 0;
            height: 0;
            background: rgb(255, 255, 255);
            transform: none;
            transform-origin: center top;
            transition: none;
          }
        nav ul li a:hover::after {
            transform: none;
        }
        .reserved{
            display: none;
        }
        td {
        display: block;
        width: 100%;
        }
        .topics-text{
            padding-left: 0;
        }
}
@media screen and (max-width: 480px){
        body{
            line-height: 1.5;
            letter-spacing: 0;
        }
        .conA{
            width: 85vw;
            margin-top: 50px;
        }        
        .catch-copy02{
            letter-spacing: .1rem;
        }
        article{
            margin: 5rem auto;
        }
        .topics-text{
            padding-top: 0;
            padding-bottom: 2rem;
            padding-left: 0;
        }
        .topics-text span{
            line-height: 2;
        }
        footer .inner05{
            width: 80vw;
        }
        .inner05 img{
            width: 50%;
        }
        .name-sp{
            font-size: 1.5rem;
        }
        /* 予約バー */
        .footer_fix_btn{
            display: none;
        }
        .footer_fix_btn {
            position:fixed;
            bottom:5%;
            width:100%;
            padding:15px 5px ;
            text-align:center;
            background: #f5b415; 
            font-size:16px;
            color:#000000;         
        }
          .footer_fix_btn a {
            display:block;
            width:100%;
            text-decoration:none;
            color:#ffffff;
          }
          .footer_fix_btn a:hover {
            opacity:0.8;
          }
}