*{
        margin: 0;
        padding:0;
        box-sizing: border-box;
    }
    div#htlBrdCrmbs{
        margin: 0 auto;
        max-width: 1600px;
        width: 100%;

    }
    #htlContents{
        margin-left:0;
        max-width: 100%;
    }

    div#htlMainContent{
        width:100%;
        float:none;
        padding-top:5px;
        margin-left: auto;
        margin-right:auto;

        display:block !important;
        background-color: rgb(242, 244, 245);
    }
    .single-column #htlMainContent{
        margin: 0 0 0 0 !important;
    }
    div#htlHeader{
        max-width: 1600px;
        margin: 0 auto;
        width: 100%;
    }
    div#trvlHtlTabNav {
        max-width: 1600px;
        margin: 0 auto;
        width: 100%;
    }
    div#trvlHtlSubNav{
        max-width: 1600px;
        margin: 0 auto;
        width: 100%;
    }
    div#RthCustomizeW{
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 0;

    }
    #customizeView{
        clear:both;
        width:auto;
        margin:0 auto 10px auto;
        padding:0;
        font-family: "roboto","源ノ角ゴシック";
        background-color:rgb(255,250,247)
    }
    #htlSide-A{
        display:none;
    }
    #wrapper{
        min-width: 1200px;
        margin-top: 25px;
        font-size: 16px;
        color: black;
        margin: 0 auto;
        /* font-family:Arial; */
    }
    #header{
        /* height:90%; */
        height:825px;
        margin-top:30px;
        position:relative;
        margin:0 auto;
        /* aspect-ratio: 16 / 9; */
    }
    #header img{
        /* height:100%; */
        height:100%;
        width:100%;
        border-bottom-right-radius: 120px;
    }
    .slider{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        animation:  50s infinite img-change;
        animation-timing-function: ease-in;
        opacity:0
    }
    .slider:nth-child(1){
        animation-delay: 0s;
    }
    .slider:nth-child(2){
        animation-delay: 5s;
    }
    .slider:nth-child(3){
        animation-delay: 10s;
    }
    .slider:nth-child(4){
        animation-delay: 15s;
    }
    .slider:nth-child(5){
        animation-delay: 20s;
    }
    .slider:nth-child(6){
        animation-delay: 25s;
    }
    .slider:nth-child(7){
        animation-delay: 30s;
    }
    .slider:nth-child(8){
        animation-delay: 35s;

    }


    .slider img{
        /* width:100%; */
        /* height:900px; */

        object-fit: cover;

    }

    @keyframes img-change{
        0%{
            opacity:0
        }
        10%{
            opacity:1

        }
        20%{
            opacity:1
        }
        30%{
            opacity:1
        }
        40%{
            opacity:0
        }
        100%{
            opacity:0
        }
    }

    #right_plan{
        position:fixed;
        z-index: 20;
        width:4%;
        height:20%;
        top:450px;
        right:0px;
        background-color: white;

    }
    #right_plan a:hover{
        background-color: #BB5400;
    }

    #right_plan a{
        width:100%;
        height:100%;
        background-color: #fff;
        display:flex;
        justify-content: center;
        align-items: center;
        transition: all 0.2s;
        writing-mode: vertical-rl;
        letter-spacing: 0.2em;
        text-decoration: none;
        min-height:100px;
        background-color: 002C49;
        color:white;
        min-width:50px;
    }

    .bx-wrapper{
        margin-bottom:0px;
        border:none;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 10px;
    }
    .concept{
        width:100%;
        margin:0 auto;

    }



    .titlecolor{
        color:RGB(39,39,39);
    }
    .textcolor{
        color:rgb(105,105,105);
    }
    .backcolor{
        color:rgb(226, 82, 9);
    }
    .margin0{
        margin-bottom:40px;
    }
    .margin1{
        margin:40px 40px 40px 0;
    }
    .margin_2{
        margin:0 0 40px 40px;
    }
    .margin_3{
        margin:0 40px 0 0;
    }
    .margin_4{
        margin:40px 0 60px 40px;
    }
    .margin_5{
        width:300px;
        margin:20px auto;
    }
    .margin_T10{
        margin-top:10px;
    }
    .salepoint{
        display:block;
        width:1200px;
        margin:0 auto 0 auto;
    }
    .salepoint .maru img{
        border-radius: 5px;
    }
    .salepoint .FirstPhoto{
        display:flex;

    }
    .salepoint .FirstPhotoText{
        margin:auto auto;
    }
    /* .salepoint .FirstPhotoText h2{
        text-shadow:1px 2px 3px grey;
    } */
    .salepoint .FirstPhotoText a:hover{
        background-color: #BB5400;
        font-size: 17px;
        transition: all 0.5s;
        color:white;
    }
    .salepoint .FirstPhoto img{
        max-width:792px;
        height:auto;
        margin-right:10px;
    }

    .salepoint ul{
        padding:0 0 ;
        display:flex;
        justify-content: space-between;
        list-style: none;

    }
    .salepoint ul li{
        width:32%;
        aspect-ratio: 16 / 9;
    }

    .salepoint ul li img{
        width:100%;
        height:auto;
    }

    .link{
        margin-top:100px;

    }

    .saleText{
        padding:20px;
        height:200px;
    }
    .Flex{
        display: flex;
        justify-content: center;
        align-items: center;
        width:1200px;
    }
    .textbox{
        width:40%;
        padding:10px;
    }
    .slide_container {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 100%;
        width: 720px;
        aspect-ratio: 16 / 9;
    }
    .carousel {
        position: relative;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .carousel__slider {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scrollbar-width: none;
        scroll-snap-stop: always;
        gap: 1vw;
        margin-block: auto;
        max-width: 720px;
        /*画像のカードを丸くする */
        border-radius: 5px;
        margin-inline: auto;
        position: relative;
        /* scroll-marker-groupを設定してマーカーグループを有効化 */
        scroll-marker-group: after;

        &::scroll-button(*) {
            position: absolute;
            top: calc(var(--img-height) / 2 - 10px);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: none;
            background-color: #eee;
            cursor: pointer;
            &:hover {
                background-color: #eeeeee;
            }
        }
        /* ホバー時スタイル */
        &::scroll-button(*):not(:disabled):hover {
            background-color: black;
            color: #fff;
            cursor: pointer;
        }
        &::scroll-button(*):disabled {
            color: lightgray;
        }

        &::scroll-button(inline-end){
            color:lightgray;
        }
        &::scroll-button(right) {
            right: -30px;
            content: "▶";
        }

        &::scroll-button(left) {
            left: -30px;
            content: "◀";
        }
        &::scroll-marker-group {
            position: absolute;
            bottom: -1.5em;
            display: flex;
            gap: 1.5em;
            justify-content: center;
        }
    }

    .carousel__slide {
        /* width: 720px;
        height: 405px; */
        scroll-snap-align: center;
        flex: 0 0 100%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;

        &::scroll-marker {
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background-color: #adadad;
        }
        /* アクティブなマーカーのスタイル */
        &::scroll-marker:target-current {
            background-color: #666;
        }
    }

    .map{
        margin:0 auto 40px auto;
        width:1200px;
        border:0;
    }

    .map iframe{
        width:100%;
        height:400px;
    }
    .map div{
        margin-bottom:30px;
        border:0;
        margin:20px auto;
    }
    .map img{
        border:0;
    }
    .access_right{
        display:flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
        top:20px;
        width:80px;
        height:100px;
        letter-spacing: 0.1em;

    }
    .access_right span{
        width:70px;
    }
    .access {
        width:1200px;
        background-color: RGB(255,252,249);
        margin:30px auto;
    }
    .access ul{
        list-style: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin:0 20px;
    }
    .access ul li{
        width: 50%;
        padding-left:10px;
        padding-top:10px;
        padding-bottom:10px;

    }
    .access ul li table{
        height:100%;
    }
    .access ul li table tr{
        height:50%;
    }
    .access ul li p{
        padding:5px;
    }
    .access ul li:nth-child(2){
        border-left:#BB5400 2px solid;
    }

    .access ul li h2{
        font-size: 16px;
    }

    .righticon{
        position: fixed;
        right:30px;
        top:20px;
    }
    .right{
        float:right;
        margin-top:20px;
        width:140px;
        justify-content: center;
        align-items: center;
    }
    .parkingLine{
        display: flex;
        content: "";
        width: 120px;
        height: 1px;
        background: #5c5959;
        align-items: center;
        justify-content: center;
        margin-right:20px;
        margin-top:20px;
    }
    .right a{
        text-decoration: none;
    }
    .line{
        width :90%;
        margin-left:0;
    }

    .width{
        margin-right:20px;
    }

    #footer{

        width:100%;
        background-color:  RGB(46,38,23);
        color:white;
        padding-top:20px;
        padding-bottom:10px;

    }
    .f_col{
        /* max-width:750px; */
        margin:0px auto;
        text-align: center;
        list-style: none;

    }
    .f_col li{
        margin-bottom:10px;
    }
    .f_col p{
        margin-bottom:20px;
    }

    .logo img{
        height:200px;
    }
    .adress{
        margin-top:40px;
    }
    .cardLOGO img{
        margin-bottom:20px;
    }