article { color: #000; }

article a { color: #000; }

article img { width: 100%; }

article a { display: block; }

article h2, article h3 { margin: 0; }

@keyframes home_mv_scrollbar { 0% { height: 0;
    top: 0; }
  20% { height: 100%;
    top: 0; }
  60% { height: 100%;
    top: 0; }
  80% { height: 0%;
    top: 100%; }
  100% { height: 0%;
    top: 100%; } }

@keyframes anim_cir_rot { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

.block-loading { position: fixed; inset: 0 0 0 0; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.block-loading:before { content: ""; display: block; position: absolute; inset: 0 0 0 0; transition-duration: 0.6s; background: #881719; }

.block-loading ._icon { position: relative; transition-duration: 0.2s; }

.block-loading ._icon svg { fill: #fff; }

body.js-loading-0 .block-loading ._icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-loading-1 .block-loading ._icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-loading-2 .block-loading ._icon { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

body.js-loading-2 .block-loading:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

body.js-loading-last .block-loading { display: none; }

.icon-spin { animation-name: icon-spin; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes icon-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

@media print, screen and (min-width: 1024px) {

 ._area { position: fixed; top: 0px; right: 0px; z-index: 9999999; background: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); display: none; }

 ._area a { display: block; background: #eee; padding: 5px; font-size: 12px; font-weight: bold; }

 ._link { position: absolute; top: 100vh; left: 0; width: 50vw; height: 10px; z-index: 10; }

 .breadcrumb-wrap { position: relative; z-index: 10; }

 .mainContents { margin-top: -152px; }

 :root { --stage-height: 100vh; --stage-height-opening: 900vh; --stage-height-intro: 0; --stage-height-factory: 150vh; --stage-height-brend: calc(1400vw / 3); --stage-height-beverages: calc(80vw + 300px); --stage-height-holiday: 200vh; --stage-height-panettone: 200vh; --stage-height-gifts: calc(102vw + 300px); }

 .mod-scroll-bar { position: fixed; left: 50%; bottom: 0; width: 1px; transition-duration: 0.2; z-index: 20; height: 4.16667vw; }

 body.js-scroll-bar-hide .mod-scroll-bar { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-scroll-bar div { position: absolute; top: -0.69444vw; left: 0; transform: translate(-50%, -100%); width: 12.5vw; }

 .mod-scroll-bar span { display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; background: #b5b5b6; animation: home_mv_scrollbar 3s ease-in-out 0s infinite; }

 .block-virtual { position: relative; }

 .block-virtual span { display: none; }

 body { overflow-x: hidden; }

 .js-state { font-size: 20px; background: #fff; display: inline-block; display: none; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

 .stage-sp { position: relative; }

 .block-virtual-stage { position: relative; width: 100%; font-size: 10px; }

 .block-virtual { scroll-snap-align: start; height: var(--stage-height); }

 .block-virtual span { display: block; font-size: 12px; font-weight: bold; padding: 5px 0 0 20px; width: 100px; }

 .block-virtual-opening { height: var(--stage-height-opening); }

 .block-virtual-intro { height: var(--stage-height-intro); }

 .block-virtual-factory { height: var(--stage-height-factory); }

 .block-virtual-brend { height: var(--stage-height-brend); }

 .block-virtual-beverages { height: var(--stage-height-beverages); }

 .block-virtual-holiday { height: var(--stage-height-holiday); }

 .block-virtual-panettone { height: var(--stage-height-panettone); }

 .block-virtual-gifts { height: var(--stage-height-gifts); }

 .block-virtual-last { height: 0; }

 .block-virtual-opening { background: #012F14; }

 .block-virtual-intro { background: #FDB913; }

 .block-virtual-factory { background: #713927; }

 .block-virtual-brend { background: #831718; }

 .block-virtual-beverages { background: #441817; }

 .block-virtual-holiday { background: #C0946E; }

 .block-virtual-panettone { background: #AF844A; } /* ----------------------------------------------------------
block-banner
---------------------------------------------------------- */

 .block-banner { position: relative; background: #fff; }

 .block-banner img { width: 100%; }

 .block-banner a { display: block; border-radius: 1.38889vw; overflow: hidden; }

 .block-banner ._list { padding: 5vw 5vw 2vw 5vw; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

 .block-banner ._list > div { width: calc(50% - 2.5vw); margin-left: 5vw; }

 .block-banner ._list > div:nth-child(2n+1) { margin-left: 0; }

 .block-banner ._list > div:nth-child(n+3) { margin-top: 5vw; }

 .block-banner ._note { padding: 2vw; color: #000; font-weight: normal; font-size: 1.25vw; line-height: 1.5; }

 .block-fix { position: fixed; top: 0; left: 0; right: 0; height: calc(100vh + 2px); overflow: hidden; z-index: 5; }

 .block-fix .js-state { position: absolute; top: 0; left: 0; }

 .block-fix img { width: 100%; }

 .block-fix h1, .block-fix h2, .block-fix h3, .block-fix h4, .block-fix p { margin: 0; }

 .js-sp-height { position: fixed; top: 0; left: -10px; width: 5px; height: 100vh; background: #888; z-index: 1000000; }

 .block-intro-fix { height: 0; }

 .block-intro { height: 0; }

 .block-intro-pc { background: #888; color: #fff; }

 .block-intro-pc h1, .block-intro-pc h2, .block-intro-pc h3, .block-intro-pc p { margin: 0; }

 .block-intro-pc ._title { position: absolute; top: 2.5%; left: 6.38%; width: 28.47%; height: 17%; }

 .block-intro-pc ._title h2 { margin: 0 auto; }

 .block-intro-pc ._title ._t1 { margin-top: 0.69444vw; font-size: 1.80556vw; line-height: 1.75; }

 .block-intro-pc ._title ._t2 { margin-top: 1.73611vw; font-size: 1.11111vw; line-height: 1.68; }

 .block-intro-pc ._texts { position: absolute; top: 12.2%; left: 63.9%; width: 20.83%; }

 .block-intro-pc ._texts div { margin-bottom: 2.77778vw; }

 .block-intro-pc ._texts p { margin-top: 0.69444vw; font-size: 1.11111vw; line-height: 1.68; margin-right: -10vw; }

 .block-factory-fix { background-image: url(/reserve/roastery/holiday2023/images/factory/pc/bg.jpg); background-position: center center; background-size: cover; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-factory-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-factory-fix ._scene ._inner { position: relative; width: 100%; height: 41.6vw; }

 .block-factory-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-factory { position: relative; height: 100%; width: 100%; }

 .block-factory ._title { position: absolute; top: 8%; left: 32.29%; width: 37.01%; }

 .block-factory p { position: absolute; top: 47%; left: 0; width: 100%; color: #fff; font-size: 1.25vw; line-height: 1.83; text-align: center; }

 .block-beverages-fix { background: #441817; }

 .block-beverages-fix ._scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-beverages-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-beverages { height: 82vw; }

 .block-beverages ._title { position: absolute; top: 6%; left: 28.19%; width: 43.75%; height: 16.75%; }

 .block-beverages ._title span { position: absolute; top: 4vw; left: 3vw; font-size: 1.25vw; color: #fff; }

 .block-beverages ._slider { position: absolute; top: 30%; left: 7.3vw; right: 7.3vw; }

 .block-beverages ._pager { display: none; }

 .block-holiday-fix { background-image: url(/reserve/roastery/holiday2023/images/holiday/pc/bg1.png); background-position: center top; background-size: 100% 100%; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-holiday-fix:before { content: ""; display: block; position: absolute; top: calc(50% + 17.5vw); left: 0; right: 0; bottom: 0; background: url(/reserve/roastery/holiday2023/images/holiday/pc/bg2.png); background-size: 100% 100%; }

 .block-holiday-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-holiday-fix ._scene ._inner { position: relative; width: 100%; height: 41.6vw; }

 .block-holiday-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-holiday ._title { position: absolute; top: 15%; left: 53.0%; width: 38%; height: 23.03%; }

 .block-holiday ._p { position: absolute; top: 4.05%; left: 19.3%; width: 41.45%; height: 79.87%; }

 .block-holiday ._read { position: absolute; top: 54%; left: 50%; width: 43%; }

 .block-holiday ._title { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-holiday ._read { font-size: 1.31944vw; color: #fff; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-holiday ._drop { position: absolute; width: 5vw; top: calc(50% - 50vh - 10vw); left: calc(50% - 9vw); }

 .block-holiday ._drop img { transform: scale(0, 0); }

 .is-active .block-holiday ._title { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-delay: 1s; }

 .is-active .block-holiday ._read { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-delay: 1.2s; }

 .is-active .block-holiday ._drop img { animation: anim_drop3 1s ease-in-out 0.2s; animation-fill-mode: forwards; }

 .block-panettone-fix { background-image: url(/reserve/roastery/holiday2023/images/panettone/pc/bg.jpg); background-size: 100% 100%; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-panettone-fix:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 53%; background-image: url(/reserve/roastery/holiday2023/images/panettone/pc/p.jpg); background-position: center center; background-size: cover; }

 .block-panettone-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-panettone-fix ._scene ._inner { position: relative; width: 100%; height: 41.6vw; }

 .block-panettone-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-panettone ._title { position: absolute; top: 7.72%; left: 5.97%; width: 31.38%; }

 .block-panettone ._read { position: absolute; top: 56%; left: 8%; width: 29%; }

 .block-panettone ._title span { position: absolute; top: 3.8vw; left: 2vw; font-size: 1.31944vw; color: #fff; }

 .block-panettone ._read { font-size: 1.11111vw; line-height: 1.68; color: #fff; }

 .block-panettone ._btns { position: absolute; top: 88%; left: 0; width: 45%; text-align: center; }

 .block-panettone ._btn { display: inline-block; border: 1px solid #fff; font-size: 1.31944vw; background: #8c6840; color: #fff; border-radius: 2.77778vw; padding: 0.69444vw; width: 10.41667vw; }

 .block-panettone ._btn img { width: 4.16667vw; height: 1.38889vw; }

 .block-gifts-fix { background: #1B3921; border-radius: 0 0 15px 15px; overflow: hidden; }

 .block-gifts-fix ._scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-gifts-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-gifts { background-image: url(/reserve/roastery/holiday2023/images/gifts/pc/bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; height: 102vw; }

 .block-gifts ._read { position: absolute; top: 21%; left: 20%; }

 .block-gifts ._title span { position: absolute; top: 4vw; left: 3vw; font-size: 1.25vw; color: #fff; }

 .block-gifts ._read { font-size: 1.11111vw; color: #fff; line-height: 1.68; }

 .block-gifts ._title { position: absolute; top: 4.96%; left: 17.08%; width: 34.93%; height: 13.53%; }

 .block-gifts ._items.is-a { position: absolute; top: 11.22%; left: 65.1%; width: 18.05%; }

 .block-gifts ._items.is-b { position: absolute; top: 34.4%; left: 17%; width: 66%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5.20833vw 0; }

 .block-gifts ._items.is-b li { width: 17.8vw; }

 .block-gifts ._items ._item { width: 18vw; height: 18vw; display: block; border: 2px solid #bd936d; background: #fff; }

 .block-gifts ._items ._item ._image { text-align: center; }

 .block-gifts ._items ._item ._image img { width: 80%; }

 .block-gifts ._items ._item ._texts { padding: 0.34722vw 1.38889vw 0 1.04167vw; }

 .block-gifts ._items ._item p { font-size: 0.83333vw; line-height: 1.4; }

 .block-gifts ._btns { position: absolute; top: 90.4%; left: 0; right: 0; text-align: center; }

 .block-gifts ._btn { display: inline-block; border: 1px solid #fdb913; font-size: 1.31944vw; color: #fdb913; border-radius: 2.77778vw; padding: 1.25vw; width: 14.58333vw; }

 .block-banner { z-index: 10; }

 footer.footerWrap { position: relative; z-index: 10; border-top: none; margin-top: 5px; }

 .block-opening-fix { background: #fff; }

 .block-opening-fix img { width: 100%; height: 100%; object-fit: cover; }

 .block-opening-fix ._scene { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene1 ._inner { position: absolute; inset: 0 0 0 0; transition-duration: 0.4s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-bg, .block-opening-fix .is-scene1 ._sub-scene.is-sub-title, .block-opening-fix .is-scene1 ._sub-scene.is-sub-fl { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree1 { position: absolute; left: 0; bottom: -1vw; width: 28.4vw; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree2 { position: absolute; right: 0; bottom: -1vw; width: 28vw; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-bg { transform-origin: 50% 90%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-fl { transform-origin: 50% 90%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree1 { transform-origin: 90% 50%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree2 { transform-origin: 10% 50%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title { transition-duration: 0.4s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; transform: translate(0, 2vw); }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t1 { transition-delay: 0; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t2 { transition-delay: 0.2s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t3 { transition-delay: 0.4s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t4 { transition-delay: 0.5s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title.is-show div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title.is-hide { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, -2vw); }

 .block-opening-fix .is-scene1 h1 { position: absolute; top: calc(50% - 27.3vw); left: 35.62%; width: 28.66%; }

 .block-opening-fix .is-scene1.is-hide ._inner { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-bg { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-tree3 { position: absolute; top: 0; left: 0; width: 41.66vw; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-tree4 { position: absolute; top: calc(50% + 3vw); right: 0; width: 20.83vw; }

 .block-opening-fix .is-scene2, .block-opening-fix .is-scene3, .block-opening-fix .is-scene4 { transform-origin: 50% 95%; }

 .block-opening-fix .is-scene2 ._inner, .block-opening-fix .is-scene3 ._inner, .block-opening-fix .is-scene4 ._inner { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; }

 .block-opening-fix .is-scene2.is-active ._inner, .block-opening-fix .is-scene3.is-active ._inner, .block-opening-fix .is-scene4.is-active ._inner { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.8s; }

 .block-opening-fix .is-scene2.is-hide ._inner, .block-opening-fix .is-scene3.is-hide ._inner, .block-opening-fix .is-scene4.is-hide ._inner { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-opening-fix .is-scene5 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .block-opening-fix .is-scene5 ._inner { position: relative; width: 100%; height: 41.6vw; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-duration: 0.6s; }

 .block-opening-fix .is-scene5.is-active ._inner { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend-fix { background-color: #831718; background-image: url(/reserve/roastery/holiday2023/images/brend/brend1/pc/bg.jpg); background-position: center center; background-size: cover; }

 .block-brend ._ball { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; pointer-events: none; }

 .block-brend ._ball.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: scale(1, 1); }

 .block-brend ._ball.is-active.is-out { transform: translate(0, -200vw) scale(0.4, 0.4); }

 .block-brend ._ball.is-active.is-fadeOut { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._ball > span { display: block; position: absolute; top: 50%; left: 50%; width: 6.25vw; height: 6.25vw; transform: translate(-50%, -50%); border-radius: 50%; }

 .block-brend ._ball.js-ball1 span { left: 30%; top: 52%; width: 3.26389vw; height: 3.26389vw; background: url(/reserve/roastery/holiday2023/images/brend/ball/b1.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball1b span { left: 24.6%; top: 49%; width: 2.98611vw; height: 2.98611vw; background: url(/reserve/roastery/holiday2023/images/brend/ball/line.png) center center no-repeat; background-size: cover; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

 .block-brend ._ball.js-ball2 span { background: url(/reserve/roastery/holiday2023/images/brend/ball/b2.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball3 { transition-duration: 0s; }

 .block-brend ._ball.js-ball3 span { top: 50vh; background: url(/reserve/roastery/holiday2023/images/brend/ball/b3.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball5 span { background: url(/reserve/roastery/holiday2023/images/brend/ball/b5.png) center center no-repeat; background-size: cover; }

 .block-brend ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition-duration: 0.4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }

 .block-brend ._scene ._bg { position: absolute; inset: 0 0 0 0; transition-delay: 0.5s; transition-duration: 0.6s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._scene ._bg img { width: 100%; height: 100%; object-fit: cover; }

 .block-brend ._scene ._inner { position: relative; width: 100%; height: 41.6vw; }

 .block-brend ._scene ._inner ._vs { position: absolute; top: -5.90278vw; left: 0; right: 0; bottom: -3.47222vw; transform: scale(0.5, 0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-brend ._scene ._inner ._vs.is-1 { transform: scale(1, 1); }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 { position: absolute; top: 0px; left: 0px; width: 66%; bottom: 0px; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div._in1 { transition-delay: 0.2s; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div._in3 { transition-delay: 0.2s; }

 .block-brend ._scene ._inner ._texts { position: absolute; inset: 0 0 0 0; }

 .block-brend ._scene ._inner ._texts.is-top { color: #fff; }

 .block-brend ._scene ._inner ._texts.is-top h2 { position: absolute; top: 20%; left: 52.91%; width: 38.26%; height: 41.5%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 0.3s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top h2 span { font-size: 1.25vw; line-height: 1.6; position: absolute; top: 3.7vw; left: 2vw; }

 .block-brend ._scene ._inner ._texts.is-top p { position: absolute; top: 68.5%; left: 55%; width: 35%; font-size: 1.11111vw; line-height: 1.68; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 0.4s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top ._btns { position: absolute; top: 90%; right: 10%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 0.5s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top ._btn { display: inline-block; font-size: 1.11111vw; background: #8c6840; color: #fff; border-radius: 2.77778vw; padding: 0.97222vw; width: 11.11111vw; text-align: center; }

 .block-brend ._scene ._inner ._texts.is-page h2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 1.3s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-page ._ps { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 1.4s; transition-duration: 1.1s; }

 .block-brend ._scene ._inner ._texts.is-page ._ts { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 2vw); transition-delay: 1.5s; transition-duration: 1.2s; }

 .block-brend ._scene ._inner ._texts.is-page.is-2 h2, .block-brend ._scene ._inner ._texts.is-page.is-4 h2 { position: absolute; top: -5%; left: 6%; width: 52%; }

 .block-brend ._scene ._inner ._texts.is-page.is-2 ._ts, .block-brend ._scene ._inner ._texts.is-page.is-4 ._ts { position: absolute; top: 71.5%; left: 59.2%; }

 .block-brend ._scene ._inner ._texts.is-page.is-2 ._ps, .block-brend ._scene ._inner ._texts.is-page.is-4 ._ps { position: absolute; top: 21%; left: 59%; width: 35%; }

 .block-brend ._scene ._inner ._texts.is-page.is-3 h2, .block-brend ._scene ._inner ._texts.is-page.is-5 h2 { position: absolute; top: -5%; left: 41.5%; width: 52%; }

 .block-brend ._scene ._inner ._texts.is-page.is-3 ._ts, .block-brend ._scene ._inner ._texts.is-page.is-5 ._ts { position: absolute; top: 71%; left: 6.5%; }

 .block-brend ._scene ._inner ._texts.is-page.is-3 ._ps, .block-brend ._scene ._inner ._texts.is-page.is-5 ._ps { position: absolute; top: 21%; left: 6.5%; width: 35%; }

 .block-brend ._scene ._inner ._drop { position: absolute; width: 7vw; top: calc(50% - 10vw); left: calc(50% - 3.5vw); }

 .block-brend ._scene ._inner ._drop img { transform: scale(0, 0); }

 .block-brend ._scene ._inner ._drop2 { position: absolute; width: 7vw; top: -50vh; left: calc(50% - 3.5vw); }

 .block-brend ._scene ._inner ._drop2 ._d1 { position: absolute; top: 0; left: 0; width: 7vw; }

 .block-brend ._scene ._inner ._drop2 ._d2 { position: absolute; top: 0; left: 0; width: 7vw; }

 .block-brend ._scene ._inner ._drop2 .is-dd { left: 1vw; width: 5vw; }

 .block-brend ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); visibility: visible; }

 .block-brend ._scene.is-active ._bg { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .block-brend ._scene.is-active ._vs { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: scale(1, 1); }

 .block-brend ._scene.is-active ._vs ._brend-vs-1 > div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active.is-out { transform: translate(0, -200vw); transition-duration: 0.6s; }

 .block-brend ._scene.is-active.is-fadeOut { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._scene.is-active ._texts.is-page h2 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._texts.is-page ._ts { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._texts.is-page ._ps { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._drop img { animation: anim_drop 1s ease-in-out 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 img { animation: anim_drop2 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 ._d1 { animation: anim_drop2_sub1 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 ._d2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; animation: anim_drop2_sub2 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active2 ._texts.is-top h2 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active2 ._texts.is-top p { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active2 ._texts.is-top ._btns { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 @keyframes anim_drop {

  0% { transform: translate(0, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  20% { transform: translate(0, 2vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 70vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 70vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop3 {

  0% { transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  20% { transform: translate(0, 2vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 70vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 70vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2 {

  0% { transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 120vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 120vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2_sub1 {

  0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  55% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  60% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2_sub2 {

  0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  55% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  60% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

 .mod-beverages-slider .slick-list { overflow: visible; }

 .mod-beverages-slider ._item { display: block; width: 26vw; padding: 0 1.04167vw; }

 .mod-beverages-slider ._item ._image { width: 80%; position: relative; margin: 0 auto; z-index: 1; }

 .mod-beverages-slider ._item ._image img { width: 100%; border-radius: 0.83333vw; overflow: hidden; }

 .mod-beverages-slider ._item ._texts { position: relative; margin-top: -2.77778vw; background-image: url(/reserve/roastery/holiday2023/images/beverages/thumb_bg.png); background-repeat: no-repeat; background-position: left top; background-size: cover; padding: 4.86111vw 1.38889vw 0 1.38889vw; height: 24vw; }

 .mod-beverages-slider ._item ._texts h3 { width: 100%; }

 .mod-beverages-slider ._item ._texts ._name { font-size: 1.11111vw; color: #fff; line-height: 1.5; border-bottom: 1px solid #451918; padding-bottom: 0.69444vw; margin-bottom: 1.04167vw; margin-top: 0.34722vw; height: 2.08333vw; }

 .mod-beverages-slider ._item ._texts ._name.is-2line { height: 3.47222vw; }

 .mod-beverages-slider ._item ._texts ._text { font-size: 1.11111vw; color: #451918; line-height: 1.5; }

 .mod-beverages-slider ._item ._texts ._note { margin-top: 0.34722vw; font-size: 1.04167vw; color: #451918; line-height: 1.5; }

 .mod-beverages-slider ._item ._texts .is-condense-pc { letter-spacing: -0.05em; margin-right: -1em; }

 .mod-beverages-slider ._item ._texts ._place { position: absolute; left: 1.38889vw; top: 22.3vw; width: 14.58333vw; }

 .mod-beverages-slider ._item ._texts ._place.is-offset-pc { top: 24vw; }

 .mod-beverages-slider ._btn-prev { position: absolute; bottom: -3vw; left: calc(21vw); width: 6.94444vw; height: 6.94444vw; cursor: pointer; background: url(/reserve/roastery/holiday2023/images/slider/pc/arrow_prev.png) left top no-repeat; background-size: cover; background-repeat: no-repeat; z-index: 1; }

 .mod-beverages-slider ._btn-prev.slick-disabled { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-beverages-slider ._btn-next { position: absolute; bottom: -3vw; left: calc(58vw); width: 6.94444vw; height: 6.94444vw; cursor: pointer; background: url(/reserve/roastery/holiday2023/images/slider/pc/arrow_next.png) left top no-repeat; background-size: cover; background-repeat: no-repeat; z-index: 1; }

 .mod-beverages-slider ._btn-next.slick-disabled { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-beverages-slider ._slide-dots { margin-top: 3.47222vw; width: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

 .mod-beverages-slider ._slide-dots li { display: inline-block; width: 1.04167vw; height: 1.04167vw; border: 1px solid #fff; margin: 0 0.83333vw; border-radius: 50%; }

 .mod-beverages-slider ._slide-dots li button { display: none; }

 .mod-beverages-slider ._slide-dots li.slick-active { background: #fff; }

 .mod-brand-text { color: #fff; }

 .mod-brand-text.is-3 h3 { border-color: #871718; }

 .mod-brand-text.is-3 h4 { border-color: #D18B7D; }

 .mod-brand-text.is-3 h5 { border-color: #BF956D; }

 .mod-brand-text h3 { width: 100%; font-size: 1.80556vw; line-height: 1.3; border-left: 0.48611vw solid #bf956d; padding-left: 0.83333vw; font-weight: normal; margin: 0; letter-spacing: 0.1em; }

 .mod-brand-text h3 br { display: none; }

 .mod-brand-text p { margin: 0; padding: 1.04167vw 0 0 0; font-size: 1.11111vw; line-height: 1.68; }

 .area-modal-btn { position: fixed; top: calc(50vh - 113px); right: 0; width: 55px; z-index: 110; transform: translate(100%, 0); transition-duration: 0.4s; cursor: pointer; }

 body.is-open-menu-pc .area-modal-btn { transform: translate(0, 0); }

 body.js-menu-open .area-modal-btn { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 body.js-pos-last .area-modal-btn { transform: translate(100%, 0); }

 .area-modal-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: -1; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(10.41667vw, 0); transition-duration: 0.4s; }

 .area-modal-menu h2, .area-modal-menu h3 { margin: 0; }

 .area-modal-menu ._bg { position: absolute; inset: 0 0 0 0; }

 body.js-menu-open .area-modal-menu { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 100; transform: translate(0, 0); }

 .area-modal-menu ._box { position: relative; width: 56.25vw; height: 38.19444vw; padding: 4.16667vw 0.69444vw 0 0; border-radius: 1.04167vw; box-sizing: border-box; background: #871718; color: #fff; text-align: center; }

 .area-modal-menu ._box ._menu { margin-top: 2.43056vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1.25vw; }

 .area-modal-menu ._box a { display: block; }

 .area-modal-menu ._box a span { display: block; font-size: 1.11111vw; text-align: center; line-height: 1; }

 .area-modal-menu ._btn-close { position: absolute; bottom: 0.69444vw; right: 1.04167vw; width: 3.47222vw; height: 3.47222vw; }

 .area-modal-menu ._btn-close span { transition-duration: 0.2s; position: absolute; background: #fff; height: 1px; left: 0.13889vw; right: 0.34722vw; }

 .area-modal-menu ._btn-close span:nth-child(1) { top: 1.73611vw; transform: rotate(30deg); }

 .area-modal-menu ._btn-close span:nth-child(2) { top: 1.73611vw; transform: rotate(-30deg); }

 .mod-sp { display: none; } }

@media screen and (min-width: 1024px) and (max-aspect-ratio: 4 / 3) {

 :root { --stage-height-beverages: 200vh; }

 .block-beverages-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

 .block-beverages-fix ._scene ._inner { position: relative; width: 100%; height: 82vw; } }

@media screen and (max-width: 1023px) {

 ._area { position: fixed; top: 0px; right: 0px; z-index: 9999999; background: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); display: none; }

 ._area a { display: block; background: #eee; padding: 5px; font-size: 12px; font-weight: bold; }

 ._link { position: absolute; top: 100vh; left: 0; width: 50vw; height: 10px; z-index: 10; }

 .breadcrumb-wrap { position: relative; z-index: 10; }

 .mainContents { margin-top: -97px; }

 :root { --stage-height: 100vh; --stage-height-opening: 900vh; --stage-height-intro: calc( 240vw + 300px); --stage-height-factory: 150vh; --stage-height-brend: 1200vw; --stage-height-beverages: calc(208vw + 300px); --stage-height-holiday: 200vh; --stage-height-panettone: 200vh; --stage-height-gifts: calc(355.46vw + 300px); }

 .mod-scroll-bar { position: fixed; left: 50%; bottom: 0; width: 1px; transition-duration: 0.2; z-index: 20; height: 30px; }

 body.js-scroll-bar-hide .mod-scroll-bar { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-scroll-bar div { position: absolute; top: -10px; left: 0px; transform: translate(-50%, -100%); width: 90px; }

 .mod-scroll-bar span { display: block; position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; background: #b5b5b6; animation: home_mv_scrollbar 3s ease-in-out 0s infinite; }

 .block-virtual { position: relative; }

 .block-virtual span { display: none; }

 body { overflow-x: hidden; }

 .js-state { font-size: 20px; background: #fff; display: inline-block; display: none; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

 .stage-sp { position: relative; }

 .block-virtual-stage { position: relative; width: 100%; font-size: 10px; }

 .block-virtual { scroll-snap-align: start; height: var(--stage-height); background: #444; }

 .block-virtual span { display: block; font-size: 12px; font-weight: bold; padding: 5px 0 0 20px; width: 100px; }

 .block-virtual-opening { height: var(--stage-height-opening); }

 .block-virtual-intro { height: var(--stage-height-intro); }

 .block-virtual-factory { height: var(--stage-height-factory); }

 .block-virtual-brend { height: var(--stage-height-brend); }

 .block-virtual-beverages { height: var(--stage-height-beverages); }

 .block-virtual-holiday { height: var(--stage-height-holiday); }

 .block-virtual-panettone { height: var(--stage-height-panettone); }

 .block-virtual-gifts { height: var(--stage-height-gifts); }

 .block-virtual-last { height: 0; }

 .block-virtual-opening { background: #012F14; }

 .block-virtual-intro { background: #FDB913; }

 .block-virtual-factory { background: #713927; }

 .block-virtual-brend { background: #831718; }

 .block-virtual-beverages { background: #441817; }

 .block-virtual-holiday { background: #C0946E; }

 .block-virtual-panettone { background: #AF844A; }

 .block-virtual-gifts { background: #1B392D; border-radius: 10px; } /* ----------------------------------------------------------
block-banner
---------------------------------------------------------- */

 .block-banner { padding: 5vw 5.33333vw; position: relative; background: #fff; }

 .block-banner img { width: 100%; }

 .block-banner a { display: block; border-radius: 2.66667vw; overflow: hidden; }

 .block-banner ._list div { margin-top: 5vw; }

 .block-banner ._note { padding: 5vw 0; color: #000; font-weight: normal; font-size: 2.4vw; line-height: 1.5; }

 .block-fix { position: fixed; top: 0; left: 0; right: 0; height: calc(100vh + 2px); overflow: hidden; z-index: 5; }

 .block-fix .js-state { position: absolute; top: 0; left: 0; }

 .block-fix img { width: 100%; }

 .block-fix h1, .block-fix h2, .block-fix h3, .block-fix h4, .block-fix p { margin: 0; }

 .js-sp-height { position: fixed; top: 0; left: -10px; width: 5px; height: 100vh; background: #888; z-index: 1000000; }

 .block-intro-fix { background: #FDB913; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-intro-fix ._scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-intro-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-intro { height: 226.66vw; padding: 40px 0 0 0; }

 .block-intro h1, .block-intro h2, .block-intro h3, .block-intro p { margin: 0; }

 .block-intro ._title h2 { width: 75vw; margin: 0 auto; }

 .block-intro ._title ._t1 { margin-top: 2.66667vw; font-size: 5.06667vw; line-height: 1.75; text-align: center; }

 .block-intro ._title ._t2 { margin-top: 6.66667vw; font-size: 3.73333vw; line-height: 1.78; text-align: center; }

 .block-intro ._texts { width: 75vw; margin: 0 auto; margin-top: 10.66667vw; }

 .block-intro ._texts div { margin-bottom: 8vw; }

 .block-intro ._texts p { margin-top: 2.66667vw; font-size: 3.46667vw; line-height: 1.75; }

 .block-factory-fix { background-image: url(/reserve/roastery/holiday2023/images/factory/bg.jpg); background-position: center center; background-size: cover; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-factory-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-factory-fix ._scene ._inner { position: relative; width: 100%; height: 160vw; }

 .block-factory-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-factory { position: relative; }

 .block-factory ._title { position: absolute; top: 20vw; width: 72vw; left: 14vw; }

 .block-factory p { position: absolute; top: 55vw; width: 80vw; left: 10vw; color: #fff; font-size: 3.46667vw; line-height: 1.7; text-align: center; }

 .block-beverages-fix { background: #441817; }

 .block-beverages-fix ._scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-beverages-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-beverages { height: 208vw; }

 .block-beverages ._title { position: absolute; top: 8.83vw; left: 9.5vw; width: 81vw; }

 .block-beverages ._title span { position: absolute; top: 6vw; left: 3vw; font-size: 3.73333vw; color: #fff; letter-spacing: 0.1em; }

 .block-beverages ._slider { position: absolute; top: 44vw; left: 0; right: 0; }

 .block-beverages ._pager { position: absolute; bottom: -10vw; right: 7vw; width: 26.66667vw; }

 .block-holiday-fix { background-image: url(/reserve/roastery/holiday2023/images/holiday/sp/bg1.png); background-position: center top; background-size: 100% 100%; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-holiday-fix:before { content: ""; display: block; position: absolute; top: calc(50% + 67vw); left: 0; right: 0; bottom: 0; background: url(/reserve/roastery/holiday2023/images/holiday/sp/bg2.png); background-size: 100% 100%; }

 .block-holiday-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-holiday-fix ._scene ._inner { position: relative; width: 100%; height: 160vw; }

 .block-holiday-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-holiday ._title { position: absolute; top: 11.5vw; left: 4.33vw; width: 90.66vw; height: 31.33vw; }

 .block-holiday ._read { position: absolute; top: 49vw; left: 0; right: 0; }

 .block-holiday ._p { position: absolute; top: 70.33vw; left: 13.16vw; width: 86.16vw; height: 91.16vw; }

 .block-holiday ._title { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-holiday ._read { font-size: 4vw; line-height: 1.6; color: #fff; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.6s; }

 .block-holiday ._drop { position: absolute; width: 14vw; top: -30vw; left: calc(50% + 4vw); }

 .is-active .block-holiday ._title { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-delay: 1s; }

 .is-active .block-holiday ._read { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-delay: 1.2s; }

 .is-active .block-holiday ._drop img { animation: anim_drop3 1s ease-in-out 0.2s; animation-fill-mode: forwards; }

 .block-panettone-fix { background-image: url(/reserve/roastery/holiday2023/images/panettone/sp/bg.jpg); background-size: 100% 100%; border-radius: 10px 10px 0 0; overflow: hidden; }

 .block-panettone-fix:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: calc(50vh - 16vw); background-image: url(/reserve/roastery/holiday2023/images/panettone/sp/p.jpg); background-position: center center; background-size: cover; }

 .block-panettone-fix ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-panettone-fix ._scene ._inner { position: relative; width: 100%; height: 160vw; }

 .block-panettone-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-panettone ._title { position: absolute; top: 69vw; left: 8.16vw; width: 81.16vw; height: 26.66vw; }

 .block-panettone ._read { position: absolute; top: 101vw; left: 10vw; right: 10vw; }

 .block-panettone ._title span { position: absolute; top: 7vw; left: 3vw; font-size: 3.46667vw; color: #fff; letter-spacing: 0.2em; }

 .block-panettone ._read { font-size: 3.46667vw; color: #fff; }

 .block-panettone ._btns { position: absolute; top: 146vw; left: 0; right: 0; text-align: center; }

 .block-panettone ._btn { display: inline-block; border: 1px solid #fff; font-size: 3.46667vw; color: #fff; border-radius: 10.66667vw; padding: 3.2vw; min-width: 33vw; }

 .block-panettone ._btn img { width: 13.33333vw; height: 4vw; }

 .block-gifts-fix { background: #1B3921; border-radius: 10px; overflow: hidden; }

 .block-gifts-fix ._scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-duration: 0.6s; }

 .block-gifts-fix ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-gifts { background-image: url(/reserve/roastery/holiday2023/images/gifts/sp/bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; height: 355.46vw; }

 .block-gifts ._read { position: absolute; top: 38vw; left: 10vw; right: 10vw; }

 .block-gifts ._title span { position: absolute; top: 6vw; left: 3vw; font-size: 4vw; color: #fff; }

 .block-gifts ._read { font-size: 3.46667vw; color: #fff; }

 .block-gifts ._p1 { position: absolute; top: 81.66vw; left: 25.33vw; width: 50.5vw; height: 50vw; }

 .block-gifts ._title { position: absolute; top: 6.66vw; left: 9.5vw; width: 81vw; height: 25.83vw; }

 .block-gifts ._items.is-a { position: absolute; top: 80vw; left: 24vw; right: 24vw; }

 .block-gifts ._items.is-b { position: absolute; top: 148vw; left: 24vw; right: 24vw; }

 .block-gifts ._items { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 5.33333vw; }

 .block-gifts ._items ._item { display: block; border: 0.53333vw solid #bd936d; background: #fff; }

 .block-gifts ._items ._item ._image { text-align: center; }

 .block-gifts ._items ._item ._image img { width: 80%; }

 .block-gifts ._items ._item ._texts { padding: 1px 1.33333vw 1.33333vw; }

 .block-gifts ._items ._item p { font-size: 2.4vw; line-height: 1.2; }

 .block-gifts ._btns { position: absolute; bottom: 10vw; left: 0; right: 0; text-align: center; }

 .block-gifts ._btn { display: inline-block; border: 1px solid #fdb913; font-size: 3.46667vw; color: #fdb913; border-radius: 10.66667vw; padding: 3.2vw; min-width: 33vw; }

 footer.footerWrap { position: relative; z-index: 10; border-top: none; margin-top: 10px; }

 .block-opening-fix { background: #fff; }

 .block-opening-fix img { width: 100%; height: 100%; object-fit: cover; }

 .block-opening-fix ._scene { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene1 ._inner { position: absolute; inset: 0 0 0 0; transition-duration: 0.4s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-bg, .block-opening-fix .is-scene1 ._sub-scene.is-sub-title, .block-opening-fix .is-scene1 ._sub-scene.is-sub-fl { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree1 { position: absolute; left: -11vw; bottom: 02vw; width: 42vw; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree2 { position: absolute; right: -16vw; bottom: 3vw; width: 41vw; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-bg { transform-origin: 50% 90%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-fl { transform-origin: 50% 90%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree1 { transform-origin: 90% 50%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-tree2 { transform-origin: 10% 50%; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title { transition-duration: 0.4s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; transform: translate(0, 2vw); }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t1 { transition-delay: 0; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t2 { transition-delay: 0.1s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t3 { transition-delay: 0.2s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title div._t4 { transition-delay: 0.3s; }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title.is-show div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-opening-fix .is-scene1 ._sub-scene.is-sub-title.is-hide { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, -2vw); }

 .block-opening-fix .is-scene1 h1 { position: absolute; top: calc(50% - 61vw); left: 19vw; width: 62.66vw; }

 .block-opening-fix .is-scene1.is-hide ._inner { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-bg { position: absolute; inset: 0 0 0 0; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-tree3 { position: absolute; left: -35vw; top: -8.5vw; width: 66vw; }

 .block-opening-fix .is-scene2 ._sub-scene.is-sub-tree4 { display: none; }

 .block-opening-fix .is-scene2, .block-opening-fix .is-scene3, .block-opening-fix .is-scene4 { transform-origin: 50% 30%; }

 .block-opening-fix .is-scene2 ._inner, .block-opening-fix .is-scene3 ._inner, .block-opening-fix .is-scene4 ._inner { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; }

 .block-opening-fix .is-scene2.is-active ._inner, .block-opening-fix .is-scene3.is-active ._inner, .block-opening-fix .is-scene4.is-active ._inner { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.8s; }

 .block-opening-fix .is-scene2.is-hide ._inner, .block-opening-fix .is-scene3.is-hide ._inner, .block-opening-fix .is-scene4.is-hide ._inner { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-opening-fix .is-scene5 { display: none; }

 .block-brend-fix { background-color: #831718; background-image: url(/reserve/roastery/holiday2023/images/brend/brend1/sp/bg.jpg); background-position: center center; }

 .block-brend ._ball { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; pointer-events: none; }

 .block-brend ._ball.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .block-brend ._ball.is-active.is-out { transform: translate(0, -200vw) scale(0.4, 0.4); }

 .block-brend ._ball.is-active.is-fadeOut { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._ball > span { display: block; position: absolute; top: 50%; left: 50%; width: 13.33333vw; height: 13.33333vw; transform: translate(-50%, -50%); border-radius: 50%; }

 .block-brend ._ball.js-ball1 span { width: 6.66667vw; height: 6.66667vw; left: 48%; top: 67.5%; background: url(/reserve/roastery/holiday2023/images/brend/ball/b1.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball1b span { top: 64.5%; left: 39%; width: 6.66667vw; height: 6.66667vw; background: url(/reserve/roastery/holiday2023/images/brend/ball/line.png) center center no-repeat; background-size: cover; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

 .block-brend ._ball.js-ball2 span { background: url(/reserve/roastery/holiday2023/images/brend/ball/b2.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball3 { transition-duration: 0s; }

 .block-brend ._ball.js-ball3 span { background: url(/reserve/roastery/holiday2023/images/brend/ball/b3.png) center center no-repeat; background-size: cover; }

 .block-brend ._ball.js-ball5 span { background: url(/reserve/roastery/holiday2023/images/brend/ball/b5.png) center center no-repeat; background-size: cover; }

 .block-brend ._scene { position: absolute; inset: 0 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition-duration: 0.4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._scene.is-2, .block-brend ._scene.is-3, .block-brend ._scene.is-4, .block-brend ._scene.is-5 { pointer-events: none; }

 .block-brend ._scene ._bg { position: absolute; inset: 0 0 0 0; transition-delay: 0.5s; transition-duration: 0.6s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._scene ._bg img { width: 100%; height: 100%; object-fit: cover; }

 .block-brend ._scene ._inner { position: relative; width: 100%; height: 160vw; }

 .block-brend ._scene ._inner ._vs { position: absolute; inset: 0 0 0 0; transform: scale(0.5, 0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; }

 .block-brend ._scene ._inner ._vs.is-1 { transform: scale(1, 1); }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 { position: absolute; top: 36%; left: 5vw; width: 85vw; height: 66.6%; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div { position: absolute; inset: 0 0 0 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.8s; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div._in1 { transition-delay: 0.4s; }

 .block-brend ._scene ._inner ._vs ._brend-vs-1 > div._in3 { transition-delay: 0.4s; }

 .block-brend ._scene ._inner ._texts { position: absolute; inset: 0 0 0 0; }

 .block-brend ._scene ._inner ._texts.is-top { color: #fff; }

 .block-brend ._scene ._inner ._texts.is-top h2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 0.3s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top h2 span { font-size: 3.73333vw; line-height: 1.6; position: absolute; top: 10vw; left: 17vw; }

 .block-brend ._scene ._inner ._texts.is-top p { position: absolute; top: 41vw; left: 11vw; right: 11vw; font-size: 3.46667vw; line-height: 1.6; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 0.4s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top ._btns { position: absolute; top: 147vw; left: 0; right: 0; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 0.5s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-top ._btn { display: inline-block; font-size: 3.46667vw; background: #8c6840; color: #fff; border-radius: 10.66667vw; padding: 3.73333vw; min-width: 36vw; text-align: center; }

 .block-brend ._scene ._inner ._texts.is-page h2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 1.3s; transition-duration: 1.0s; }

 .block-brend ._scene ._inner ._texts.is-page ._ps { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 1.5s; transition-duration: 1.1s; }

 .block-brend ._scene ._inner ._texts.is-page ._ts { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(0, 5vw); transition-delay: 1.4s; transition-duration: 1.2s; }

 .block-brend ._scene ._inner ._texts.is-page ._ts { position: absolute; top: 77.33333vw; left: 10.66667vw; right: 9.33333vw; }

 .block-brend ._scene ._inner ._texts.is-page ._ps { position: absolute; top: 116vw; }

 .block-brend ._scene ._inner ._drop { position: absolute; width: 20vw; top: 20vh; left: calc(50% - 10vw); }

 .block-brend ._scene ._inner ._drop2 { position: absolute; width: 20vw; top: -20vw; left: calc(50% - 10vw); }

 .block-brend ._scene ._inner ._drop2 ._d1 { position: absolute; top: 0; left: 0; width: 20vw; }

 .block-brend ._scene ._inner ._drop2 ._d2 { position: absolute; top: 0; left: 0; width: 20vw; }

 .block-brend ._scene ._inner ._drop2 .is-dd { left: 3.5vw; width: 14vw; }

 .block-brend ._scene.is-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._bg { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

 .block-brend ._scene.is-active ._vs { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: scale(1, 1); }

 .block-brend ._scene.is-active ._vs ._brend-vs-1 > div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active.is-out { transform: translate(0, -200vw); transition-duration: 0.6s; }

 .block-brend ._scene.is-active.is-fadeOut { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .block-brend ._scene.is-active ._texts.is-page h2 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._texts.is-page ._ts { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._texts.is-page ._ps { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active ._drop img { animation: anim_drop 1s ease-in-out 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 img { animation: anim_drop2 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 ._d1 { animation: anim_drop2_sub1 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active ._drop2 ._d2 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; animation: anim_drop2_sub2 1s linear 0.2s; animation-fill-mode: forwards; }

 .block-brend ._scene.is-active2 ._texts.is-top h2 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active2 ._texts.is-top p { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 .block-brend ._scene.is-active2 ._texts.is-top ._btns { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate(0, 0); }

 @keyframes anim_drop {

  0% { transform: translate(0, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  20% { transform: translate(0, 2vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 70vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 70vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop3 {

  0% { transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  20% { transform: translate(0, 2vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 90vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 90vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2 {

  0% { transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  99% { transform: translate(0, 100vh); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { transform: translate(0, 100vh); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2_sub1 {

  0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  35% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  40% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

 @keyframes anim_drop2_sub2 {

  0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  35% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  40% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

  100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

 .mod-beverages-slider ._item { display: block; margin: 0 9vw; }

 .mod-beverages-slider ._item ._image { width: 66vw; position: relative; margin: 0 auto; z-index: 1; }

 .mod-beverages-slider ._item ._image img { width: 100%; border-radius: 10px; overflow: hidden; }

 .mod-beverages-slider ._item ._texts { position: relative; margin-top: -8vw; background-image: url(/reserve/roastery/holiday2023/images/beverages/thumb_bg.png); background-repeat: no-repeat; background-position: left top; background-size: cover; padding: 13.33333vw 5.33333vw 0 4vw; height: 77vw; }

 .mod-beverages-slider ._item ._texts h3 { width: 100%; }

 .mod-beverages-slider ._item ._texts ._name { font-size: 3.73333vw; color: #fff; line-height: 1.5; border-bottom: 1px solid #451918; padding-bottom: 2.66667vw; margin-bottom: 2.66667vw; margin-top: 1.33333vw; height: 6.66667vw; }

 .mod-beverages-slider ._item ._texts ._name.is-2line { height: 10.66667vw; }

 .mod-beverages-slider ._item ._texts ._text { font-size: 3.73333vw; color: #451918; line-height: 1.5; }

 .mod-beverages-slider ._item ._texts ._note { font-size: 2.93333vw; color: #451918; line-height: 1.5; }

 .mod-beverages-slider ._item ._texts ._place { position: absolute; left: 4.8vw; bottom: 5.33333vw; right: 0; }

 .mod-beverages-slider ._item ._texts ._place img { width: 43vw; }

 .mod-beverages-slider ._item ._texts ._place img.is-f1 { position: absolute; bottom: 0px; left: 0px; }

 .mod-beverages-slider ._item ._texts ._place img.is-f2 { position: absolute; bottom: 0px; left: 32vw; }

 .mod-beverages-slider ._btn-prev { position: absolute; top: 25vw; left: 2.66667vw; width: 13.33333vw; height: 13.33333vw; cursor: pointer; background: url(/reserve/roastery/holiday2023/images/slider/sp/arrow_prev.png) left top no-repeat; background-size: cover; background-repeat: no-repeat; z-index: 1; }

 .mod-beverages-slider ._btn-prev.slick-disabled { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-beverages-slider ._btn-next { position: absolute; top: 25vw; right: 2.66667vw; width: 13.33333vw; height: 13.33333vw; cursor: pointer; background: url(/reserve/roastery/holiday2023/images/slider/sp/arrow_next.png) left top no-repeat; background-size: cover; background-repeat: no-repeat; z-index: 1; }

 .mod-beverages-slider ._btn-next.slick-disabled { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 .mod-beverages-slider ._slide-dots { width: 100%; padding: 13.33333vw 26.66667vw 5.33333vw 0; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

 .mod-beverages-slider ._slide-dots li { display: inline-block; width: 3.2vw; height: 3.2vw; background: #CCCCCC; margin: 0 1.33333vw; border-radius: 50%; }

 .mod-beverages-slider ._slide-dots li button { display: none; }

 .mod-beverages-slider ._slide-dots li.slick-active { background: #9F5323; }

 .mod-brand-text { color: #fff; }

 .mod-brand-text.is-3 h3 { border-color: #871718; }

 .mod-brand-text.is-3 h4 { border-color: #D18B7D; }

 .mod-brand-text.is-3 h5 { border-color: #BF956D; }

 .mod-brand-text h3 { width: 100%; font-size: 4.8vw; line-height: 1.3; border-left: 1.86667vw solid #bf956d; padding-left: 3.2vw; font-weight: normal; margin: 0; }

 .mod-brand-text p { margin: 0; padding: 4vw 0 0 0; font-size: 3.46667vw; line-height: 1.6; }

 .area-modal-btn { position: fixed; top: calc(50vh - 80px); right: 0; width: 39px; z-index: 110; transform: translate(100%, 0); transition-duration: 0.4s; }

 body.js-pos-intro .area-modal-btn { transform: translate(0, 0); }

 body.js-menu-open .area-modal-btn { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

 body.js-pos-last .area-modal-btn { transform: translate(100%, 0); }

 .area-modal-menu { position: fixed; top: 0px; left: 0px; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: -1; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(150px, 0); transition-duration: 0.4s; }

 .area-modal-menu h2, .area-modal-menu h3 { margin: 0; }

 .area-modal-menu ._bg { position: absolute; inset: 0 0 0 0; }

 body.js-menu-open .area-modal-menu { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 100; transform: translate(0, 0); }

 .area-modal-menu ._box { position: relative; width: 74vw; padding: 8vw 3.2vw 12vw 3.2vw; border-radius: 1.33333vw; box-sizing: border-box; background: #871718; color: #fff; }

 .area-modal-menu ._box ._menu { margin-top: 5.33333vw; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 5.33333vw; }

 .area-modal-menu ._box a { display: block; }

 .area-modal-menu ._box a span { display: block; font-size: 3.46667vw; text-align: center; }

 .area-modal-menu ._btn-close { position: absolute; bottom: 0; right: 1.33333vw; width: 13.33333vw; height: 13.33333vw; }

 .area-modal-menu ._btn-close span { transition-duration: 0.2s; position: absolute; background: #fff; height: 1px; left: 0.53333vw; right: 1.33333vw; }

 .area-modal-menu ._btn-close span:nth-child(1) { top: 6.66667vw; transform: rotate(30deg); }

 .area-modal-menu ._btn-close span:nth-child(2) { top: 6.66667vw; transform: rotate(-30deg); }

 .mod-pc { display: none; } }

/*# sourceMappingURL=maps/index.css.map */