@charset "utf-8";
/* CSS Document */
#cmp_main{ width:100%; margin:0 auto; }
#cmp_main img{ vertical-align:bottom; }
#cmp_main .index_box{ max-width: 800px; margin: auto; }
#cmp_main .index_box > div{ margin: auto; padding: 0; }
#cmp_main .index_box > div img{ display: block; margin: auto; padding: 0; vertical-align: bottom; line-height: 0; }
/* フロート */
#cmp_main .stnav{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; position: fixed; top: 0; left: 0; right: 0; margin: auto; padding: 0 0.7em 0.5em; width: 100%; max-width: 800px; max-height: 300px; background-color: rgb(255,255,255,0.6); cursor: pointer; z-index: 10; transition: .3s; opacity: 0; visibility: hidden; transform: translateY(-300px); }
#cmp_main .stnav.active { opacity: 1; visibility: visible; transform: translateY(0); }
#cmp_main .stnav li{ max-width: 344px; width: 32%; }
/* =======================================================================
 ページ個別 
======================================================================= */
.modal_area { position:relative; }
.modal_btn {
	position: absolute;
	top: 88%;
	right: 4.5%;
}
.modal_area2 .modal_btn {
	top: 78.5%;
	right: 69.5%;
}

.modal-close {
	position: absolute;
	top: -30px;
	right: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
#modal {
	position: fixed;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
	z-index: 999999998;
	will-change: opacity;
}
#modal.active {
	opacity: 1;
	pointer-events: auto;
}
#modal .modal-wrapper{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
#modal .modal-wrapper .modal-inner {
	max-width: 800px;
	width: 60%;
	margin: 0 auto;
	position:relative;
}

.cart_area { position:relative; }
.cart_area a { position:absolute; top: 63%; left:9%; }
.cart_area a img { filter: drop-shadow(5px 5px 5px rgba(160, 160, 160, 0.7)); }

#anchor_area { position:relative; }
#anchor_area a { position:absolute; left:1%; }
#anchor_area a.gift { top:52.5%; }
#anchor_area a.spset { top:76.5%; }

.link_area { position:relative; }
.link_area a { position:absolute; top: 3%; left:2%; }

#hotel { position:relative; }
#hotel a {
	position: absolute;
	bottom: 6.5%;
	right: 28%;
	text-align: center;
	text-decoration: navajowhite;
	font-size: 165%;
	display: inline;
}

.bnr_area {
	padding:60px 0;
}