@charset "UTF-8";

/*=============================*/
header{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    font-size: 1.7rem;
    color: #5A5129;
    /*ext-shadow: 0 0 3px rgba(0,0,0,.5);*/
    transition: .3s;
    z-index: 10000;
    background: #f3f2e9;
}
header .header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    transition: .3s;
    z-index: 10000;
}

header .header-inner{
    width: 100%;
    height: 80px;
    max-width: 1800px;
    min-width: 1250px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding:0 20px;
}
    header .logo a{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        padding:0 10px;
    }
    header .logo img{
        width: 100px;
    }
    header .logo img.c1{
        display: block;
    }
    header .logo img.c2{
        display: none;
    }
    header.sc .logo img.c1{
        display: block;
    }
    header.sc .logo img.c2{
        display: none;
    }
    header .nav,
    header .nav-in{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
        header .nav nav ul{
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
            header .nav nav ul li{
                white-space: nowrap;
                padding:0 1px;
            }
                header .nav nav ul li a{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 70px;
                    padding:0 18px;
                }
    header .lang{
        background: url(../img/ico_lang_c2.svg) no-repeat left center;
        background-size: 24px 24px;
        border-bottom: 1px solid #5A5129;
        margin-left: 30px;
        padding:5px 0;
        position: relative;
    }
        header .lang select{
            background: none;
            border: none;
            color: #5A5129;
            width: 150px;
            text-align: left;
            appearance: none;
            padding: 5px 30px 5px 35px;
            font-size: 1.6rem;
            /*text-shadow: 0 0 3px rgba(0,0,0,.4);*/
        }
        header .lang select option{
            color: #5A5129;
            padding: 5px;
        }
        header .lang select::-ms-expand {
            display: none;
        }
        header .lang::after{
            content: "";
            border-right:2px solid #5A5129;
            border-bottom:2px solid #5A5129;
            width: 7px;
            height: 7px;
            position: absolute;
            right: 12px;
            top: calc(50% - 4px);
            box-sizing: border-box;
            transform: rotate(45deg);
        }

header .s-btn,
header .s-close{
    display: none;
}

/*========*/
header.sc {
    color: #5A5129;
    text-shadow: none;
}
header.sc .header{
    position: fixed;
    background: rgba(243,242,233,.8);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
}
    header.sc .lang{
        background: url(../img/ico_lang_c2.svg) no-repeat left center;
        background-size: 24px 24px;
        border-bottom: 1px solid #5A5129;
    }
        header.sc .lang select{
            color: #5A5129;
            text-shadow: none;
        }
        header.sc .lang::after{
            border-right:2px solid #5A5129;
            border-bottom:2px solid #5A5129;
        }




/*=============================*/
footer{
    background: #FAF9F5;
    padding: 70px 0 50px;
}
.footer{
    display: block;
}
    footer .logo-area{
        position: absolute;
        left: 5px;
        top: 0;
        color: #999999;
        font-size: 1.2rem;
    }
        footer .logo-area .logo{
            width: 100%;
            text-align: center;
            margin-bottom: 40px;
        }
            footer .logo-area .logo .logo01{
                margin-bottom: 30px;
            }
            footer .logo-area .logo .logo01 a{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 150px;
                padding:10px 10px;
                margin:0 auto;
            }
                footer .logo-area .logo .logo01 img{
                    width: 150px;
                    height: auto;
                }

    footer .navs{
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        margin-bottom: 30px;
    }
        footer .navs .nav01{
            padding-right: 30px;
        }
            footer .navs .nav01 ul{
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
                width: 400px;
                color: #AB9332;
                font-size: 1.6rem;
                margin-bottom: 10px;
            }
                footer .navs .nav01 ul li{
                    margin-bottom: 15px;
                    width: 50%;
                }
                    footer .navs .nav01 ul li a{
                        display: inline-block;
                        position: relative;
                        padding-left: 20px;
                    }
                        footer .navs .nav01 ul li a::before{
                            content: "";
                            width: 10px;
                            height: 1px;
                            background: #E1DABB;
                            position: absolute;
                            left: 0;
                            top: 50%;
                        }
            footer .navs .nav01 .sns{
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                footer .navs .nav01 .sns >*{
                    margin-right: 25px;
                    display: flex;
                    align-items: center;
                    transition: .2s;
                }
                footer .navs .nav01 .sns >*:hover{
                    opacity: .8;
                }
        footer .navs .nav02{
            border-left: 1px solid #E5E1CE;
            padding-left: 40px;
            font-size: 1.4rem;
            color: #5A5129;
        }
            footer .navs .nav02 li{
                margin-bottom: 10px;
            }
    footer .copys{
        text-align: right;
    }
        footer .copys .jed{
            margin-bottom: 30px;
        }
            footer .copys .jed img{
                width: 200px;
            }
        footer .copys .copy{
            font-size: 1.3rem;
            color: #AB9332;
        }
            footer .copys .copy .copy01{
                margin-bottom: 5px;
            }
            footer .copys .copy .copy02{
                font-size: 1.1rem;
            }
            footer .copys .copy a{
                text-decoration: none;
            }

/*=============================*/
.s-header{
    display: none;
}
.s-footer{
    display: none;
}

.s-reserve{
    display: none;
}
.s-map{
    display: none;
}

/*=============================*/
.pagetop {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 50;
}
.pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    background: #AB9332;
    border-radius: 4px;
    opacity: .9;
    color: #fff;
    transition: .2s;
}
.pagetop a:hover {
    opacity: .7;
}
.pagetop a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 5px);
}
.pagetop a span {
    display: block;
    color: #fff;
    text-indent: -9999px;
}

/*=============================*/
.c-ttl{
    text-align: center;
    margin-bottom: 25px;
}
    .c-ttl .t1{
        font-size: 4.8rem;
        letter-spacing: 3px;
        color: #AB9332;
        margin-bottom: -5px;
    }
    .c-ttl .t2{
        font-size: 1.8rem;
        color: #5A5129;
        letter-spacing: 2px;
    }
    .c-ttl .btn{
        text-align: center;
    }
        .c-ttl .btn a{
            display: inline-block;
            position: relative;
            min-width: 130px;
            text-align: center;
            text-decoration: none;
            border:1px solid #AB9332;
            border-radius: 4px;
            font-size: 1.6rem;
            color: #AB9332;
            margin-top: 20px;
            padding: 9px 30px;
            box-sizing: border-box;
            transition: .2s;
        }
        .c-ttl .btn a::after{
            content: "";
            position: absolute;
            right: 15px;
            top: calc(50% - 3px);
            width: 5px;
            height: 5px;
            border-top: 1px solid #AB9332;
            border-right: 1px solid #AB9332;
            transform: rotate(45deg);
        }
        .c-ttl .btn a:hover{
            opacity: .7;
        }


.c-ttl.s2{
    margin-bottom: 25px;
}
    .c-ttl.s2 .t1{
        font-size: 2.8rem;
        letter-spacing: 2px;
        margin-bottom: 0px;
    }
    .c-ttl.s2 .t2{
        font-size: 1.7rem;
        letter-spacing: 1px;
    }
/*=======================*/
.sub-ttl{
    margin-bottom: 15px;
    font-size: 2.6rem;
    font-weight: normal;
    color: #AB9332;
}
.sub-ttl.ico{
    padding-left: 40px;
    background: url(../img/ico_crown.svg) no-repeat left center;
    background-size: 24px auto;
}

/*=======================*/
.c-txt{
    color: #5A5129;
    line-height: 2;
    font-size: 1.5rem;
    margin-bottom: 50px;
}
    .c-txt p{
        margin-bottom: 10px;
    }
    .c-txt .red{
        color: #B74545;
    }
        .c-txt p a{
            color: #AB9332;
        }

    .c-txt .link{
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-top: 40px;
    }
        .c-txt .link a{
            display: block;
            margin:0 15px;
            padding: 7px 18px 7px 2px;
            color: #5A5129;
            border-bottom: 1px dotted rgba(171,147,50,1);
            font-weight: normal;
            text-decoration: none;
            position: relative;
        }
            .c-txt .link a::after{
                content: "";
                position: absolute;
                right: 2px;
                top: calc(50% - 2px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
            .c-txt .link a:hover{
                border-bottom: 1px dotted rgba(171,147,50,.0);
            }


/*=======================*/
.c-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
    .c-btn a{
        position: relative;
        display: inline-block;
        border:1px solid #AB9332;
        border-radius: 4px;
        padding:15px 35px 15px 30px;
        margin:0 10px;
        box-sizing: border-box;
        color: #AB9332;
        font-size: 1.6rem;
        text-align: center;
        text-decoration: none;
        transition: .2s;
    }
        .c-btn a:hover{
            opacity: .7;
        }
        .c-btn a::after{
            content: "";
            position: absolute;
            right: 15px;
            top: calc(50% - 2px);
            width: 5px;
            height: 5px;
            border-top: 1px solid #AB9332;
            border-right: 1px solid #AB9332;
            transform: rotate(45deg);
        }
    .c-btn.long a{
        display: block;
        margin:0 ;
        width: 100%;
    }
    .c-btn.s2 a{
        border-color:#AB9332;
        padding:12px 55px 12px 50px;
    }
    .c-btn a.c2{
        border:1px solid #AB9332;
        color: #AB9332;
        background: #fff;
    }
    
    .c-btn a.w2{
        min-width: 350px;
    }
    .c-btn a.w3{
        min-width: 260px;
    }
        .c-btn a.blank::after{
            display: none;
        }
        .c-btn a.blank span{
            display: inline-block;
            padding: 0 30px 0 15px;
            background: url(../img/ico_blank.svg) no-repeat right center;
            background-size: 15px 11px;
        }

/*=======================*/
.c-border{
    height: 40px;
    background: url(../img/ico_crown.svg) no-repeat center top;
    background-size: 32px auto;
    position: relative;
    margin-bottom: 90px;
}
.c-border::before{
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #D8D3B9;
    box-shadow: 0px 1px 0 rgba(255,255,255,1);
    position: absolute;
    top: 20px;
    left: 0;
}
.c-border::after{
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #D8D3B9;
    box-shadow: 0px 1px 0 rgba(255,255,255,1);
    position: absolute;
    top: 20px;
    right: 0;
}
/*=======================*/
.c-slide{
    margin-bottom: 50px;
}
    .c-slide .item{
        padding:0 10px;
    }
        .c-slide .item img{
            border-radius: 4px;
        }
    .c-slide .slick-dots{
        bottom: -40px;
    }
    .c-slide.over .slick-list{
        overflow: visible;
    }

/*=============================*/
.column-wrap{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
    .column-wrap .column{
        width: calc(50% - 20px);
        box-sizing: border-box;
        position: relative;
    }
    .column-wrap.bg .column{
        background: #FAF9F5;
        border:1px solid #E5E1CE;
        padding: 40px 24px;
    }
    .column-wrap.no-voice .column {
        width: 100%;
        margin: 0 auto;
        padding: 40px 20%;
    }
    .column-wrap.bg .column.btn:last-child{
        padding-bottom: 100px;
    }
        .column-wrap.bg .column.btn .column-btn{
            position: absolute;
            left: 0;
            bottom: 40px;
            width: 100%;
        }


/*=============================*/
.main-img{
    text-align: center;
    margin-top: -120px;
    margin-bottom: 20px;
}

/*=============================*/
.page-img{
    text-align: center;
    height: 550px;
    overflow: hidden;
    position: relative;
}
    .page-img .img{
        width: 1920px;
        height: 550px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
        .page-img .img img{
            width: auto;
            height: 550px;
            max-width: none;
        }
    .page-img .data{
        position: absolute;
        width: 440px;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
    }


.page-img.cover .img::after{
/*    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
*/
}
.page-img.blank{
    height: 20px;
}
.page-img.blank::after{
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: none;
}


/*=============================*/
.bread{
    background: #fff;
    color: #1E150C;
    margin: -20px auto 0;
    max-width: 1500px;
    position: relative;
    padding:0 15px;
    box-sizing: border-box;
}
    .bread ul{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 40px;
        font-size: 1.4rem;
    }
        .bread ul li{
            padding-right: 15px;
            margin-right: 15px;
            position: relative;
        }
        .bread ul li:last-child{
            padding-right: 0;
            margin-right: 0;
        }
        .bread ul li::after{
            content: "";
            position: absolute;
            right: -1px;
            top: calc(50% - 2px);
            width: 5px;
            height: 5px;
            border-top: 1px solid #AB9332;
            border-right: 1px solid #AB9332;
            transform: rotate(45deg);
        }
        .bread ul li:last-child::after{
            display: none;
        }
        .bread ul li:first-child a{
            color: #AB9332;
        }
        .bread ul li:nth-child(n + 2) a span,
        .bread ul li:nth-child(n + 2) span{
            padding-top: 5px;
            display: inline-block;
        }
/*=============================*/
.page-ttl{
    text-align: center;
    margin-bottom: 45px;
    line-height: 1.2;
    padding-top: 45px;
    background: url(../img/ico_crown.svg) no-repeat center top;
    background-size: 32px auto;
    position: relative;
}
    .page-ttl .t1{
        font-size: 3.2rem;
        font-weight: normal;
        color: #1E150C;
        margin-bottom: 10px;
    }
    .page-ttl .t2{
        font-size: 1.4rem;
        color: #AB9332;
        letter-spacing: 2px;
    }

.page-ttl.border{
    padding-top: 50px;
}
/*
.page-ttl.border::before{
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #D8D3B9;
    box-shadow: 0px 1px 0 rgba(255,255,255,1);
    position: absolute;
    top: 20px;
    left: 0;
}
.page-ttl.border::after{
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #D8D3B9;
    box-shadow: 0px 1px 0 rgba(255,255,255,1);
    position: absolute;
    top: 20px;
    right: 0;
}
*/
/*=============================*/
.anker{
    margin-bottom: 0;
}
    .anker ul{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
        .anker ul li{
            margin:5px 15px 10px;
        }
            .anker ul li a{
                display: block;
                text-decoration: none;
                color: #AB9332;
                padding: 10px 2px 15px;
                position: relative;
            }
            .anker ul li a span:hover{
                border-bottom: solid 1px #AB9332;
            }
            .anker ul li a::after{
                content: "";
                position: absolute;
                bottom: 5px;
                left: calc(50% - 2px);
                width: 5px;
                height: 5px;
                border-bottom: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
            .anker ul li em{
                font-size: 3.2rem;
                color: #CCBD88;
                line-height: .7;
                margin-right: 5px;
                font-weight: normal;
            }

/*=============================*/
.empty-data{
    background: #FAF9F5;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 13px 30px 15px;
    color: #5A5129;
    font-size: 1.5rem;
}
    .empty-data dl{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-right: 40px;
    }
        .empty-data dl dt{
            background: #688B94;
            color: #fff;
            padding:2px 10px 2px;
            font-size: 1.5rem;
            line-height: 1.2;
            white-space: nowrap;
        }
        .empty-data dl dd{
            font-size: 1.8rem;
            color: #5A5129;
            padding-left: 15px;
            white-space: nowrap;
        }
            .empty-data dl dd em{
                font-size: 3.0rem;
                font-weight: normal;
                line-height: 1;
                margin-right: 5px;
                color: #688B94;
            }
    .empty-data dl.pre{
        margin-right: 20px;
    }
        .empty-data dl.pre dt{
            background: #CCBD88;
            padding:2px 7px 2px;
        }
            .empty-data dl.pre dd em{
                color: #CCBD88;
            }
    .empty-data p{
        font-size: 1.2rem;
        position: absolute;
        right: 3px;
        bottom: 1px;
        color: #999999;
    }


/*=============================*/
.search-tab-outer{
    margin-top: -150px;
}
.search-tab-outer.s2{
    margin-top: 0;
}
.search-tab{
    position: relative;
}
    .search-tab .tabs{
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        transform: translateY(-100%);
    }
        .search-tab .tabs > div{
            background: #332A21;
            color: #fff;
            font-size: 1.8rem;
            margin-right: 5px;
            padding:8px 10px;
            width: 180px;
            box-sizing: border-box;
            text-align: center;
            border-radius: 3px 3px 0 0;
            cursor: pointer;
        }
        .search-tab .tabs .t02{
            background: #fff;
            color: #AB9332;
        }
    .search-tab .search-block{
        background: #332A21;
        color: #B1A783;
        padding:30px 0;
        box-sizing: border-box;
    }
        .search-tab .search-block .inner{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: -20px;
            margin-bottom: 25px;
            min-height: 52px;
        }
            .search-tab .search-block .inner > *{
                margin-left: 20px;
            }
            .search-tab .search-block .inner .empty-data{
                max-width: 400px;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: center;
                padding: 15px 30px 15px;
            }
            .search-tab .search-block .inner .empty-data .empty_title {
                width: 100%;
                clear: both;
                margin-bottom: 5px;
                text-align: center;
            }
            .search-tab .search-block .inner .empty-data .empty_title span {
                display: inline-block;
                margin-left: 5px;
                font-size: 1.2rem;
            }
            .search-tab .search-block .inner .empty-data .realtime_link{
                display: inline-block;
                padding-right: 30px;
                position: relative;
            }
            .search-tab .search-block .inner .empty-data .realtime_link::after {
                content: "";
                position: absolute;
                right: 8.5px;
                top: calc(50% - 3px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
        .search-tab .search-block .inner:last-child{
            margin-bottom: 0;
        }
            .search-tab .search-block .inner .reservation{
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                margin-left: 0;
            }
                .search-tab .search-block .inner .reservation > div{
                    margin-left: 20px;
                }
                .search-tab .search-block .inner .reservation p{
                    font-size: 1.2rem;
                    color: #AB9332;
                    margin-bottom: 2px;
                }
                .search-tab .search-block .inner .reservation input,
                .search-tab .search-block .inner .reservation select{
                    background: #292017;
                    border:1px solid #231A11;
                    color: #B1A783;
                    border-radius: 4px;
                    height: 50px;
                    padding:0 15px;
                    font-size: 1.4rem;
                    width: 255px;
                    box-sizing: border-box;
                } 
                .search-tab .search-block .inner .reservation select.num{
                    width: 85px;
                }
                .search-tab .search-block .inner .reservation select[name=hotel]{
                    width: 340px;
                }
                .search-tab .search-block .inner .reservation select,
                .search-tab .search-block .inner .reservation option{
                    background: #292017;
                    color: #B1A783;
                }
                .search-tab .search-block .inner .reservation select{
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    position: relative;
                    padding-right: 30px;
                }

                .search-tab .search-block .inner .reservation select::-ms-expand {
                    display: none;
                }
                .search-tab .search-block .inner .reservation .select{
                    position: relative;
                }
                    .search-tab .search-block .inner .reservation .select::after{
                        content: "";
                        border-right:2px solid #AB9332;
                        border-bottom:2px solid #AB9332;
                        width: 7px;
                        height: 7px;
                        position: absolute;
                        right: 12px;
                        top: calc(50% - 4px);
                        box-sizing: border-box;
                        transform: rotate(45deg);
                    }

                .search-tab .search-block .inner .reservation .date{
                    position: relative;
                }
                    .search-tab .search-block .inner .reservation .date label::after{
                        content: "";
                        position: absolute;
                        top: calc(50% - 15px);
                        right: 10px;
                        width: 30px;
                        height: 30px;
                        background:#292017 url(../img/ico_calender01.svg) no-repeat center;
                        background-size: 16px 16px;
                    }
                    .ui-datepicker-calendar .day-sunday > a,
                    .ui-datepicker-calendar .day-holiday > a {
                        background: #ffc0c0;
                    }
                    .ui-datepicker-calendar .day-saturday > a {
                        background: #c0d0ff;
                    }
                .search-tab .search-block .inner .reservation button{
                    width: 200px;
                    height: 50px;
                    box-sizing: border-box;
                    background: #AB9332;
                    border: none;
                    color: #ffffff;
                    border-radius: 4px;
                    font-size: 1.8rem;
                    cursor: pointer;
                    transition: .2s;
                }
                .search-tab .search-block .inner .reservation button.s2{
                    width: 240px;
                }
                .search-tab .search-block .inner .reservation button:hover{
                    opacity: .9;
                }
                    .search-tab .search-block .inner .reservation button span{
                        display: inline-block;
                        padding: 3px 10px 5px 25px;
                        background: url(../img/ico_search.svg) no-repeat left center;
                    }
            .search-tab .search-block .inner .btn a{
                display: block;
                border:1px solid #604F3E;
                text-align: center;
                font-size: 1.5rem;
                padding:12px 20px 14px;
                white-space: nowrap;
                min-width: 255px;
                box-sizing: border-box;
                border-radius: 4px;
                position: relative;
                text-decoration: none;
                transition: .2s;
            }
            .search-tab .search-block .inner .btn.c2 a{
                border:1px solid #AB9332;
                color: #AB9332;
            }
            .search-tab .search-block .inner .btn.s2 a{
                min-width: 300px;
            }
                .search-tab .search-block .inner .btn a:hover{
                    background: rgba(255,255,255,.03);
                }
                .search-tab .search-block .inner .btn a::after{
                    content: "";
                    position: absolute;
                    right: 15px;
                    top: calc(50% - 2px);
                    width: 4px;
                    height: 4px;
                    border-top: 1px solid #AB9332;
                    border-right: 1px solid #AB9332;
                    transform: rotate(45deg);
                }
        .search-tab .search-block .inner .txt{
            font-size: 1.3rem;
            line-height: 1.4;
            flex-grow: 1;
        }
        .search-tab .search-block .inner .txt.t-r{
            text-align: right;
        }
        .search-tab .search-block .inner .tel{
            font-size: 3.2rem;
            color: #AB9332;
            margin-left: 30px;
            font-weight: normal;
        }
            .search-tab .search-block .inner .tel > *{
                display: inline-block;
                white-space: nowrap;
                background: url(../img/ico_tell.svg) no-repeat left center;
                padding-left: 35px;
            }
            .search-tab .search-block .inner .reservation p.tel_text{
                padding-left: 10px;
                padding-bottom: 15px;
                vertical-align: middle;
                color: #B1A783;
            }
    /*=============*/
    .search-tab .search-block.search-t02{
        display: none;
        background: #fff;
        color: #5A5129;
    }
                .search-tab .search-block.search-t02 .inner .reservation input,
                .search-tab .search-block.search-t02 .inner .reservation select{
                    background: #ffffff;
                    border:1px solid #E5E1CE;
                    color: #999999;
                }
                .search-tab .search-block.search-t02 .inner .reservation select,
                .search-tab .search-block.search-t02 .inner .reservation option{
                    background: #ffffff;
                    border:1px solid #E5E1CE;
                    color: #999999;
                }
                    .search-tab .search-block.search-t02 .inner .reservation .date label::after{
                        background: #ffffff url(../img/ico_calender02.svg) no-repeat center;
                    }
                .search-tab .search-block.search-t02 .inner .reservation button{
                    background: #1E150C;
                }
                .search-tab .search-block.search-t02 .inner .reservation button:hover{
                    opacity: .9;
                }
                    .search-tab .search-block.search-t02 .inner .reservation button span{
                        background: url(../img/ico_search.svg) no-repeat left center;
                    }
            .search-tab .search-block.search-t02 .inner .btn a{
                border:1px solid #AB9332;
                color: #AB9332;
            }
                .search-tab .search-block.search-t02 .inner .btn a:hover{
                    background: rgba(255,255,255,.03);
                }
                .search-tab .search-block.search-t02 .inner .btn a::after{
                    content: "";
                    position: absolute;
                    right: 15px;
                    top: calc(50% - 2px);
                    width: 4px;
                    height: 4px;
                    border-top: 1px solid #AB9332;
                    border-right: 1px solid #AB9332;
                    transform: rotate(45deg);
                }
        .search-tab .search-block.search-t02 .inner .txt{
            font-size: 1.3rem;
            line-height: 1.4;
        }
    .search-tab.s02 .search-block{
        display: none;
    }
    .search-tab.s02 .search-block.search-t02{
        display: block;
    }


/*=============*/
.page-img .search-tab-outer{
    margin-top: 15px;
}
.page-img .search-tab{
    width: 100%;
}
    .page-img .search-tab .tabs{
        width: 100%;
        justify-content: space-between;
    }
        .page-img .search-tab .tabs > div{
            font-size: 1.6rem;
            margin-right: 0px;
            padding:10px 10px;
            width: calc(50% - 3px);
            background: rgba(30,21,12,.92);
        }
        .page-img .search-tab .tabs .t02{
            background: rgba(255,255,255,.9);
        }
    .page-img .search-tab .search-block{
        padding:20px 0;
        height: 440px;
        background: rgba(30,21,12,.92);
    }
    .page-img .search-tab .search-block.search-t02{
        background: rgba(255,255,255,.9);
    }
        .page-img .search-tab .search-block .inner{
            flex-direction: column;
            justify-content: flex-start;
            margin: 0 auto;
            width: calc(100% - 30px);
        }
        .page-img .search-tab .search-block .inner:last-child{
            margin-bottom: 0;
        }
            .page-img .search-tab .search-block .inner > *{
                margin-left: 0px;
                margin-bottom: 10px;
                width: 100%;
            }
            .page-img .search-tab .search-block .inner .reservation{
                flex-wrap: wrap;
                margin-bottom: 0;
                margin-left: -10px;
            }
                .page-img .search-tab .search-block .inner .reservation > div{
                    width: calc(50% - 10px);
                    margin-left: 10px;
                    margin-bottom: 8px;
                }
                .page-img .search-tab .search-block .inner .reservation > div.s_ib{
                    width: calc(30% - 10px);
                }
                .page-img .search-tab .search-block .inner .reservation > div.w2{
                    width: calc(40% - 10px);
                }
                .page-img .search-tab .search-block .inner .reservation input,
                .page-img .search-tab .search-block .inner .reservation select{
                    width: 100%;
                    height: 45px;
                }
                .page-img .search-tab .search-block .inner .reservation button{
                    width: 100%;
                    height: 45px;
                    font-size: 1.6rem;
                }
            .page-img .search-tab .search-block .inner .btn a{
                padding:11px 20px;
                min-width: 240px;
            }
            .page-img .search-tab .search-block .inner .btn.s2 a{
                min-width: 260px;
            }
        .page-img .search-tab .search-block .inner .tel{
            font-size: 2.8rem;
            margin: 0 auto 5px;
            text-align: center;
        }
            .page-img .search-tab .search-block .inner p.tel_text{
                margin-top: -7px;
                padding-left: 10px;
                padding-bottom: 15px;
                vertical-align: middle;
                color: #B1A783;
                text-align: center;
                font-size: 1.5rem;
            }
    .page-img .empty-data{
        justify-content: center;
        padding: 10px 20px 17px;
        width: 100%;
        box-sizing: border-box;
        background: rgba(250,249,245,.98);
    }
        .page-img .empty-data dl{
            margin-right: 30px;
        }
            .page-img .empty-data dl dt{
                padding:2px 8px 2px;
                font-size: 1.5rem;
            }
            .page-img .empty-data dl dd{
                font-size: 1.6rem;
            }
                .page-img .empty-data dl dd em{
                    font-size: 3.0rem;
                }
        .page-img .empty-data dl.pre{
            margin-right: 20px;
        }
        .page-img .empty-data p{
            font-size: 1.1rem;
        }





/*=============================*/
#contents{
    padding:0px 0px 100px;
}


/*=============================*/
.txt-img{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}
    .txt-img .img-area{
        position: relative;
        width: 50%;
        z-index: 1;
        text-align: right;
    }
        .txt-img .img-area img{
            max-width: 1000px;
            max-height: 800px;
            margin-left: calc(625px - 1000px + 150px);
        }
    .txt-img .txt-area{
        position: relative;
        width: 50%;
        z-index: 2;
        background: #FAF9F5;
        box-sizing: border-box;
        text-align: center;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }
    .txt-img .txt-area .txt-area-inner{
        padding:40px;
        font-size: 1.4rem;
        color: #5A5129;
    }
        .txt-img .txt-area .ttl{
            font-size: 2.8rem;
            font-weight: normal;
            color: #AB9332;
            letter-spacing: 3px;
            margin-bottom: 25px;
        }
        .txt-img .txt-area .txt{
            max-height: 380px;
            overflow: auto;
            overflow-x: hidden;
            text-align: left;
            line-height: 1.6;
        }
        .txt-img .txt-area .btn{
            margin-top: 30px;
            text-align: center;
        }
            .txt-img .txt-area .btn a{
                display: inline-block;
                background: #fff;
                border:1px solid #fff;
                padding: 0px 20px;
                text-align: center;
                text-decoration: none;
                box-sizing: border-box;
                width: 320px;
                border-radius: 20px;
                font-size: 1.5rem;
                color: #AB9332;
                transition: .2s;
                line-height: 1.2;
                transition: .1s;
            }
            .txt-img .txt-area .btn a:hover{
                border:1px solid #f3f2e9;
                opacity: .7;

            }
                .txt-img .txt-area .btn a span{
                    display: block;
                    position: relative;
                    padding:7px 40px 9px 25px;
                }
                .txt-img .txt-area .btn a.pdf span::before{
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 17px;
                    height: 17px;
                    background: url(../img/ico_dl.svg) no-repeat center left;
                    background-size: 17px 15px;
                }
                .txt-img .txt-area .btn a.pdf span::after{
                    content: "PDF";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    line-height: 1;
                    font-size: 1.2rem;
                    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                    padding: 3px 5px 2px;
                    background: #AB9332;
                    color: #fff;
                    letter-spacing: 0;
                    font-weight: normal;
                }
            .txt-img .txt-area .btn a.book{
                color: #57563B;
            }
                .txt-img .txt-area .btn a.book span::before{
                    content: "";
                    position: absolute;
                    left: 0;
                    top: calc(50% - 5px);
                    width: 17px;
                    height: 12px;
                    background: url(../img/ico_arrow2.svg) no-repeat center left;
                    background-size: 15px 10px;
                }
                .txt-img .txt-area .btn a.book span::after{
                    content: "BOOK";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    line-height: 1;
                    font-size: 1.2rem;
                    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                    padding: 3px 5px 2px;
                    background: #57563B;
                    color: #fff;
                    letter-spacing: 0;
                    font-weight: normal;
                }

.txt-img.ti{
    flex-direction: row-reverse;
}
        .txt-img.ti .img-area img{
            margin-left: -150px;
        }



/*=============================*/
.ttl-txt{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #5A5129;
    padding:0 10px;
    margin-bottom: 25px;
}
    .ttl-txt .ttl-area{
        flex-grow: 1;
        font-weight: normal;
    }
        .ttl-txt .ttl-area .t1{
            font-size: 1.6rem;
            padding: 5px 0 5px 40px;
            background: url(../img/ico_crown.svg) no-repeat left center;
            margin-bottom: 5px;
        }
        .ttl-txt .ttl-area .t2{
            font-size: 3.0rem;
            line-height: 1.3;
        }
    .ttl-txt .txt-area{
        width: calc(50% - 20px);
    }
        .ttl-txt .txt-area .c-txt{
            margin-bottom: 0;
        }




/*=============================*/
.services-list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
    .services-list .block{
        display: block;
        width: 33.333%;
    }
    .services-list .block a{
        display: block;
        text-decoration: none;
    }
        .services-list .img-area{
            display: block;
            position: relative;
            overflow: hidden;
        }
        .services-list .block:first-child .img-area{
            border-radius: 5px 0 0 5px;
        }
        .services-list .block:last-child .img-area{
            border-radius: 0 5px 5px 0;
        }
            .services-list .img-area::before{
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: rgba(0,0,0,.5);
                transition: .1s;
                opacity: 0;
            }
            .services-list .img-area .more{
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 130px;
                text-align: center;
                border:1px solid #fff;
                border-radius: 4px;
                font-size: 1.6rem;
                color: #fff;
                padding: 11px 0 9px;
                transition: .5s;
                opacity: 0;
            }
            .services-list .img-area .more::after{
                content: "";
                position: absolute;
                right: 15px;
                top: calc(50% - 3px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                transform: rotate(45deg);
            }
            .services-list a:hover .img-area::before,
            .services-list a:hover .img-area .more{
                opacity: 1;
            }

        .services-list .txt-area{
            position: relative;
            display: block;
            text-align: center;
            color: #5A5129;
            padding: 50px 10px 0;
        }
        .services-list .txt-area::before{
            content: "";
            width: 1px;
            height: 45px;
            background: #CCBD88;
            position: absolute;
            top: 0;
            left: 50%;
        }
            .services-list .txt-area .ttl{
                display: block;
                font-size: 2.1rem;
                font-weight: normal;
                margin-bottom: 5px;
            }
            .services-list .txt-area .txt{
                display: block;
                font-size: 1.5rem;
                line-height: 1.8;
                text-align: center;
            }
                .services-list .txt-area .txt span{
                    display: inline-block;
                    text-align: left;
                }
        .services-list .link{
            display: none;
        }



/*=============================*/
.campaign-list-outer{
    margin:0 0px 60px;
}
.campaign-list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
    .campaign-list .block{
        display: block;
        width: 33.333%;
        box-sizing: border-box;
        padding:0 10px;
    }
    .campaign-list .block a{
        display: block;
        text-decoration: none;
    }
        .campaign-list .img-area{
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            width: 100%;
            height: 0;
            padding-top: 70%;
        }
            .campaign-list .img-area img{
                position: absolute;
                max-width: none;
                /*width: 100%;*/
                height: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                border-radius: 4px;
            }

        .campaign-list .txt-area{
            position: relative;
            display: block;
            text-align: left;
            color: #5A5129;
            padding: 15px 0px 0;
        }
            .campaign-list .txt-area .ttl{
                display: block;
                font-size: 1.8rem;
                font-weight: normal;
                margin-bottom: 0;
                overflow: hidden;
                width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .campaign-list a:hover .txt-area .ttl{
                text-decoration: underline;
            }
            .campaign-list .txt-area .txt{
                display: block;
                font-size: 1.4rem;
                line-height: 1.6;
            }
        .campaign-list .cat{
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            margin-top: 5px;
        }
            .campaign-list .cat span{
                margin-right: 10px;
                padding:3px 15px 3px;
                border:1px solid #E5E1CE;
                background: #fff;
                color: #AB9332;
                font-size: 1.4rem;
                letter-spacing: 0;
            }
.campaign-list.slide{
    display: block;
}
.campaign-list .slick-prev,
.campaign-list .slick-next{
    top: 150px;
}

.campaign-list .day-use-area {
    position: relative;
}
.campaign-list .day-use {
    position: absolute;
    color: #fff;
    background: #332A21;
    padding: 0.3rem;
    border-radius: 3px;
    text-align: center;
    width: 50px;
    height:50px;
    font-size: 1.3rem;
    line-height: 1.88;
    margin-top: -4.8rem;
    margin-left: -0.5rem;
}
.campaign-info{
    border:1px solid #CCBD88;
    border-radius: 5px;
    padding: 30px 20px 20px;
    margin-bottom: 40px;
}
    .campaign-info .campaign-info-ttl{
        font-size: 2.1rem;
        text-align: center;
        padding:35px 0px 0;
        margin-bottom: 10px;
        color: #AB9332;
        font-weight: normal;
        background: url(../img/ico_box.svg) no-repeat center top;
        position: relative;
    }
        .campaign-info .campaign-info-ttl span{
            display: inline-block;
            position: relative;
            padding:0 40px;
        }
        .campaign-info .campaign-info-ttl span::before{
            content: "";
            width: 1px ;
            height: 50px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #AB9332;
            transform: rotate(-45deg);
        }
        .campaign-info .campaign-info-ttl span::after{
            content: "";
            width: 1px ;
            height: 50px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: #AB9332;
            transform: rotate(45deg);
        }
    .campaign-info .campaign-info-list{
    }
        .campaign-info .campaign-info-list ul{
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            flex-wrap: wrap;
        }
            .campaign-info .campaign-info-list ul li{
                width: calc(50% - 20px);
                background: #F3F2E9;
                margin: 10px;
                display: flex;
                align-items: center;
                border-radius: 4px;
            }
            .campaign-info .campaign-info-list ul li > div{
                box-sizing: border-box;
                padding: 30px;
            }
                .campaign-info .campaign-info-list ul li .cat{
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 10px;
                }
                    .campaign-info .campaign-info-list ul li .cat span{
                        margin-right: 5px;
                        padding:3px 15px 3px;
                        border:1px solid #E5E1CE;
                        background: #fff;
                        color: #AB9332;
                        font-size: 1.4rem;
                        letter-spacing: 0;
                    }
                .campaign-info .campaign-info-list ul li .txt{
                    flex-grow: 1;
                    color: #5A5129;
                    font-size: 1.6rem;
                }


/*=============================*/
.pick-list{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 1px 5px;
}
.pick-list.over5{
    justify-content: flex-start;
}
    .pick-list .block{
        display: block;
        width: 25%;
        box-sizing: border-box;
        padding:0 10px 25px;
    }
    .pick-list .block:nth-last-child(4),
    .pick-list .block:nth-last-child(3),
    .pick-list .block:nth-last-child(2),
    .pick-list .block:nth-last-child(1){
        padding:0 10px 0;
    }
    .pick-list .block a{
        display: block;
        text-decoration: none;
    }
        .pick-list .img-area{
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 4px;
        }
            .pick-list .img-area img{
                object-fit: cover;
                height: 132px;
                width: 100%;
            }
        .pick-list .txt-area{
            position: relative;
            display: block;
            text-align: left;
            color: #5A5129;
            padding: 5px 0px 0;
        }
            .pick-list .txt-area .ttl-e{
                display: block;
                color: #AB9332;
                font-size: 1.2rem;
                letter-spacing: 0;
                margin-bottom: 0;
            }
            .pick-list .txt-area .ttl{
                display: block;
                font-size: 1.7rem;
                font-weight: normal;
            }
            .pick-list a:hover .txt-area .ttl{
                text-decoration: underline;
            }
/*=============================*/
.banner-list ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: -20px;
}
.banner-list.over5 ul{
    justify-content: flex-start;
}
    .banner-list ul li {
        width: calc(25% - 20px);
        background-color: #FAF9F5;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
        margin: 0 10px 20px;
        display: flex;
        align-items: center;
        border-radius: 4px;
    }
        .banner-list ul li a.txt {
            flex-grow: 1;
            box-sizing: border-box;
            padding: 20px;
            background: rgb(250,249,245);
            background: linear-gradient(90deg, rgba(250,249,245,1) 65%, rgba(250,249,245,0) 97%);
            border-radius: 4px;
            color: #5A5129;
            font-size: 1.6rem;
            line-height: 1.2;
        }
        .banner-list ul li a:hover {
            text-decoration: none;
        }
            .banner-list ul li a.txt .ttl-e {
                display: block;
                color: #AB9332;
                font-size: 1.2rem;
                letter-spacing: 0;
                margin-bottom: 5px;
            }
/*=============================*/
.plan-list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 1px 0;
}
    .plan-list .block{
        display: block;
        width: 25%;
        box-sizing: border-box;
        padding:0 1px;
    }
    .plan-list .block a{
        display: block;
        text-decoration: none;
    }
        .plan-list .img-area{
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 0;
            margin-bottom: 5px;
            padding-top: 75%;
            border-radius: 4px;
        }
            .plan-list .img-area img{
                position: absolute;
                width: 100%;
                height: auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }

        .plan-list .txt-area{
            position: relative;
            display: block;
            text-align: left;
            color: #5A5129;
            padding: 10px 15px 0 0;
            line-height: 1.4;
        }
            .plan-list .txt-area .ttl{
                display: block;
                font-size: 1.7rem;
                font-weight: normal;
                color: #AB9332;
                margin-bottom: 0;
            }
            .plan-list a:hover .txt-area .ttl{
                text-decoration: underline;
            }
            .plan-list .txt-area .txt{
                font-size: 1.4rem;
            }


/*=============================*/
.facilities-list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 1px 0;
}
    .facilities-list .block{
        display: block;
        width: 25%;
        box-sizing: border-box;
        padding:0 1px;
    }
    .facilities-list .block a{
        display: block;
        text-decoration: none;
    }
        .facilities-list .img-area{
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 0;
            margin-bottom: 5px;
            padding-top: 70%;
            border-radius: 4px;
        }
            .facilities-list .img-area img{
                position: absolute;
                width: 100%;
                height: auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
        .facilities-list .txt-area{
            position: relative;
            display: block;
            text-align: center;
            color: #5A5129;
            padding: 10px 15px 0 0;
            line-height: 1.4;
            text-align: left;
        }
            .facilities-list .txt-area .ttl{
                display: block;
                font-size: 1.6rem;
                font-weight: normal;
                color: #AB9332;
                margin-bottom: 10px;
            }

/*=============================*/
.faq-list{

}
    .faq-list .block{
        background: #FAF9F5;
        padding:0 0px;
        margin-bottom: 20px;
    }
        .faq-list .block .cat{
            font-size: 2.2rem;
            font-weight: normal;
            color: #AB9332;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            height: 100px;
            position: relative;
            padding:0 95px 0 25px;
            cursor: pointer;
        }
            .faq-list .block .cat::before{
                content: "";
                width: 30px;
                height: 2px;
                background: #AB9332;
                position: absolute;
                right: 35px;
                top: calc(50% - 1px);
            }
            .faq-list .block .cat::after{
                content: "";
                width: 2px;
                height: 30px;
                background: #AB9332;
                position: absolute;
                right: 49px;
                top: calc(50% - 15px);
            }
            .faq-list .block.open .cat::after{
                display: none;
            }
            .faq-list .block .cat .ico{
                width: 50px;
                margin-right: 20px;
            }
            .faq-list .block .cat .ttl{
                width: calc(100% - 70px);
            }
        .faq-list .block .list{
            padding: 15px 40px 40px;
        }
        .faq-list .block.open .list{
            display: block;
        }
            .faq-list .block .list dl dt{
                background: #EEEDE4;
            }

    .faq-list dl{
        margin-bottom: 15px;
        color: #5A5129;
    }
        .faq-list dl dt{
            background: #FAF9F5;
            padding: 10px 20px 11px;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            font-size: 1.6rem;
            position: relative;
            cursor: pointer;
            border-radius: 4px;
        }
            .faq-list dl dt::before{
                content: "Q.";
                color: #AB9332;
                line-height: 1;
                font-size: 3.2rem;
                font-family: 'EB Garamond', 'Noto Serif JP', YuMincho, 'Yu Mincho', serif;
                width: 65px;
                height: 32px;
            }
            .faq-list dl dt > div{
                width: calc(100% - 65px);
                padding:5px 0;
                min-height: 32px;
                box-sizing: border-box;
            }
            .faq-list dl dt::after{
                content: "";
                position: absolute;
                right: 25px;
                top: calc(50% - 4px);
                width: 5px;
                height: 5px;
                border-bottom: 2px solid #AB9332;
                border-right: 2px solid #AB9332;
                transform: rotate(45deg);
            }
            .faq-list dl.open dt::after{
                top: calc(50% - 2px);
                border-bottom: none;
                border-top: 2px solid #AB9332;
                border-right: 2px solid #AB9332;
                transform: rotate(-45deg);
            }

        .faq-list dl dd{
            /*display: none;*/
            font-size: 1.5rem;
        }
        .faq-list dl.open dd{
            display: block;
        }
        .faq-list dl dd > div{
            padding:15px 20px 30px;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }
            .faq-list dl dd > div::before{
                content: "A.";
                color: #B74545;
                line-height: 1;
                font-size: 3.2rem;
                font-family: 'EB Garamond', 'Noto Serif JP', YuMincho, 'Yu Mincho', serif;
                width: 65px;
                height: 32px;
            }
                .faq-list dl dd p{
                    width: calc(100% - 65px);
                    padding:5px 0;
                    min-height: 32px;
                    box-sizing: border-box;
                }
                .faq-list dl dd a{
                    text-decoration: underline;
                    color: #AB9332;
                }
                .faq-list dl dd a:hover{
                    text-decoration: none;
                }
                .faq-list dl dd .red{
                    color: #B74545;
                }

/*=============================*/
.search{
    margin-bottom: 100px;
}
    .search .input{
        border:1px solid #E5E1CE;
        background: #fff url(../img/ico_search_c2.svg) no-repeat 20px center ;
        border-radius: 3px;
        padding-left: 70px;
    }
        .search .input input{
            height: 70px;
            padding:0 10px;
            box-sizing: border-box;
            width: 100%;
            border: none;
            font-size: 1.8rem;
            font-weight: 300;
            color: #5A5129;
            outline: none;
        }
.search-btn{
    display: inline-block;
    position: relative;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #AB9332;
    border-radius: 4px;
    font-size: 1.6rem;
    color: #AB9332;
    margin: 30px auto 0;
    padding: 9px 30px;
    box-sizing: border-box;
    transition: .2s;
    cursor: pointer;
}
.search-btn:hover{
    opacity: .7;
}
/*=============================*/
.haccp{
    border: 1px solid #CCBD88;
    background: #FAF9F5;
    color: #5A5129;
    padding:50px;
}
    .haccp dl{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .haccp dl dt{
            width: 290px;
        }
            .haccp dl dt .ttl{
                font-size: 2.1rem;
                padding-top: 35px;
                background: url(../img/ico_crown.svg) no-repeat center top;
                text-align: center;
            }
                .haccp dl dt .ttl span{
                    display: inline-block;
                    text-align: left;
                }
            .haccp dl dt .btn{
                margin-top: 30px;
            }
                .haccp dl dt .btn a{
                    position: relative;
                    display: block;
                    border:1px solid #AB9332;
                    border-radius: 4px;
                    padding:12px 35px 12px 30px;
                    background: #FFFFFF;
                    color: #AB9332;
                    font-size: 1.5rem;
                    text-align: center;
                    text-decoration: none;
                    transition: .2s;
                }
                    .haccp dl dt .btn a:hover{
                        opacity: .7;
                    }
                    .haccp dl dt .btn a::after{
                        content: "";
                        position: absolute;
                        right: 15px;
                        top: calc(50% - 2px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #AB9332;
                        border-right: 1px solid #AB9332;
                        transform: rotate(45deg);
                    }

        .haccp dl dd{
            width: calc(100% - 350px);
            font-size: 1.4rem;
            line-height: 1.8;
        }



/*=============================*/
.hotel-data{
    background: #EEEDE4;
    border-top:1px solid #E5E1CE;
    border-bottom:1px solid #E5E1CE;
    color: #5A5129;
}
.hotel-data-head{
    display: none;
}
.hotel-data-body{
    display: block;
}
.hotel-data-body-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 15px;
}
    .hotel-data .price{
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        width: calc(50% + 30px);
    }
        .hotel-data .price dl{
            width: 50%;
            font-size: 1.4rem;
            padding-left: 25px;
            border-right: 1px solid #D5D0BA;
            box-shadow: 1px 0 0 rgba(255, 255, 255, .9);
        }
        .hotel-data .price dl:first-child{
            padding-left: 10px;
        }
        .hotel-data .price dl:last-child{
            border-right: none;
            box-shadow: none;
        }
            .hotel-data .price dl dt{
                color: #AB9332;
                position: relative;
                font-size: 1.8rem;
                padding-left: 25px;
                margin-bottom: 10px;
            }
                .hotel-data .price dl dt::before{
                    content: "";
                    width: 15px;
                    height: 1px;
                    background: #AB9332;
                    position: absolute;
                    left: 0;
                    top: 15px;
                }
            .hotel-data .price dl dd{
                position: relative;
                padding-left: 25px;
                line-height: 2;
            }
    .hotel-data .data{
        width: 100%;
        display: flex;
        box-sizing: border-box;
        padding: 10px 0;
    }
        .hotel-data .data > div{
            width: calc(50% - 10px);
        }
        .hotel-data .data > div:first-child{
            margin-right: 10px;
        }
        .hotel-data .data > div:last-child{
            margin-left: 10px;
        }
        .hotel-data .data > div.empty-data{
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: center;
                padding: 15px 30px 15px;
            }
            .hotel-data .data > div.empty-data .empty_title {
                width: 100%;
                clear: both;
                margin-bottom: 5px;
                text-align: center;
            }
            .hotel-data .data > div.empty-data .empty_title span {
                display: inline-block;
                margin-left: 5px;
                font-size: 1.2rem;
            }
            .hotel-data .data > div.empty-data .realtime_link{
                display: inline-block;
                padding-right: 30px;
                position: relative;
                color: #AB9332;
                font-size: 1.5rem;
            }
            .hotel-data .data > div.empty-data .realtime_link::after {
                content: "";
                position: absolute;
                right: 8.5px;
                top: calc(50% - 3px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
    .hotel-st{
        width: 100%;
        color: #5A5129;
    }
    .hotel-data .data > .hotel-st.center{
        width: 100%;
        margin: 0 auto;
        background: #FAF9F5;
    }
        .hotel-st ul{
            background: #FAF9F5;
            padding:8px 5px;
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
        }
            .hotel-st ul li{
                width: 25%;
                border-right: 1px solid #E5E1CE;
                box-shadow: 1px 0 0 rgba(255, 255, 255, .9);
                text-align: center;
                font-size: 1.5rem;
                line-height: 1.3;
                position: relative;
            }
            .hotel-st ul li:last-child{
                border: none;
                box-shadow: none;
            }
                .hotel-st ul li span{
                    display: block;
                    padding-top: 5px;
                    padding-bottom: 55px;
                }
                .hotel-st ul li span::after{
                    content: "";
                    width: 100%;
                    height: 50px;
                    position: absolute;
                    left:0;
                    bottom: 2px;
                }
                .hotel-st ul li.st01 span::after{
                    background: url(../img/state01.svg) no-repeat center;
                }
                .hotel-st ul li.st02 span::after{
                    background: url(../img/state02.svg) no-repeat center;
                }

        /* カラム共通調整 */
        .hotel-data-body-inner.column_1 {
            display: block;
        }
        .hotel-data-body-inner.column_3,
        .hotel-data-body-inner.column_4,
        .hotel-data-body-inner.column_5,
        .hotel-data-body-inner.column_6,
        .hotel-data-body-inner.column_7 {
            display: block;
            position: relative;
        }
        .hotel-data-body-inner.column_1 .price {
            display: block;
            width: 100%;
        }
        .hotel-data .column_3 .price,
        .hotel-data .column_4 .price {
            width: 100%;
            margin-bottom: 2rem;
        }
        .hotel-data .column_5 .price,
        .hotel-data .column_6 .price,
        .hotel-data .column_7 .price {
            width: 100%;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .hotel-data-body-inner.column_1 .price dl {
            width: 100%;
            padding-bottom: 15px;
        }
        .hotel-data-body-inner.column_1 .price dl dd br {
            display: none;
        }
        .hotel-data-body-inner.column_1 .price dl dd br:nth-child(8) {
            display: block;
        }
        .hotel-data-body-inner.column_1 .price dl dd .price_wrap:after {
            content: '';
            display: inline-block;
            width: 20px;
        }
        .hotel-data .column_5 .price dl {
            width: 25%;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 2rem;
        }
        .hotel-data .column_5 .price dl:nth-child(4) {
            border-right: none;
            box-shadow: none;
        }
        .hotel-data .column_6 .price dl {
            width: 33%;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 2rem;
        }
        .hotel-data .column_6 .price dl:nth-child(3) {
            border-right: none;
            box-shadow: none;
        }
        .hotel-data .column_7 .price dl {
            width: 33%;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 2rem;
        }
        .hotel-data .column_7 .price dl:nth-of-type(3n) {
            border-right: none;
            box-shadow: none;
        }
        .hotel-data .column_3 .price dl dd,
        .hotel-data .column_4 .price dl dd,
        .hotel-data .column_5 .price dl dd,
        .hotel-data .column_6 .price dl dd,
        .hotel-data .column_7 .price dl dd {
            padding-right: 10px;
        }
/*         .hotel-data .column_3 .data,
        .hotel-data .column_4 .data,
        .hotel-data .column_6 .data {
            width: 50%;
            margin-left: 50%;
        }
        .hotel-data .column_5 .data,
        .hotel-data .column_7 .data {
            position: absolute;
            right: 0;
            bottom: 15px;
        } */



/*=============================*/
.news-list{

}
    .news-list li{
        border-bottom: 1px solid #D8D3B9;
        box-shadow: 0 1px 0 rgba(255,255,255,.9);
    }
    .news-list li >*{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding:15px 40px 15px 2px;
        position: relative;
        text-decoration: none;
    }
    .news-list li a::before{
        content: "詳しくはこちら";
        position: absolute;
        top: 35%;
        right: 0;
        width: 100px;
        font-size: 1.2rem;
        color: #AB9332;
    }
    .news-list li a::after{
        content: "";
        position: absolute;
        right: 0px;
        top: calc(50% - 3px);
        width: 6px;
        height: 6px;
        border-top: 1px solid #AB9332;
        border-right: 1px solid #AB9332;
        transform: rotate(45deg);
    }
        .news-list li .date{
            width: 130px;
            font-size: 1.7rem;
            color: #AB9332;
        }
        .news-list li .ttl{
            width: calc(100% - 130px);
            font-size: 1.6rem;
            line-height: 1.4;
            color: #5A5129;
        }
        .news-list li a:hover .ttl{
            text-decoration: underline;
        }



/*=============================*/
.map-data{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FAF9F5;
    margin-bottom: 120px;
}
    .map-data .map{
        width: calc(50% + 60px);
    }
        .map-data .map iframe{
            width: 100%;
            height: 500px;
            margin-bottom: 0;
            vertical-align: bottom;
        }
    .map-data .data{
        width: calc(50% - 60px);
        box-sizing: border-box;
        padding: 40px;
    }
    .map-data.s2 .map{
        width: calc(50% + 0px);
    }
    .map-data.s2 .data{
        width: calc(50% - 0px);
    }
        .map-data .data table{

        }
            .map-data .data table th{
                color: #AB9332;
                padding:15px 30px 15px 0;
                vertical-align: top;
                font-size: 1.6rem;
            }
            .map-data .data table td{
                color: #5A5129;
                padding: 17px 0;
                vertical-align: top;
                font-size: 1.5rem;
            }
                .map-data .data .code{
                    display: inline-block;
                    padding: 10px 15px 10px 90px;
                    color: #5A5129;
                    background:#FFFFFF url(../img/mapcode.svg) no-repeat 10px center ;
                    background-size: 70px 20px;
                    margin-top: -10px;
                }
                .map-data .data .ttl{
                    font-size: 1.5rem;
                    color: #AB9332;
                    margin-bottom: 10px;
                }
                .map-data .data .txt{
                    font-size: 1.5rem;
                    color: #5A5129;
                    margin-bottom: 25px;
                }
        .map-data .data .ttl-btn{
            border-top: 1px solid #D8D3B9;
            border-bottom: 1px solid #D8D3B9;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            padding:15px 0;
        }
            .map-data .data .ttl-btn .ttl{
                font-size: 2.0rem;
                font-weight: normal;
                margin-bottom: 0;
                line-height: 1.4;
            }
            .map-data .data .ttl-btn .btn{
                display: flex;
                justify-content: baseline;
                align-items: flex-start;
                white-space: nowrap;
            }
                .map-data .data .ttl-btn .btn .print {
                    margin-left: 5px;
                }
                    .map-data .data .ttl-btn .btn .print a{
                        display: block;
                        border: 1px solid #AB9332;
                        background: #FFFFFF;
                        color: #AB9332;
                        font-size: 1.4rem;
                        border-radius: 3px;
                        padding: 0 22px 0 12px;
                        position: relative;
                        transition: .1s;
                    }
                    .map-data .data .ttl-btn .btn .print a:hover{
                        opacity: .7;
                    }
                        .map-data .data .ttl-btn .btn .print a span{
                            display: inline-block;
                            background: url(../img/ico_print.svg) no-repeat left center;
                            padding:5px 0 5px 25px;
                        }
                        .map-data .data .ttl-btn .btn .print a::after{
                            content: "";
                            position: absolute;
                            right: 10px;
                            top: calc(50% - 3px);
                            width: 5px;
                            height: 5px;
                            border-top: 1px solid #AB9332;
                            border-right: 1px solid #AB9332;
                            transform: rotate(45deg);
                        }
                .map-data .data .ttl-btn .btn .share {
                    margin-left: 5px;
                    position: relative;
                }



/*=============================*/
.voice-list{
    margin-bottom: 40px;
}
    .voice-list .list{
        padding-left: 5px;
        padding-right: 10px;
        height: 700px;
        overflow-y: scroll;
        scrollbar-color: #CCBD88 #ffffff;
        scrollbar-width: thin;
    }
    .voice-list .list::-webkit-scrollbar {
        width: 5px;
    }
    .voice-list .list::-webkit-scrollbar-track {
        border-radius: 10px;
	    background: #ffffff;
    }
    .voice-list .list::-webkit-scrollbar-thumb {
        border-radius: 10px;
	    background:#CCBD88;
    }

        .voice-list .list .block{
            background: #F3F2E9;
            border-radius: 5px;
            padding:20px 25px 15px;
            margin-bottom: 15px;
        }
            .voice-list .list .block .date{
                color: #AB9332;
                font-size: 1.2rem;
                margin-bottom: 5px;
            }
            .voice-list .list .block dl {
                color: #5A5129;
                font-size: 1.5rem;
            }
                .voice-list .list .block dl dt{
                    border-bottom: 1px solid #E5E1CE;
                    box-shadow: 0 1px 0 rgba(255,255,255,.9);
                    position: relative;
                    padding:3px 0 12px 45px;
                    line-height: 1.5;
                }
                    .voice-list .list .block dl dt::before{
                        content: "Q.";
                        color: #CCBD88;
                        line-height: 1;
                        font-size: 2.8rem;
                        font-family: 'EB Garamond', 'Noto Serif JP', YuMincho, 'Yu Mincho', serif;
                        position: absolute;
                        left: 3px;
                        top: 0;
                    }
                .voice-list .list .block dl dd{
                    position: relative;
                    padding:10px 0 10px 45px;
                    line-height: 1.5;
                }
                    .voice-list .list .block dl dd::before{
                        content: "";
                        width: 40px;
                        height: 30px;
                        position: absolute;
                        left: 0;
                        top: 8px;
                        background: url(../img/ico_voice.svg) no-repeat top left;
                    }
#review-list {
    height: 620px;
}

#review-more {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

/*=============================*/

.spot-list{
    min-height: 600px;
    margin-bottom: 40px;
}
    .spot-list .block{
        padding:0 5px;
    }
        .spot-list .block .img-area{
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 65%;
            overflow: hidden;
            border-radius: 3px;
            margin-bottom: 15px;
        }
            .spot-list .block .img-area img{
                position: absolute;
                max-width: none;
                height: 105%;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
        .spot-list .block .txt-area{
            padding:0 15px;
            color: #5A5129;
            font-size: 1.4rem;
        }
            .spot-list .block .txt-area .ttl{
                font-size: 2rem;
                color: #AB9332;
                margin-bottom: 0;
            }
            .spot-list .block .txt-area .data{
                margin-bottom: 10px;
            }
            .spot-list .block .txt-area p{
                line-height: 1.6;
            }


/*=============================*/
.page-link{
    background: #FAF9F5;
    padding: 40px 60px;
}
    .page-link .ttl{
        font-size: 2.0rem;
        color: #AB9332;
        margin-bottom: 15px;
        font-weight: normal;
        position: relative;
        padding-left: 25px;
    }
        .page-link .ttl::before{
            content: "";
            width: 15px;
            height: 2px;
            background: #AB9332;
            position: absolute;
            left: 0;
            top: calc(50% - 1px);
        }
    .page-link .list{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-bottom: 0;
    }
        .page-link .list li{
            margin-left: 10px;
            margin-bottom: 5px;
            width: calc(100% / 6 - 10px);
        }
        .page-link.l5 .list li{
            width: calc(100% / 5 - 10px);
        }
            .page-link .list li label,
            .page-link .list li a{
                display: flex;
                justify-content: center;
                align-items: center;
                height: 46px;
                border:1px solid #E5E1CE;
                border-radius: 4px;
                color: #57563B;
                font-size: 1.5rem;
                text-align: center;
                padding:8px 10px;
                box-sizing: border-box;
                line-height: 1;
                text-decoration: none;
                cursor: pointer;
                transition: .1s;
            }
            .page-link .list li label:hover,
            .page-link .list li a:hover{
                opacity: .7;
            }
            .page-link .list li .radio input{
                display: none;
            }
            .page-link .list li .radio input:checked + label{
                border-color: #57563B;
                background: #57563B;
                color: #fff;
                transition: .05s;
            }
            .page-link .list.member li .radio input:checked + label{
                color: #AB9332;
            }
                .page-link .list li em{
                    font-size: 2.8rem;
                    color: #AB9332;
                    margin-right: 4px;
                }
                .page-link .list.member li span{
                    display: inline-block;
                    padding:0 10px 0 20px;
                    font-size: 1.4rem;
                    position: relative;
                }
                    .page-link .list.member li span::before{
                        content: "";
                        width: 10px;
                        height: 10px;
                        box-sizing: border-box;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 4px);
                    }
                    .page-link .list.member li.mn span::before{
                        border:1px solid #E5E1CE;
                    }
                    .page-link .list.member li.mb span::before{
                        background: #7B3100;
                    }
                    .page-link .list.member li.ms span::before{
                        background: #929292;
                    }
                    .page-link .list.member li.mg span::before{
                        background: #AB9332;
                    }
                    .page-link .list.member li.mp span::before{
                        background: #E4E4E4;
                        border:1px solid #C4D6DB;
                    }
.page-link .ac{
    position: relative;
    padding-bottom: 65px;
}
    .page-link .ac .ac-more{
        display: none;
    }
    .page-link .ac .ac-switch{
        text-align: center;
        border-top: 1px solid #E5E1CE;
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 100%;
        padding:0 60px;
        margin:0 -60px;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #AB9332;
        cursor: pointer;
    }
        .page-link .ac .ac-switch span{
            display: inline-block;
            padding:5px 40px 5px 15px;
            position: relative;
        }
        .page-link .ac .ac-switch span .dli-plus {
            display: inline-block;
            position: relative;
            width: 20px;
            height: 20px;
            left: 8px;
            border:1px solid #CCBD88;
            border-radius: 10px;
            box-sizing: border-box;
            transform: translateY(15%);
          }
          
          .page-link .ac .ac-switch span .dli-plus::before {
            content: '';
            position: absolute;
            top: calc(50% - 0.5px);
            left: calc(50% - 6px);;
            display: inline-block;
            vertical-align: middle;
            color: #AB9332;
            line-height: 1;
            width: 0.7em;
            height: 0.05em;
            background: currentColor;
            border-radius: 0.1em;
          }
          .page-link .ac .ac-switch span .dli-plus::after {
            content: '';
            position: absolute;
            background: #AB9332;
            top: calc(50% - 0.5px);
            left: calc(50% - 6px);;
            width: 0.7em;
            height: 0.05em;
            border-radius: inherit;
            transform: rotate(90deg);
          }
          .page-link .ac.open .ac-switch span .dli-plus::after {
            width: 0;
            height: 0;
            }
/*             .page-link .ac .ac-switch span::before{
                content: "";
                width: 20px;
                height: 20px;
                border:1px solid #CCBD88;
                border-radius: 10px;
                box-sizing: border-box;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }
            .page-link .ac .ac-switch span::after{
                content: "";
                position: absolute;
                right: 7px;
                top: calc(50% - 4px);
                width: 5px;
                height: 5px;
                border-bottom: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
            .page-link .ac.open .ac-switch span::after{
                top: calc(50% - 2px);
                border: none;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(-45deg);
            } */
/*=============================*/
.conditions{
    position: relative;
    margin-bottom: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #5A5129;
}
    .conditions .main{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }
    .conditions .main::before{
        content: "";
        width: 1000px;
        height: 1px;
        background: #D8D3B9;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateX(-100%);
    }
        .conditions .area{
            font-size: 3.0rem;
            color: #AB9332;
            font-weight: normal;
            padding-left: 10px;
            white-space: nowrap;
        }
            .conditions .area span{ display: none; }
            .conditions .area span.active{ display: block; }
        .conditions .num{
            margin-left: 60px;
            font-size: 1.8rem;
            white-space: nowrap;
        }
    .conditions .more{
        margin-left: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
        .conditions .more dl{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 1.6rem;
        }
            .conditions .more dl dt{
                color: #AB9332;
                white-space: nowrap;
            }
            .conditions .more dl dd{
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
            }
                .conditions .more dl dd span{
                    padding-left: 30px;
                    position: relative;
                    display: none;
                }
                .conditions .more dl dd span.active{
                    display: block;
                }
                .conditions .more dl dd span::before{
                    content: "";
                    height: 1px;
                    width: 20px;
                    background: #CCBD88;
                    transform: rotate(-45deg);
                    position: absolute;
                    left: 5px;
                    top: 50%;
                }
                .conditions .more dl dd span:first-child:before{
                    display: none;
                }

/*=============================*/
.distance-btn{
    display: none;
}
@media screen and (min-width: 768px) {
.distance-btn{
    display: none !important;
}
}
#c000{
    display: none;
}

/*=============================*/
.hotel-list{
    margin-bottom: 50px;
}
    .hotel-list .hotel-block{
        background: #FAF9F5;
        margin-bottom: 100px;
        position: relative;
    }
    .hotel-list .hotel-block .data-area{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row-reverse;
    }
        .hotel-list .hotel-block .data-area >div{
            width: 50%;
            box-sizing: border-box;
        }
        .hotel-list .hotel-block .data-area .txt-area{
            padding: 20px 35px;
            color: #5A5129;
        }
            .hotel-list .hotel-block .data-area .txt-area a{
                display: block;
            }
            .hotel-list .hotel-block .data-area .txt-area a:hover{
                text-decoration: none;
            }
            .hotel-list .hotel-block .data-area .txt-area .rank{
                font-size: 3.2rem;
                text-align: center;
                color: #5A5129;
                letter-spacing: 3px;
                margin-bottom: 15px;
            }
                .hotel-list .hotel-block .data-area .txt-area .rank em{
                    margin-right: 10px;
                    font-size: 12.6rem;
                    color: #AB9332;
                    line-height: 1;
                }
            .hotel-list .hotel-block .data-area .txt-area .catch{
                text-align: center;
                padding:25px 5px;
                color: #AB9332;
                font-size: 1.5rem;
            }
            .hotel-list .hotel-block .data-area .txt-area .name{
                color: #AB9332;
                text-align: center;
                border-top: 1px solid #D8D3B9;
                border-bottom: 1px solid #D8D3B9;
                padding:15px 10px;
                font-size: 2.6rem;
                font-weight: normal;
                margin-bottom: 40px;
            }
            .hotel-list .hotel-block .data-area .txt-area .station dl{
                padding-bottom: 15px;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                font-size: 1.5rem;
            }
                .hotel-list .hotel-block .data-area .txt-area .station dl dt{
                    width: 4em;
                    background: #AB9332;
                    color: #fff;
                    text-align: center;
                }
                .hotel-list .hotel-block .data-area .txt-area .station dl dd{
                    width: calc(100% - 5em);
                }
            .hotel-list .hotel-block .data-area .txt-area .address{
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 40px;
            }
                .hotel-list .hotel-block .data-area .txt-area .address .t1{
                    font-size: 1.5rem;
                }
                .hotel-list .hotel-block .data-area .txt-area .address .link{
                    width: 150px;
                    text-align: center;
                    font-size: 1.4rem;
                }
                    .hotel-list .hotel-block .data-area .txt-area .address .link a{
                        display: block;
                        background: #fff;
                        border-radius: 15px;
                        padding:3px 10px ;
                        text-align: center;
                        transition: .1s;
                    }
                    .hotel-list .hotel-block .data-area .txt-area .address .link a:hover{
                        opacity: .7;
                    }
                        .hotel-list .hotel-block .data-area .txt-area .address .link a span{
                            display: inline-block;
                            padding-left: 22px;
                            background: url(../img/ico_blank.svg) no-repeat left center;
                            background-size: 15px 11px;
                            letter-spacing: 0;
                            white-space: nowrap;
                        }
                        .hotel-list .hotel-block .data-area .txt-area .address .link a.area span{
                            padding-left: 18px;
                            background: url(../img/ico_access.svg) no-repeat left center;
                        }
                .hotel-list .hotel-block .data-area .txt-area .address .dis{
                    display: none;
                }
                @media screen and (min-width: 768px) {
                .hotel-list .hotel-block .data-area .txt-area .address .dis{
                    display: none !important;
                }
                }

            .hotel-list .hotel-block .data-area .txt-area .btn-area{
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
            }
                .hotel-list .hotel-block .data-area .txt-area .btn-area .btn{
                    width: 300px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                    .hotel-list .hotel-block .data-area .txt-area .btn a{
                        display: block;
                        border:1px solid #AB9332;
                        background: #fff;
                        border-radius: 4px;
                        color: #AB9332;
                        padding:8px 15px;
                        box-sizing: border-box;
                        width: calc(50% - 5px);
                        text-align: center;
                        text-decoration: none;
                        transition: .1s;
                    }
                    .hotel-list .hotel-block .data-area .txt-area .btn a:hover{
                        opacity: .7;
                    }
                        .hotel-list .hotel-block .data-area .txt-area .btn a span{
                            display: block;
                            position: relative;
                        }
                        .hotel-list .hotel-block .data-area .txt-area .btn a span::after{
                            content: "";
                            position: absolute;
                            right: 0px;
                            top: calc(50% - 4px);
                            width: 5px;
                            height: 5px;
                            border-top: 1px solid #AB9332;
                            border-right: 1px solid #AB9332;
                            transform: rotate(45deg);
                        }
                    .hotel-list .hotel-block .data-area .txt-area .btn a.s2{
                        border:1px solid #688B94;
                        color: #688B94;
                    }
                        .hotel-list .hotel-block .data-area .txt-area .btn a.s2 span::after{
                            border-top: 1px solid #688B94;
                            border-right: 1px solid #688B94;
                        }
                .hotel-list .hotel-block .data-area .txt-area .btn-area .tel{
                    width: calc(100% - 320px);
                    text-align: right;
                }
                    .hotel-list .hotel-block .data-area .txt-area .btn-area .tel > div{
                        font-size: 2.8rem;
                        color: #AB9332;
                        font-weight: normal;
                        line-height: 1.2;
                    }
                        .hotel-list .hotel-block .data-area .txt-area .btn-area .tel > div > *{
                            display: inline-block;
                            background: url(../img/ico_tell.svg) no-repeat left center;
                            background-size: 18px auto;
                            padding-left: 30px;
                        }
                    .hotel-list .hotel-block .data-area .txt-area .btn-area .tel p{
                        font-size: 1.4rem;
                        color: #AB9332;
                        text-align: right;
                    }

        .hotel-list .hotel-block .data-area .img-area{
            position: relative;
            overflow: hidden;
            padding-bottom: 0;
        }
                .hotel-list .hotel-block .data-area .img-area .img .slick-list{
                    width: 100%;
                    /*margin-left: -25%;*/
                }
                .hotel-list .hotel-block .data-area .img-area .img img{
                    max-width: none;
                    width: 100%;
                }
                .hotel-list .hotel-block .data-area .img-area .slick-dotted.slick-slider {
                    margin-bottom: 0;
                }
            .hotel-list .hotel-block .data-area .img-area .slick-dots {
                bottom: 10px;
            }

    .hotel-list .hotel-block .data-area2{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        background: #EEEDE4;
        padding: 10px 0;
        border-top: 1px solid #E5E1CE;
        border-bottom: 1px solid #E5E1CE;
    }
        .hotel-list .hotel-block .data-area2 .d1{
            width: 50%;
            box-sizing: border-box;
            border-right: 1px solid #E5E1CE;
            display: flex;
            justify-content: center;
            align-items: center;
            padding:0 35px;
        }
            .hotel-list .hotel-block .data-area2 .d1 .inner{
                width: 100%;
            }
            .hotel-list .hotel-block .data-area2 .empty-data{
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                justify-content: center;
                padding: 15px 30px 15px;
            }
            .hotel-list .hotel-block .data-area2 .empty-data .empty_title {
                width: 100%;
                clear: both;
                margin-bottom: 5px;
                text-align: center;
            }
            .hotel-list .hotel-block .data-area2 .empty-data .empty_title span {
                display: inline-block;
                margin-left: 5px;
                font-size: 1.2rem;
            }
            .hotel-list .hotel-block .data-area2 .empty-data .realtime_link{
                display: inline-block;
                padding-right: 30px;
                position: relative;
                color: #AB9332;
            }
            .hotel-list .hotel-block .data-area2 .empty-data .realtime_link::after {
                content: "";
                position: absolute;
                right: 8.5px;
                top: calc(50% - 4px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }
        .hotel-list .hotel-block .data-area2 .d2{
            width: 50%;
            border-left: 1px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            padding:0 35px;
            box-sizing: border-box;
        }
            .hotel-list .hotel-block .data-area2 .d2 .inner{
                width: 100%;
            }
    .hotel-list .hotel-block .data-area3{
        padding: 25px 35px;
        color: #5A5129;
    }
        .hotel-list .hotel-block .data-area3 .block{
            margin-bottom: 40px;
        }
        .hotel-list .hotel-block .data-area3 .block:last-child{
            margin-bottom: 0;
        }
            .hotel-list .hotel-block .data-area3 .block .ttl{
                font-size: 2.0rem;
                color: #AB9332;
                margin-bottom: 5px;
                font-weight: normal;
                position: relative;
                padding-left: 25px;
            }
                .hotel-list .hotel-block .data-area3 .block .ttl::before{
                    content: "";
                    width: 15px;
                    height: 2px;
                    background: #AB9332;
                    position: absolute;
                    left: 0;
                    top: calc(50% - 1px);
                }
            .hotel-list .hotel-block .data-area3 .block .price{
                display: flex;
                justify-content: flex-start;
                align-items: stretch;
            }
                .hotel-list .hotel-block .data-area3 .block .price dl{
                    display: block;
                    padding: 0 10px 10px;
                    width: 33.33%;
                    box-sizing: border-box;
                    border-right: 1px solid #E5E1CE;
                    box-shadow: 1px 0 0 rgba(255, 255, 255, .7);
                    box-sizing: border-box;
                    flex-grow: 1;
                }
                .hotel-list .hotel-block .data-area3 .block .price dl:last-child{
                    border-right: none;
                    box-shadow: none;
                }
                    .hotel-list .hotel-block .data-area3 .block .price dl dt{
                        color: #AB9332;
                        font-size: 1.8rem;
                        margin-right: 10px;
                        margin-bottom: 0.6rem;
                        line-height: 2rem;
                    }
                    .hotel-list .hotel-block .data-area3 .block .price dl dd{
                        font-size: 1.4rem;
                        line-height: 2.2;
                    }

    /* カラム共通調整 */
    .hotel-list .hotel-block .data-area3 .block .price.column_5,
    .hotel-list .hotel-block .data-area3 .block .price.column_6,
    .hotel-list .hotel-block .data-area3 .block .price.column_7,
    .hotel-list .hotel-block .data-area3 .block .price.column_8 {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* 5カラムある場合 */
    .hotel-list .hotel-block .data-area3 .block .price.column_5 dl {
        width: 25%;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_5 dl:nth-child(-n+4) {
        margin-bottom: 3rem;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_5 dl:nth-child(4) {
        border-right: none;
    }
    /* 6カラムある場合 */
    .hotel-list .hotel-block .data-area3 .block .price.column_6 dl {
        width: 33%;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_6 dl:nth-child(-n+3) {
        margin-bottom: 3rem;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_6 dl:nth-child(3) {
        border-right: none;
    }
    /* 7カラムある場合 */
    .hotel-list .hotel-block .data-area3 .block .price.column_7 dl {
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_7 dl:nth-child(-n+6) {
        margin-bottom: 3rem;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_7 dl:nth-child(3),
    .hotel-list .hotel-block .data-area3 .block .price.column_7 dl:nth-child(6) {
        border-right: none;
    }
    /* 8カラムある場合 */
    .hotel-list .hotel-block .data-area3 .block .price.column_8 dl {
        width: 25%;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_8 dl:nth-child(-n+4) {
        margin-bottom: 3rem;
    }
    .hotel-list .hotel-block .data-area3 .block .price.column_8 dl:nth-child(4) {
        border-right: none;
    }



    .hotel-list .hotel-block .detail{
        border: 1px solid #fff;
        border-top: 1px solid #E5E1CE;
        background: #EEEDE4;
        text-align: center;
    }
        .hotel-list .hotel-block .detail a{
            display: block;
            padding:25px ;
            color: #AB9332;
            font-size: 1.8rem;
            font-weight: normal;
        }
        .hotel-list .hotel-block .detail a span{
            display: inline-block;
            padding: 3px 30px 5px 10px;
            position: relative;
        }
        .hotel-list .hotel-block .detail a span::before{
            content: "";
            width: 20px;
            height: 20px;
            background: #fff;
            border:1px solid #CCBD88;
            border-radius: 10px;
            box-sizing: border-box;
            position: absolute;
            right: 0;
            top: 45%;
            transform: translateY(-50%);
        }
        .hotel-list .hotel-block .detail a span::after{
            content: "";
            position: absolute;
            right: 8.5px;
            top: calc(45% - 3px);
            width: 5px;
            height: 5px;
            border-top: 1px solid #AB9332;
            border-right: 1px solid #AB9332;
            transform: rotate(45deg);
        }


/*=============================*/
.hotel-list .hotel-block { display: none; }
.hotel-list.nofilter .hotel-block, .hotel-list.area_all .hotel-block { display: block; }
.hotel-list.area_osaka .hotel-block.area_osaka, .hotel-list.area_hyogo .hotel-block.area_hyogo, .hotel-list.area_kyoto .hotel-block.area_kyoto, .hotel-list.area_shiga .hotel-block.area_shiga,
.hotel-list.area_nara .hotel-block.area_nara, .hotel-list.area_gifu .hotel-block.area_gifu, .hotel-list.area_mie .hotel-block.area_mie, .hotel-list.area_tottori .hotel-block.area_tottori,
.hotel-list.area_shimane .hotel-block.area_shimane, .hotel-list.area_okayama .hotel-block.area_okayama, .hotel-list.area_ehime .hotel-block.area_ehime { display: block; }
.hotel-list [class*="hidden-"] {display: none !important;}





/*=============================*/
.room-list{
    margin-bottom: 50px;
}
    .room-list .room-block{
        background: #FAF9F5;
        margin-bottom: 100px;
        position: relative;
    }
    .room-list .room-block .data-area{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row-reverse;
    }
        .room-list .room-block .data-area >div{
            box-sizing: border-box;
        }
        .room-list .room-block .data-area .txt-area{
            width: calc(100% - 620px);
            padding: 20px 35px;
        }
            .room-list .room-block .data-area .txt-area .rank{
                font-size: 3.2rem;
                text-align: center;
                color: #5A5129;
                letter-spacing: 3px;
                margin-bottom: 15px;
            }
                .room-list .room-block .data-area .txt-area .rank em{
                    margin-right: 10px;
                    font-size: 12.6rem;
                    color: #AB9332;
                    line-height: 1;
                }
            .room-list .room-block .data-area .txt-area .catch{
                color: #AB9332;
                text-align: left;
                padding:5px 0 10px;
                font-size: 1.8rem;
                font-weight: normal;
                margin-bottom: 15px;
            }
            .room-list .room-block .data-area .txt-area .txt{
                line-height: 2.0;
                font-size: 1.4rem;
                color: #5A5129;
                margin-bottom: 40px;
            }
            .room-list .room-block .data-area .txt-area .txt2{
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                font-size: 1.3rem;
                line-height: 1.8;
                color: #5A5129;
            }
                .room-list .room-block .data-area .txt-area .txt2 p{
                    margin-bottom: 5px;
                }
                .room-list .room-block .data-area .txt-area .txt2 p.indent{
                    padding-left: 1em;
                    text-indent: -1em;
                }
                .room-list .room-block .data-area .txt-area .txt2 .link{
                    font-size: 1.4rem;
                }
                    .room-list .room-block .data-area .txt-area .txt2 .link a{
                        display: inline-block;
                        padding: 7px 18px 7px 2px;
                        color: #AB9332;
                        border-bottom: 1px dotted #AB9332;
                        font-weight: normal;
                        text-decoration: none;
                        position: relative;
                    }
                    .room-list .room-block .data-area .txt-area .txt2 .link a::after{
                        content: "";
                        position: absolute;
                        right: 2px;
                        top: calc(50% - 5px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #AB9332;
                        border-right: 1px solid #AB9332;
                        transform: rotate(45deg);
                    }
                    .room-list .room-block .data-area .txt-area .txt2 .link a:hover{
                        border-bottom: 1px dotted #FAF9F5;
                    }

            .room-list .room-block .data-area .txt-area .btn{
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 15px;
            }
                .room-list .room-block .data-area .txt-area .btn a{
                    display: block;
                    border:1px solid #AB9332;
                    background: #fff;
                    border-radius: 4px;
                    color: #AB9332;
                    padding:10px 15px;
                    box-sizing: border-box;
                    width: calc(50% - 10px);
                    text-align: center;
                    text-decoration: none;
                    transition: .2s;
                }
                .room-list .room-block .data-area .txt-area .btn a:hover{
                    opacity: .7;
                }
                    .room-list .room-block .data-area .txt-area .btn a span{
                        display: block;
                        position: relative;
                    }
                    .room-list .room-block .data-area .txt-area .btn a span::after{
                        content: "";
                        position: absolute;
                        right: 0px;
                        top: calc(50% - 4px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #AB9332;
                        border-right: 1px solid #AB9332;
                        transform: rotate(45deg);
                    }
                .room-list .room-block .data-area .txt-area .btn a.s2{
                    border:1px solid #688B94;
                    color: #688B94;
                }
                    .room-list .room-block .data-area .txt-area .btn a.s2 span::after{
                        right: 0px;
                        top: calc(50% - 7px);
                        width: 15px;
                        height: 14px;
                        background: url(../img/ico_blank_c2.svg) no-repeat center;
                        background-size: 15px 11px;
                        border: none;
                        transform: rotate(0deg);
                    }

        .room-list .room-block .data-area .img-area{
            width: 620px;
        }
            .room-list .room-block .data-area .img-area img{
                width: 100%;
            }
            .room-list .room-block .data-area .img-area .slick-dots{
                bottom: 10px;
            }
    .room-list .room-block .price-area{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        padding:0 20px;
    }
        .room-list .room-block .price-area .price-block{
            width: 50%;
            box-sizing: border-box;
            padding: 20px 20px 40px;
        }
            .room-list .room-block .price-area .price-block .ttl{
                font-size: 2.0rem;
                color: #AB9332;
                margin-bottom: 10px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                .room-list .room-block .price-area .price-block .ttl span{
                    display: inline-block;
                    padding-left: 24px;
                    position: relative;
                }
                    .room-list .room-block .price-area .price-block .ttl span::before{
                        content: "";
                        width: 15px;
                        height: 2px;
                        left: 0;
                        top: calc(50% - 1px);
                        background: #CCBD88;
                        position: absolute;
                    }
                .room-list .room-block .price-area .price-block .ttl em{
                    background: #688B94;
                    color: #fff;
                    padding:2px 10px 4px;
                    font-size: 1.5rem;
                    margin-left: 15px;
                    line-height: 1.2;
                    border-radius: 3px;
                }

            .room-list .room-block .price-area .price-block table{
                width: 100%;
                border: 1px solid #E5E1CE;
                border-collapse: separate;
                margin-top: -1px;
            }
                .room-list .room-block .price-area .price-block table th{
                    width: 160px;
                    padding: 15px 20px;
                    background: #EEEDE4;
                    font-size: 1.5rem;
                    font-weight: 300;
                    box-sizing: border-box;
                    color: #688B94;
                }
                .room-list .room-block .price-area .price-block table td{
                    border-top: 3px solid #EEEDE4;
                    border-bottom: 3px solid #EEEDE4;
                    padding:10px 15px;
                    font-size: 1.4rem;
                    font-weight: 300;
                    box-sizing: border-box;
                    background: #fff;
                    color: #5A5129;
                }
                .room-list .room-block .price-area .price-block table td.d1{
                    background: #FAF9F5;
                    width: 140px;
                }
                .room-list .room-block .price-area .price-block table td.d2{
                    border-right: 3px solid #EEEDE4;
                    text-align: right;
                }
            .room-list .room-block .price-area .price-block .table p{
                margin-top: 5px;
                text-align: right;
                font-size: 1.3rem;
                color: #5A5129;
            }


                .room-list .room-block .price-area .price-block.s2 table th{
                    color: #AB9332;
                }
                .room-list .room-block .price-area .price-block.s2 .ttl em{
                    background: #AB9332;
                }





/*=============================*/
.price-detail{
    margin-bottom: 100px;
    position: relative;
}
    .price-detail .data-area{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row-reverse;
        background: #FAF9F5;
    }
        .price-detail .data-area >div{
            width: 50%;
            box-sizing: border-box;
        }
        .price-detail .data-area .txt-area{
            padding: 20px 35px;
        }
            .price-detail .data-area .txt-area .rank{
                font-size: 3.2rem;
                text-align: center;
                color: #5A5129;
                letter-spacing: 3px;
                margin-bottom: 15px;
            }
                .price-detail .data-area .txt-area .rank em{
                    font-size: 12.6rem;
                    color: #AB9332;
                    line-height: 1;
                }
                .price-detail .data-area .txt-area .rank span{
                    margin-left: 10px;
                }

            .price-detail .data-area .txt-area .catch{
                color: #AB9332;
                text-align: left;
                padding:15px 10px;
                font-size: 1.8rem;
                font-weight: normal;
                margin-bottom: 15px;
            }
            .price-detail .data-area .txt-area .txt{
                line-height: 2.0;
                font-size: 1.4rem;
                color: #5A5129;
                margin-bottom: 30px;
            }
            .price-detail .data-area .txt-area .btn{
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 15px;
            }
                .price-detail .data-area .txt-area .btn a{
                    display: block;
                    border:1px solid #AB9332;
                    background: #fff;
                    border-radius: 4px;
                    color: #AB9332;
                    padding:10px 15px;
                    box-sizing: border-box;
                    width: calc(50% - 10px);
                    text-align: center;
                    transition: .1s;
                }
                .price-detail .data-area .txt-area .btn a:hover{
                    text-decoration: none;
                    opacity: .7;
                }
                    .price-detail .data-area .txt-area .btn a span{
                        display: block;
                        position: relative;
                    }
                    .price-detail .data-area .txt-area .btn a span::after{
                        content: "";
                        position: absolute;
                        right: 0px;
                        top: calc(50% - 2px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #AB9332;
                        border-right: 1px solid #AB9332;
                        transform: rotate(45deg);
                    }
                .price-detail .data-area .txt-area .btn a.s2{
                    border:1px solid #688B94;
                    color: #688B94;
                }
                    .price-detail .data-area .txt-area .btn a.s2 span::after{
                        right: 0px;
                        top: calc(50% - 7px);
                        width: 15px;
                        height: 14px;
                        background: url(../img/ico_blank_c2.svg) no-repeat center;
                        background-size: 15px 11px;
                        border: none;
                        transform: rotate(0deg);
                    }

        .price-detail .data-area .img-area{
            overflow: hidden;
        }
            .price-detail .data-area .img-area .img.slide span{
                width: 100%;
            }
                .price-detail .data-area .img-area .img.slide span img{
                    width: 100%;
                }
    .price-detail .block{
        margin-top: 90px;
    }
        .price-detail .price-table{

        }
            .price-detail .block .data{
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                flex-wrap: wrap;
                margin-bottom: 20px;
            }
                .price-detail .block .data ul{
                    background: #FFFFFF;
                    border:1px solid #E5E1CE;
                    padding: 3px 1px;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    border-radius: 3px;
                    font-size: 1.8rem;
                    width: auto;
                }
                    .price-detail .block .data ul li{
                        flex-grow: 1;
                        border-radius: 3px;
                        text-align: center;
                        padding: 8px 10px;
                        box-sizing: border-box;
                        margin:0 2px;
                        min-width: 170px;
                        cursor: pointer;
                        transition: .3s;
                    }
                    .price-detail .block .data ul li:hover{
                        background: rgba(104, 139, 148, .1);
                    }
                    .price-detail .block .data ul li.active{
                        background: rgba(104, 139, 148, 1);
                        color: #fff;
                    }

                    .price-detail .block.s2 .data ul li:hover{
                        background: rgba(171, 147, 50, .15);
                    }
                    .price-detail .block.s2 .data ul li.active{
                        background: rgba(171, 147, 50, 1);
                        color: #fff;
                    }

                    .price-detail .block.s3 .data ul li:hover{
                        background: rgba(171, 147, 50, .15);
                    }
                    .price-detail .block.s3 .data ul li.active{
                        background: rgba(171, 147, 50, 1);
                        color: #fff;
                    }
                .price-detail .block .data p{
                    color: #5A5129;
                    font-size: 1.4rem;
                    margin-left: 15px;
                }


            .price-detail .block .block-inner{
                display: none;
            }
            .price-detail .block .block-inner.active{
                display: block;
            }

            .price-detail .price-table .table{

            }
                .price-detail .price-table .table table{
                    width: 100%;
                    border:1px solid #E5E1CE;
                    text-align: center;
                    background: #FAF9F5;
                }
                    .price-detail .price-table .table table thead th{
                        height: 75px;
                        background: #EEEDE4;
                        color: #688B94;
                        font-size: 1.8rem;
                    }
                    .price-detail .price-table .table table th{
                        border:1px solid #E5E1CE;
                        text-align: center;
                        vertical-align: middle;
                    }
                    .price-detail .price-table .table table td{
                        border:1px solid #E5E1CE;
                        text-align: center;
                        vertical-align: middle;
                        color: #5A5129;
                        font-size: 2.8rem;
                        font-weight: 300;
                        letter-spacing: 2px;
                        height: 170px;
                    }
                        .price-detail .price-table .table table td em{
                            font-size: 4.8rem;
                            font-weight: normal;
                        }

            .price-detail .price-table .table2{
                display: flex;
                justify-content: flex-start;
                align-items: stretch;
                color: #5A5129;
            }
                .price-detail .price-table .table2 dl{
                    flex-grow: 1;
                    background: #FAF9F5;
                    display: flex;
                    justify-content: stretch;
                    align-items: stretch;
                    flex-direction: column;
                }
                .price-detail .price-table .table2 dl:first-child{
                    border-left:1px solid #E5E1CE;
                }
                .price-detail .price-table .table2 dl.dl1{
                    width: 490px;
                    flex-grow: 0;
                }
                    .price-detail .price-table .table2 dl dt{
                        height: 75px;
                        background: #EEEDE4;
                        border:1px solid #E5E1CE;
                        border-left: none;
                        box-sizing: border-box;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #AB9332;
                        font-size: 1.8rem;
                        font-weight: normal;
                    }
                    .price-detail .price-table .table2 dl dd{
                        border:1px solid #E5E1CE;
                        border-left: none;
                        border-top: none;
                        flex-grow: 1;
                        display: flex;
                        justify-content: center;
                        align-items: stretch;
                        text-align: center;
                        min-height: 170px;
                    }
                    .price-detail .price-table .table2 dl.dl1 dd{
                        font-size: 2.8rem;
                        font-weight: 300;
                        letter-spacing: 2px;
                        align-items: center;
                    }
                        .price-detail .price-table .table2 dl.dl1 dd em{
                            font-size: 4.8rem;
                            font-weight: normal;
                        }


                        .price-detail .price-table .table2 dl dd .s2{
                            display: flex;
                            align-items: stretch;
                            justify-content: stretch;
                            flex-direction: column;
                            border-left:1px solid #E5E1CE;
                            width: 25%;
                            box-sizing: border-box;
                            flex-grow: 1;
                        }
                        .price-detail .price-table .table2 dl dd .s2:first-child{
                            border-left: none;
                        }
                            .price-detail .price-table .table2 dl dd .s2 .s2-1{
                                border-bottom: 1px solid #E5E1CE;
                                padding: 5px 10px;
                                line-height: 1.4;
                                font-size: 1.3rem;
                            }
                                .price-detail .price-table .table2 dl dd .s2 .s2-1 span{
                                    display: block;
                                    font-size: 1.6rem;
                                    font-weight: normal;
                                    color: #AB9332;
                                }
                            .price-detail .price-table .table2 dl dd .s2 .s2-2{
                                background: #fff;
                                padding:10px;
                                font-size: 1.4rem;
                                flex-grow: 1;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                                .price-detail .price-table .table2 dl dd .s2 .s2-2 p{
                                    display: inline-block;
                                    background: #CCBD88;
                                    color: #fff;
                                    line-height: 1.4;
                                    position: relative;
                                    padding:0 10px 1px;
                                    margin-bottom: 5px;
                                }
                                    .price-detail .price-table .table2 dl dd .s2 .s2-2 p::after{
                                        content: "";
                                        position: absolute;
                                        width: 0;
                                        height: 0;
                                        border-style: solid;
                                        border-width: 6px 3.5px 0 3.5px;
                                        border-color: #ccbd88 transparent transparent transparent;
                                        left: 50%;
                                        bottom: 0;
                                        transform: translate(-50%,100%);
                                    }
                                .price-detail .price-table .table2 dl dd .s2 .s2-2 span{
                                    display: block;
                                    font-weight: normal;
                                    font-size: 1.6rem;
                                    color: #AB9332;
                                }
                                    .price-detail .price-table .table2 dl dd .s2 .s2-2 span em{
                                        font-size: 5.0rem;
                                        line-height: 1;
                                        margin-right: 5px;
                                    }

                        .price-detail .price-table .table2 dl dd .s3{
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-left:1px solid #E5E1CE;
                            background: #fff;
                            width: 33.333%;
                            box-sizing: border-box;
                            font-size: 1.6rem;
                            padding-top: 10px;
                            flex-grow: 1;
                        }
                        .price-detail .price-table .table2 dl dd .s3:first-child{
                            border-left: none;
                        }
                            .price-detail .price-table .table2 dl dd .s3 em{
                                font-weight: normal;
                                color: #AB9332;
                                font-size: 3.8rem;
                                line-height: 1;
                            }
                            .price-detail .price-table .table2 dl dd .s3 p{
                                display: block;
                                margin-top: 5px;
                                color: #AB9332;
                                font-size: 1.8rem;
                            }

            .price-detail .price-table .price-supplement{
                color: #5A5129;
                font-size: 1.4rem;
                margin-top: 10px;
                margin-left: 5px;
            }


/*=============================*/
.member-guide{
    border:1px solid #CCBD88;
    padding: 50px 50px;
}
    .member-guide-ttl{
        text-align: center;
        font-weight: normal;
        font-size: 2.4rem;
        margin-bottom: 20px;
        color: #AB9332;
        letter-spacing: 2px;
    }
    .member-guide-txt{
        padding: 30px 0;
        padding-right: 360px;
        color: #5A5129;
        position: relative;
    }
        .member-guide-txt .txt{
            font-size: 1.4rem;
            margin-bottom: 20px;
            line-height: 1.8;
        }
        .member-guide-txt .txt2{
            font-size: 1.2rem;
            line-height: 1.8;
        }
        .member-guide-txt ul{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 40px;
        }
            .member-guide-txt ul li{
                margin-right: 10px;
                background: #FAF9F5;
                color: #AB9332;
                padding:7px 5px;
                border:1px solid #E5E1CE;
                width: 150px;
                font-size: 1.6rem;
                box-sizing: border-box;
                text-align: center;
            }
        .member-guide-txt .img{
            position: absolute;
            top: -20px;
            right: 0;
        }

    .member-guide .benefits{
        background: #FAF9F5;
        padding: 60px 60px 40px;
        margin-bottom: 40px;
    }

        .member-guide .benefits .benefits-list{
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            margin-bottom: 50px;
        }
            .member-guide .benefits .benefits-list .img-area{
                width: 293px;
            }
            .member-guide .benefits .benefits-list .txt-area{
                width: calc(100% - 293px - 50px);
            }

            .member-guide .benefits .benefits-ttl{
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                .member-guide .benefits .benefits-ttl .num{
                    font-size: 10rem;
                    font-weight: normal;
                    line-height: 1;
                    color: #CCBD88;
                    opacity: .4;
                    margin-right: 10px;
                }
                .member-guide .benefits .benefits-ttl .ttl{
                    font-size: 2.6rem;
                    color: #AB9332;
                    font-weight: normal;
                    line-height: 1.3;
                }
                    .member-guide .benefits .benefits-ttl .ttl em{
                        display: inline-block;
                        background: #CCBD88;
                        color: #fff;
                        font-size: 1.6rem;
                        padding:3px 10px 2px;
                        border-radius: 3px;
                    }
            .member-guide .benefits .benefits-list .list{
                margin-top: 30px;
                font-size: 1.4rem;
                color: #5A5129;
            }
                .member-guide .benefits .benefits-list .list li{
                    margin-bottom: 10px;
                    line-height: 1.8;
                    position: relative;
                    padding-left: 30px;
                }
                .member-guide .benefits .benefits-list .list li::before{
                    content: "";
                    width: 15px;
                    height: 2px;
                    position: absolute;
                    top: 13px;
                    left: 0;
                    background: #CCBD88;
                }
        .member-guide .benefits .benefits-list02{
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            border-left: 1px solid #E5E1CE;
        }
            .member-guide .benefits .benefits-list02 .block{
                width: 33.333%;
                box-sizing: border-box;
                border-right: 1px solid #E5E1CE;
                padding:0 30px;
            }

                .member-guide .benefits .benefits-list02 .benefits-ttl .ttl{
                    font-size: 1.8rem;
                }
                    .member-guide .benefits .benefits-list02 .benefits-ttl .ttl em{
                        font-size: 1.6rem;
                        padding:3px 10px 2px;
                        margin-bottom: 5px;
                    }

/*=============================*/
.member-guide2{
    width: 850px;
    margin:0 auto 70px;
    border:1px solid #CCBD88;
    padding: 60px 40px;
    box-sizing: border-box;
    position: relative;
    color: #5A5129;
}
    .member-guide2 .txt-area{
        width: 390px;
    }
    .member-guide2 .ttl{
        font-size: 2.2rem;
        font-weight: normal;
        color: #AB9332;
        margin-bottom: 20px;
    }
    .member-guide2 .txt{
        line-height: 1.8;
        font-size: 1.4rem;
        color: #5A5129;
        margin-bottom: 20px;
    }
    .member-guide2 .btn{
        width: 260px;
    }
        .member-guide2 .btn a{
            display: block;
            border: 1px solid #AB9332;
            padding: 10px;
            position: relative;
            text-align: center;
            text-decoration: none;
            color: #AB9332;
            border-radius: 4px;
            transition: .2s;
        }
        .member-guide2 .btn a:hover{
            opacity: .7;
        }
        .member-guide2 .btn a::after{
            content: "";
            position: absolute;
            right: 15px;
            top: calc(50% - 3px);
            width: 5px;
            height: 5px;
            border-top: 1px solid #AB9332;
            border-right: 1px solid #AB9332;
            transform: rotate(45deg);
        }

    .member-guide2 .img{
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
    }


/*=============================*/
.hotel-plan{
    margin-bottom: 60px;
}
    .hotel-plan .block{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        background: #FAF9F5;
        margin-bottom: 80px;
    }
    .hotel-plan .block .img-area{
        width: 50%;
    }
        .hotel-plan .block .img-area img{
            width: 100%;
        }
    .hotel-plan .block .txt-area{
        width: 50%;
        padding: 40px 30px;
        box-sizing: border-box;
        color: #5A5129;
        font-size: 1.4rem;
        position: relative;
        padding-bottom: 120px;
    }
        .hotel-plan .block .txt-area .ttl{
            border-bottom: 1px solid #D8D3B9;
            padding:0 0 20px;
            margin-bottom: 20px;
            font-size: 1.8rem;
            font-weight: normal;
            line-height: 1.5;
            color: #AB9332;
        }
        .hotel-plan .block .txt-area .txt{
            line-height: 1.8;
            margin-bottom: 25px;
        }
            .hotel-plan .block .txt-area .txt p{
                margin-bottom: 10px;
            }
        .hotel-plan .block .txt-area .txt2{
            font-size: 1.2rem;
        }
            .hotel-plan .block .txt-area .txt2 p{
                margin-bottom: 10px;
            }
        .hotel-plan .block .txt-area .btn{
            text-align: center;
            position: absolute;
            bottom: 40px;
            left: 0;
            width: 100%;
        }
            .hotel-plan .block .txt-area .btn a{
                position: relative;
                display: inline-block;
                border:1px solid #AB9332;
                border-radius: 4px;
                padding:12px 35px 12px 30px;
                margin:0 15px;
                width: 260px;
                box-sizing: border-box;
                background: #FFFFFF;
                color: #AB9332;
                font-size: 1.6rem;
                text-decoration: none;
                transition: .2s;
            }
            .hotel-plan .block .txt-area .btn a:hover{
                opacity: .7;
            }
            .hotel-plan .block .txt-area .btn a::after{
                content: "";
                position: absolute;
                right: 15px;
                top: calc(50% - 2px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #AB9332;
                border-right: 1px solid #AB9332;
                transform: rotate(45deg);
            }


/*=============================*/
.equip-list{
    background: #EEEDE4;
    border: 1px solid #E5E1CE;
    padding: 25px;
}
.equip-list-inner{
    position: relative;
}
    .equip-list ul{
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        position: relative;
    }
    .equip-list ul::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        box-sizing: border-box;
        border-right: 1px solid #E5E1CE;
        border-bottom: 1px solid #E5E1CE;
        z-index: 2;
    }
    .equip-list ul::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 50px;
        left: 0;
        bottom: 1px;
        background: #FAF9F5;
        z-index: 1;
    }
        .equip-list ul li{
            width: calc(100% / 8 + 1px);
            box-sizing: border-box;
            border:1px solid #E5E1CE;
            text-align: center;
            color: #5A5129;
            font-size: 1.3rem;
            line-height: 1.4;
            margin-top:-1px;
            margin-left:-1px;
            position: relative;
            z-index: 3;
        }
        .equip-list ul li > span{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 50px;
            background: #F3F2E9;
            border-left: 1px solid #fff;
            box-sizing: border-box;
        }
        .equip-list ul li::before{
            content: "";
            width: 22px;
            height: 2px;
            background: #E1DABB;
            position: absolute;
            z-index: 2;
            bottom: 24px;
            left: calc(50% - 11px);
        }
        .equip-list ul li.on::before{
            width: 25px;
            height: 25px;
            background: none;
            border:2px solid #AB9332;
            box-sizing: border-box;
            bottom: 13px;
            border-radius: 50%;
            left: calc(50% - 12px);
        }
        .equip-list ul li.on.triangle::before{
            width: 26px;
            height: 26px;
            background: url(../img/state03.svg) no-repeat center;
            box-sizing: border-box;
            bottom: 12px;
            border-radius: 0;
            left: calc(50% - 12px);
            border: none;
        }
        .equip-list ul li::after{
            content: "";
            display: block;
            width: 100%;
            height: 50px;
            background: #FAF9F5;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            box-sizing: border-box;
        }
    .equip-list p{
        padding: 10px 0 0 0;
        text-align: right;
        color: #5A5129;
        font-size: 1.3rem;
        z-index: 5;
    }

/*=============================*/
.equip-list2{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: 70px;
}
.equip-list2.center{
    justify-content: center;
}
    .equip-list2 .block{
        width: calc(25% - 20px);
        margin-left: 20px;
        box-sizing: border-box;
        margin-bottom:50px;
    }
    .equip-list2 .block > *{
        display: block;
        text-decoration: none;
    }
        .equip-list2 .block a:hover .txt-area .ttl {
            text-decoration: underline;
        }
        .equip-list2 .block .img-area{
            display: block;
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 70%;
            overflow: hidden;
            border-radius: 4px;
        }
            .equip-list2 .block .img-area img{
                position: absolute;
                width: auto;
                max-width: none;
                height: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                border-radius: 4px;
                
            }
        .equip-list2 .block .txt-area{
            display: block;
            padding-top: 15px;
        }
            .equip-list2 .block .txt-area .ttl{
                display: block;
                margin-bottom: 10px;
                font-size: 1.8rem;
                color: #AB9332;
                line-height: 1.4;
                font-weight: normal;
            }
            .equip-list2 .block .txt-area .txt{
                display: block;
                font-size: 1.4rem;
                color: #5A5129;
            }


/*=============================*/
.coupon{
    padding-top: 5px;
    margin-bottom: 60px;
}
.coupon .block{
    border:1px solid #688B94;
    border-left-width: 5px;
    color: #5A5129;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 1000px;
    margin:50px auto 120px;
    background: #FAF9F5;
    position: relative;
}
.coupon .block:last-child{
    margin-bottom: 0;
}
    .coupon .block .head{
        background: #EEEDE4;
        width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #AB9332;
        box-sizing: border-box;
        padding:0 20px;
    }
    .coupon .block .head .inner{
        width: 100%;
    }
        .coupon .block .head .t1{
            font-size: 2.0rem;
            font-weight: normal;
            line-height: 1.1;
            margin-bottom: 20px;
            padding-top: 35px;
            background: url(../img/ico_box_c2.svg) no-repeat center top;
            background-size: 24px 26px;
        }
        .coupon .block .head .t2{
            text-align: center;
        }
            .coupon .block .head .t2 span{
                display: block;
                background: #FFFFFF;
                color: #688B94;
                padding:4px 15px;
                border-radius: 20px;
                font-size: 1.2rem;
            }
    .coupon .block .body{
        width: calc(100% - 200px);
        padding: 25px 24px 0;
    }
        .coupon .block .body .data{
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            background: #E5E1CE;
            font-size: 1.4rem;
        }
            .coupon .block .body .data .date{
                padding: 7px 15px;
                color: #856F14;
                font-weight: normal;
            }
            .coupon .block .body .data .hotel{
                padding: 7px 20px;
                background: #F3F2E9;
            }
        .coupon .block .body .txt{
            background: #FFFFFF;
            border-bottom: 1px solid #D8D3B9;
            display: flex;
            justify-content: stretch;
            align-items: center;
            min-height: 160px;
            box-sizing: border-box;
            padding: 15px 25px;
            line-height: 1.4;
        }
            .coupon .block .body .txt .t1{
                font-size: 1.8rem;
                margin-bottom: 15px;
            }
            .coupon .block .body .txt .t2{
                font-size: 2.8rem;
                color: #688B94;
                font-weight: normal;
            }
                .coupon .block .body .txt .t2 em{
                    font-size: 5.0rem;
                    line-height: 1;
                    margin-right: 5px;
                }
        .coupon .block .body .detail{
            font-size: 1.3rem;
            padding:15px 0;
        }
            .coupon .block .body .detail ul{
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
                margin-left: -30px;
            }
                .coupon .block .body .detail ul li{
                    margin:3px 0 3px 30px;
                    padding-left: 20px;
                    position: relative;
                }
                .coupon .block .body .detail ul li::before{
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 10px;
                    width: 13px;
                    height: 2px;
                    background: #CCBD88;
                }

.coupon .block.type2{
    border-color:#B74545;
}
        .coupon .block.type2 .head .t1{
            padding-top: 35px;
            background: url(../img/ico_tag.svg) no-repeat center top;
            background-size: 26px 26px;
        }
            .coupon .block.type2 .head .t2 span{
                color: #B74545;
            }
            .coupon .block.type2 .body .txt .t2{
                color: #B74545;
            }


.coupon .block .share{
    position: absolute;
    right: 0;
    top: -50px;
}
    .share .share-head{
        width: 120px;
        height: 36px;
        border: 1px solid #fff;
        background: #E5E1CE;
        color: #AB9332;
        font-size: 1.6rem;
        text-align: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
        .share .share-head span{
            display: inline-block;
            padding: 5px 10px 5px 30px;
            background: url(../img/ico_share.svg) no-repeat left center;
            background-size: 17px 17px;
            transition: .1s;
        }
        .share .share-head span:hover{
            opacity: .7;
        }
    .share .share-body{
        background: rgba(255,255,255,.95);
        padding:20px 20px;
        width: 200px;
        box-sizing: border-box;
        position: absolute;
        top: 40px;
        left: -80px;
        display: none;
    }
        .share .share-body .close{
            width: 36px;
            height: 36px;
            border: 1px solid #fff;
            box-sizing: border-box;
            background: #E5E1CE;
            position: absolute;
            left: 0;
            top: 0;
            transform: translateX(-100%);
            cursor: pointer;
        }
            .share .share-body .close::before{
                content: "";
                width: 20px;
                height: 1px;
                background: #fff;
                transform: translateX(-50%) rotate(45deg);
                position: absolute;
                top: 50%;
                left: 50%;
            }
            .share .share-body .close::after{
                content: "";
                width: 20px;
                height: 1px;
                background: #fff;
                transform: translateX(-50%) rotate(-45deg);
                position: absolute;
                top: 50%;
                left: 50%;
            }

        .share .share-body .sns{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .share .share-body .mail{
            margin-top: 20px;
            display: none; /* mailto文字化けするため実装不可 */
        }
            .share .share-body .mail a{
                display: block;
                border: 1px solid #CCBD88;
                text-align: center;
                padding-top: 2px;
            }
            .share .share-body .mail a span{
                display: inline-block;
                font-size: 1.4rem;
                padding: 3px 5px 5px 25px;
                background: url(../img/ico_mail.svg) no-repeat left center;
                background-size: 16px auto;
            }


/*=============================*/
.inq-txt{
    border:1px solid #CCBD88;
    border-radius: 5px;
    padding: 40px 45px;
    margin-bottom: 50px;
}
    .inq-txt .ttl{
        font-size: 2.2rem;
        font-weight: normal;
        color: #AB9332;
        margin-bottom: 30px;
    }

    .inq-txt .attention{
        background: #FAF9F5;
        border: 1px solid #B74545;
        font-size: 1.4rem;
        line-height: 2;
        color: #B74545;
        padding: 25px 30px;
        margin-bottom: 40px;
    }

/*=============================*/
.inq-txt-btn{
    background: #FAF9F5;
    color: #5A5129;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:30px 30px 30px 40px;
    margin-bottom: 70px;
}
    .inq-txt-btn .txt{
        line-height: 2;
        font-size: 1.4rem;
    }



/*=============================*/
.form-area{
    padding:50px 0;
}
    .form-area .form-txt{
        line-height: 2;
        color: #5A5129;
        font-size: 1.4rem;
        margin-bottom: 40px;
    }
        .form-area .form-txt .ico{
            display: inline-block;
            padding:0 5px;
        }
            .form-area .form-txt .ico img{
                vertical-align: middle;
            }

    .form-area #errorBox{
        margin-bottom: 20px;
        line-height: 2;
        font-size: 1.5rem;
        background: #FAF9F5;
        border: 1px solid #B74545;
        font-size: 1.4rem;
        line-height: 2;
        color: #B74545;
        padding: 15px 20px;
    }
        .form-area #errorBox li{
            position: relative;
            padding-left: 15px;
        }
        .form-area #errorBox li::before{
            content: "";
            width: 3px;
            height: 3px;
            background: #B74545;
            position: absolute;
            left: 4px;
            top: 14px;
        }
    .form-area .form-table{
        margin-bottom: 50px;
    }
        .form-area .form-table table{
            width: 100%;
        }
            .form-area .form-table table th{
                padding: 20px 3px;
                border-bottom: 1px solid #E5E1CE;
                color: #AB9332;
                font-size: 1.8rem;
                line-height: 25px;
                vertical-align: top;
                width: 280px;
            }
                .form-area .form-table table th span{
                    display: inline-block;
                    padding: 10px 0;
                }
                .form-area .form-table table .req th span{
                    padding-left: 25px;
                    background: url(../img/ico_check.svg) no-repeat left 13px;
                }
            .form-area .form-table table td{
                padding: 20px 3px 20px 35px;
                border-bottom: 1px solid #E5E1CE;
                vertical-align: top;
                font-size: 1.6rem;
                line-height: 25px;
                color: #5A5129;
            }
                .form-area .form-table table td input{
                    border:1px solid #E5E1CE;
                    padding: 10px 15px;
                    width: 100%;
                    box-sizing: border-box;
                    border-radius: 3px;
                    font-size: inherit;
                    line-height: inherit;
                    color: inherit;
                }
                .form-area .form-table table td input:read-only{
                    border: none;
                    background: none;
                }
                .form-area .form-table table td input:read-only:focus{
                    outline: none;
                }
                .form-area .form-table table td select{
                    border:1px solid #E5E1CE;
                    padding: 10px 15px;
                    box-sizing: border-box;
                    border-radius: 3px;
                    font-size: inherit;
                    line-height: inherit;
                    color: inherit;
                }
                .form-area .form-table table td textarea{
                    border:1px solid #E5E1CE;
                    padding: 10px 15px;
                    width: 100%;
                    height: 260px;
                    box-sizing: border-box;
                    border-radius: 3px;
                    font-size: inherit;
                    line-height: inherit;
                    color: inherit;
                }
                .form-area .form-table table td .error{
                    margin: 5px 1px 0;
                    background-color: #ffc6de;
                    padding: 5px 8px;
                    color: #651b3a;
                }
                .form-area .form-table table td .supp{
                    padding: 8px 15px 0;
                    font-size: 1.4rem;
                }
    .form-area .form-btn{
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .form-area .form-btn a,
        .form-area .form-btn input,
        .form-area .form-btn button{
            position: relative;
            display: inline-block;
            border:1px solid #AB9332;
            background: #AB9332;
            border-radius: 4px;
            padding:15px 35px 15px 30px;
            margin:0 10px;
            width: 290px;
            box-sizing: border-box;
            color: #fff;
            font-size: 1.6rem;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            transition: .2s;
        }
        .form-area .form-btn .back{
            border:1px solid #999;
            background: #999;
            width: 240px;
            color: #fff;
        }
            .form-area .form-btn a:hover,
            .form-area .form-btn input:hover,
            .form-area .form-btn button:hover{
                opacity: .7;
            }
            .form-area .form-btn a::after,
            .form-area .form-btn input::after,
            .form-area .form-btn button::after{
                content: "";
                position: absolute;
                right: 15px;
                top: calc(50% - 2px);
                width: 5px;
                height: 5px;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                transform: rotate(45deg);
            }

/*=============================*/
.spot-map{

}
    .spot-map .map{
        width: 100%;
        height: 600px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }
        .spot-map .map .block{
            width: 100%;
/*            display: none;*/
        }
        .spot-map .map .block.open{
            display: block;
        }
            .spot-map .map iframe{
                width: 100%;
                height: 600px;
            }
    .spot-map .list{
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-bottom: 100px;
    }
@media screen and (min-width: 768px) {
    .spot-map .list.pos-fixed .slick-track{
        transform: translate3d(0,0,0) !important;
    }
}
    .spot-map .list.slick-slider{
        display: block;
    }
        .spot-map .list .block{
            width: calc(100% / 4 - 10px);
            margin-left: 10px;
            margin-bottom: 40px;
            padding:0 10px;
            box-sizing: border-box;
        }
        .spot-map .list.slick-slider .block{
            width: calc(100% / 4);
            margin-left: 0;
        }
            .spot-map .list .block .img{
                position: relative;
                width: 100%;
                height: 0;
                padding-top: 70%;
                overflow: hidden;
                margin-bottom: 10px;
                border-radius: 4px;
            }
            .spot-map .list .block .img::after{
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: rgba(0,0,0,.5);
                cursor: pointer;
                transition: .2s;
            }
            .spot-map .list .block.slick-current .img::after,
            .spot-map .list .block.open .img::after{
                background: rgba(0,0,0,.0);
            }
                .spot-map .list .block .img img{
                    position: absolute;
                    width: auto;
                    max-width: none;
                    height: 100%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }
            .spot-map .list .block .txt{
                padding:0 2px;
            }
                .spot-map .list .block .txt .ttl{
                    font-size: 1.8rem;
                    color: #AB9332;
                    font-weight: normal;
                    margin-bottom: 5px;
                }
                .spot-map .list .block .txt p{
                    line-height: 1.8;
                    color: #5A5129;
                    font-size: 1.4rem;
                }


/*=============================*/
.spot-list2{

}
    .spot-list2 .block{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom: 100px;
    }
        .spot-list2 .block .img-area{
            width: 485px;
        }
            .spot-list2 .block .img-area .main{
                margin-bottom: 10px;
                width: 485px;
                height: 380px;
                overflow: hidden;
            }
                .spot-list2 .block .img-area .main .img{
                    position: relative;
                    overflow: hidden;
                    height: 380px;
                    border-radius: 4px;
                }
                    .spot-list2 .block .img-area .main .img img{
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        height: 100%;
                        width: auto;
                        max-width: none;
                        transform: translate(-50%,-50%);
                    }
            .spot-list2 .block .img-area .sub{
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                margin-left: -10px;
            }
                .spot-list2 .block .img-area .sub .img{
                    width: calc(100% / 4 - 20px);
                    height: 70px;
                    margin-left: 10px;
                    overflow: hidden;
                    cursor: pointer;
                    position: relative;
                    border-radius: 4px;
                }
                    .spot-list2 .block .img-area .sub .img img{
                        position: absolute;
                        height: 120%;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        opacity: .6;
                        transition: .2s;
                    }
                    .spot-list2 .block .img-area .sub .img:hover img,
                    .spot-list2 .block .img-area .sub .img.thumbnail-current img{
                        opacity: 1;
                    }
                    .spot-list2 .block .img-area .sub .img::after{
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        box-sizing: border-box;
                        border:2px solid #AB9332;
                        transition: .2s;
                        opacity: 0;
                    }
                    .spot-list2 .block .img-area .sub .img.thumbnail-current::after{
                        opacity: 1;
                    }
        .spot-list2 .block .txt-area{
            width: calc(100% - 485px - 80px);
            color: #5A5129;
        }
            .spot-list2 .block .txt-area .ttl-area{
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 30px;
            }
                .spot-list2 .block .txt-area .ttl-area .ttl{
                    width: calc(100% - 250px);
                    font-size: 2.8rem;
                    font-weight: normal;
                }
                    .spot-list2 .block .txt-area .ttl-area .ttl span{
                        display: inline-block;
                        font-size: 1.2rem;
                        font-weight: bold;
                        letter-spacing: 2px;
                        color: #AB9332;
                        margin-left: 20px;
                    }
                .spot-list2 .block .txt-area .ttl-area .btn{
                    width: 220px;
                }
                    .spot-list2 .block .txt-area .ttl-area .btn a{
                        position: relative;
                        display: block;
                        border:1px solid #AB9332;
                        background: #fff;
                        border-radius: 4px;
                        padding:5px 20px 5px 10px;
                        box-sizing: border-box;
                        color: #AB9332;
                        font-size: 1.5rem;
                        text-align: center;
                        text-decoration: none;
                        transition: .2s;
                    }
                    .spot-list2 .block .txt-area .ttl-area .btn a:hover{
                        opacity: .7;
                    }
                    .spot-list2 .block .txt-area .ttl-area .btn a::after{
                        content: "";
                        position: absolute;
                        right: 12px;
                        top: calc(50% - 6px);
                        width: 15px;
                        height: 11px;
                        background: url(../img/ico_blank.svg) no-repeat center right;
                        background-size: 15px 11px;
                    }
                        .spot-list2 .block .txt-area .ttl-area .btn a span{
                            display: inline-block;
                            padding:7px 0;
                            /*background: url(../img/ico_access.svg) no-repeat center left;*/
                        }

            .spot-list2 .block .txt-area .txt{
                font-size: 1.4rem;
                line-height: 2;
            }

/*=============================*/
.spot-list3{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: 30px;
}
    .spot-list3 .block{
        width: calc(100% / 4 - 20px);
        margin-left: 20px;
        margin-bottom: 45px;
        background: #EEEDE4;
        border: 1px solid #E5E1CE;
        padding: 5px 5px 55px;
        box-sizing: border-box;
        position: relative;
    }
        .spot-list3 .block .img-area{
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 70%;
            overflow: hidden;
        }
            .spot-list3 .block .img-area img{
                position: absolute;
                top: 50%;
                left: 50%;
                height: 100%;
                width: auto;
                max-width: none;
                transform: translate(-50%,-50%);
            }
        .spot-list3 .block .txt-area{
            color: #5A5129;
            padding: 10px 5px;
        }
            .spot-list3 .block .txt-area .ttl{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
                margin-bottom: 10px;
                font-size: 2.0rem;
                font-weight: normal;
            }
                .spot-list3 .block .txt-area .ttl em{
                    margin-right: 15px;
                }
                .spot-list3 .block .txt-area .ttl span{
                    display: inline-block;
                    font-size: 1.2rem;
                    font-weight: bold;
                    letter-spacing: 2px;
                    padding-top: 3px;
                    color: #AB9332;
                }


            .spot-list3 .block .txt-area .txt{
                font-size: 1.3rem;
                line-height: 1.6;
            }

            .spot-list3 .block .txt-area .btn{
                width: 100%;
                position: absolute;
                bottom: 10px;
                left: 0;
            }
                .spot-list3 .block .txt-area .btn a{
                    position: relative;
                    display: block;
                    background: #fff;
                    border-radius: 30px;
                    padding:0px 15px 0px 15px;
                    width: calc(100% - 20px);
                    margin:0 auto;
                    box-sizing: border-box;
                    color: #AB9332;
                    box-sizing: border-box;
                    font-size: 1.4rem;
                    text-align: center;
                    text-decoration: none;
                    transition: .2s;
                }
                .spot-list3 .block .txt-area .btn a:hover{
                    opacity: .7;
                }
                    .spot-list3 .block .txt-area .btn a span{
                        display: block;
                        padding:7px 10px 8px 10px;
                        background: url(../img/ico_blank.svg) no-repeat center right;
                        background-size: 15px 11px;
                    }

/*=============================*/
.spot-link{
    background: #EEEDE4;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 60px;
    padding:15px 0;
    color: #5A5129;
}
    .spot-link .head{
        width: 300px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-right: 1px solid #D8D3B9;
        box-shadow: 1px 0 0 rgba(255, 255, 255, .7);
    }
        .spot-link .head .t1{
            font-size: 2.1rem;
            font-weight: normal;
            margin-bottom: 5px;
        }
        .spot-link .head .t2{
            font-size: 1.2rem;
            color: #AB9332;
            letter-spacing: 2px;
        }
    .spot-link .body{
        width: calc(100% - 300px);
        padding: 15px 40px;
        min-height: 130px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
        .spot-link .body .inner{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }
            .spot-link .body .inner a{
                position: relative;
                display: block;
                color: #AB9332;
                background: #FAF9F5;
                border:1px solid #E5E1CE;
                border-radius: 5px;
                padding:5px 20px 5px 20px;
                margin:5px 15px 5px 0;
                box-sizing: border-box;
                font-size: 1.6rem;
                text-align: center;
                text-decoration: none;
                transition: .2s;
            }
                .spot-link .body .inner a span{
                    display: block;
                    padding: 8px 5px 10px 28px;
                    background: url(../img/ico_blank.svg) no-repeat left center;
                    background-size: 15px 11px;
                }


/*=============================*/
.route-search{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
    .route-search .block{
        width: calc(50% - 15px);
    }
        .route-search .block a{
            background: #FAF9F5;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #AB9332;
            padding:20px 50px;
            height: 220px;
            box-sizing: border-box;
            font-weight: normal;
            font-size: 1.8rem;
        }
            .route-search .block a .ico{
                margin-right: 25px;
            }


/*=============================*/
.taxi-list{
    display: none;
    margin-bottom: 20px;
}
    .taxi-list ul{
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-left: -50px;
    }
        .taxi-list ul li{
            width: 364px;
            margin-left: 50px;
            margin-bottom: 50px;
        }
            .taxi-list ul li img{
                border-radius: 4px;
            }

/*=============================*/
.mapcode{
    background: #FAF9F5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
    .mapcode .img-area{
        width: 375px;
        text-align: center;
    }
        .mapcode .img-area img{
            width: 200px;
        }
    .mapcode .txt-area{
        width: calc(100% - 420px);
        box-sizing: border-box;
        padding:30px 40px 30px 00px;
        color: #5A5129;
    }
        .mapcode .txt-area .code{
            display: inline-block;
            background: #fff;
            padding: 10px 30px;
            color:#AB9332;
            font-size: 2.2rem;
            font-weight: normal;
            margin-bottom: 15px;
        }
            .mapcode .txt-area .code span{
                margin-left: 15px;
            }
        .mapcode .txt-area p{
            font-size: 1.4rem;
            margin-bottom: 20px;
        }

        .mapcode .txt-area .btn{

        }
            .mapcode .txt-area .btn a{
                display: inline-block;
                background: #FFFFFF;
                color: #1E150C;
                font-size: 1.4rem;
                padding:0 15px;
                border-radius: 20px;
                transition: .1s;
            }
            .mapcode .txt-area .btn a:hover{
                opacity: .7;
            }
                .mapcode .txt-area .btn a span{
                    display: inline-block;
                    background: url(../img/ico_blank.svg) no-repeat left center;
                    background-size: 15px 11px;
                    padding:5px 10px 6px 25px;
                }



/*=============================*/
.means{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
    .means .block{
        background: #EEEDE4;
        border: 1px solid #E5E1CE;
        color: #5A5129;
        padding: 25px 30px;
        box-sizing: border-box;
        width: calc(50% - 15px);
        margin-bottom: 30px;
        border-radius: 5px;
    }
        .means .block .means-ttl{
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 35px;
            font-size: 2.0rem;
            font-weight: normal;
            color: #AB9332;
        }
            .means .block .means-ttl .inner{
                width: 100%;
                display: flex;
                align-items: center;
                border-bottom: 1px solid #D8D3B9;
                box-shadow: 0 1px 0 rgba(255,255,255,.6);
                min-height: 40px;
                padding: 5px 5px;
            }
                .means .block .means-ttl .ico{
                    margin-right: 15px;
                    padding-bottom: 10px;
                }

        .means .block .txt{

        }
            .means .block .txt dl{
                margin-bottom: 30px;
            }
            .means .block .txt dl:last-child{
                margin-bottom: 10px;
            }
                .means .block .txt dl dt{
                    color: #AB9332;
                    font-size: 1.8rem;
                    font-weight: normal;
                    margin-bottom: 12px;
                    padding-left: 15px;
                    line-height: 1.4;
                    position: relative;
                }
                .means .block .txt dl dt::before{
                    content: "";
                    position: absolute;
                    top: 8px;
                    left: 3px;
                    width: 4px;
                    height: 4px;
                    background: #AB9332;
                    border-radius: 3px;
                }
                .means .block .txt dl dd{
                    padding-left: 15px;
                    font-size: 1.4rem;
                    line-height: 1.8;
                }
                .means .block .txt dl dd iframe{
                    width: 100%;
                    min-height: 300px;
                    margin-top: 15px;
                }


/*=============================*/
.reservation-flow{
    background: #FAF9F5;
    color: #5A5129;
    padding: 70px 45px 50px;
}
    .reservation-flow > .ttl{
        position: relative;
        text-align: center;
        line-height: 1.4;
        margin-bottom: 50px;
    }
        .reservation-flow > .ttl::before{
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: #D8D3B9;
        }
        .reservation-flow > .ttl span{
            display: inline-block;
            padding: 10px 15px;
            background: #FAF9F5;
            position: relative;
            color: #AB9332;
            font-size: 2.4rem;
            font-weight: normal;
        }

    .reservation-flow .flow .block{
        margin-bottom: 60px;
    }
        .reservation-flow .flow .block .head{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
            .reservation-flow .flow .block .head .num{
                font-size: 10.0rem;
                font-weight: normal;
                color: #CCBD88;
                opacity: .5;
                line-height: .7;
                width: 70px;
            }
            .reservation-flow .flow .block .head .ttl{
                width: calc(100% - 80px);
                font-weight: normal;
                color: #AB9332;
                font-size: 1.8rem;
            }
        .reservation-flow .flow .block .body{
            padding: 30px 0 10px 70px;
        }
            .reservation-flow .flow .block .body .txt{

            }
                .reservation-flow .flow .block .body .txt p{
                    font-size: 1.4rem;
                    padding-left: 25px;
                    position: relative;
                    margin-bottom: 15px;
                }
                    .reservation-flow .flow .block .body .txt p::before{
                        content: "";
                        background: #CCBD88;
                        width: 15px;
                        height: 2px;
                        position: absolute;
                        top: 11px;
                        left: 0;
                    }
            .reservation-flow .flow .block .body .data-area{
                background: #fff;
                padding: 15px;
                position: relative;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 50px 0 0px;
            }
                .reservation-flow .flow .block .body .data-area .data-ttl{
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: #688B94;
                    color: #fff;
                    font-size: 1.6rem;
                    padding:3px 15px;
                    transform: translateY(-100%);
                }
                .reservation-flow .flow .block .body .data-area .data-name{
                    padding:0 20px;
                    font-size: 1.8rem;
                }
                .reservation-flow .flow .block .body .data-area .data-tel{
                    font-size: 3.2rem;
                    color: #AB9332;
                    margin-left: 0px;
                    font-weight: normal;
                }
                    .reservation-flow .flow .block .body .data-area .data-tel > *{
                        display: inline-block;
                        background: url(../img/ico_tell.svg) no-repeat left center;
                        background-size:19px 34px;
                        padding-left: 35px;
                    }
                .reservation-flow .flow .block .body .data-area .empty-data{
                    width: 420px;
                    box-sizing: border-box;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
                    justify-content: center;
                    padding: 15px 30px 15px;
                }
                .reservation-flow .flow .block .body .data-area .empty-data .empty_title {
                        width: 100%;
                        clear: both;
                        margin-bottom: 5px;
                        text-align: center;
                    }
                    .reservation-flow .flow .block .body .data-area .empty-data .empty_title span {
                        display: inline-block;
                        margin-left: 5px;
                        font-size: 1.2rem;
                    }
                    .reservation-flow .flow .block .body .data-area .empty-data .realtime_link{
                        display: inline-block;
                        padding-right: 30px;
                        position: relative;
                        color: #AB9332;
                    }
                    .reservation-flow .flow .block .body .data-area .empty-data .realtime_link::after {
                        content: "";
                        position: absolute;
                        right: 8.5px;
                        top: calc(50% - 3px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #AB9332;
                        border-right: 1px solid #AB9332;
                        transform: rotate(45deg);
                    }

/*=============================*/
.service-block{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding:0 10px;
}
    .service-block .block{
        width: calc(50% - 20px);
        margin-bottom: 60px;
    }
    .service-block .block:last-child{
        margin-bottom: 40px;
    }
    .service-block .block.wide{
        width: 100%;
        margin-bottom: 60px;
    }
    .service-block .block.wide:last-child{
        margin-bottom: 0;
    }
    .service-block.b3 .block{
        width: calc(33.333% - 20px);
    }
    .service-block.b3 .block:nth-last-child(3),
    .service-block.b3 .block:nth-last-child(2),
    .service-block.b3 .block:nth-last-child(1){
        margin-bottom: 30px;
    }
        .service-block .block .img-area{
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 20px;
        }
            .service-block .block .img-area img{
                width: 100%;
            }
        .service-block .block .txt-area{
            position: relative;
        }
            .service-block .block .txt-area .ttl{
                font-size: 2.1rem;
                font-weight: normal;
                color: #AB9332;
                margin-bottom: 0;
            }
            .service-block .block .txt-area .txt{
                line-height: 2.0;
                color: #5A5129;
                font-size: 1.4rem;
            }
            .service-block .block .txt-area .link-btn{
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .service-block .block .txt-area .link{
                font-size: 1.6rem;
            }
                .service-block .block .txt-area .link a{
                    display: inline-block;
                    color: #5A5129;
                    padding: 10px 18px 10px 2px;
                    position: relative;
                    text-decoration: none;
                    color: #AB9332;
                    transition: .1s;
                }
                    .service-block .block .txt-area .link a span:hover{
                        border-bottom: solid 1px #AB9332;
                    }
                .service-block .block .txt-area .link a::after{
                    content: "";
                    position: absolute;
                    right: 2px;
                    top: calc(50% - 4px);
                    width: 5px;
                    height: 5px;
                    border-top: 1px solid #AB9332;
                    border-right: 1px solid #AB9332;
                    transform: rotate(45deg);
                }
            .service-block .block .txt-area .btn{
                margin-top: 10px;
                font-size: 1.5rem;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                .service-block .block .txt-area .btn a{
                    display: block;
                    background: #FFFFFF;
                    color: #AB9332;
                    margin-right: 10px;
                    padding:0 15px 0;
                    border-radius: 20px;
                    text-decoration: none;
                    position: relative;
                    transition: .2s;
                }
                .service-block .block .txt-area .btn a:hover{
                    opacity: .7;
                }
                    .service-block .block .txt-area .btn a span{
                        display: inline-block;
                        padding:5px 10px;
                        position: relative;
                    }
                    .service-block .block .txt-area .btn a.pdf span{
                        padding:5px 47px 5px 30px;
                    }
                        .service-block .block .txt-area .btn a.pdf span::before{
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 17px;
                            height: 17px;
                            background: url(../img/ico_dl.svg) no-repeat center left;
                        }
                        .service-block .block .txt-area .btn a.pdf span::after{
                            content: "PDF";
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            line-height: 1;
                            font-size: 1.2rem;
                            font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                            padding: 3px 5px 2px;
                            background: #AB9332;
                            color: #fff;
                            letter-spacing: 0;
                            font-weight: normal;
                        }
                    .service-block .block .txt-area .btn a.book span{
                        padding:5px 57px 5px 25px;
                    }
                        .service-block .block .txt-area .btn a.book span::before{
                            content: "";
                            position: absolute;
                            left: 0;
                            top: calc(50% - 6px);
                            width: 17px;
                            height: 12px;
                            background: url(../img/ico_arrow2.svg) no-repeat center left;
                            background-size: 15px auto;
                        }
                        .service-block .block .txt-area .btn a.book span::after{
                            content: "BOOK";
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            line-height: 1;
                            font-size: 1.2rem;
                            font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                            padding: 3px 5px 2px;
                            background: #57563B;
                            color: #fff;
                            letter-spacing: 0;
                            font-weight: normal;
                        }

/*=============================*/
.fair-bnr{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
    .fair-bnr .column{
        width: calc(50% - 10px);
    }
    .fair-bnr .block{
        margin-bottom: 20px;
        position: relative;
    }
        .fair-bnr .img-area{
            display: block;
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 46.8%;
            overflow: hidden;
            border-radius: 4px;
        }
        .fair-bnr .row .img-area{
            padding-top: 97%;
            position: relative;
            z-index: 1;
        }
            .fair-bnr .img-area img{
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                transform: translateY(-50%);
            }
            .fair-bnr .img-area::after{
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.0);
                transition: .2s;
            }
            .fair-bnr .block:hover .img-area::after{
                background: rgba(0,0,0,.5);
            }

        .fair-bnr .txt-area{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: #fff;
            text-align: center;
            z-index: 2;
            padding:30px;
            opacity: 0;
            transition: .2s;
        }
        .fair-bnr .block:hover .txt-area{
            opacity: 1;
        }
            .fair-bnr .txt-area .ttl{
                font-size: 2.0rem;
                font-weight: normal;
                margin-bottom: 15px;
            }
            .fair-bnr .txt-area .txt{
                line-height: 1.8;
            }
            .fair-bnr .txt-area .btn{
                position: absolute;
                bottom: 25px;
                right: 30px;
                border:1px solid #fff;
                border-radius: 4px;
                padding: 10px;
                font-size: 1.6rem;
            }
                .fair-bnr .txt-area .btn span{
                    position: relative;
                    padding: 5px 25px 5px 25px;
                }
                    .fair-bnr .txt-area .btn span::after{
                        content: "";
                        position: absolute;
                        right: 0px;
                        top: calc(50% - 3px);
                        width: 5px;
                        height: 5px;
                        border-top: 1px solid #fff;
                        border-right: 1px solid #fff;
                        transform: rotate(45deg);
                    }

/*=============================*/
.benefits-detail{
    color: #5A5129;
    font-size: 1.4rem;
}
    .benefits-detail .block{
        padding:30px 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row-reverse;
        margin-bottom: 40px;
    }
        .benefits-detail .block .img-area{
            width: 440px;
        }
            .benefits-detail .block .img-area img{
                width: 100%;
                border-radius: 4px;
            }
        .benefits-detail .block .txt-area{
            width: calc(100% - 490px);
            padding-top: 10px;
        }

            .benefits-detail .block .txt-area .benefits-ttl{
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                margin-bottom: 40px;
            }
                .benefits-detail .block .txt-area .benefits-ttl .num{
                    font-size: 10rem;
                    font-weight: normal;
                    line-height: .7;
                    color: #CCBD88;
                    opacity: .4;
                    margin-right: 10px;
                }
                .benefits-detail .block .txt-area .benefits-ttl .ttl{
                    font-size: 2.6rem;
                    color: #AB9332;
                    font-weight: normal;
                    line-height: 1.3;
                }

            .benefits-detail .block .txt-area .list{
                font-size: 1.4rem;
                color: #5A5129;
                margin-bottom: 40px;
            }
                .benefits-detail .block .txt-area .list li{
                    margin-bottom: 10px;
                    line-height: 1.8;
                    position: relative;
                    padding-left: 30px;
                }
                .benefits-detail .block .txt-area .list li::before{
                    content: "";
                    width: 15px;
                    height: 2px;
                    position: absolute;
                    top: 13px;
                    left: 0;
                    background: #CCBD88;
                }

            .benefits-detail .block .txt-area .txt{
                margin-bottom: 40px;
                line-height: 1.8;
            }

            .benefits-detail .block .txt-area .rank{
                font-size: 1.4rem;
                background: #FFFFFF;
                width: 450px;
                box-sizing: border-box;
                margin-bottom: 40px;
                padding:20px 30px;
            }
                .benefits-detail .block .txt-area .rank li{
                    margin: 5px 0 5px;
                    line-height: 1.8;
                    position: relative;
                    padding-left: 30px;
                }
                .benefits-detail .block .txt-area .rank li::before{
                    content: "";
                    width: 15px;
                    height: 2px;
                    position: absolute;
                    top: 13px;
                    left: 0;
                    background: #7B3100;
                }
                .benefits-detail .block .txt-area .rank li.sil::before{
                    background: #929292;
                }
                .benefits-detail .block .txt-area .rank li.gol::before{
                    background: #CCBD88;
                }
                .benefits-detail .block .txt-area .rank li.pla::before{
                    background: #E4E4E4;
                }

            .benefits-detail .block .txt-area .link{
                font-size: 1.6rem;
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
            }
                .benefits-detail .block .txt-area .link a{
                    display: inline-block;
                    color: #AB9332;
                    padding: 10px 18px 10px 2px;
                    position: relative;
                    text-decoration: none;
                    transition: .1s;
                    margin-right: 40px;
                }
                    .benefits-detail .block .txt-area .link a span:hover{
                        border-bottom: solid 1px #AB9332;
                    }
                .benefits-detail .block .txt-area .link a::after{
                    content: "";
                    position: absolute;
                    right: 2px;
                    top: calc(50% - 3px);
                    width: 5px;
                    height: 5px;
                    border-top: 1px solid #AB9332;
                    border-right: 1px solid #AB9332;
                    transform: rotate(45deg);
                }
            .benefits-detail .block .txt-area .btn{
                font-size: 1.5rem;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
                .benefits-detail .block .txt-area .btn a{
                    display: block;
                    background: #FFFFFF;
                    color: #AB9332;
                    margin-right: 15px;
                    padding:0 15px 0;
                    border-radius: 20px;
                    text-decoration: none;
                    position: relative;
                    transition: .2s;
                }
                .benefits-detail .block .txt-area .btn a:hover{
                    opacity: .7;
                }
                    .benefits-detail .block .txt-area .btn a span{
                        display: inline-block;
                        padding:5px 10px 6px;
                        position: relative;
                    }
                    .benefits-detail .block .txt-area .btn a.pdf span{
                        padding:5px 47px 5px 30px;
                    }
                        .benefits-detail .block .txt-area .btn a.pdf span::before{
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 17px;
                            height: 17px;
                            background: url(../img/ico_dl.svg) no-repeat center left;
                        }
                        .benefits-detail .block .txt-area .btn a.pdf span::after{
                            content: "PDF";
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            line-height: 1;
                            font-size: 1.2rem;
                            font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                            padding: 3px 5px 2px;
                            background: #AB9332;
                            color: #fff;
                            letter-spacing: 0;
                            font-weight: normal;
                        }
                    .benefits-detail .block .txt-area .btn a.book span{
                        padding:5px 57px 5px 25px;
                    }
                        .benefits-detail .block .txt-area .btn a.book span::before{
                            content: "";
                            position: absolute;
                            left: 0;
                            top: calc(50% - 6px);
                            width: 17px;
                            height: 12px;
                            background: url(../img/ico_arrow2.svg) no-repeat center left;
                            background-size: 15px auto;
                        }
                        .benefits-detail .block .txt-area .btn a.book span::after{
                            content: "BOOK";
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            line-height: 1;
                            font-size: 1.2rem;
                            font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                            padding: 3px 5px 2px;
                            background: #57563B;
                            color: #fff;
                            letter-spacing: 0;
                            font-weight: normal;
                        }


/*=============================*/
.campaign-head{
    border-top: 1px solid #D8D3B9;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    margin-bottom: 60px;
}
.campaign-head .inner{
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-bottom: 1px solid #D8D3B9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}
    .campaign-head .cat{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
        .campaign-head .cat span{
            border: 1px solid #E5E1CE;
            background: #FFFFFF;
            font-size: 1.4rem;
            color: #AB9332;
            margin-right: 10px;
            padding:4px 10px;
            line-height: 1.3;
        }
    .campaign-head .share dl{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
        .campaign-head .share dl dt{
            font-size: 1.2rem;
            color: #CCBD88;
            letter-spacing: 2px;
            margin-right: 10px;
        }
        .campaign-head .share dl dd{
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
            .campaign-head .share dl dd a{
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 10px;
            }
            .campaign-head .share dl dd img{
                width: 26px;
            }

.campaign-main{
    padding:0 5px 50px;
    color: #5A5129;
}

.campaign-ttl{
    font-size: 2.8rem;
    font-weight: normal;
    color: #AB9332;
    margin-bottom: 30px;
}

.campaign-txt{
    font-size: 1.6rem;
    line-height: 1.8;
    color: #5A5129;
    margin-bottom: 60px;
}

.campaign-body{
    font-size: 1.6rem;
    line-height: 2;
    color: #5A5129;
    margin-bottom: 60px;
}




/*=============================*/
.campaign{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
}
    .campaign .block{
        display: block;
        width: calc(50% - 15px);
        box-sizing: border-box;
        padding:0 0px;
        margin-bottom: 80px;
    }
    .campaign .block a{
        display: block;
        text-decoration: none;
    }
        .campaign .img-area{
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            width: 100%;
            height: 0;
            padding-top: 70%;
        }
            .campaign .img-area img{
                position: absolute;
                max-width: none;
                width: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }

        .campaign .txt-area{
            position: relative;
            display: block;
            text-align: left;
            color: #5A5129;
            padding: 20px 0px 0;
        }
            .campaign .txt-area .ttl{
                display: block;
                font-size: 1.8rem;
                font-weight: normal;
                margin-bottom: 15px;
                color: #AB9332;
            }
            .campaign a:hover .txt-area .ttl{
                text-decoration: underline;
            }
            .campaign .txt-area .txt{
                display: block;
                margin-bottom: 15px;
                font-size: 1.4rem;
                line-height: 1.8;
            }
        .campaign .cat{
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            margin-bottom: 15px;
        }
            .campaign .cat span{
                margin-right: 10px;
                padding:3px 15px;
                border:1px solid #E5E1CE;
                background: #fff;
                color: #AB9332;
                font-size: 1.4rem;
                letter-spacing: 0;
            }
            .campaign .day-use-area {
                position: relative;
            }
            .campaign .day-use {
                position: absolute;
                color: #fff;
                background: #332A21;
                padding: 0.3rem;
                border-radius: 3px;
                text-align: center;
                width: 85px;
                height:85px;
                font-size: 2.3rem;
                line-height: 1.88;
                margin-top: -7.8rem;
                margin-left: -1.5rem;
            }

/*=============================*/
.media-block{
    background: #FAF9F5;
    color: #5A5129;
    padding: 60px;
    margin-bottom: 90px;
}
    .media-block .ttl{
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        margin-bottom: 40px;
    }
        .media-block .ttl .t1{
            font-size: 3.0rem;
            font-weight: normal;
            color: #AB9332;
            padding-left: 40px;
            padding-right: 100px;
            background: url(../img/ico_crown.svg) no-repeat left center;
        }
        .media-block .ttl .t2{
            flex-grow: 1;
            font-size: 1.6rem;
        }

    .media-block .list{
        margin-bottom: 40px;
        font-size: 1.4rem;
    }
        .media-block .list li{
            margin:10px 0;
            padding-left: 30px;
            position: relative;
        }
            .media-block .list li::before{
                content: "";
                width: 15px;
                height: 2px;
                position: absolute;
                left: 0;
                top: 11px;
                background: #CCBD88;
            }

    .media-block .dl-block{
        border: 1px solid #E5E1CE;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        color: #AB9332;
        font-size: 1.8rem;
    }
        .media-block .dl-block .dl1{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 410px;
            border-right: 1px solid #E5E1CE;
            box-sizing: border-box;
            text-align: center;
            background: #EEEDE4;
        }
        .media-block .dl-block .dl2{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-grow: 1;
            box-sizing: border-box;
            text-align: center;
            width: calc(100% - 410px);
        }
            .media-block .dl-block .dl2 .inner{
                width: 100%;
                box-sizing: border-box;
                padding: 40px 30px;
                display: flex;
                justify-content: space-around;
                align-items: flex-start;
                flex-wrap: wrap;
            }
                .media-block .dl-block .dl2 .inner .block{
                    width: calc(50% - 20px);
                    padding:30px 0;
                }
        .media-block .dl-block .btn{
            text-align: center;
        }
            .media-block .dl-block .btn a{
                display: inline-block;
                border: 1px solid #AB9332;
                background: #fff;
                width: 260px;
                box-sizing: border-box;
                font-size: 1.5rem;
                padding:5px 15px;
                border-radius: 4px;
                text-align: center;
                color: #AB9332;
                text-decoration: none;
                transition: .2s;
            }
            .media-block .dl-block .btn a:hover{
                opacity: .7;
            }
                .media-block .dl-block .btn a span{
                    display: inline-block;
                    padding: 7px 5px 7px 30px;
                    background: url(../img/ico_dl.svg) no-repeat left center;
                    background-size: 17px 15px;
                }
        .media-block .dl-block .dl1 .name{
            margin-bottom: 15px;
        }
            .media-block .dl-block .dl1 .name .t1{
                font-weight: normal;
            }
            .media-block .dl-block .dl1 .name .t2{
                font-weight: 300;
                font-size: 1.4rem;
            }

        .media-block .dl-block .dl2 .name{
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
            .media-block .dl-block .dl2 .name .ico{
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 15px;
            }
                .media-block .dl-block .dl2 .name .ico img{
                    max-width: 60px;
                }
            .media-block .dl-block .dl2 .name .txt{
                font-weight: normal;
            }

/*=============================*/
.media-block2{
    margin-bottom: 90px;
}
    .media-block2 .block-ttl{
        position: relative;
        font-size: 3.0rem;
        font-weight: normal;
        color: #1E150C;
        padding-left: 45px;
        background: url(../img/ico_crown.svg) no-repeat 5px center;
        margin-bottom: 40px;
    }
        .media-block2 .block-ttl::before{
            content: "";
            width: 1000px;
            height: 1px;
            background: #D8D3B9;
            box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
            position: absolute;
            left: -10px;
            top: 50%;
            transform: translateX(-100%);
        }

    .media-block2 .dl-block{
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        color: #5A5129;
        margin-left: -40px;
    }
        .media-block2 .dl-block .block{
            margin-left: 40px;
            margin-bottom: 70px;
            width: calc(100% / 3 - 40px);
        }
            .media-block2 .dl-block .block .name{
                padding-left: 30px;
                font-size: 2.0rem;
                font-weight: normal;
                margin-bottom: 10px;
                position: relative;
            }
                .media-block2 .dl-block .block .name::before{
                    content: "";
                    width: 15px;
                    height: 2px;
                    background: #CCBD88;
                    position: absolute;
                    left: 0;
                    top: 15px;
                }
            .media-block2 .dl-block .block .inner{
                background: #EEEDE4;
                border:1px solid #E5E1CE;
                padding: 7px 7px 2px;
            }
                .media-block2 .dl-block .block .img-area{
                    position: relative;
                    width: 100%;
                    height: 0;
                    overflow: hidden;
                    padding-top: 62%;
                }
                    .media-block2 .dl-block .block .img-area img{
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        width: 100%;
                    }

                .media-block2 .dl-block .block .txt-area{
                    padding-top: 2px;
                }
                    .media-block2 .dl-block .block .txt-area dl{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding:8px 0;
                        min-height: 75px;
                        box-sizing: border-box;
                        border-bottom: 1px solid #D8D3B9;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
                    }
                    .media-block2 .dl-block .block .txt-area dl:last-child{
                        border-bottom: none;
                        box-shadow: none;
                    }
                        .media-block2 .dl-block .block .txt-area dl dt{
                            width: 130px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: column;
                            line-height: 1.2;
                        }
                            .media-block2 .dl-block .block .txt-area dl dt .t1{
                                font-size: 1.6rem;
                                margin-bottom: 5px;
                            }
                            .media-block2 .dl-block .block .txt-area dl dt .t2{
                                color: #AB9332;
                                font-size: 1.2rem;
                                letter-spacing: 2px;
                            }
                        .media-block2 .dl-block .block .txt-area dl dd{
                            width: calc(100% - 130px);
                            box-sizing: border-box;
                            padding:0 10px;
                            font-size: 1.4rem;
                        }
                            .media-block2 .dl-block .block .txt-area dl dd a{
                                display: block;
                                margin: 7px 0;
                                background: #FFFFFF;
                                color: #AB9332;
                                text-align: center;
                                border-radius: 20px;
                                padding: 2px 20px;
                                box-sizing: border-box;
                                text-decoration: none;
                                transition: .2s;
                            }
                            .media-block2 .dl-block .block .txt-area dl dd a:hover{
                                opacity: .7;
                            }
                                .media-block2 .dl-block .block .txt-area dl dd a span{
                                    display: block;
                                    position: relative;
                                    padding: 5px 10px 5px 0;
                                    background: url(../img/ico_dl.svg) no-repeat 0px center;
                                    background-size: 17px 15px;
                                }
                                .media-block2 .dl-block .block .txt-area dl dd a.pdf span::after{
                                    content: "PDF";
                                    color: #fff;
                                    background: #AB9332;
                                    font-size: 1.2rem;
                                    font-weight: normal;
                                    line-height: 1.2;
                                    letter-spacing: 0;
                                    padding:1px 0px 0px;
                                    width: 36px;
                                    text-align: center;
                                    position: absolute;
                                    top: 50%;
                                    right: 0;
                                    transform: translateY(-50%);
                                    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                                }
                                .media-block2 .dl-block .block .txt-area dl dd a.zip span::after{
                                    content: "ZIP";
                                    color: #fff;
                                    background: #688B94;
                                    font-size: 1.2rem;
                                    font-weight: normal;
                                    line-height: 1.2;
                                    letter-spacing: 0;
                                    padding:1px 0px 0px;
                                    width: 36px;
                                    text-align: center;
                                    position: absolute;
                                    top: 50%;
                                    right: 0;
                                    transform: translateY(-50%);
                                    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
                                }


/*=============================*/
.efforts-list{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -20px;
}
    .efforts-list .block{
        width: calc(25% - 20px);
        margin-left: 20px;
        margin-bottom: 50px;
        color: #5A5129;
    }
        .efforts-list .block .img-area{
            margin:0 auto 20px;
            text-align: center;
        }
        .efforts-list .block .txt-area{
            font-size: 1.4rem;
        }
            .efforts-list .block .txt-area .ttl{
                font-weight: normal;
                font-size: 1.8rem;
                color: #AB9332;
                margin-bottom: 15px;
            }
            .efforts-list .block .txt-area .txt{
                line-height: 1.7;
            }



/*=============================*/
.nf-ttl{
    text-align: center;
    margin-bottom: 70px;
}
    .nf-ttl .ttl{
        color: #E1DABB;
        margin-bottom: 30px;
        line-height: 1;
    }
        .nf-ttl .ttl .t1{
            font-size: 20.0rem;
            font-weight: normal;
            letter-spacing: 20px;
            margin-bottom: 5px;
            filter: drop-shadow(-1px -1px 0px #BEB184);
        }
        .nf-ttl .ttl .t2{
            font-size: 4.8rem;
            font-weight: normal;
            letter-spacing: 5px;
            color: #CCBD88;
        }
    .nf-ttl .txt{
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 1.8;
        color: #5A5129;
    }

/*=============================*/
.nf-bnr{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 80px;
}
    .nf-bnr .block{
        box-sizing: border-box;
        width: 50%;
        border-right: 1px solid #D8D3B9;
        box-shadow: 1px 0 0 rgba(255, 255, 255, .7);
        padding-right: 25px;
    }
    .nf-bnr .block:nth-child(even){
        padding:0 0 0 25px;
        border-right: none;
        box-shadow: none;
    }
        .nf-bnr .block a{
            width: 100%;
            height: 220px;
            box-sizing: border-box;
            padding-bottom: 10px;
            background: #FAF9F5;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            font-size: 1.8rem;
            color: #AB9332;
            font-weight: normal;
        }
        .nf-bnr .block .ico{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 85px;
        }
        .nf-bnr .block .txt{
            line-height: 1.5;
        }


/*=============================*/
.policy{
    color: #57563B;
}
    .policy dl{
        margin-bottom: 60px;
    }
        .policy dl dt{
            border-bottom: 1px solid #D8D3B9;
            box-shadow: 0 1px 0 rgba(255,255,255,.6);
            font-size: 2.0rem;
            font-weight: normal;
            padding: 12px 5px;
        }
        .policy dl dd{
            font-size: 1.6rem;
            padding: 12px 1px;
            line-height: 2;
        }
            .policy dl dd .sub{
                background: #E3E1CC;
                padding:5px 10px;
                margin-top: 10px;
                margin-bottom: 18px;
            }
            .policy dl dd p{
                margin-bottom: 10px;
            }
            .policy dl dd a{
                color: #AB9332;
                text-decoration: underline;
            }
            .policy dl dd a:hover{
                text-decoration: none;
            }
            .policy dl dd li ul{
                padding-top: 5px;
                padding-bottom: 3px;
            }
            .policy dl dd ul > li{
                position: relative;
                line-height: 1.6;
                margin-bottom: 8px;
                padding-left: 20px;
            }
                .policy dl dd ul > li::before{
                    content: "";
                    width: 6px;
                    height: 6px;
                    background: #AB9332;
                    border-radius: 3px;
                    position: absolute;
                    left: 5px;
                    top: 11px;
                    opacity: .8;
                }
            .policy dl dd ol {
                list-style: decimal;
                padding-left: 1.7em;
            }
            .policy dl dd ol > li{
                position: relative;
                line-height: 1.6;
                margin-bottom: 8px;
                padding-left: 3px;
            }
/*================SNSリスト====================*/

    .sns-list {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 1px 5px;
        }
        .sns-list .block {
        display: block;
        width: 25%;
        box-sizing: border-box;
        padding: 0 10px 25px;
        }
        .sns-list .block a {
            display: block;
            text-decoration: none;
        }
        .sns-list .img-area {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        width: 100%;
        height: 65px;
        box-sizing: border-box;
        background: #AB9332;
        border: none;
        color: #ffffff;
        border-radius: 4px;
        font-size: 2.98rem;
        cursor: pointer;
        transition: .2s;
        text-align: center;
        }
        .sns-list .txt-area .ttl-e {
            display: block;
            color: #AB9332;
            font-size: 1.2rem;
            letter-spacing: 0;
            margin-bottom: 0;
        }
        .sns-list-ttl-e {
            display: block;
            color: #AB9332;
            font-size: 1.2rem;
            letter-spacing: 0;
            margin-bottom: 0;
        }

/*================access-nearbyspotリンク====================*/

.c-btn.column-btn.s2.long.m-t20.m-b20.access-nearbyspot a {
    border: 1px solid #fff;
    background: #AB9332; 
    color: #ffffff; 
}
.c-btn.column-btn.s2.long.m-t20.m-b20.access-nearbyspot {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.c-btn.column-btn.s2.long.m-t20.m-b20.access-nearbyspot::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(41deg);
    position: absolute;
    top: calc(50% - 5px);
    left:92%;
}

/*================360度動画====================*/

.img-area360 {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 630px;
    margin-bottom: 10px;
    padding-top: 70%;
    border-radius: 4px;
    margin-bottom: -975px;
}
.img-area360 iframe {
    position: absolute;
    width: 100%;
    height: 630px;
    top: 15%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.downScroll-btn {
  display: none;
}
/*================クーポン改修2024.1 ====================*/

.coupon{
    padding-top: 5px;
    margin-bottom: 60px;
}
.coupon .block{
    border:1px solid #8CAB36;
    color: #5A5129;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 1000px;
    margin:50px auto 120px;
    background: #FAF9F5;
    position: relative;
    border-left-width: 43px;
    border-radius:18px;
}
.coupon-type1,.coupon-type2,.coupon-type3 {
    margin: 50px auto 120px;
}


.coupon .block:last-child{
    margin-bottom: 0;
}
.coupon .block::before{
    content: "Special Coupon";
    color: #Fff;
    position: absolute;
    left:-93px;
    top: 45%;
    font-size: 21px;
    transform: rotate(-90deg);
}
    .coupon .block .head{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #AB9332;
        box-sizing: border-box;
        padding:0 20px;
        background: none;
        width: 294px;
        padding: 0 5px;
    }
    .coupon .block .head .inner{
        width: 100%;
    }
    .coupon .block .coupon-line {
        border-right: 3px dashed #C9C6B7;
        position: relative;
    }
    .coupon .block .coupon-line::before  {
        position: absolute;
        content: "";
        background: #f3f2e9;
        left: -25px;
        bottom: -12px;
        width: 30px;
        height: 15px;
        border: 1px solid #8CAB36;
        border-radius: 15px 15px 0 0;
        border-bottom: 0;
        margin: 10px;
    }
    .coupon .block .coupon-line::after {
        position: absolute;
        content: "";
        background: #f3f2e9;
        right: -25px;
        top: -12px;
        width: 27px;
        height: 15px;
        border: 1px solid #8CAB36;
        border-radius: 0 0 15px 15px;
        border-top: 0;
        margin: 10px;
    
    }
    
        .coupon .block .head .t1{
            font-size: 2.0rem;
            font-weight: normal;
            line-height: 1.1;
            margin-bottom: 20px;
            padding-top: 35px;
            background:none;
            background-size: 24px 26px;

        }
        .coupon .block .head .t1 img {
            border-radius: 50%;
            width: 177px;
            height: 177px;
        }
        .coupon .block .head .t2{
            padding-top: 35px;
            background: url(https://www.hotel-fine.co.jp/common/img/ico_box_c2.svg) no-repeat center top;
            background-size: 26px 26px;
        }
            .coupon .block .head .t2 span{
                color: #8CAB36;
                display: block;
                background: #EEEDE4;
                padding: 10px 0px;
                font-size: 1.2rem;
                border-bottom: 1px solid #8CAB36;
                border-top: 1px solid #8CAB36;
                font: normal normal bold 16px/24px Source Han Sans JP;
                border-radius: 0;

            }
            .coupon .block .head .t3.date {
                font-size: 13px;
                color: #8CAB36;
                padding: 6px 0 20px 0;
            }
    .coupon .block .body{
        width: calc(100% - 200px);
        padding: 25px 24px 0;
    }
        .coupon .block .body .data{
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            background: #E5E1CE;
            font-size: 1.4rem;
        }
            .coupon .block .body .data .date{
                padding: 7px 15px;
                color: #856F14;
                font-weight: normal;
                background: #F3F2E9;
            }
            .coupon .block .body .data .hotel{
                padding: 7px 20px;
               
                background: #E5E1CE;
            }
        .coupon .block .body .txt{
            background: #FFFFFF;
            border-bottom: 1px solid #D8D3B9;
            display: flex;
            justify-content: stretch;
            align-items: center;
            min-height: 160px;
            box-sizing: border-box;
            padding: 15px 25px;
            line-height: 1.4;
        }
            .coupon .block .body .txt .t1{
                font-size: 1.8rem;
                margin-bottom: 15px;
            }
            .coupon .block .body .txt .t2{
                font-size: 2.8rem;
                color: #8CAB36;
                font-weight: normal;
            }
                .coupon .block .body .txt .t2 em{
                    font-size: 5.0rem;
                    line-height: 1;
                    margin-right: 5px;
                }
        .coupon .block .body .detail{
            font-size: 1.3rem;
            padding:15px 0;
        }
            .coupon .block .body .detail ul{
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
                margin-left: -30px;
            }
                .coupon .block .body .detail ul li{
                    margin:3px 0 3px 30px;
                    padding-left: 20px;
                    position: relative;
                }
                .coupon .block .body .detail ul li::before{
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 10px;
                    width: 13px;
                    height: 2px;
                    background: #CCBD88;
                }

.coupon .block.type2{
    border-color:#a4579d;
}
.coupon .block.type2 .coupon-line::before {
    border: 1px solid #a4579d;
    border-bottom: 0;
}
.coupon .block.type2 .coupon-line::after {
    border: 1px solid #a4579d;
    border-top: 0;
}
        .coupon .block.type2 .head .t1{
            padding-top: 18px;
            background-size: 26px 26px;
            background:none;
        }
            .coupon .block.type2 .body .txt .t2{
                color: #a4579d;
            }
            .coupon .block.type2 .head .t2{
                background: url(https://www.hotel-fine.co.jp/common/img/ico_tag.svg) no-repeat center top;
              }
            .coupon .block.type2 .head .t2 span{
                color: #a4579d;
                border-bottom: 1px solid #a4579d;
                border-top: 1px solid #a4579d;
            }
            .coupon .block.type2  .head .t3.date {
                color: #a4579d;
              }
              .coupon .block.type2  .head::before {
                border:1px solid #a4579d;
                border-top: 0;
              }
              .coupon .block.type2  .head::after {
                border:1px solid #a4579d;
                border-bottom: 0;
              }
.coupon .block.type3{
border-color:#E37831;
}
.coupon .block.type3 .coupon-line::before {
    border: 1px solid #E37831;
    border-bottom: 0;
}
.coupon .block.type3 .coupon-line::after {
    border: 1px solid #E37831;
    border-top: 0;
}
            .coupon .block.type3 .head .t1{
                padding-top: 18px;
                background-size: 26px 26px;
            }
            .coupon .block.type3 .body .txt .t2{
                color: #E37831;
            }
            .coupon .block.type3 .head .t2{
                background: url(https://www.hotel-fine.co.jp/common/img/ico_tag.svg) no-repeat center top;
                }
            .coupon .block.type3 .head .t2 span{
                color: #E37831;
                border-bottom: 1px solid #E37831;
                border-top: 1px solid #E37831;
            }
            .coupon .block.type3  .head .t3.date {
                color: #E37831;
                }
                .coupon .block.type3  .head::before {
                border:1px solid #E37831;
                border-top: 0;
                }
                .coupon .block.type3  .head::after {
                border:1px solid #E37831;
                border-bottom: 0;
                }
            

.page-link.coupon-link .list li .radio input:checked + label {
    border-color: #AB9332;
    background: #FAF9F5;
    color: #AB9332;
    transition: .05s;
}
.page-link.coupon-link {
    margin-bottom: 66px;
}
.coupon-type-co {
    position: relative;
}
.coupon-type-co::after {
    content: "";
    position: absolute;
    left: -20px;
    top: calc(50% - 7px);
    width: 4px;
    height: 4px;
    width: 9px;
    height: 9px;
    border: 1px solid #E5E1CE;
}
.coupon-type-co.type2_stay::after {
    border: 1px solid #a4579d;
    background: #a4579d;
}
.coupon-type-co.type3_rest::after {
    border: 1px solid #E37831;
    background: #E37831;
}
.coupon-type-co.type1_other::after {
    border: 1px solid #8CAB36;
    background: #8CAB36;
}


.coupon .block .body .txt .t4 {
    margin-bottom: 10px;
}
.coupon .block .body .txt .t4 span {
    display: inline-block;
}
.coupon .block .body .txt .t4 span {
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    padding: 3px 10px;
    font-size: 1.2rem;
    font: normal normal bold 14px/30px Source Han Sans JP;
    margin: 0 3px 10px 0;
}


.coupon .block .share{
    position: absolute;
    right: 0;
    top: -50px;
}
    .share .share-head{
        width: 120px;
        height: 36px;
        border: 1px solid #fff;
        background: #E5E1CE;
        color: #AB9332;
        font-size: 1.6rem;
        text-align: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
        .share .share-head span{
            display: inline-block;
            padding: 5px 10px 5px 30px;
            background: url(../img/ico_share.svg) no-repeat left center;
            background-size: 17px 17px;
            transition: .1s;
        }
        .share .share-head span:hover{
            opacity: .7;
        }
    .share .share-body{
        background: rgba(255,255,255,.95);
        padding:20px 20px;
        width: 200px;
        box-sizing: border-box;
        position: absolute;
        top: 45px;
        left: 124px;
        display: none;
    }
        .share .share-body .close{
            width: 36px;
            height: 36px;
            border: 1px solid #fff;
            box-sizing: border-box;
            background: #E5E1CE;
            position: absolute;
            left: 0;
            top: 0;
            transform: translateX(-100%);
            cursor: pointer;
        }
            .share .share-body .close::before{
                content: "";
                width: 20px;
                height: 1px;
                background: #fff;
                transform: translateX(-50%) rotate(45deg);
                position: absolute;
                top: 50%;
                left: 50%;
            }
            .share .share-body .close::after{
                content: "";
                width: 20px;
                height: 1px;
                background: #fff;
                transform: translateX(-50%) rotate(-45deg);
                position: absolute;
                top: 50%;
                left: 50%;
            }

        .share .share-body .sns{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .share .share-body .mail{
            margin-top: 20px;
            display: none; /* mailto文字化けするため実装不可 */
        }
            .share .share-body .mail a{
                display: block;
                border: 1px solid #CCBD88;
                text-align: center;
                padding-top: 2px;
            }
            .share .share-body .mail a span{
                display: inline-block;
                font-size: 1.4rem;
                padding: 3px 5px 5px 25px;
                background: url(../img/ico_mail.svg) no-repeat left center;
                background-size: 16px auto;
            }
            .coupon .block .body .txt .t2 {
                font-size: 2.8rem;
                color: #688B94;
                font-weight: normal;
            }
            .page-link .list li label:hover, .page-link .list li a:hover {
                opacity: .7;
                border: 1px solid #cbb55d;
                background: #fff;
            }
            
/*=============================*/
/*=============================*/
/*=============================*/