@charset "utf-8"; /* CSS Document */


/*-------------------------------------------------Reset*/
html{font-size: 62.5%;width: 100%;overflow-x: auto;min-width: auto;}
body{-webkit-text-size-adjust: 100%;font-size: 1.3rem;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  page-top
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#page-top{
    width: 50px;
    height: 50px;
    padding-top: 2px;
    box-sizing: border-box;
    bottom: 10px;
    right: 10px;
}
#page-top:hover{}
#page-top:before{
    font-size: 18px;
    margin-bottom: 3px;
}
#page-top .text{
    line-height: 1;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MV
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#MV{
    height: auto;
    display: flex;
    background-color: #535353;
    flex-wrap: wrap;
}
#MV:before{
    content: none;
}
#MV .Inner{
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
    padding: 20px;
    height: auto;
    order: 2;
    padding-bottom: 0;
}
#MV .Inner .Logo{
    padding-bottom: 15px;
    margin-top: 1px;
}
#MV .Inner .Logo .title{}
#MV .Inner .Logo .title:before,#MV .Inner .Logo .title:after{}
#MV .Inner .Logo .title span{
    font-size: 13px;
}
#MV .Inner .Logo ul{}
#MV .Inner .Logo li{
    width: 70%;
    margin: 0 auto;
}
#MV .Inner .Logo li img{}
#MV .Inner .Logo li.txt{}
#MV .Inner .Logo .relo{}
#MV .Inner .Logo .relo span{}
#MV .Inner .Logo .relo span + span{}
#MV .Inner h1{}
#MV .Inner h1 .main{
    font-size: 14px;
    line-height: 1.5;
}
#MV .Inner h1 .main span{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#MV .Inner h1 .main strong{
    font-size: 140%;
}
#MV .Inner h1 .sub{
    font-size: 30px;
    margin-top: -11px;
}
#MV .Inner h2{}
#MV .Inner h2:after{}
#MV .Inner h2 .sub{}
#MV .Inner h2 .main{}
#MV .Inner h2 .main span{}
#MV .Inner h2 .main span + span{}
#MV .Inner h2 .main span + span:before{}
#MV .Inner h2 .main span strong{}
#MV .Inner h2 .main span + span strong{}
#MV .Menu{
    position: relative;
    width: 86%;
    min-width: auto;
    max-width: inherit;
    bottom: auto;
    left: auto;
    transform: inherit;
    margin:  auto;
    order: 3;
    padding-bottom: 20px;
}
#MV .Menu ul{
    display: block;
}
#MV .Menu ul + ul{}
#MV .Menu li{
    width: 100%;
    font-size: 13px;
}
#MV .Menu li a{
    padding: 5px;
}
#MV .Menu li a:after{}
#MV .Menu li a span{}
#MV .Menu li a span.overseas{}
#MV .Menu li a span.domestic{}
#MV .Menu li a:hover{}
#MV .Menu li + li{}
#MV .Inner .MainBox{}
#MV .Inner .MainBox .SubTtl{}
#MV .Inner .MainBox dl{}
#MV .Inner .MainBox dl +dl{}
#MV .Inner .MainBox dt{}
#MV .Inner .MainBox dd{}
#MV .Inner .MainBox dd strong{}
#MV .Inner .MainBox .domestic dd strong{}
#MV .Inner .MainBox dd em{}
#MV .Inner .MainBox .atte{}
#MV .Inner .MainBox .atte.pickup{}
#MV .Inner .MainBox .atte.pickup em{}
#MV .Inner .MainBox .atte.pickup strong{}
#MV .caption{}
#MV .photo{
    order: 1;
    width: 100%;
}
#MV .photo .slick-list li{
    height: 210px;
}
#MV .photo li .img{}
#MV .photo li .img img{}
#MV .photo li .caption{}
#MV .photo .slick-dots li button:before{}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Recom
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Recom{}
#Recom .MainTxt{
    text-align: left;
    font-size: 13.5px;
    line-height: 1.9;
    padding: 24px;
}
#Recom .MainTxt span{
    display: inline;
}
#Recom .commonTtl{
    width: 86%;
    margin: 0 auto;
    margin-bottom: 30px;
}
#Recom .commonTtl:before{
    font-size: 35px;
    margin-bottom: 0;
}
#Recom .commonTtl .main:after{
    margin-top: 20px;
}
#Recom .commonTtl .main{
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    margin: 0 auto;
    padding-bottom: 5px;
    flex-wrap: wrap;
}
#Recom .commonTtl .sub{
    font-size: 14px;
}
#Recom .sec{
    padding: 30px 0;
}
#Recom .sec:nth-of-type(even){}
.Item .Inner{
    width: 86%;
    display: block;
    min-width: inherit;
    max-width: inherit;
}
.Item .Entry{
    width: 100%;
    padding: 15px;
}
.Item .Entry + .Entry{}
.Item .Entry .photo{}
.Item .Entry .photo .img{}
.Item .Entry .photo .img img{
    height: auto;
}

.Item .Entry .photo .caption{}
.Item .Entry .dst{
    font-size: 12px;
}
.Item .Entry .main{
}
.Item .Entry .main .icon{}
.Item .Entry .main .icon li{
    font-size: 11px;
}
.Item .Entry .main .icon li + li{}
.Item .Entry .main .icon .dept{}
.Item .Entry .main .icon .qua{}
.Item .Entry .main .icon .highlight{}
.Item .Entry .main .icon .dinner{}
.Item .Entry .main .icon .dog{}
.Item .Entry .main .icon .spa{}
.Item .Entry .main .icon .sauna{}
.Item .Entry .main .icon .kids{}
.Item .Entry .main h3{
    font-size: 16px;
}
.Item .Entry .main h4{
    font-size: 12px;
}
.Item .Entry .charm{
    margin-bottom: 16px;
}
.Item .Entry .charm strong{
    font-size: 13px;
}
.Item .Entry .data{
}
.Item .Entry .data .arrange{display: block;margin-bottom: 10px;}
.Item .Entry .data .arrange dt{width: 100%;box-sizing: border-box;padding: 3px 0;}
.Item .Entry .data .arrange dd{
}
.Item .Entry .data .arrange dd strong{
}
.Item .Entry .data .arrange dd span{
}

.Item .Entry .data .price{}
.Item .Entry .data .price dt{
    font-size: 25px;
}
.Item .Entry .data .price dt span{}
.Item .Entry .data .price dd{}
.Item .Entry .data .date{
    font-size: 13px;
}
.Item .Entry .data .detailBtn{}
.Item .Entry .data .option + .date + .detailBtn{}
.Item .Entry .data .detailBtn a{
    font-size: 13px;
    padding: 12px 20px;
}
.Item .Entry .data .option + .date + .detailBtn a{}
.Item .Entry .data .detailBtn a:after{}
.Item .Entry .atte{}
.Item .Entry:hover{}
.Item .Entry:hover .photo{}
.Item .Entry:hover .data .detailBtn a{}
.Item .Entry:hover .main h3{}


/*----------------------------Contact*/
#Contact{
    padding: 30px 0;
}
#Contact h2{
    margin-bottom: 10px;
}
#Contact h2 .main{
    font-size: 20px;
    padding-bottom: 1px;
}
#Contact h2 .sub{}
#Contact .Inner{
    width: 86%;
}
#Contact .Inner dl{}
#Contact .Inner dt{
    font-size: 17px;
    margin-bottom: 20px;
}
#Contact .Inner dd{}
#Contact .Inner dd a{
    font-size: 24px;
    text-decoration: underline;
}
#Contact .Inner dd + dd{
    font-size: 13px;
    margin-top: 20px;
}
#Contact .Inner .caution{}

#Contact .Inner dd.btn a{display: block;font-size: 14px;padding: 10px 16px;border-width: 2px;}
#Contact .Inner dd.btn a:hover{}


/*-----------------------------------new▼*/
#Recom .Ranking{
    margin-bottom: 40px;
}
#Recom .Ranking:before,
#Recom .Ranking:after{
    width: 40%;
    height: 110px;
    top: -20px;
}
#Recom .Ranking:before{
    background-position: top left;
}
#Recom .Ranking:after{
    background-position: top right;
}

#Recom .Ranking .Title{
    padding-top: 20px;
    margin-bottom: 0;
}
#Recom .Ranking .illust{
    width: 40px;
    margin-bottom: 0;
}
#Recom .Ranking .illust img{}
#Recom .Ranking .main{
    width: 90%;
    margin: 0 auto;
}
#Recom .Ranking .main:before,
#Recom .Ranking .main:after{content: none;}
#Recom .Ranking .main:before{}
#Recom .Ranking .main:after{}

#Recom .Ranking .main .sub {
    font-size: 13px;
    margin-bottom: 10px;
}
#Recom .Ranking .main .sub:before, #Recom .Ranking .main .sub:after {}
#Recom .Ranking .main .sub:before {}
#Recom .Ranking .main .sub:after {}
#Recom .Ranking .main .ttl{
    font-size: 21px;
    line-height: 1.6;
    padding-bottom: 10px;
}
#Recom .Ranking .main .ttl strong{}
#Recom .Ranking .main .ttl em{
    font-size: 160%;
}
#Recom .Ranking .main .atte{
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
}
#Recom .Ranking .main .atte br{
    display: none;
}
#Recom .Ranking .RankingBox{
    width: 86%;
    min-width: auto;
    max-width: inherit;
    display: block;
}
#Recom .Ranking .RankingBox .box{
    margin-bottom: 0;
    padding-top: 20px;
}
#Recom .Ranking .RankingBox .box + .box{
    border-top: 1px dotted #ccc;
    margin-top: 30px;
}

#Recom .Ranking .RankingBox .box .photo{
    margin-bottom: 4px;
}
#Recom .Ranking .RankingBox .box .icon{
    top: 20px;
}
#Recom .Ranking .RankingBox .box .icon img{}

#Recom .Ranking .RankingBox .box:nth-of-type(1) .icon{}
#Recom .Ranking .RankingBox .box:nth-of-type(2) .icon{}
#Recom .Ranking .RankingBox .box:nth-of-type(3) .icon{}

#Recom .Ranking .RankingBox .box .photo img{}
#Recom .Ranking .RankingBox .box dl{
    margin-bottom: 12px;
}
#Recom .Ranking .RankingBox .box dt{
}
#Recom .Ranking .RankingBox .box dt .small{}
#Recom .Ranking .RankingBox .box dd{
    font-size: 12px;
}
#Recom .Ranking .RankingBox .box dd .hukidashi{}
#Recom .Ranking .RankingBox .box dd .hukidashi:after{}


#Recom .Ranking .RankingBox .box .btn{}
#Recom .Ranking .RankingBox .box .btn a{}

#Recom .Ranking .RankingBox .box .btn a:after{}
#Recom .Ranking .RankingBox .box .btn a:hover{}

/*----------------------------------new▲*/