@charset "utf-8";

/*  MV
====================================== */
.mv{position:relative;margin-top:16px}.mvLogo{padding:8px;text-align:center;background:#1e463cd9}.mvLogo img{max-width:80px}.mvSummer,.mvWinter{display:none}.mv.-summer .mvSummer{display:block}.mv.-winter .mvWinter{display:block}.mvItem figure{position:relative;height:200px;overflow:hidden}.mvItem img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}.mvItem figcaption{position:absolute;right:0;bottom:3px;padding:0 10px;color:#fff;font-size:1.2rem;line-height:1.2;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}@media screen and (min-width:760px){.mvLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:250px;padding:24px 32px;background-color: transparent}.mvLogo img{max-width:100%}.mvItem figure{height:500px}}

/*  PAGENAV
====================================== */
.pageNav{position:sticky;left:0;top:0;box-shadow:0 0 1.5rem rgba(0,0,0,.2);background:url(/kokunai/htl/hoshinoresort/_images/bg_texture.png) repeat #000;z-index:1000}@media screen and (max-width:759px){.pageNav .inner{margin:0}}.pageNavList{display:flex}.pageNavItem{position:relative;flex:1 0 0%}.pageNavItem:before,.pageNavItem:last-child:after{position:absolute;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:2px;height:50%;border-radius:50vw;background:#999}.pageNavItem:before{left:-1.5px}.pageNavItem:last-child:after{right:-1.5px}.pageNavItem a{display:flex;flex-direction:column;align-items:center;padding-top:8px;color:#fff;font-size:1.3rem;text-align:center;font-weight:700;transition:background .2s}.pageNavBox{display:flex;justify-content:center;align-items:center;min-height:40px;line-height:1.3}.pageNavItem .m-ico{margin:-5px 0;line-height:1;font-size:3rem}@media screen and (min-width:760px){.pageNavItem a{padding-top:16px;font-size:100%}.pageNavBox{min-height:50px}.pageNavTxt{position:relative}.pageNavTxt:before{position:absolute;left:50%;bottom:-8px;width:0;height:1px;content:"";transform:translateX(-50%);border-radius:50vw;background:#fff;transition:-webkit-width .2s ease;transition:width .2s ease;transition:width .2s ease,-webkit-width .2s ease}.pageNavItem a:hover{background-color:rgba(255,255,255,.1)}}

/*  ABOUT
====================================== */
.about{overflow:hidden;background:url(/kokunai/htl/hoshinoresort/_images/bg_texture.png) repeat #f5f5f5}.about.-luxury{background:url(/kokunai/htl/hoshinoresort/_images/bg_texture_luxury.png) repeat #ecefe8}.aboutDl{position:relative;margin-top:32px}.aboutDl:before,.aboutDl:after{position:absolute;content:"";display:inline-block}.aboutDl:before{left:-10px;top:-85px;width:50px;height:54px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a01.png) center / 100% auto no-repeat}.aboutDl:after{right:-10px;bottom:-40px;width:50px;height:55px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a02.png) center / 100% auto no-repeat}.about.-luxury{font-family:YuMinchoW,YuMinchoM,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight:500}.about.-luxury .aboutDl:before{left:-20px;top:-120px;width:80px;height:66px;background:url(/kokunai/htl/hoshinoresort/_images/irast_b01.png) center / 100% auto no-repeat}.about.-luxury .aboutDl:after{right:-45px;bottom:-80px;width:85px;height:77px;background:url(/kokunai/htl/hoshinoresort/_images/irast_b02.png) center / 100% auto no-repeat}.aboutDl dt{text-align:center}.aboutDl dt span{display:block;padding:0 8px 8px;font-size:2.1rem;font-weight:700;border-bottom:dotted 5px #000}.aboutDl dd{margin-top:24px}@media screen and (max-width:759px){.aboutDl dd br{display:none}}@media screen and (min-width:760px){.aboutDl{margin-top:56px}.aboutDl:before{left:0;top:-100px;width:196px;height:209px}.aboutDl:after{right:0;bottom:-80px;width:191px;height:211px}.about.-luxury .aboutDl:before{left:0;top:-100px;width:214px;height:230px}.about.-luxury .aboutDl:after{right:0;bottom:-80px;width:230px;height:206px}.aboutDl dt span{display:inline-block;padding:0 32px 8px;font-size:4rem}.aboutDl dd{margin-top:32px;text-align:center;font-size:2rem}}

/*  YAKUSOKU
====================================== */
.yakusokuWrap{margin-top:16px}.yakusokuBox{display:flex;flex-direction:column}.yakusokuBox:not(:first-child){margin-top:32px}.yakusokuBd{position:relative;margin-top:8px}.yakusokuTtl{padding:32px 0 0 50px;font-size:2rem;font-weight:700}.yakusokuTtl span{font-weight:700;background:linear-gradient(transparent 60%,#ffe500 60%)}.yakusokuTxt{margin-top:16px}@media screen and (max-width:759px){.yakusokuTxt br{display:none}}.yakusokuImg{order:-1;margin:0;width:100%}@media screen and (max-width:759px){.yakusokuImg{order:-1}}.yakusokuImg figure{position:relative;padding-top:calc(600 / 800 * 100%);height:0;overflow:hidden;border-radius:24px}.yakusokuImg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.2,1.2);image-rendering:-webkit-optimize-contrast;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.yakusokuNum{position:absolute;left:0;top:0}.yakusokuNum:before{position:absolute;left:160%;top:10%;content:"";display:inline-block;width:2px;height:250%;background:#000;transform:rotate(45deg);transform-origin:0 0}.yakusokuNum_txt{display:flex;flex-direction:column;text-align:center;line-height:1;font-size:1.2rem;font-weight:700}.yakusokuNum_txt span{font-size:4rem;font-weight:700}@media screen and (max-width:759px){.yakusokuNum{transform:scale(.7);transform-origin:left top}}@media screen and (min-width:760px){.yakusokuWrap{margin-top:32px}.yakusokuBox{justify-content:space-between;flex-direction:row;padding:0 16px}.yakusokuBox:nth-child(even){flex-direction:row-reverse}.yakusokuBox:not(:first-child){margin-top:40px}.yakusokuBd{margin-top:32px;width:calc(50% - 80px)}.yakusokuTtl{padding:56px 0 0 60px;font-size:2.4rem}.yakusokuTxt{margin-top:40px}.yakusokuImg{width:50%}.yakusokuImg figure{padding-top:calc(450 / 800 * 100%)}}

/*  NUMBER
====================================== */
.number .ttlLine{position:relative}.number .ttlLine:before,.number .ttlLine:after{position:absolute;content:"";display:inline-block}.number .ttlLine:before{right:0;top:-70px;width:50px;height:66px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a03.png) center / 100% auto no-repeat}.number .ttlLine:after{left:-10px;top:-30px;width:40px;height:35px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a04.png) center / 100% auto no-repeat}.numberMaintxt{margin-top:16px;line-height:1.5}.numberWp{display:flex;margin-top:24px;width:1500px}.numberBox{flex:1;margin:0 auto;padding:10px 18px}.numberInr{position:relative;padding:16px 16px 8px;width:100%;height:100%;background:#fff}.numberInr:before{position:absolute;left:-10px;top:-10px;z-index:-1;content:"";display:inline-block;width:calc(100% + 20px);height:calc(100% + 20px);background:url(/kokunai/htl/hoshinoresort/_images/bg_texture.png) repeat}.numberInr:nth-child(1):before{background-color:#e4f0f2}.numberInr:nth-child(2):before{background-color:#e3f8ec}.numberInr:nth-child(3):before{background-color:#fcf9dc}.numberInr:nth-child(4):before{background-color:#fce8e8}.numberInr:nth-child(5):before{background-color:#dffaff}.numberHd{display:flex;flex-direction:row-reverse;margin-top:8px}.numberHd_box{flex:1;display:flex;flex-direction:column-reverse;margin-left:16px}.numberHd_ttl{font-size:2rem;font-weight:700}.numberLogo{margin-left:-8px;width:40px}.numberBd{display:flex;align-items:center;margin-top:16px;padding-top:16px;border-top:solid 1px #ccc}.numberList_item{display:flex;align-items:flex-start;line-height:1.3}.numberList_item:not(:first-child){margin-top:8px}.numberList_item .m-ico{margin-right:.5em;color:#84ba4a;font-size:120%}.numberHd_txt{font-size:1.4rem}@media screen and (max-width:759px){.numberMaintxt br{display:none}}@media screen and (min-width:760px){.number .ttlLine:before{right:7%;top:-40px;width:130px;height:172px}.number .ttlLine:after{left:7%;top:0;width:137px;height:119px}.numberMaintxt{margin-top:32px;text-align:center;font-size:2.4rem}.numberWp{margin-top:40px;width:1750px}.numberBox{display:flex;min-height:180px;padding:10px}.numberBox:not(:first-child){margin-left:16px}.numberHd{align-items:center;margin-left:0}.numberHd_ttl{font-size:2.4rem}.numberHd_txt{font-size:1.6rem}.numberLogo{width:64px}.numberList_item:not(:first-child){margin-top:8px}}

/*  SPECIAL
====================================== */
.special{background:url(/kokunai/htl/hoshinoresort/_images/bg_texture.png) repeat #fff9e2}.special .ttlLine span{text-shadow:1px 1px 0 #fff9e2}.special .ttlLine{position:relative}.special .ttlLine:before{position:absolute;content:"";display:inline-block;right:10px;top:-60px;width:100px;height:70px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a05.png) center / 100% auto no-repeat}.specialWp{margin-top:16px}@media screen and (max-width:759px){.special .inner{margin:0}.specialItemWp{display:flex;flex-direction:column}.specialImg{order:-1}.specialSlide .slick-prev,.specialSlide .slick-next{top:28%}}.specialItem{padding-bottom:8px}.specialBox{margin:0;margin:-64px 16px 0;padding:16px 16px 24px;background-color:rgba(255,255,255,.7)}.specialTtl{font-size:1.8rem;font-weight:700}.specialTxt{margin-top:8px}.specialPrice{margin-top:8px;color:#db4713;font-size:1.4rem;font-weight:700;text-align:center;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.specialPrice_num{font-size:2.8rem;font-weight:700}.specialConditions{position:relative;padding-left:1.2em;font-size:1.4rem}.specialConditions:before{position:absolute;left:0;top:0;content:"※"}.specialBt{margin-top:16px}.specialBtItem{position:relative;z-index:0;margin-top:8px}.specialBtItem a{display:block;padding:8px;text-align:center;font-size:1.3rem;border:solid 1px #000;background:#fff}.specialBtItem a:before{position:absolute;right:-5px;bottom:-5px;z-index:-1;content:"";display:inline-block;width:100%;height:100%;border:solid 1px #000}.specialBtItem em{font-size:1.6rem;font-weight:700}@media screen and (min-width:760px){.special .ttlLine:before{right:0;width:243px;height:167px}.special .ttl span{display:block;font-weight:700;font-size:2.4rem}.specialWp{margin-top:40px}.specialSlide .slick-slide{margin-right:1vw!important;margin-left:1vw!important}.specialItem{position:relative}.specialBox{position:absolute;left:16px;top:16px;margin:0;padding:32px;width:40%}.specialTtl{font-size:2.4rem}.specialBt{display:flex;margin-left:-8px}.specialBtItem{flex:1;margin:0 0 0 8px}}

/*  RANKING
====================================== */
.ranking{background:url(/kokunai/htl/hoshinoresort/_images/bg_texture.png) repeat #90bedc}.ranking .ttlLine{position:relative}.ranking .ttlLine:before{position:absolute;content:"";display:inline-block;right:10px;top:-60px;width:100px;height:75px;background:url(/kokunai/htl/hoshinoresort/_images/irast_a06.png) center / 100% auto no-repeat}.ranking .ttlLine span{text-shadow:1px 1px 0 #90bedc}.ranking .ttlLine span:before{color:#fff}.rankingWp{margin-top:8px}.rankingItem{padding:24px 8px 0}.rankingBox{position:relative;display:flex;flex-direction:column;padding-bottom:32px;background-color:rgba(255,255,255,.7)}.rankingItem .rankingBox:before{position:absolute;left:-20px;top:-20px;transform:translateX(0);z-index:1;content:"";display:inline-block;width:91px;height:69px;background:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_1.svg) center / 100% auto no-repeat}.rankingItem:first-child .rankingBox:before{background-image:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_1.svg)}.rankingItem:nth-child(2) .rankingBox:before{background-image:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_2.svg)}.rankingItem:nth-child(3) .rankingBox:before{background-image:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_3.svg)}.rankingItem:nth-child(4) .rankingBox:before{background-image:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_4.svg)}.rankingItem:nth-child(5) .rankingBox:before{background-image:url(/kokunai/htl/hoshinoresort/_images/omo/ranking_5.svg)}.rankingImg{order:-1;position:relative}.rankingImg,.rankingImg span{position:relative}.rankingImg figcaption{position:absolute;right:0;bottom:3px;padding:0 5px;color:#fff;font-size:1.2rem;line-height:1.2;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}.rankingBd{display:flex;flex-direction:column;margin:16px 24px 0}.rankingTtl{line-height:1.3;font-size:2rem;font-weight:700}.rankingArea{order:-1;font-size:1.2rem}.rankingTxt{margin-top:8px}.rankingPlan{margin-top:8px}.rankingPrice{margin-top:8px;color:#db4713;font-size:1.4rem;font-weight:700;text-align:center;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.rankingPrice_num{font-size:2.8rem;font-weight:700}.rankingConditions{position:relative;padding-left:1.2em;font-size:1.4rem}.rankingConditions:before{position:absolute;left:0;top:0;content:"※"}.rankingBt{position:relative;z-index:0;order:2;margin:16px auto 0;width:100%;max-width:300px;text-align:center}.rankingBtItem:not(:first-child){margin-top:10px}.rankingBtItem a{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;color:#323743;line-height:1;font-weight:700;border:solid 1px #000;background:#fff;transition:.3s}.rankingBtItem a:before{position:absolute;right:-5px;bottom:-5px;z-index:-1;content:"";display:inline-block;width:100%;height:100%;border:solid 1px #000}.rankingBtItem .m-ico{transition:all .3s}.rankingBtItem a>.m-ico{position:relative;z-index:1}.rankingBtItem span{position:relative;z-index:1;flex:1;display:flex;justify-content:center;align-items:center;font-size:1.3rem}.rankingBtItem em{margin-right:5px;font-weight:700;font-size:1.6rem}.rankingBtItem span .m-ico{margin-right:.2em;font-size:2.5rem}@media screen and (max-width:759px){.ranking .inner{margin:0}.rankingBox{display:flex;flex-direction:column}.rankingImg{order:-1}}@media screen and (min-width:760px){.ranking .ttlLine:before{right:0;top:-50px;width:217px;height:151px}.ranking .ttl span{display:block;font-weight:700;font-size:2.4rem}.rankingWp{margin-top:40px}.rankingCas{display:flex;flex-wrap:wrap;justify-content:center;margin:-48px 0 0 -40px}.rankingItem{margin:40px 0 0 40px;width:calc(100% / 3 - 40px)}.rankingBd{margin:16px 24px 0}.rankingBtItem a:hover{opacity:1;color:#84878e;border-color:#84878e}.rankingBtItem a:hover:before{border-color:#84878e}.rankingBtItem a:hover>.m-ico{transform:translateX(5px)}}

/*  OMO HOTEL
====================================== */
.omoTtlTxt{margin-top:16px;text-align:center}.omoTtlTxt span{position:relative;display:inline-block;padding:0 24px;font-size:2rem;font-weight:700}.omoTtlTxt span:before,.omoTtlTxt span:after{position:absolute;top:0;content:"";display:inline-block;width:1px;height:100%;border-left:double 4px #000}.omoTtlTxt span:before{left:0;transform:rotate(-20deg)}.omoTtlTxt span:after{right:0;transform:rotate(20deg)}.omohtlWp{margin-top:16px}.sortList{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 -16px}.sortItem{display:flex;justify-content:center;align-items:center;position:relative;padding:8px;width:calc(100% / 3);font-size:1.3rem;text-align:center;transition:opacity .2s;border-bottom:solid 1px #323743}.sortItem:not(.is-active){cursor:pointer}.sortItem.is-active{font-weight:700}.sortItem.is-active:before{position:absolute;left:0;bottom:0;content:"";display:inline-block;width:100%;height:3px;background:#323743}.omohtlCas{display:flex;flex-wrap:wrap;margin:16px 0 0 -16px}.omohtlItem{margin:16px 0 0 16px;width:calc(100% / 2 - 16px)}.omohtlItem a{display:flex;flex-direction:column;transition:opacity .2s}.omohtlItem a.disabled{position:relative;pointer-events:none}.omohtlItem a.disabled .omohtlTtl,.omohtlItem a.disabled .omohtlImg{opacity:.3}.omohtlHd{display:flex;flex-direction:column;margin-top:8px}.omohtlTtl{font-size:1.8rem;font-weight:700;font-family:YuMinchoW,YuMinchoM,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif}.omohtlTxt{font-size:1.4rem}.omohtlArea{order:-1;color:#babbbf;font-size:1.2rem}.omohtlImg{order:-1;position:relative;overflow:hidden}.omohtlImg img{transform:scale(1.2);image-rendering:-webkit-optimize-contrast;transition:transform .3s ease}@media screen and (min-width:960px){.omohtl{padding-bottom:0}.omoTtlTxt{margin-top:40px}.omoTtlTxt span{font-size:2.4rem}.omohtlWp{margin-top:40px}.sortList{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;margin:50px 0 0;border-bottom:solid 1px #323743;width:100%;overflow-x:auto}.sortItem{flex:1 0 auto;padding:16px 24px;width:auto;font-size:100%}.sortItem:not(.is-active):hover{opacity:.6}.omohtlCas{margin-left:-32px}.omohtlItem{margin:32px 0 0 32px;width:calc(100% / 4 - 32px)}.omohtlTtl{font-size:2.1rem}.omohtlTxt{font-size:1.6rem}.omohtlItem a:hover{opacity:.6}.omohtlItem a:hover .omohtlImg img{transform:scale(1.3)}}