@charset "UTF-8";

.fs-italic {
    font-style: italic;
}


/* ----------------------------------------------------------------------------------------------------
*  content-header
* --------------------------------------------------------------------------------------------------*/
.content-header {
    .content-header-inner {
        .art.-hd-art02 {
            right: -242px;
            bottom: -30px;
            width: 908px;
        }
    }
}


/* ----------------------------------------------------------------------------------------------------
*  top-nav
* --------------------------------------------------------------------------------------------------*/
.top-nav {
    .sec-inner {
		width: calc(1388 * var(--scale-nav));
    }
    .top-nav-list {
		.item01 {
			width: calc(294 * var(--scale-nav));
		}
		.item02 {
			margin-left: calc(20 * var(--scale-nav));
			width: calc(323 * var(--scale-nav));
		}
		.item03 {
			margin-left: calc(25 * var(--scale-nav));
			width: calc(540 * var(--scale-nav));
		}
    }
}


/* ----------------------------------------------------------------------------------------------------
*  sec common
* --------------------------------------------------------------------------------------------------*/
.date-box {
    &.-stay {
        margin-bottom: 40px;
    }
}

.btn {
    .btn-link {
        padding-right: 10px;
    }
}

.btn-reservation {
    .link-cover {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .link-txt {
        width: 505px;
    }
    .art.arrow {
        margin-left: 10px;
        position: relative;
        top: auto;
        right: auto;
    }
    &.-line02 {
        .link-cover {
            padding-left: 18px;
            align-items: flex-end;
        }
        .link-txt {
            width: 324px;
        }
        .art.arrow {
            margin-left: 14px;
            margin-bottom: -5px;
        }
    }
}

.btn-restaurant {
    .link-txt {
        margin-right: 5px;
        width: 611px;
    }
    .arrow {
        right: 205px;
    }
}

.btn-tsh {
    .link-cover {
        padding-left: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .art.arrow {
        margin-left: 8px;
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
    }
}

/* ----------------------------------------------------------------------------------------------------
*  sec first
* --------------------------------------------------------------------------------------------------*/
.section01 {
	.lead-area {
        .art {
            &.-art-first01 {
                left: -80px;
            }
            &.-art-first02 {
                right: -68px;
            }
        }
    }
}

.anchor-item {
	.art.arrow {
		width: 38px;
	}
	.btn-anchor01 {
		.txt {
			left: 45px;
			top: 50px;
			width: 409px;
		}
		.arrow {
			top: 68px;
			right: 48px;
		}
	}
	.btn-anchor02 {
		.txt {
			left: 50px;
			width: 397px;
		}
		.arrow {
			top: 95px;
			right: 48px;
		}
	}
	.btn-anchor03 {
        .txt {
            margin-right: 14px;
            width: 593px;
        }
		.art.-anchor-space01 {
			top: 30px;
        }
		.art.-anchor-space02 {
			top: 10px;
		}
		.arrow {
			bottom: 20px;
			right: 51px;
			width: 28px;
        }

    }
}

.fixed-btn {
    width: 330px;
}


/* ----------------------------------------------------------------------------------------------------
*  sec stay
* --------------------------------------------------------------------------------------------------*/
.section02 {
    .ttl-sec {
        width: 1028px;
        .ti {
            width: 802px;
        }
        .art {
			top: 10px;
        }
    }
	.txt-box {
        .label {
			margin: 0 0 -30px 45px;
            width: 450px;
        }
		.art {
			&.-art-stay01 {
                bottom: 60px;
				left: 105px;
			}
			&.-art-stay02 {
                bottom: 68px;
                right: 85px;
			}
		}
    }

	.anchor-item {
		.btn-anchor03 {
            .txt {
                width: 593px;
            }
            .arrow {
                right: 70px;
            }
        }
    }
}

/* ----------------------------------------------------------------------------------------------------
*  sec menu
* --------------------------------------------------------------------------------------------------*/
.section03 {
    padding-top: 115px;
    .ttl-sec {
        margin-left: 56px;
        width: 1041px;
        .ti {
            margin-left: 80px;
            margin-bottom: -20px;
            width: 826px;
        }
        .art {
            top: 45px;
        }
    }
	.txt-box {
        &.-menu {
            margin-bottom: 105px;
        }
    }
	.special-menu {
		.ttl-menu {
			position: relative;
			width: 687px;
			.ti {
				width: 451px;
			}
		}
	}
    
	.pin-area {
        .btn {
            width: 285px;
        }
		&.-menu-tdh {
			.figure-cover.-img-hotel {
				.hotel-name {
					left: -40px;
                    width: 451px;
                }
            }
        }
		&.-menu-dah {
			.figure-cover.-img-hotel {
				.hotel-name {
					left: -50px;
                    width: 469px;
                }
            }
        }
    }
}


/* ----------------------------------------------------------------------------------------------------
*  sec link
* --------------------------------------------------------------------------------------------------*/
.section04 {
	.pin-area {
		&.-link-about {
			padding-top: 50px;
			.link-ti {
                .ti {
                    margin-bottom: -5px;
                }
                .link-txt {
                    display: block;
                    width: 455px;
                }
				.art.-note01 {
                    margin: 26px 3px 0 10px;
					width: 34px;
				}
				.art.-note02 {
                    margin: -3px 0 0 0;
					width: 44px;
				}
            }
        }
    }
}


/* ----------------------------------------------------------------------------------------------------
*  sec feature
* --------------------------------------------------------------------------------------------------*/
.section05 {
	.feature-block {
		.motif-list {
			.motif-item {
                &.-motif02 {
                    .caption {
                        top: -98px;
                        right: -60px;
                        width: 306px;
                    }
                }
				&.-motif03 {
                    .caption {
						bottom: -78px;
						right: 0;
                        width: 208px;
                    }
                }
				&.-motif05 {
                    .caption {
						bottom: -78px;
						left: -115px;
                        width: 374px;
                    }
                }
				&.-motif08 {
                    .caption {
						bottom: -68px;
						left: -40px;
                        width: 248px;
                    }
                }
            }
        }
    }
    .rsv-link {
        .txt {
            padding-left: 50px;
            padding-right: 50px;
        }
    }
    .vpn-link {
        padding-left: 50px;
        padding-right: 50px;
    }
}


/* ----------------------------------------------------------------------------------------------------
*  content-footer
* --------------------------------------------------------------------------------------------------*/
.content-footer {

}


/* ----------------------------------------------------------------------------------------------------
*  modal
* --------------------------------------------------------------------------------------------------*/
.modal-wrap .modal-content .modal-txt {
    padding-right: 20px;
    padding-left: 20px;
}