@charset "UTF-8";
html {scroll-behavior: smooth;}

/* メイン */
.pre-inc main{
	margin: 0 auto;
	width: 100%;
	aspect-ratio: 16 / 9;
}
.pre-inc .mv_container{
	position: relative;
}
.pre-inc .mv_container .mvpanel{
	position: absolute;
	top: 0;
}
.pre-inc .mv_container img,.pre-inc .mv_container .mvpanel{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.pre-inc .mv01,.pre-inc .mvpanel{
	opacity: 0;
	transition: 1s;
}
.pre-inc .mv01.on,.pre-inc .mvpanel.on,.pre-inc .mvmovie.on{
	opacity: 1;
}
.pre-inc .mv02,.pre-inc .mv02_02,.pre-inc .mv03,.pre-inc .mv04{
	transition: 0.8s ease-in-out;
  transform: translateY(-20px);
  opacity: 0;
	z-index: 10;
}
.pre-inc .mv06,.pre-inc .mv07{
	transition: 1s ease-in-out;
  opacity: 0;
	z-index: 4;
}
.pre-inc .mv02.on,.pre-inc .mv02_02.on,.pre-inc .mv03.on,.pre-inc .mv04.on,.pre-inc .mv06.on,.pre-inc .mv07.on{
  transform: translateY(0px);
  opacity: 1;
}
.pre-inc .mv01_02{
	z-index: 3;
}
.pre-inc .mv05{
	z-index: 4;
}
.pre-inc .mv_lead{
	z-index: 6;
}
.pre-inc .mvmovie{
	opacity: 0;
	transition: 1s;
}
.pre-inc .mvmovie {
  width: 100%;height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.pre-inc .mvmovie video{width: 100%;}
.pre-inc .mosaic_reveal {
  position: relative;
  overflow: hidden;
}
.pre-inc .mosaic_reveal img {
  display: block;
  width: 100%;
  height: auto;
}
.pre-inc .mosaic_overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
	transition: 2s;
}
.pre-inc .mosaic_overlay_piece {
  position: absolute;
  background: #6f615a;
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.pre-inc .mosaic_overlay_piece.on .mosaic_overlay{
	opacity: 0.1;
}
.pre-inc .main_note{background:#111;padding:0.5em;}
.pre-inc .main_note p{color:#fff;font-size:0.5em;text-align:left;}

@media screen and (max-width: 768px){
.pre-inc main{height: 100vw;overflow: hidden;}
.pre-inc main div{height: 100%;width: 177.78vw;}
.pre-inc main > div{left: 50%;transform: translateX(-50%);}
.pre-inc main video{object-fit: cover;width: 100%!important;height: 100%!important;}
.pre-inc main img{object-fit: cover;width: 100%!important;height: 100%!important;}
.pre-inc main .mv05 img{width: 120%!important;height: 120%!important;}

.pre-inc .main_note p{text-align:left;}
}

/* 行動提起 */
.pre-inc .koudou_main{padding: 4em 0 3.75em;text-align: center;background: url("../img/top/koudou_bk.webp") no-repeat center center/cover;}
.pre-inc .koudou_tit{font-size: 3em;letter-spacing: 0.1em;color: #333;}
.pre-inc .koudou_tit small{font-size: 0.767em;display: block;line-height: 1.2;}
.pre-inc .koudou_tit span{font-size: 0.6em;display: block;line-height: 1.2;margin-top: 0.5em;}
.pre-inc .koudou_tit .soldout{font-size: 0.95em;color: #fff;background: linear-gradient(130deg, #8f7925 20%, #c0a438 55%, #a98e28 60%);text-align: center;width: 16em;margin: 0.5em auto 0;}
.pre-inc .entry_btn{display: block;padding: 0.8em 0;margin: 1.5em auto 0;line-height: 1;border: 1px solid #8f7925;text-align: center;width: 16em;}
.pre-inc .entry_btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(130deg,#8f7925 20%,#c0a438 55%,#a98e28 60%);}
.pre-inc .entry_btn::after{content: "";height: 0.4em;width: 0.4em;border-right: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;right: 1em;top: 0;bottom: 0;margin: auto 0;transform: rotate(315deg);}
.pre-inc .entry_btn span{color: #fff;font-size: 1.2em;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;transition: 0.3s all;}
.pre-inc .reserve_btn{display: block;padding: 0.8em 0;margin: 1.5em auto 0;line-height: 1;border: 1px solid #9CA3AF;text-align: center;width: 16em;}
.pre-inc .reserve_btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(130deg,#9CA3AF 20%,#D1D5DB 55%,#bbc0ca 60%);}
.pre-inc .reserve_btn::after{content: "";height: 0.4em;width: 0.4em;border-right: 2px solid #fff;border-bottom: 2px solid #fff;position: absolute;right: 1em;top: 0;bottom: 0;margin: auto 0;transform: rotate(315deg);}
.pre-inc .reserve_btn span{color: #fff;font-size: 1.2em;font-family: "Oswald", sans-serif;letter-spacing: 0.1em;transition: 0.3s all;}

@media screen and (min-width: 769px){
.pre-inc .entry_btn:hover span{color: #8f7925;}
.pre-inc .entry_btn:hover::before{opacity: 0;}
.pre-inc .entry_btn:hover::after{border-right-color: #8f7925;border-bottom-color: #8f7925;}
.pre-inc .reserve_btn:hover span{color: #9CA3AF;}
.pre-inc .reserve_btn:hover::before{opacity: 0;}
.pre-inc .reserve_btn:hover::after{border-right-color: #9CA3AF;border-bottom-color: #9CA3AF;}
}

@media screen and (max-width: 768px){
.pre-inc .koudou_main{padding: 1.5em 0;}
.pre-inc .koudou_tit{font-size: 1.6em;letter-spacing: 0.05em;}
.pre-inc .koudou_tit small{font-size: 0.6em;line-height: 1.4;}
.pre-inc .koudou_tit .soldout{font-size: 0.9em;width: 90%;margin: 1em auto 0.5em;}
}

/* リンクパネル */
.pre-inc #category_panel .category{height: calc(100vh - 9.88vw);width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;background: url("../img/top/category_bk.webp") center top;}
.pre-inc #category_panel #position{display: flex;justify-content: center;align-items: center;height: auto;padding: 2.5vw;}
.pre-inc #position h2{position: absolute;left: 0;top: 10%;color: #fff;width: 100%;font-size: 1.6vw;text-align: center;}
.pre-inc #position .panel{background: url("../img/top/position_panel_bk.webp") no-repeat center center/cover;color: #fff;padding: 1.5em 3.5em;font-size: 0.5vw;position: absolute;right: 8%;bottom: 8%;line-height: 1.2;text-align: right;letter-spacing: 0.05em;animation-name: fadeInRight;}
.pre-inc #position .panel small{font-size: 1.8em;display: block;text-align: left;letter-spacing: 0.05em;}
.pre-inc #position .panel big{font-size: 4em;letter-spacing: 0.05em;}
.pre-inc #position .panel span{font-size: 3.2em;letter-spacing: 0.05em;}
.pre-inc #position .panel span sub{font-size: 0.4em;}
.pre-inc #position .panel span strong{font-size: 1.875em;font-family: "EB Garamond", serif;line-height: 0.8;}
.pre-inc #position .panel .note{font-size: 1em;}

.pre-inc .left_img{position: absolute;left: 0;top: 100%;width: 50%;height: 100%;}
.pre-inc .left_img img{object-fit: cover;width: 100%;height: 100%;}
.pre-inc .left_img figcaption{z-index: 1;}
.pre-inc .right_img{position: absolute;right: 0;bottom: 100%;width: 50%;height: 100%;}
.pre-inc .right_img img{object-fit: cover;width: 100%;height: 100%;}
.pre-inc .right_img figcaption{z-index: 1;}
.pre-inc .lr_copy{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center; opacity: 0;font-size: 0.7vw;padding-top: 5em;}
.pre-inc .lr_copy .category_tit{width: 25.6em;}
.pre-inc .lr_copy .category_tit + p{font-size: 7.5em;font-family: "Tangerine Regular", cursive;color: #fff;writing-mode: vertical-rl;letter-spacing: 0.05em;margin-top: 0.5em;}
.pre-inc .lr_copy .category_tit + p span{overflow: hidden;height: 0;display: inline-block;}
.pre-inc .lr_copy_item{display: flex;position: absolute;left: 0;bottom: 17%;color: #fff;width: 100%;font-size: 3.8em;text-align: center;opacity: 0;}
.pre-inc .lr_copy_item > li{width: 50%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.pre-inc .lr_copy_item > li small{font-size: 0.6em;display: block;}
.pre-inc .lr_copy_item > li small big{font-size: 1.6em;font-family: "EB Garamond", serif;line-height: 1;}
.pre-inc .lr_copy_item > li span{font-size: 0.8em;}
.pre-inc .lr_copy_item > li strong{font-size: 1.28em;font-family: "EB Garamond", serif;line-height: 1;}
.pre-inc .lr_copy_item > li .note{display:block; font-size:0.3em;position: absolute;right: 0;}
.pre-inc .scroll{color: #fff;position: absolute;bottom: 0;left: 0;right: 0;width: 2.3em;height: 6em; margin: 0 auto;opacity: 0;text-align: right;animation: 2s fadeIn 0s infinite;font-size: 0.9em;}
.pre-inc .scroll::before{content: "";height: 100%;width: 2px;background: #fff;position: absolute;left: 0;bottom: 0;display: block;}
.pre-inc .scroll::after{content: "";height: 1em;width: 2px;background: #fff;position: absolute;left: 0.4em;bottom: 0;display: block;transform: rotate(45deg);}
.pre-inc .scroll span{writing-mode: vertical-rl;font-size: 1.3em;letter-spacing: 0.1em;}
.pre-inc .c_main_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.pre-inc .c_main_img_wrap{overflow: hidden;width: 0;height: 100%;position: absolute;left: 0;}
.pre-inc .c_main_img figure{width: 100vw;height: 100%;position: absolute;inset: 0;margin: auto;}
.pre-inc .c_main_img img{object-fit: cover;width: 100%;height: 100%;}
.pre-inc .c_main_copy{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center; opacity: 0;font-size: 0.7vw;padding-top: 5em;}
.pre-inc .c_main_copy .category_tit{width: 25.6em;}
.pre-inc .c_main_lead{margin-top: 3em;color: #fff;text-align: center;}
.pre-inc .c_main_lead h3{font-size: 3.6em;}
.pre-inc .c_main_lead p{font-size: 1.8em;margin-top: 0.3em;line-height: 1.8;}
.pre-inc .c_main_copy > p{font-size: 7.5em;color: #fff;letter-spacing: 0.05em;margin-top: 0.8em;font-family: "Tangerine Regular", cursive;/* font-family: "Tangerine", cursive; */}
.pre-inc .c_main_copy > p span{overflow: hidden;width: 0;display: inline-block;}

@media screen and (min-width: 769px){
.pre-inc .c_main_img figcaption{right: calc(0.7em + 15px);}
}

@media screen and (min-width: 1921px){
.pre-inc #category_panel .category{height: calc(100vh - 190px);}
}

@media screen and (max-width: 768px){
.pre-inc #category_panel .category{height: calc(100vh - 122px);height: calc(100dvh - 122px);background: url("../img/top/category_bk.webp") center top;}
.pre-inc #category_panel #position{padding: 5vw;}
.pre-inc #position .position_main_img{height: 100vw;}
.pre-inc #position .position_main_img img{object-fit: cover;width: 100%;height: 100%;object-position: 60% center;}
.pre-inc #position h2{top: 7%;font-size: 4.5vw;}
.pre-inc #position .panel{font-size: 1.2vw;bottom: 12%;right: 6%;}

.pre-inc .left_img{top: -100%;width: 100%;height: 50%;}
.pre-inc .right_img{bottom: -100%;width: 100%;height: 50%;}
.pre-inc .lr_copy{font-size: 2vw;padding-top: 0;justify-content: center;}
.pre-inc .lr_copy .category_tit + p{margin-top: 0.5em;}
.pre-inc .lr_copy_item{flex-wrap: wrap;bottom: 0;color: #fff;font-size: 2.8em;height: 100%;}
.pre-inc .lr_copy_item > li{width: 100%;height: 50%;padding: 13vw 0;}
.pre-inc .lr_copy_item > li:nth-of-type(1){justify-content: flex-start}
.pre-inc .scroll{color: #fff;position: absolute;bottom: 0;left: 0;right: 0;width: 2.3em;height: 6em; margin: 0 auto;opacity: 0;text-align: right;animation: 2s fadeIn 0s infinite;font-size: 0.9em;}
.pre-inc .scroll::before{content: "";height: 100%;width: 2px;background: #fff;position: absolute;left: 0;bottom: 0;display: block;}
.pre-inc .scroll::after{content: "";height: 1em;width: 2px;background: #fff;position: absolute;left: 0.4em;bottom: 0;display: block;transform: rotate(45deg);}
.pre-inc .scroll span{writing-mode: vertical-rl;font-size: 1.3em;letter-spacing: 0.1em;}
.pre-inc .c_main_copy{font-size: 2vw;padding-top: 0;justify-content: center;}
.pre-inc .c_main_lead p{font-size: 1.7em;}
.pre-inc #location .category .cap_into{bottom: 0.7em;}
}

/*# sourceMappingURL=base.css.map */