@charset "utf-8";

:root{
	--commonPadding: 30px 0 40px 0;
}

.commonTtl{
    margin-bottom: 20px;
}
.commonTtl .deco{}
.commonTtl .deco img{}
.commonTtl .main{
    font-size: 24px;
}
.commonTtl .sub{
    font-size: 14px;
    margin-top: 0;
}
.commonTtl .sub span{}
.commonTtl .sub span img{}
.commonTtl .sub span + span{}

.owl-theme .owl-controls{}

/*--------------------------------------MVbackphoto*/
.MVbackphoto{}
.MVbackphoto .slick-list{}
.MVbackphoto .slick-list li{
    width: 350px;
}
.MVbackphoto li .img{}
.MVbackphoto li .img img{}
.MVbackphoto li .caption{}

/*-----------------------#MV*/
#MV{
    padding: 30px 0;
}
#MV .Inner{}
#MV .Inner h1{}
#MV .Inner h1:after{}
#MV .Inner h1 .sub{
    font-size: 14px;
}
#MV .Inner h1 .main{
    font-size: 26px;
    padding: 0;
}
#MV .Inner h1 span{}
#MV .Inner .txt{
    width: 90%;
    margin:  auto;
    text-align: left;
    font-size: 14px;
}
#MV .Inner .txt br{
    display: none;
}
#MV .Inner .btn a{}
#MV .Inner .btn a:hover{}
#MV .Inner .btn a:after{}
#MV .Visual{}
#MV #container{}
#MV #theTarget{}
#MV #theTarget div{}
#MV .skippr-nav-container{}
#MV .skippr-previous{}
#MV .skippr-next{}
#MV #theTarget .MV01{}
#MV #theTarget .MV02{}
#MV #theTarget .MV03{}
#MV #theTarget .MV04{}
#MV #theTarget .MV05{}

#MV #theTarget .caption{}



/*-----------------------Item--*/
#Item{
    padding: 30px 0;
}
#Item h2{
    margin-bottom: 30px;
}

#Item .Inner{
    width: 90%;
    display: block;
}
#Item .Entry{display: block;padding: 20px;}
#Item .Entry + .Entry{}
#Item .Entry .Head{
    display: block;
}
#Item .Entry .photo{
    width: 100%;
    margin-bottom: 15px;
}
#Item .Entry .photo .img{}
#Item .Entry .photo .img img{}
#Item .Entry .dst{}
#Item .Entry .photo .caption{}

#Item .Entry .main{
    padding: 0;
}

#Item .Entry .main .icon{}

#Item .Entry .main .icon li{}
#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: 18px;
}
#Item .Entry .main h4{
    font-size: 14px;
}

#Item .Entry .charm{}
#Item .Entry .charm span{}
#Item .Entry .charm strong{}
#Item .Entry .data{}
#Item .Entry .data .dataIn{
    margin: 0;
    margin-bottom: 15px;
}
#Item .Entry .data .arrange{}
#Item .Entry .data .arrange dt{}
#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: 30px;
}
#Item .Entry .data .price dt span{}
#Item .Entry .data .price dd{}

#Item .Entry .data .date{}

#Item .Entry .data .detailBtn{}
#Item .Entry .data .option + .date + .detailBtn{}
#Item .Entry .data .detailBtn a{}
#Item .Entry .data .option + .date + .detailBtn a{}

#Item .Entry .data .detailBtn a:after{}
#Item .Entry:hover{}
#Item .Entry:hover .photo{}
#Item .Entry:hover .data .detailBtn a{}
#Item .Entry:hover .main h3{}

/*----------------------------------------------Qualita*/
#Qualita{}
#Qualita h2{}
#Qualita .Inner{
    width: 90%;
    display: block;
}
#Qualita .Inner .main{
    padding: 0;
    margin-bottom: 30px;
}
#Qualita .Inner .main .infoTxt{}
#Qualita .Inner .main .infoTxt dt{
    padding-bottom: 10px;
}
#Qualita .Inner .main .infoTxt dt span{
    font-size: 16px;
    display: inline;
}
#Qualita .Inner .main .infoTxt dd{
    font-size: 14px;
}
#Qualita .Inner .main .btn{
    margin-top: 15px;
}
#Qualita .Inner .main .btn a{
    display: block;
    text-align: center;
}
#Qualita .Inner .main .btn a:after{}
#Qualita .Inner .main .btn a:hover{}
#Qualita .Inner .photo{
    width: 100%;
}
#Qualita .Inner .photo img{}




/*---------------------------------Contact*/
#Contact{
    padding: var(--commonPadding);
}
#Contact h2{}
#Contact .official{}
#Contact .official a{}
#Contact .official a:hover{}
#Contact .Inner{
    width: 90%;
}
#Contact .Inner .caution{}
#Contact .Inner .tel{}
#Contact .Inner .tel dt{}
#Contact .Inner .tel dd{}
#Contact .Inner .tel dd strong{
    font-size: 30px;
}
#Contact .Inner .tel dd span{
    padding: 0;
    margin-top: 20px;
}
#Contact .Inner .tel .atte{}
#Contact .Inner .tel .txt{}
#Contact .Inner .btn{
    width: 100%;
    flex-direction: column;
    row-gap: 10px;
}
#Contact .Inner .btn li{}
#Contact .Inner .btn li + li{
    margin-left: 0;
}
#Contact .Inner .btn a{
    font-size: 15px;
    padding: 15px 20px;
}
#Contact .Inner .btn a:after{}

#Contact .Inner .btn a:hover{}
#Contact .Inner .Attention.Notice{}
#Contact .Inner .Attention.Notice dl{}
#Contact .Inner .Attention.Notice dt{}
#Contact .Inner .Attention.Notice dd{}
#Contact .Inner .Attention.Notice dd strong{}

/*---------------------------Intro*/
#Intro{
    width: 90%;
}
#Intro .Entry{
    display: block;
}
#Intro .Entry + .Entry{}
#Intro .Entry:nth-of-type(even){}
#Intro .Entry .Main{}
#Intro .Entry .Main h3{
    margin-bottom: 10px;
}
#Intro .Entry .Main h3 span{
    font-size: 17px;
}
#Intro .Entry .Main h3 span + span{
    font-size: 14px;
}
#Intro .Entry .Main .txt{
    font-size: 14px;
}
#Intro .Entry .photo{
    width: 100%;
}
#Intro .Entry .photo .img{}
#Intro .Entry .photo .img img{}
#Intro .Entry .photo .caption{}

/*---------------------------Bn*/
#Bn{}
#Bn dl{width: 90%;}
#Bn dl + dl{margin-top: 25px;}
#Bn dt{font-size: 15px;margin-bottom: 15px;}
#Bn dt span{}
#Bn dt span + span{
}
#Bn dd{}

#Bn ul{
    width: 100%;
}
#Bn li{
    flex: auto;
}
#Bn li + li{}
#Bn li img{}
#Bn li a{}
#Bn li a:hover{}