@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;overflow:hidden;font-family:sans-serif;font-family:"Noto Serif JP",serif;font-weight:600;color:#333;background:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/mvbk.jpg) center/cover no-repeat}header{position:fixed;inset:0;pointer-events:none;z-index:10}.left_box{position:absolute;left:40px;top:50%;transform:translateY(-50%);width:292px;pointer-events:auto}@media (max-width:1130px){.left_box{width:200px}}.left_box ul{list-style:none;background:rgba(255,255,255,.3);border:1px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px}.left_box li{margin-bottom:32px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;position:relative}.left_box li:after{content:"";display:block;width:24px;height:1px;background-color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width:1000px){.left_box li:after{display:none}}.left_box a{text-decoration:none;color:#333;font-size:20px;letter-spacing:2px;letter-spacing:-2%}.left_box span{display:block;font-size:12px;color:#8c6e65;font-family:"Noto Serif JP",serif;font-weight:600;font-style:normal;letter-spacing:5%}.left_box p{margin-top:20px}.left_box img{width:100%}.mt40{margin-top:40px}.right_box{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:260px;pointer-events:auto}@media (max-width:1130px){.right_box{width:180px}}.right_box .top_bana01{max-width:226px;margin-bottom:50px;margin-top:8px}.right_box .news .ttl{font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;font-size:22px;letter-spacing:-2%;margin-bottom:40px}.right_box .top_txt{font-size:14px;margin-bottom:5px;text-align:center;font-weight:600;line-height:160%;letter-spacing:5%;max-width:226px}.right_box .top_txt:after{content:"";display:block;width:100%;height:13px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/tiktokline.svg);background-size:cover;background-position:center}.news ul{list-style:none}.news li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #fff}.news li a{display:flex;align-items:center;color:#343434}@media (max-width:1130px){.news li a{flex-direction:column;align-items:flex-start}}.news .day{font-size:12px;color:#8c6e65;margin-right:20px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;letter-spacing:0%}.news .txt{font-size:14px;letter-spacing:5%;font-family:"Noto Sans JP",sans-serif;width:67%}@media (max-width:1130px){.news .txt{width:100%}}.news .txt a{color:#343434}main{position:relative;margin:0 auto;width:100%;max-width:520px;height:100vh;overflow-y:auto;background:0 0;z-index:1;padding:0 20px 150px}@media (max-width:1000px){main{max-width:400px}}main::-webkit-scrollbar{display:none}main{scrollbar-width:none}main{-ms-overflow-style:none}main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.box01{position:relative;text-align:center;padding-top:40px}.box01 .txt01{font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;font-size:44px;margin-bottom:10px;letter-spacing:8%}.box01 h1{font-size:18px;letter-spacing:2px;position:relative;font-weight:600}.box01 h1:before,.box01 h1:after{content:"";position:absolute;top:40%}.box01 h1:before{left:-70px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box01before.png);width:118.5px;height:11.31px;left:0}@media (max-width:1000px){.box01 h1:before{width:59.2px;height:5.56px;background-size:contain}}.box01 h1:after{right:-70px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box01after.png);width:118.5px;height:11.31px;right:0}@media (max-width:1000px){.box01 h1:after{width:59.2px;height:5.56px;background-size:contain}}.box01 .mv{position:relative;margin:0 auto}.box01 .mv img{width:100%;display:block;position:relative;z-index:2}.box01 h2{position:absolute;left:10px;bottom:40px;display:flex;flex-direction:column;gap:10px;z-index:2;align-items:end}.box01 h2 span{background:#fff;padding:7px 20px;font-size:28px;display:inline-block;box-shadow:0 5px 10px rgba(0,0,0,.05);letter-spacing:5%;margin-right:10px}.small{font-size:12px;margin-top:7px}@media (max-width:1000px){.box01 h2 span{font-size:21px}}.box01 h2 span:last-of-type{margin-left:28px;margin-right:0}.box01 .txtbox{position:absolute;right:10px;bottom:0;z-index:2;width:250px;height:270px;overflow:hidden}@media (max-width:1000px){.box01 .txtbox{width:240px;height:220px}}.box02{position:relative;padding:80px 20px;text-align:center;overflow:hidden}.box02 .ttl{font-size:46px;letter-spacing:6px;margin-bottom:0;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;letter-spacing:2%;line-height:100%;position:relative;display:inline-block}.box02 .ttl:before{content:"";display:block;position:absolute;left:-23px;top:-15px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box02 .ttl:after{content:"";display:block;position:absolute;right:-23px;bottom:5px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box02 .ttl span{display:block;font-size:14px;letter-spacing:2px;font-weight:500;font-style:normal;letter-spacing:5%;line-height:160%;color:#8a6d6d;font-family:"Noto Serif JP",serif}.box02 .imgbox{position:relative;margin-bottom:40px}.box02 .imgbox figure{text-align:left}.box02 .imgbox figure img{width:70%;max-width:360px;display:block}.box02 .imgbox .txt_box{position:absolute;right:75px;top:70px;text-align:left}@media (max-width:1000px){.box02 .imgbox .txt_box{right:15px}}.box02 .imgbox .txt_box h3{font-size:32px;line-height:1.5;font-weight:600;letter-spacing:5%}.box02 .imgbox .txt_box p img{width:160px}.box02 .table_area{background:rgba(255,255,255,.9);border-radius:20px;padding:25px;text-align:left;margin-top:-270px;box-shadow:0 10px 30px rgba(0,0,0,.05);position:relative;z-index:2}@media (max-width:1000px){.box02 .table_area{margin-top:-170px}}.box02 .table_area h4{font-size:20px;margin-bottom:15px;border-bottom:1px solid #c5c5c5;padding-bottom:12px;font-weight:500;font-family:"Noto Sans JP",sans-serif}.box02 .table_area h4 span{font-size:14px;margin-left:10px;color:#333;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic}.box02 .table_area table{margin-bottom:20px;font-family:"Noto Sans JP",sans-serif}.box02 .table_area table tr{margin-bottom:5px}.box02 .table_area table th{color:#b06b6b;font-weight:700;padding-right:10px;text-align:left;letter-spacing:5%}.box02 .table_area table td{color:#333;font-size:16px;font-weight:400;letter-spacing:5%}.box02 .table_area p{font-size:15px;line-height:200%;letter-spacing:5%;font-family:"Noto Sans JP",sans-serif;font-weight:400}.box02 .btan,.box02 .btan02{margin-top:20px}.box02 .btan a,.box02 .btan02 a{color:#333;font-size:24px;display:block;width:100%;margin:0 auto;background-color:#fff}.box02 .btan img,.box02 .btan02 img{width:100%;display:block}.box02:before{content:"";position:absolute;right:-100px;top:100px;width:300px;height:300px;background:#f0caca;border-radius:50%;opacity:.5}.box03{padding:0 0 60px;overflow:hidden}.box03 .slider{position:relative}.box03 .slider_track{display:flex;gap:20px;transition:transform .4s ease}.box03 .slide{min-width:85%;background:rgba(255,255,255,.6);border-radius:200px 200px 20px 20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.box03 .slide figure{position:relative;margin-bottom:15px;border-radius:200px 200px 0 0;overflow:hidden}.box03 .slide figure img{width:100%;display:block}.box03 .slide .txt{text-align:left}.box03 .slide .txt h3{font-size:22px;margin-bottom:10px;font-family:"Noto Sans JP",sans-serif;font-weight:600;letter-spacing:2%;line-height:160%}.box03 .slide .txt p{font-size:16px;line-height:1.8;color:#333;letter-spacing:2%;line-height:160%;font-family:"Noto Sans JP",sans-serif}.box03 .arrow{position:absolute;top:50%;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.1);z-index:15}.box03 .arrow:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #8c6e65;border-right:2px solid #8c6e65;margin:auto;transform:rotate(45deg)}.box03 .prev{left:10px}.box03 .prev:before{transform:rotate(-135deg)}.box03 .next{right:10px}.box04{margin:0;padding:40px 2px;border-radius:30px;background:linear-gradient(135deg,#a88d83,#9b7f75);color:#fff;position:relative}.box04 h2{text-align:center;font-size:22px;letter-spacing:4px;margin-bottom:50px;position:relative;max-width:209px;margin:0 auto}.box04 h2:before,.box04 h2:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.box04 h2:before{left:0;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box04before.svg);width:57.66px;height:11.31px}.box04 h2:after{right:0;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box04after.svg);width:57.66px;height:11.31px}.box04 h2 span{display:inline-block;margin:0 10px}.box04 ul{position:relative;padding-left:30px}@media (max-width:1000px){.box04 ul{padding-left:15px}}.box04 ul:before{content:"";position:absolute;left:35px;top:20px;width:1px;height:96%;background:#ffc9b4}@media (max-width:1000px){.box04 ul:before{left:20px}}.box04 li{position:relative;margin-bottom:30px;padding-left:20px}.box04 li:before{content:"";position:absolute;left:0;top:15px;width:11px;height:11px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box04icon.png)}.box04 li .day{font-size:13px;opacity:.5;color:#fff;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;letter-spacing:5%}.box04 li .txt{font-size:15px;line-height:160%;font-family:"Noto Sans JP",sans-serif;font-weight:400}@media (max-width:1000px){.box04 li .txt{font-size:14px}}.box05{position:relative;padding:80px 20px 40px;overflow:hidden}.box05 .ttl{text-align:center;font-size:34px;letter-spacing:6px;margin-bottom:60px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic}.box05 .ttl span{display:block;font-size:14px;letter-spacing:2px;font-weight:500;font-style:normal;letter-spacing:5%;line-height:160%;color:#8a6d6d;font-family:"Noto Serif JP",serif}.box05 .txtbox{position:relative;z-index:2;max-width:300px}.box05 .txtbox h3,.box09 h3,.box07 h3{font-size:22px;font-weight:400;margin-bottom:20px;letter-spacing:2px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;letter-spacing:8%;position:relative;padding-bottom:15px}.box09 h3{margin-top:40px}.box05 .txtbox h3 span,.box09 h3 span{margin-left:5px;font-size:18px;font-family:"Noto Serif JP",serif;font-weight:600;letter-spacing:5%;font-style:normal}.box05 .txtbox h3:after{content:"";position:absolute;left:0;bottom:0;width:68%;height:8.4px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box05_line.svg)}.box05 .txtbox .txt01,.box09 p,.p-standard{margin-bottom:15px;font-size:14px;letter-spacing:5%;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:160%}.box09 p{margin-bottom:10px}.box05 .txtbox .txt02,#PROJECT .txt_center p{display:inline-block;background:rgba(255,255,255,.9);padding:8px 14px;margin-bottom:15px;font-size:16px;letter-spacing:5%;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:160%}.box05 .txtbox .txt03{font-size:14px;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:160%}.box05 figure{position:absolute;right:0;top:100px;width:350px;height:380px;border-radius:50%;overflow:hidden}@media (max-width:1000px){.box05 figure{width:250px;height:280px}}.box05 figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.box05 .btn,.box05 .btn02{text-align:center;margin-top:30px}.box05 .btn a,.box05 .btn02 a{display:block;max-width:320px;margin:0 auto}.box05 .btn img,.box05 .btn02 img{width:100%;display:block}.box05 .btn{margin-top:20px}@media (max-width:1000px){.box05 .btn{margin-top:20px}}#PROJECT .txt_center p{margin-bottom:30px}.box06{padding:50px 20px;border-radius:30px;background:repeating-linear-gradient(90deg,#f6d7da,#f6d7da 10px,#fadde0 10px,#fadde0 20px)}.box06 .ttl{text-align:center;margin-bottom:50px;font-size:20px;letter-spacing:2px;color:#8c6e65;font-family:"Josefin Sans",sans-serif;font-weight:300;letter-spacing:5%}.box06 .ttl .jp{font-family:"Noto Serif JP",serif;font-weight:500;font-style:normal}.box06 .ttl .wh{display:inline-block;background:#fff;padding:0 16px;margin-top:10px;font-size:28px;font-family:"Noto Serif JP",serif;font-weight:500;font-style:normal;line-height:140%;margin-bottom:15px}.box06 .contents{position:relative;margin-bottom:50px}.box06 .contents:last-of-type{margin-bottom:0}.box06 .contents figure{border-radius:15px;overflow:hidden}.box06 .contents figure img{width:100%;display:block}.box06 .contents .txtbox{position:relative;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:92%;margin:-90px auto 0;border:1px solid #fff;padding:32px;border-radius:15px}@media (max-width:1000px){.box06 .contents .txtbox{padding:32px 25px}}.box06 .contents .txtbox h3{margin-bottom:10px}.box06 .contents .txtbox h3 span{display:inline-block;background:rgba(255,255,255,.9);padding:6px 10px;margin-bottom:5px;font-size:22px;font-family:"Noto Sans JP",sans-serif;font-weight:500}@media (max-width:1000px){.box06 .contents .txtbox h3 span{font-size:18px}}.box06 .contents .txtbox p{font-size:16px;line-height:180%;font-family:"Noto Sans JP",sans-serif;font-weight:400}@media (max-width:1000px){.box06 .contents .txtbox p{font-size:14px}}.box06 .point01:before,.box06 .point02:before,.box06 .point03:before,.box06 .point04:before{position:absolute;left:-15px;top:38%;z-index:3;font-family:serif;font-style:italic;font-size:32px;color:#e07c7c;opacity:.8;width:140px;height:60px}@media (max-width:1000px){.box06 .point01:before,.box06 .point02:before,.box06 .point03:before,.box06 .point04:before{top:26%}}.box06 .point01:before{content:"";background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/Point1.svg)}.box06 .point02:before{content:"";background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/Point2.svg)}.box06 .point03:before{content:"";background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/Point3.svg)}.box06 .point04:before{content:"";background-image:url(https://manas-salon.com/wp-content/themes/mana/assets/img/Point4.svg)}.con_box{max-width:291px;margin:50px auto 0}.box07{position:relative;padding:80px 20px;overflow:hidden}.box07 .txt_center{text-align:center}.box07 .ttl{text-align:center;font-size:46px;letter-spacing:2%;margin-bottom:50px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;color:#2e2e2e;position:relative;display:inline-block}.box07 .ttl:before{content:"";display:block;position:absolute;left:-23px;top:-15px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box07 .ttl:after{content:"";display:block;position:absolute;right:-23px;bottom:5px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box07 .ttl span{display:block;font-size:14px;letter-spacing:2px;color:#8a6d6d;margin-top:10px;font-family:"Noto Serif JP",serif;font-weight:500;line-height:160%;letter-spacing:5%;font-style:normal}.box07 .list{display:grid;gap:20px}.box07 .list li{background:rgba(255,255,255,.5);border-radius:15px;padding:15px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.08)}@media (max-width:1000px){.box07 .list li{padding:15px 10px}}.box07 .list li figure{margin-bottom:10px}.box07 .list li figure img{width:100%;border-radius:10px;display:block}.box07 .list li p{font-size:16px;line-height:150%;font-weight:500;font-family:"Noto Sans JP",sans-serif}.box07 .list li .p-small{font-size:12px;text-align:left;margin-top:10px;line-height:1.8;font-weight:400}@media (max-width:1000px){.box07 .list li p{font-size:14px}}.box08{position:relative;padding:100px 20px;overflow:hidden;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/box08bk.png);background-size:cover;border-radius:30px}.box08 .top_txt,.box08 .top_bana01{position:relative;z-index:2}.box08 .top_bana01{padding:8px 26px 24px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-radius:5px}.box08 .top_txt{text-align:center;font-size:14px;letter-spacing:5%;line-height:160%;position:relative;padding:24px 26px 0;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;border-radius:5px}.box08 .top_txt:after{content:"";display:block;width:80%;height:13px;margin:auto;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/tiktokline.svg);background-size:cover;background-position:center}.box08 .top_bana01{text-align:center}.box08 .top_txt,.box08 .top_bana01{background:rgba(255,255,255,.8);max-width:320px;margin:0 auto}.box08 .top_txt{border-bottom-left-radius:0;border-bottom-right-radius:0}.box08 .top_bana01{border-top-left-radius:0;border-top-right-radius:0}.box09{margin-top:56px}.box09 .txt_center{text-align:center}.box09 .ttl{text-align:center;font-size:46px;letter-spacing:2%;margin-top:25px;margin-bottom:20px;font-family:"Josefin Sans",sans-serif;font-weight:300;font-style:italic;color:#2e2e2e;position:relative;display:inline-block}.box09 .ttl:before{content:"";display:block;position:absolute;left:-23px;top:-15px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box09 .ttl:after{content:"";display:block;position:absolute;right:-23px;bottom:5px;background-image:url(//manas-salon.com/wp-content/themes/mana/assets/css/../img/ttlicon01.svg);width:23.42px;height:21.93px}.box09 .ttl span{display:block;font-size:14px;letter-spacing:2px;color:#8a6d6d;margin-top:10px;font-family:"Noto Serif JP",serif;font-weight:500;line-height:160%;letter-spacing:5%;font-style:normal}.box09 figure{padding:36px 20px;text-align:center}#SHOP .txt_center{margin-bottom:40px}#SHOP{padding:80px 20px 20px}#PROJECT{padding:80px 20px 20px}.flex{display:flex;justify-content:center}@media (max-width:830px){.right_box{display:none}main{max-width:400px;padding-top:30px;margin:0 50px 0 auto}}.btn-pink{border:1px solid #f15969;color:#f15969;padding:7px 21px;display:inline-block;margin-top:19px;font-size:14px;transition:background-color .35s ease,color .35s ease,transform .25s ease,box-shadow .35s ease}.btn-pink:hover{color:#fff;background-color:#f15969}footer{position:fixed;bottom:-200px;left:0;width:100%;transition:.4s;z-index:10;background-color:#333;color:#fff;padding:50px 0;text-align:center}footer small{font-size:12px;font-weight:400;font-family:"Inter",sans-serif}footer.show{bottom:0}.fade{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade.show{opacity:1;transform:translateY(0)}@media (max-width:680px){.hamburger{display:none;width:30px;height:24px;position:relative;border:none;background:0 0;cursor:pointer;z-index:20}.hamburger span{position:absolute;width:100%;height:2px;background:#333;left:0;transition:.3s}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg);top:12px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);bottom:10px}.nav{transition:.3s}}@media (max-width:680px) and (max-width:630px){main{margin:0 auto;overflow-x:hidden}.hamburger{display:block;margin:10px 10px 0 auto}.left_box{top:20px;left:0;background:0 0;padding:0;width:100%}.nav{position:fixed;top:-3px;left:0;width:100%;height:100vh;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 30px;transform:translateX(-100%);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav ul{position:relative;z-index:10}.nav.active{transform:translateX(0)}.left_box p{margin-top:0}.left_box ul{padding:40px 30px 0}.nav.active:after{opacity:1;pointer-events:auto}}@media (max-width:400px){main{padding:0 0 100px}.box02 .imgbox .txt_box{right:0}.box01 .txtbox{right:10px}.box02{padding:80px 0}.box02 .table_area{max-width:94%;margin-left:auto;margin-right:auto}.box03{padding:0 15px 30px}.box02 .btan,.box02 .btan02{padding:0 15px}.box04{max-width:94%;margin-left:auto;margin-right:auto}.box08{max-width:94%;margin-left:auto;margin-right:auto}.box09 figure{margin-bottom:0}footer{padding:20px 0}.box09 .ttl{margin-bottom:0}.box09 figure{padding-bottom:0}}.sns-count-btn{width:95%;height:72px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(2px);display:flex;align-items:center;padding:8px 28px;box-sizing:border-box;box-shadow:inset 0 2px 4px rgba(0,0,0,.12);margin:20px auto}.sns-count-btn__icon{width:56px;height:56px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.sns-count-btn__icon img{width:100%;height:100%;object-fit:contain;display:block}.icon-instagram img{width:36px;height:36px}.sns-count-btn__num{flex:1;text-align:center;font-size:38px;font-weight:700;color:#333;letter-spacing:.02em;line-height:1}@media (max-width:480px){.sns-count-btn{height:64px;padding:8px 24px}.sns-count-btn__icon{width:48px;height:48px}.sns-count-btn__num{font-size:32px}}