@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1rem / 16);--device: 960;--size: 24}@media screen and (width >= 768px){:root{--device: 1380;--size: 16}}#mv{position:relative;background:hsla(0,0%,100%,.1) url(../images/top/img_mv.webp) center center no-repeat;background-size:cover;height:min(780/var(--device)*100vw,780px)}@media screen and (width >= 768px){#mv{overflow:clip}}#mv #mvInner{height:100%;backdrop-filter:blur(5px)}#mv #mvInner::before{content:"";inset:0 auto auto 50%;position:absolute;display:block;width:min(1380/var(--device)*100vw,1380px);max-width:100%;height:100%;box-shadow:0 0 min(40/var(--device)*100vw,40px) #000;transform:translateX(-50%)}@media screen and (width < 768px){#mv #mvInner::before{background:url(../images/top/img_mv_sp.webp) center center no-repeat;background-size:cover}}@media screen and (width >= 768px){#mv #mvInner::before{background:url(../images/top/img_mv.webp) center center no-repeat;background-size:cover}}#mv #mvInner::after{content:"";inset:0 auto auto 0;position:absolute;top:0;left:0;background:url(../images/top/pattern_mv.webp) top center;width:100%;height:100%;z-index:100;mix-blend-mode:overlay}@media screen and (width < 768px){#mv #mvInner::after{background-size:min(1600/var(--device)*100vw,1600px) auto}}@media screen and (width >= 768px){#mv #mvInner::after{background-size:min(2300/var(--device)*100vw,2300px) auto}}#mv #mvInner>div{position:relative;display:flex;align-items:center;width:min(1220/var(--device)*100vw,1220px);max-width:100%;height:100%;z-index:150;margin-inline:auto}@media screen and (width < 768px){#mv #mvInner>div h1{inset:auto auto max(-160/var(--device)*100vw,-160px) 50%;position:absolute;width:min(735/var(--device)*100vw,735px);transform:translateX(-50%)}}@media screen and (width >= 768px){#mv #mvInner>div h1{inset:50% auto auto 0;position:absolute;width:min(490/var(--device)*100vw,490px);margin-top:max(-80/var(--device)*100vw,-80px);margin-left:max(-20/var(--device)*100vw,-20px);transform:translateY(-50%)}}@media screen and (width < 768px){#mv #mvInner>div .imgPf{inset:max(-110/var(--device)*100vw,-110px) auto auto min(45/var(--device)*100vw,45px);position:absolute;width:min(457.5/var(--device)*100vw,457.5px)}}@media screen and (width >= 768px){#mv #mvInner>div .imgPf{inset:calc(min(30/var(--device)*100vw,30px) + 2.1rem) max(-15/var(--device)*100vw,-15px) auto auto;position:absolute;width:min(305/var(--device)*100vw,305px)}}@media screen and (width >= 768px){#mv+div.content{padding-block:0 min(80/var(--device)*100vw,80px);margin-top:max(-140/var(--device)*100vw,-140px)}}@media screen and (width >= 768px)and (width <= 1200px){#mv+div.content .flex-can{display:block}#mv+div.content .flex-can>*{width:100%}#mv+div.content .flex-can>* .br_can{display:none}#mv+div.content .flex-can #linkWishlist dd,#mv+div.content .flex-can #linkCnt dd{width:min(800/var(--device)*100vw,800px)}#mv+div.content .flex-can #linkCnt .btn br{display:none}#mv+div.content .flex-can #mvNews{margin:min(20/var(--device)*100vw,20px) 0 0}}@media screen and (width >= 768px){#mv+div.content .contentInner:has(#linkWishlist) #newsList{height:min(200/var(--device)*100vw,200px)}}#mv+div.content .contentInner+.contentInner{margin-top:min(40/var(--device)*100vw,40px)}#linkWishlist>div,#linkCnt>div,#mvNews>div{align-items:center}#linkWishlist>div>dt,#linkCnt>div>dt,#mvNews>div>dt{width:-moz-fit-content;width:fit-content;font-size:1.5rem;line-height:1.1;margin-right:min(40/var(--device)*100vw,40px)}@media screen and (width >= 768px){#linkWishlist>div>dt,#linkCnt>div>dt,#mvNews>div>dt{font-size:min(1.4rem,2vw)}}#linkWishlist>div>dd,#linkCnt>div>dd,#mvNews>div>dd{flex:1}#linkWishlist .btn,#linkCnt .btn,#mvNews .btn{padding-block:.9rem 1rem}@media screen and (width >= 768px){#linkWishlist dd,#linkCnt dd{flex:unset !important;width:min(390/var(--device)*100vw,390px)}}@media screen and (width < 768px){#linkWishlist li+li{margin-top:min(20/var(--device)*100vw,20px)}}@media screen and (width >= 768px){#linkWishlist li+li{margin-left:min(10/var(--device)*100vw,10px)}}@media screen and (width < 768px){#linkWishlist+#linkCnt,#linkWishlist+#linkCamp{margin-top:min(40/var(--device)*100vw,40px)}}@media screen and (width >= 768px){#linkWishlist+#linkCnt,#linkWishlist+#linkCamp{margin-top:min(20/var(--device)*100vw,20px)}}@media screen and (width < 768px){#mvNews{margin-top:min(40/var(--device)*100vw,40px)}}@media screen and (width >= 768px){#mvNews .flex-bt{min-height:100%}}@media screen and (width < 768px){#mvNews #newsList{height:min(240/var(--device)*100vw,240px)}}@media screen and (width >= 768px){#mvNews #newsList{height:min(78/var(--device)*100vw,78px)}}@media screen and (width >= 768px){#mvNews #newsList ul{padding-right:min(20/var(--device)*100vw,20px)}}#mvNews #newsList li{padding:min(20/var(--device)*100vw,20px) 0}#mvNews #newsList li .date{width:8rem;color:#8d9f76;font-weight:700}@media screen and (width >= 768px){#mvNews #newsList li .date+dd{width:calc(100% - 8rem)}}#newsList{position:relative;height:-moz-fit-content;height:fit-content}@media screen and (width < 768px){#newsList{height:min(750/var(--device)*100vw,750px)}}@media screen and (width >= 768px){#newsList{height:min(500/var(--device)*100vw,500px)}}#newsList::before{content:"";inset:0 auto auto 0;position:absolute;width:calc(100% - min(40/var(--device)*100vw,40px));height:100%;border-block:solid 1px hsla(0,0%,100%,.25);pointer-events:none}#newsList ul{overflow-y:auto;height:100%}@media screen and (width >= 768px){#newsList ul{padding-right:min(40/var(--device)*100vw,40px)}}#newsList ul li{padding:min(40/var(--device)*100vw,40px)}@media screen and (width >= 768px){#newsList ul li dl{display:flex;align-items:center}}#newsList ul li dl dt{width:9rem;color:#8d9f76}@media screen and (width < 768px){#newsList ul li dl dd{margin-top:.25rem}}@media screen and (width >= 768px){#newsList ul li dl dd{width:calc(100% - 9rem)}}#newsList ul li+li{border-top:solid 1px hsla(0,0%,100%,.25)}#topicList{counter-reset:topic_num}#topicList li{position:relative;counter-increment:topic_num}#topicList li::after{content:"ー TOPIC_0" counter(topic_num, decimal-leading-zero);inset:100% auto auto 0;position:absolute;font-size:.5rem;color:#8d9f76;font-weight:700;margin-top:min(10/var(--device)*100vw,10px);opacity:.5}#topicList li img{width:100%;aspect-ratio:16/9}#spec .contentBox{background:url(../images/top/bg_spec_02.webp) right top no-repeat,url(../images/top/bg_spec_01.webp) left bottom no-repeat;background-size:min(230/var(--device)*100vw,230px) auto}#spec .contentBox::before{content:"";inset:0 auto auto 0;position:absolute;width:100%;height:100%;border-inline:solid 1px hsla(0,0%,100%,.25);pointer-events:none}#spec .contentBox>*{padding-inline:min(40/var(--device)*100vw,40px)}#spec .contentBox .flex-bt{justify-content:center;margin-bottom:min(80/var(--device)*100vw,80px)}@media screen and (width < 768px){#spec .contentBox .flex-bt{padding:0}}@media screen and (width >= 768px){#spec .contentBox .flex-bt{border-left:solid 5px #8d9f76}}#spec .contentBox .tit{line-height:1}@media screen and (width < 768px){#spec .contentBox .tit{font-size:1.5rem;padding-bottom:.4em;padding-inline:min(40/var(--device)*100vw,40px);border-left:solid 5px #8d9f76}}@media screen and (width >= 768px){#spec .contentBox .tit{font-size:2rem}}@media screen and (width < 768px){#spec .contentBox .tit span{font-size:1rem}}@media screen and (width >= 768px){#spec .contentBox .tit span{font-size:1.5rem}}#spec .contentBox .btnList{flex-wrap:nowrap}@media screen and (width < 768px){#spec .contentBox .btnList{padding-inline:min(40/var(--device)*100vw,40px);margin-top:min(80/var(--device)*100vw,80px)}}@media screen and (width >= 768px){#spec .contentBox .btnList{gap:min(10/var(--device)*100vw,10px)}}#spec .contentBox .btnList li{width:100%}@media screen and (width < 768px){#spec .contentBox .btnList li+li{margin-top:min(20/var(--device)*100vw,20px)}}#spec .contentBox #specList div{background:#000}@media screen and (width >= 768px){#spec .contentBox #specList div{display:flex}}#spec .contentBox #specList div dt,#spec .contentBox #specList div dd{padding:min(15/var(--device)*100vw,15px) min(40/var(--device)*100vw,40px)}@media screen and (width < 768px){#spec .contentBox #specList div dt{width:100%;color:#8d9f76;font-weight:700;border-bottom:solid 1px #8d9f76}}@media screen and (width >= 768px){#spec .contentBox #specList div dt{width:min(340/var(--device)*100vw,340px);border-right:solid 1px #8d9f76}}@media screen and (width >= 768px){#spec .contentBox #specList div dd{width:calc(100% - min(340/var(--device)*100vw,340px))}}#spec .contentBox #specList div dd span{font-size:.8rem}@media screen and (width < 768px){#spec .contentBox #specList div+div{margin-top:min(20/var(--device)*100vw,20px)}}@media screen and (width >= 768px){#spec .contentBox #specList div+div{margin-top:min(10/var(--device)*100vw,10px)}}#cnt{position:sticky;bottom:0;background:#000;margin-inline:auto}@media screen and (width < 768px){#cnt{width:min(800/var(--device)*100vw,800px);width:100%;margin-top:min(120/var(--device)*100vw,120px)}}@media screen and (width >= 768px){#cnt{display:none}}#cnt .btn{font-size:1.5rem;font-weight:700;border-inline:none;padding-block:1.4rem 1.5rem}
/*# sourceMappingURL=maps/top.css.map */