@charset "UTF-8";#vip{background:#000}#vip,#vip *{box-sizing:border-box}#vip{overflow-x:clip}@supports not (overflow:clip){#vip{overflow-x:hidden}}#vip #mv{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/vip-room-mv.jpg) no-repeat;right:0;background-size:cover;background-position:50%}#vip #into{padding:116px 5% 120px}#vip #into p{text-align:center;line-height:2.0}:root{--vip-media-h:600px;--vip-media-h-1100:540px}#vip #vip-info{width:min(1200px,90%);margin:0 auto 100px;display:grid;grid-template-columns:minmax(320px,520px) 1fr;column-gap:64px;align-items:stretch}#vip #vip-info figure{margin:0;width:100%;height:var(--vip-media-h);display:block}#vip #vip-info .text{width:100%;height:var(--vip-media-h);display:flex;flex-direction:column;justify-content:flex-start}#vip .vip-room-title{font-weight:400;font-size:20px;letter-spacing:.22em;text-indent:.22em;margin:0 0 22px}#vip #vip-info .text p{line-height:2;font-size:16px;opacity:.98;margin:0 0 28px}#vip #vip-info .text ul{margin:0;padding:14px 0 14px 18px;border-left:1px solid rgba(255,255,255,.75)}#vip #vip-info .text ul li{margin:0;padding:0 0 6px;font-size:15px;line-height:1.9}#vip #vip-info .swiper-container{width:100%;height:100%;overflow:hidden;background:#000;position:relative}#vip #vip-info .swiper-wrapper{height:100% !important}#vip #vip-info .swiper-slide{width:100% !important;height:100% !important;overflow:hidden;background:#000}#vip #vip-info .swiper-slide img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;display:block !important}#vip #vip-info .swiper-button-prev,#vip #vip-info .swiper-button-next{top:50% !important;transform:translateY(-50%);color:rgba(220,190,120,.85)}#vip #vip-info .swiper-container,#vip #vip-info .swiper-wrapper,#vip #vip-info .swiper-slide{max-width:100%}#vip #price{background:url(//mythos.co.jp/wp-apu/wp-content/themes/mythos/css/../img/vip-price-bg.jpg) no-repeat;padding:80px 0;background-size:cover;background-position:50%}#vip #price .price-inner{padding:110px 90px 60px;max-width:720px;margin:0 auto;background:rgba(0,0,0,.62);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);box-shadow:0 18px 50px rgba(0,0,0,.55)}#vip #price .price-inner h2{text-align:center;font-weight:400;letter-spacing:.22em;text-indent:.22em;font-size:24px;margin:0 0 20px}#vip #price table{width:100%;border-collapse:separate !important;border-spacing:0 12px !important;font-size:16px;margin:10px 0 0}#vip #price th,#vip #price td{border:none !important;background:0 0 !important;padding:6px 0 !important;vertical-align:middle;line-height:1.7}#vip #price th{text-align:left;font-weight:400;letter-spacing:.1em;width:34%;white-space:nowrap}#vip #price td:nth-child(2){text-align:left;opacity:.92}#vip #price td:last-child{text-align:right;white-space:nowrap;letter-spacing:.06em;width:26%}#vip #price th[rowspan]{vertical-align:top !important;padding-top:10px !important}#vip #price tr{position:relative}#vip #price tr:after{content:"";display:block;height:1px;background:rgba(255,255,255,.08);margin-top:10px}#vip #price tr:last-child:after{display:none}#vip #price p{font-size:14px;padding:20px 0 0;text-align:right;opacity:.9;letter-spacing:.06em}@media screen and (max-width:1100px){#vip #vip-info{grid-template-columns:minmax(280px,460px) 1fr;column-gap:44px}#vip #vip-info figure,#vip #vip-info .text{height:var(--vip-media-h-1100)}#vip #price .price-inner{padding:80px 60px 50px}}@media screen and (max-width:639px){#vip #into{padding:90px 6% 90px}#vip #vip-info{width:92%;grid-template-columns:1fr;row-gap:16px;margin:0 auto 70px}#vip #vip-info figure,#vip #vip-info .text{height:auto}#vip #vip-info figure{height:62vh;max-height:520px}#vip #vip-info .swiper-container{height:100%}#vip .vip-room-title{font-size:18px;letter-spacing:.18em;text-indent:.18em;margin:6px 0 14px}#vip #vip-info .text p{font-size:14px;line-height:2;margin-bottom:20px}#vip #vip-info .text ul{padding-left:14px}#vip #vip-info .text ul li{font-size:14px}#vip #price{padding:80px 18px;background-position:36%}#vip #price .price-inner{padding:40px 20px 30px;background:rgba(0,0,0,.7);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}#vip #price .price-inner h2{font-size:22px;letter-spacing:.2em;text-indent:.2em}#vip #price table{font-size:15px;border-spacing:0 10px !important}#vip #price th,#vip #price td{border:none !important}}