@charset "utf-8";


/*-----------------------------------MainVisual*/
#MainVisual{
    height: 300px;
}
#MainVisual #container{}
#MainVisual #theTarget{}
#MainVisual #theTarget div{
    height: 300px;
}
#MainVisual .skippr-nav-container{}
#MainVisual .skippr-previous{}
#MainVisual .skippr-next{
    right: 6%;
}
#MainVisual #theTarget .MV01{}
#MainVisual #theTarget .MV02{}
#MainVisual #theTarget .MV03{}
#MainVisual #theTarget .MV04{}
#MainVisual h1{
    width: 80%;
    transform: translate(-50%, -50%);
}
#MainVisual h1 img{}

/*--------------------------------------*/
#Intro{}
#Intro .Inner{}
#Intro .Inner .Entry{
    display: block;
}
#Intro .Inner .Entry + .Entry{}
#Intro .Inner .Entry:nth-of-type(even){}
#Intro .Inner .Entry .photo{
    width: 100%;
    margin-bottom: 10px;
}
#Intro .Inner .Entry .Main{
    padding: 0;
}
#Intro .Inner .Entry .Main dl{}
#Intro .Inner .Entry .Main dt{
    font-size: 18px;
    padding-bottom: 3px;
}
#Intro .Inner .Entry .Main dt br{
    display: none;
}
#Intro .Inner .Entry .Main dd{
    font-size: 13px;
}

/*------------------------Modelplan*/
#Modelplan{
    width: var(--Width);
    margin: 0 auto;
}
#Modelplan h2{}
#Modelplan .illust{
    width: 90%;
    margin: 30px auto;
}
#Modelplan .Entry{
    width: 100%;
    padding: 15px;
    display: block;
}
#Modelplan .Entry + .Entry{}
#Modelplan .Entry .photo{
    width: 100%;
}
#Modelplan .Entry .Main{
    padding-left: 0;
    padding-top: 13px;
}
#Modelplan .Entry .Main dl{
    justify-content: center;
    align-items: end;
    padding-top: 32px;
    margin-bottom: 10px;
}
#Modelplan .Entry .Main dt{font-size: 20px;}
#Modelplan .Entry .Main dd{
    font-size: 16px;
}
#Modelplan .Entry .Main dl:before{
    width: 30px;
    height: 30px;
}
#Modelplan .Entry .Main .txt{
    font-size: 13px;
}
#Modelplan .Entry.Morning{}
#Modelplan .Entry.Lunch{}
#Modelplan .Entry.Afternoon{}
#Modelplan .Entry.Evening{}
#Modelplan .Entry.Night{}
#Modelplan .Entry.Morning .Main dl:before{}
#Modelplan .Entry.Lunch .Main dl:before{
    width: 25px;
    height: 25px;
}
#Modelplan .Entry.Afternoon .Main dl:before{
    width: 25px;
    height: 25px;
    top: -1px;
}
#Modelplan .Entry.Evening .Main dl:before{}
#Modelplan .Entry.Night .Main dl:before{
    width: 20px;
    height: 24px;
    top: -2px;
}

/*--------------------------------------------------------Hotel*/
#Hotel{}
#Hotel .Inner{}
#Hotel .Inner .Entry{
    display: block;
}
#Hotel .Inner .Entry + .Entry{}
#Hotel .Inner .Entry + .Entry:before{}
#Hotel .Inner .Entry .photo{
    width: 100%;
    margin-bottom: 15px;
}
#Hotel .Inner .Entry .photo .img{}
#Hotel .Inner .Entry .Main{
    margin-left: 0;
}
#Hotel .Inner .Entry .Main .icon{
    font-size: 11px;
    margin-bottom: 4px;
}
#Hotel .Inner .Entry .Main h3{
    margin-bottom: 14px;
}
#Hotel .Inner .Entry .Main h3 .main{
    font-size: 19px;
}
#Hotel .Inner .Entry .Main h3 .main span{}
#Hotel .Inner .Entry .Main h3 .main span + span{}
#Hotel .Inner .Entry .Main h3 .sub{
    font-size: 14px;
    margin-bottom: 5px;
}
#Hotel .Inner .Entry .Main h3 .txt{
    font-size: 14px;
    display: block;
}
#Hotel .Inner .Entry .Main .lounge{}
#Hotel .Inner .Entry .Main .lounge dt{
    font-size: 16px;
}
#Hotel .Inner .Entry .Main .lounge dd{
    padding: 2px 5px 6px 12px;
}
#Hotel .Inner .Entry .Main .ex{}
#Hotel .Inner .Entry .Main .ex dt{}
#Hotel .Inner .Entry .Main .ex dd{}
#Hotel .Inner .Entry .btn{}
#Hotel .Inner .Entry .btn a{
    display: block;
    padding: 15px;
}
#Hotel .Inner .Entry .btn a br{
    display: none;
}