.overlay{content:"";display:block;width:0;height:0;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:2;opacity:0;transition:opacity .5s;position:fixed}main{height:100%;min-height:100vh;background-color:#FFF;transition:all .5s;display:flex;flex-direction:column;justify-content:center}.overlay.open{width:100%;height:100%;opacity:1}main.open{transform:translateX(250px)}.menu-trigger{text-align:center;display:inline-block;width:50px;height:50px;background-color:#ffdd5c;vertical-align:middle;cursor:pointer;position:fixed;top:30px;left:30px;border-radius:5px;z-index:100}.menu-trigger span{display:inline-block;box-sizing:border-box;position:absolute;width:45%;left:14px;height:2px;background-color:#227066;transition:all 0.5s}.menu-trigger span:nth-of-type(1){top:13px}.menu-trigger.active span:nth-of-type(1){top:14px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.menu-trigger span:nth-of-type(2){top:19px}.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger span:nth-of-type(3){top:25px}.menu-trigger span:nth-of-type(3)::after{content:"MENU";position:absolute;top:5px;left:-2px;color:#227066;font-size:.6rem;text-transform:uppercase}.menu-trigger.active span:nth-of-type(3)::after{content:"CLOSE";transform:translateY(0) rotate(-45deg);top:5px;left:4px}.menu-trigger.active span:nth-of-type(3){top:26px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}nav{width:250px;height:100%;padding-top:100px;background-color:#227066;position:fixed;top:0;left:-250px;z-index:10;transform:translate(0);transition:all 0.5s;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif}nav.open{transform:translateX(250px)}nav li{color:#fff;text-align:center;border-top:1px solid #FFF}nav li:last-of-type{border-bottom:1px solid #FFF}nav li a:hover{background-color:#FFF;color:#227066}nav li a{display:block;padding:10px}nav li.has-child ul,nav li.has-child ul ul{position:relative;left:0;top:0;width:100%;visibility:visible;opacity:1;display:none;transition:none}nav ul li.has-child{position:relative}nav ul li.has-child::before{left:20px}nav ul ul li.has-child::before{transform:rotate(135deg);left:20px}nav ul li.has-child.active::before{transform:rotate(-45deg)}nav ul li.has-child.active>a{background-color:#FFF;color:#227066}nav ul li.has-child::before{content:'';position:absolute;left:13%;top:10px;width:8px;height:8px;border-top:2px solid #FFF;border-right:2px solid #FFF;transform:rotate(135deg)}nav ul li.has-child:hover::before{border-top:2px solid #227066;border-right:2px solid #227066}nav ul li.has-child.active::before{border-top:2px solid #227066;border-right:2px solid #227066}.howto,.shampoo,.massage{width:auto;background-image:url(../img/back.png);background-repeat:repeat-x;background-size:cover;background-position:center;position:relative;z-index:5;min-height:748px;padding-bottom:100px}.title{text-align:center;padding-top:100px;margin-bottom:25px}.barlow{font-family:'Barlow',sans-serif;font-weight:600;color:#265961;font-size:45px;line-height:50px}.subtitle{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:500;color:#1d381d;font-size:30px;line-height:50px}.howto_wrap,.shampoo_wrap,.ma_wrap{max-width:1230px;margin:auto}.howto_wrap p,.shampoo_wrap p,.ma_wrap p{font-size:26px;line-height:38px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;margin-bottom:130px}.howto_wrap>p,.shampoo_wrap>p,.ma_wrap>p{font-weight:700;text-align:center}.flow{position:relative;height:422px;margin-bottom:75px}.flow img{float:left}.text{position:absolute;left:44%;top:55px}.text h2{font-size:35px;line-height:50px;color:#227066;font-family:'Shippori Mincho',serif;font-weight:700;margin-bottom:20px}.text p{margin-bottom:70px;font-size:20px;line-height:36px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif}.flow:nth-of-type(2) img{float:right}.flow:nth-of-type(2) .text{position:absolute;left:0;top:55px;width:661px}.flow:last-of-type{margin-bottom:0}.sham_flow{display:flex;position:relative;margin-bottom:100px;align-items:center}.sham_flow img{margin-right:35px}.sham_flow .text{position:initial;margin-top:45px}.sham_flow .text h2{margin-bottom:20px}.sham_flow:after{content:"";position:absolute;width:0;height:0;bottom:-75px;border-style:solid;border-width:48px 27.5px 0 27.5px;border-color:#265961 transparent transparent transparent;left:120px}.sham_flow:last-of-type:after{display:none}@media only screen and (min-width:769px) and (max-width:1429px){.howto_wrap,.shampoo_wrap,.ma_wrap{max-width:95%;margin:auto}.flow img{width:50%;height:auto}.text{left:47%;top:3%}.flow:nth-of-type(2) .text{top:3%;left:auto;width:62%}}.area{max-width:1230px;width:95%;margin:auto;flex-wrap:wrap;display:flex;background-color:rgba(255,255,255,.4);position:relative;border-radius:20px}.area:after{content:"";background-image:url(../img/howto/leaf.png);position:absolute;bottom:-25px;right:-40px;width:140px;height:112px}.tab_class{width:calc(100%/2);height:60px;background-color:#76a665;text-align:center;display:block;float:left;order:-1;border-radius:20px 20px 0 0;color:#FFF;font-size:30px;line-height:60px}input[name="tab_name"]{display:none}input:checked+.tab_class{background-color:#227066;position:relative}input:checked+.tab_class:after{content:"";position:absolute;width:0;height:0;bottom:-37px;border-style:solid;border-width:37px 21.5px 0 21.5px;border-color:#227066 transparent transparent transparent;left:0;right:0;margin:auto}.content_class{display:none;width:100%}input:checked+.tab_class+.content_class{display:block;padding-top:40px;width:1167px;margin:auto;padding-bottom:40px}.ma_flow{display:flex;justify-content:space-between}.ma_flow:last-of-type{justify-content:center}.ma_flow li p{margin-top:40px;width:323px;font-size:20px;line-height:33px}.ma_flowarrow{position:relative;width:120px;height:338px}.ma_flowarrow:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:27.5px 0 27.5px 48px;border-color:transparent transparent transparent #1e474e;top:0;bottom:0;left:0;right:0;margin:auto}.content_class table{width:60%;border:#1e474e 2px solid;float:left}.content_class tr{border-bottom:#1e474e 2px dashed}.content_class th{width:35%;text-align:center;background-color:#ffdd5c;font-size:18px;line-height:25px;padding-top:28px;padding-bottom:10px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:700}.content_class td{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:400;font-size:16px;line-height:28px}.content_class:last-of-type img{margin-left:8%;margin-top:12%}@media only screen and (min-width:769px) and (max-width:1429px){input:checked+.tab_class+.content_class{display:block;padding-top:40px;width:100%;margin:auto;padding-bottom:40px}.ma_flow{display:flex;flex-direction:column;justify-content:space-between}.ma_flow:last-of-type{justify-content:center}.ma_flow li{text-align:center}.ma_flow li p{margin:20px auto 40px;width:80%}.ma_flowarrow{position:relative;width:100%;height:48px}.ma_flowarrow:before{content:"";position:absolute;width:0;height:0;bottom:0;border-style:solid;border-width:48px 27.5px 0 27.5px;border-color:#265961 transparent transparent transparent;left:0;right:0;margin:auto}}.button{text-align:right;position:relative;width:470px;margin-left:auto}.btn03::after{content:"";background-image:url(../img/top/button.png);background-size:21px 80px;background-repeat:no-repeat;display:inline-block;width:21px;height:80px;position:absolute;bottom:20%;right:2%;z-index:10;transition:all 0.3s ease}.btn03:hover:after{transform:translate(10px,10px);transition:all 0.3s ease}.btn03{width:373px;height:48px;font-family:'メイリオ','Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;background-color:transparent;font-size:30px;line-height:40px;color:#FFF;font-weight:700;cursor:pointer;position:relative;text-decoration:none;display:inline-block;text-align:center;outline:none;transition:all 0.2s ease}.btn03:hover{border-color:transparent}.btn03 a{width:373px;height:48px;position:relative;z-index:2;display:block;background:#76a665;color:#FFF;transition:all 0.3s ease;margin:auto;text-align:center;padding-top:7px}.pushright:before{content:"";position:absolute;z-index:0;top:10px;left:10px;width:100%;height:100%;background-color:#ffdd5c}.pushright:hover a{background-color:#76a665;color:#fff;transform:translate(10px,10px)}.button span{font-family:'Crimson Text',serif;font-size:60px;color:#FFF}.qa{background-color:#265961;position:relative;padding-bottom:100px}.leaf03{position:absolute;bottom:-8%;left:0;z-index:1}.qa .barlow,.qa .subtitle{color:#FFF}.qa .title{padding-bottom:70px}.question{cursor:pointer;position:relative;display:flex;padding:20px;width:895px;background-color:#FFF;height:auto;margin:auto auto 15px;border-radius:20px;align-items:center}.question span{min-width:50px;height:50px;border-radius:50%;background-color:#227066;color:#ffdd5c;font-family:'Barlow Semi Condensed',sans-serif;font-size:30px;text-align:center;line-height:50px}.question p{font-size:30px;margin-left:30px;font-family:'Shippori Mincho',serif;width:auto;padding-right:20px}.question .arrow{margin:0 0 0 auto;font-size:42px;color:#009CE5}.question .arrow img{vertical-align:middle}.answer{display:flex;padding:20px;width:895px;margin:auto}.answer span{width:50px;height:50px;border-radius:50%;background-color:#ffdd5c;color:#227066;font-family:'Barlow Semi Condensed',sans-serif;font-size:30px;text-align:center;line-height:50px}.answer p{font-size:25px;line-height:45px;color:#FFF;margin-left:30px;width:100%;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif}.qa_content{max-width:1230px;margin:auto;padding-bottom:90px}.qa_block{margin-bottom:40px}.active_qa .arrow img{transform:rotate(-180deg);margin:.3rem 0rem .5rem .2rem}.qa .btn03{width:620px;height:110px;position:absolute;bottom:0;right:0}.qa .button{width:620px;height:110px;margin:auto}.qa .btn03 a{width:620px;height:110px;padding-top:3%}.qa .btn03::after{content:"";background-image:url(../img/top/button.png);background-size:38px 146px;background-repeat:no-repeat;display:inline-block;width:38px;height:146px;position:absolute;bottom:20%;right:5%;z-index:10;transition:all 0.3s ease}.lineup{background-image:url(../img/lineup_back.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;padding-bottom:100px;position:relative}.lp__button{color:#fff;font-size:30px;letter-spacing:1px;text-shadow:0 1px 1px rgb(0 0 0 / 30%);border:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 3px 15px #38312a;border:solid 3px #fff;background:#f78d1d;background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));display:inline-block;width:90%;font-weight:700;text-align:center;text-decoration:none;outline:none}.lp__button:hover{color:#fff;text-decoration:none;background:#f47c20;background:-webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));background:-moz-linear-gradient(top,#f88e11,#f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',endColorstr='#f06015');cursor:pointer}.lineuplist{display:flex;max-width:1017px;margin:auto;justify-content:space-around;text-align:center;margin-bottom:90px}.text_03{font-family:'メイリオ',Meiryo;font-size:14px;color:#000;font-weight:700;clear:both;text-align:left;margin:1em 0 1em}.productname{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:700;font-size:20px;text-align:left;line-height:30px;margin:1em 0 1em}.productdis{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-size:20px;font-weight:400;text-align:left;margin:0 0 1em;line-height:30px}.text_04{text-align:left;font-size:12px;color:#c20000;font-weight:700;margin:0 0 1em}span.index_text03{font-size:30px;color:#c20000;line-height:36px}.lp__quantity--text{font-size:18px;text-align:center;width:114px;margin:0 0 1em}input[type="text"],textarea{vertical-align:middle;max-width:20%;line-height:30px;height:30px;padding:1px 5px;border:1px solid #d4d4d7;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:100%;color:#555;background:#fcfcfc;text-align:center}.lp__quantity--text span{margin-right:20px}form{width:200px}.column{bottom:0;background-image:url(../img/back.png);background-repeat:repeat;background-size:contain;position:relative;clear:both;width:100%;margin:auto;height:auto;padding-bottom:100px}.column .card{display:flex;flex-wrap:wrap;max-width:1017px;width:90%;margin:auto}.column .card_block{cursor:pointer;width:calc(33% - 13px);max-width:318px;height:306px;margin-right:23px;background-color:#FFF;background-image:url(../img/column/column_leaf.png);background-repeat:no-repeat;background-position:top 6px left 10px;display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:15.649px 6.642px 18px 0 rgba(180,179,179,.5);margin-bottom:70px;text-align:center;position:relative;padding:20px 0}.column .card_block:nth-child(3n){margin-right:0}.column .card_block img{margin:auto}.column .card_block a{display:block;padding:20px 0;width:100%;height:100%;position:absolute}.column .card_block h3{margin-top:auto;color:#49454f;letter-spacing:-.1rem;text-align:center;font-size:30px;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:500}.column .card_block h3 strong{margin-top:auto;font-family:'Shippori Mincho',serif;font-weight:700;font-size:40px;color:#227066}#page_top{position:fixed;bottom:30px;right:20px;z-index:999}footer{background-color:#265961;height:85px;display:flex;padding:0 100px;align-items:center}footer ul{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;display:flex;max-width:1230px;margin:auto;color:#FFF;font-size:14px;text-align:center;justify-content:center}footer ul li:after{content:"|";margin-left:10px;margin-right:10px}.logo{text-align:right;width:163px;height:auto}.logo img{width:100%;height:auto}