/*
Theme Name: SHOWS
Theme URI: https://shows.jp
Description: SHOWS（ショーズ）公式サイト。SHOWSは、美の本質を追求し続けるビューティーブランドです。揺るぎない基盤に立ち、伝統と革新を融合させながら、髪から始まる普遍的な美を世界へと届けていきます。
Text Domain: shows
Author: SHOWS Inc.
Author URI: https://shows.jp
Version: 1.0.0
*/

@charset "utf-8";

*,body{-webkit-font-smoothing:antialiased;padding:0}*,a,body,hr{padding:0}body.loading,body.modal-open{height:100vh}body.loading,body.modal-open,header,html.modal-open{position:fixed;width:100%}.btn span,.btn span:after,article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}.btn,.btn_wrapper,.kv h2{text-align:center}.about video,.kv h2 video{left:50%;position:absolute}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}.kv .inner,header .header__inner{display:-ms-flexbox;-ms-flex-align:center}nav ul,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}*,.kv h2,body{margin:0}input,select{vertical-align:middle}img{vertical-align:bottom}*{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;overflow-y:auto}body{font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(8,6,6,0);animation:2s fadeIn;-webkit-animation:2s fadeIn;background-color:#000;color:#fff;font-family:'Noto Sans JP',"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:14px;font-weight:400;line-height:160%;letter-spacing:.56px;font-feature-settings:'palt' on;height:auto;min-height:100%;line-break:strict;overflow:hidden;overflow-wrap:anywhere;scroll-behavior:auto;text-align:justify;word-break:normal;word-wrap:break-word}h2,h3{font-weight:500;color:#bc9d3f}.zen{font-family:"Zen Kaku Gothic New","Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif}body.no-scroll,html.no-scroll{overflow:hidden!important}.about,body.is-open,body.loading{overflow:hidden}body.is-scroll,html.is-scroll{scroll-behavior:smooth}body.scroll-smooth{scroll-behavior:smooth!important}body.loading{scroll-behavior:smooth;min-height:100vh}.about,.btn,.kv h2{position:relative}h2{font-size:26px;text-transform:uppercase;line-height:100%;letter-spacing:2.08px;margin-bottom:45px}.inner .text,h3{line-height:150%}h3{font-size:24px}img,svg{max-width:100%;height:auto}p~p{margin-top:6px}.pc_only{display:block!important}.sp_only{display:none!important}.clearfix:after{content:"";display:block;clear:both}a:active,a:link,a:visited{color:#bc9d3f;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:.8s 0}a.txtlink,a:hover{text-decoration:underline}a:hover{color:#bc9d3f}.about h3,.btn,.kv h3{color:#fff}a.disabled{opacity:.25;pointer-events:none}.kv h3 span,a.txtlink:hover{color:#bc9d3f}:focus{outline:0}.inner{padding:80px 30px;max-width:1036px;margin:0 auto}.inner .text{font-size:16px;font-weight:400;letter-spacing:.64px}.about .description,.btn,.kv .inner,.kv h3{font-weight:500}.btn_wrapper{margin:60px 0}.btn{background-color:#bc9d3f;border-radius:5px;text-decoration:none!important;line-height:37px;transition:background-color .15s ease-in;min-width:144px;display:inline-block;padding:0 40px}.about,header{background-color:#000}.btn:hover{background-color:#fff;color:#bc9d3f!important}.btn span:after{border-right:2.4px solid #fff;border-top:2.4px solid #fff;content:"";height:10px;position:absolute;right:18px;top:49%;transform:rotate(45deg) translateY(-50%);transition:opacity .15s ease-in;width:10px}.fade-in-section{opacity:0;visibility:hidden;transition:opacity 3s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;visibility:visible}header{top:0;left:0;right:0;z-index:999;height:80px;-webkit-transition:-webkit-transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:0;padding:0 32px}.loading header{-webkit-transform:translateY(-150%);transform:translateY(-150%);will-change:transform}.is-scroll header{-webkit-transform:translateY(0);transform:translateY(0);will-change:transform}.is-scroll header.header--unpinned,header.is-landing{-webkit-transform:translateY(-150%);transform:translateY(-150%)}header.is-landing{transition:unset}header.header--unpinned{-webkit-transform:translateY(-150%);transform:translateY(-150%);will-change:transform}header.header--pinned{-webkit-transform:translateY(0);transform:translateY(0);will-change:transform}header .header__inner{display:flex;-ms-flex-pack:justify;align-items:center;justify-content:space-between;padding:11px 0}header .header__logo{z-index:10001}header .header__logo img{height:58px}header nav.header__nav ul{display:flex;align-items:center;list-style:none}header nav.header__nav ul li{margin-left:40px}header nav.header__nav ul li a{text-decoration:none;color:#fff;font-size:22px;font-weight:500;line-height:58px;letter-spacing:1.76px}header nav.header__nav ul li a:hover{text-decoration:none;color:#bc9d3f}.kv{padding-top:80px;min-height:737px}.kv .inner{padding:0 90px 90px;font-size:24px;line-height:100%;max-width:none;display:flex;-ms-flex-pack:justify;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;height:100%}.kv .inner>*{width:100%}.kv h2 img,.kv h2 video{width:375px}.kv h2 video{top:0;transform:translateX(-50%)}.kv h3{font-size:60px;line-height:115%;letter-spacing:1.2px;margin-bottom:30px}.about{background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}.about video{top:50%;transform:translate(-50%,-50%);opacity:.8;min-width:100%}.about .inner{padding-top:215px;padding-bottom:215px}.about .description{font-size:24px;line-height:160%;text-align:justify}.about h3{font-size:18px;font-weight:400;line-height:150%;margin-bottom:6px;margin-top:90px}.modal p,.modal p span{color:#413d3c;line-height:220%}.about h3~p{width:325px}.products .description{font-size:20px;font-weight:400;line-height:160%;letter-spacing:.8px;text-align:justify}.products .services{margin-top:90px;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:justify;justify-content:space-between;align-items:flex-start;margin-bottom:55px}.products .service{width:272px}.products .service__title-en{font-size:18px;font-weight:500;line-height:160%;letter-spacing:1.44px;margin-bottom:32px;color:#bc9d3f;text-align:center}.products .service__title-en span{background-color:#000;padding:0 22px}.products .service__title-en:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:#bc9d3f}.products .service__title{height:72px;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:justify;flex-direction:column;justify-content:center;letter-spacing:-2.88px;white-space:nowrap;margin-bottom:16px}.company .info__title,.products .service__subtitle{font-size:20px;line-height:160%;letter-spacing:.8px;margin-bottom:16px;font-weight:400}.products .service.comming_soon{width:100%;text-align:center}.products .service.comming_soon .service__title-en{font-size:26px;line-height:160%;letter-spacing:2.08px}.company .inner{padding-top:110px;padding-bottom:110px}.company .infos{display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:justify;justify-content:space-between;align-items:flex-start}.company .info{width:452px}.company .info__title{color:#bc9d3f}.company .info__title~.info__title{margin-top:48px}footer .inner{padding-top:0;padding-bottom:120px}.modal,.modal-overlay{width:100%;margin-inline-start:auto;margin-inline-end:auto;margin:0;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:flex;flex-direction:column;min-height:100%;background:#fff;transform:translateX(110vw);transition:.8s;will-change:transform}.modal-content{-webkit-mask-image:none;mask-image:none;background:#fff;order:2;padding:0 80px 80px}.modal-close-button{cursor:pointer;position:sticky;top:12px;bottom:0;left:0;right:16px;order:1;display:flex;align-self:flex-end;justify-content:center;align-items:center;z-index:10001;margin:0;padding:0;border:0;background-color:transparent}.modal-close-icon{pointer-events:none;display:flex;align-items:center;justify-content:center;outline:0;position:relative}.modal-body{font-size:16px;line-height:1.8;margin-top:100px}.modal-body .kv-img{max-width:670px;margin-left:auto;margin-right:auto}.modal.show{transform:translateX(0);overflow-y:auto}.modal p{font-size:14px;font-weight:400;letter-spacing:.4px}.modal p span{font-size:12px;font-weight:400;letter-spacing:.32px}.modal .small{font-size:12px;line-height:1.8}@media only screen and (max-width:768px){.pc_only{display:none!important}.sp_only{display:block!important}body{-webkit-overflow-scrolling:touch;animation:none;text-align:left}body.loading{scroll-behavior:auto}a{transition:none}h2{font-size:22px;letter-spacing:1.76px}.inner{padding:65px 30px}header{-webkit-transform:translateY(-150%);transform:translateY(-150%);will-change:transform;height:52px;padding:0 16px}.is-open header{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;will-change:transform}header.is-landing{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:1.5s}header .header__inner{align-items:center;padding:8px 0}header .header__logo img{height:36px}header .sp_menu{position:absolute;top:0;right:0;height:52px}header .sp_menu svg{padding-top:22px;padding-bottom:22px}header nav.header__nav{width:100%;margin-inline-start:auto;margin-inline-end:auto;margin:0;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;flex-direction:column;height:100vh;min-height:100%;background:0 0;transform:translateX(110vw);transition:.5s;will-change:transform}header nav.header__nav .header__menu{min-height:100vh;background-color:#000;margin-left:0}header nav.header__nav .header__overlay{min-height:100vh;background:0 0;width:0%;position:absolute;left:0;top:0}header nav.header__nav ul{display:block;list-style:none;padding-top:150px;text-align:center}header nav.header__nav ul li{padding:20px;border:0;margin-left:0}header nav.header__nav ul li a{font-size:20px;font-weight:500;line-height:normal;letter-spacing:1.6px}header nav.header__nav .modal-close-button{float:right}header.open nav.header__nav{display:block;transform:translateX(0);overflow-y:auto}.kv{padding-top:52px;min-height:478px}.kv .inner{padding:0 25px 65px;font-size:16px;line-height:160%}.about .description,.products .description{font-size:18px;line-height:160%}.kv h2 img,.kv h2 video{width:220px}.kv h3{font-size:30px;font-weight:500;line-height:115%;letter-spacing:.6px;margin-bottom:20px;white-space:nowrap}.about .inner{padding-top:65px;padding-bottom:65px}.about h3,.products p{font-size:16px;line-height:150%}.about h3~p,.company .info{width:100%}.about p~p{font-size:12px;line-height:160%;letter-spacing:.48px}.products .description{letter-spacing:.72px}.products .services{flex-direction:column;margin-bottom:0}.products .service{width:100%;margin-bottom:80px}.products .service__title{height:auto;letter-spacing:0}.products .service__title-en span{padding:0 8px}.products .comming_soon{margin-bottom:0}.products .comming_soon .service__title-en span{padding:0 22px;white-space:nowrap}.company .infos{flex-direction:column;gap:70px}.company .info__title~.info__title{margin-top:70px}}