body{color:#231815;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;letter-spacing:.1em;position:relative;left:0;overflow-x:hidden;-webkit-text-size-adjust:100%}img{display:block;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}a{text-decoration:none;color:#231815;transition:all .3s}a:hover{filter:brightness(1.05)}p{line-height:2}.lsi{letter-spacing:initial}header{width:100%;z-index:9999}header .logo{width:240px;position:fixed;top:20px;left:40px;z-index:1000;opacity:1;visibility:visible;animation:all .3s}header .logo.hidden{opacity:0;visibility:hidden}nav.gnav{z-index:100;width:100%;height:0;position:fixed;top:0;left:0}nav.gnav.active{height:100%}nav.gnav .bg{width:100%;height:100%;box-sizing:border-box;padding:20px;background:rgb(240 227 207/95%);position:absolute;top:0;left:0;opacity:0;visibility:hidden}nav.gnav.active .bg{opacity:1;visibility:visible;transition:all .3s}nav.gnav ul.menu{z-index:2;width:100%;max-width:360px;margin:auto;padding-top:120px;position:relative;opacity:0;visibility:hidden}nav.gnav.active ul.menu{opacity:1;visibility:visible;transition:all .3s}nav.gnav ul.menu li{width:calc(100% - 80px);padding:0 40px;margin-bottom:40px}nav.gnav ul.menu li:nth-last-child(2){width:100%;margin-bottom:20px;padding:0}nav.gnav ul.menu li:last-child{width:100%;padding:0}nav.gnav.active ul.menu li{animation:gnav_li .4s}@keyframes gnav_li{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}nav.gnav.active ul.menu li:nth-child(2){animation:gnav_li .4s}nav.gnav.active ul.menu li:nth-child(3){animation:gnav_li .5s}nav.gnav.active ul.menu li:nth-child(4){animation:gnav_li .6s}nav.gnav.active ul.menu li:nth-child(5){animation:gnav_li .7s}nav.gnav.active ul.menu li:nth-child(6){animation:gnav_li .8s}nav.gnav.active ul.menu li:nth-child(7){animation:gnav_li .9s}nav.gnav.active ul.menu li:nth-child(8){animation:gnav_li 1s}nav.gnav ul.menu li img{margin-left:40px}nav.gnav ul.menu li a{display:block;font-weight:700;position:relative}nav.gnav ul.menu li a:hover{color:#b8905e}nav.gnav ul.menu li a.btn_online{padding:25px 40px;border-radius:100px;background:#b8905e;color:#fff;position:relative;top:0;left:0}nav.gnav ul.menu li a.btn_online:after{content:"";display:block;width:8px;height:8px;border-top:1px #fff solid;border-right:1px #fff solid;position:absolute;top:50%;right:40px;transform:rotate(45deg) translateY(-50%);transition:all .3s}nav.gnav ul.menu li a.btn_online:hover:after{right:35px}nav.gnav ul.menu li a.btn_contact{padding:25px 40px;border-radius:100px;border:1px #b8905e solid;color:#b8905e}.gnavToggle{z-index:1000;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;background:#b8905e;border-radius:30px;text-align:center;cursor:pointer;position:fixed;left:40px;top:40px;transition:all .3s}.index .gnavToggle{opacity:0;visibility:hidden}.index .gnavToggle.show{opacity:1;visibility:visible;animation:fadeindown 1s}.gnavToggle:hover{filter:brightness(1.05)}.gnavToggle span{display:block;width:24px;margin-bottom:8px;border-bottom:solid 2px #fff;transition:all .3s ease-in-out}.gnavToggle span:nth-child(3){margin-bottom:0}.gnavToggle.active span{margin-bottom:0}.gnavToggle.active span:nth-child(1){transform:translateY(2px) rotate(-45deg)}.gnavToggle.active span:nth-child(2){opacity:0}.gnavToggle.active span:nth-child(3){transform:translateY(-2px) rotate(45deg)}.btn_online{display:inline-block;padding:25px 20px;border-radius:0 0 10px 10px;background:#b8905e;color:#fff;font-size:16px;position:fixed;top:0;right:40px;z-index:10}.btn_online span{display:inline-block;padding-left:30px;position:relative}.btn_online span:before{content:"";display:block;width:25px;height:25px;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/icon_cart.png) center center/contain no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%)}.btn_contact{position:relative}.btn_contact:after{content:"";display:block;width:8px;height:8px;border-top:1px #b8905e solid;border-right:1px #b8905e solid;position:absolute;top:50%;right:40px;transform:rotate(45deg) translateY(-50%);transition:all .3s}.btn_contact:hover:after{right:35px}.btn_contact span{display:inline-block;padding-left:30px;position:relative}.btn_contact span:before{content:"";display:block;width:20px;height:20px;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/icon_mail.png) center center/contain no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%)}ul.sns_links{position:fixed;top:140px;right:40px;z-index:9999}ul.sns_links li{margin-bottom:20px}ul.sns_links li:last-child{margin-bottom:0}.index ul.sns_links li:nth-child(1){animation:sns_links_fadein1 4.6s}@keyframes sns_links_fadein1{0%{opacity:0}88%{opacity:0}100%{opacity:1}}.index ul.sns_links li:nth-child(2){animation:sns_links_fadein2 4.8s}@keyframes sns_links_fadein2{0%{opacity:0}89%{opacity:0}100%{opacity:1}}.index ul.sns_links li:nth-child(3){animation:sns_links_fadein3 5s}@keyframes sns_links_fadein3{0%{opacity:0}90%{opacity:0}100%{opacity:1}}ul.sns_links li a{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background:#b8905e}ul.sns_links li a img{width:20px}nav.gnav.active ul.sns_links{display:flex;justify-content:center;position:relative;top:0;right:auto;left:0}nav.gnav.active ul.sns_links li{margin-bottom:0;margin-right:20px;animation:none}nav.gnav.active ul.sns_links li:last-child{margin-right:0}.index nav.gnav.active ul.sns_links li:nth-child(1),nav.gnav.active ul.sns_links li:nth-child(1){animation:gnav_sns_links_fadein1 .4s}@keyframes gnav_sns_links_fadein1{0%{opacity:0}100%{opacity:1}}.index nav.gnav.active ul.sns_links li:nth-child(2),nav.gnav.active ul.sns_links li:nth-child(2){animation:gnav_sns_links_fadein2 .6s}@keyframes gnav_sns_links_fadein2{0%{opacity:0}20%{opacity:0}100%{opacity:1}}.index nav.gnav.active ul.sns_links li:nth-child(3),nav.gnav.active ul.sns_links li:nth-child(3){animation:gnav_sns_links_fadein3 .8s}@keyframes gnav_sns_links_fadein3{0%{opacity:0}40%{opacity:0}100%{opacity:1}}section{padding:120px 0!important;background:#fff;position:relative}.bg_beige{background:#f0e3cf}.container{width:calc(100% - 80px);max-width:960px;padding:0 40px;margin:auto}.max680{max-width:680px;margin:auto}.max960{max-width:960px;margin:auto}.row{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}.row.align_center{align-items:center}.row.align_end{align-items:flex-end;border-radius:10px}.row.just_center{justify-content:center}.row.just_start{justify-content:flex-start}.col2{width:calc(50% - 30px)}.col3{width:calc(100% / 3 - 20px)}.col4{width:calc(100% / 4 - 22px)}.img{display:block;overflow:hidden;border-radius:10px}.img img{transition:all .3s}a.img:hover img,a .img:hover img{transform:scale(1.1)}.inner{padding:0 20px}.inner p{line-height:1.4}.inner a{display:inline-block}.mb_10{margin-bottom:10px}.mb_20{margin-bottom:20px}.mb_30{margin-bottom:30px}.mb_60{margin-bottom:60px}.mb_120{margin-bottom:120px}.mr_20{margin-right:20px}h1{font-size:24px;font-weight:700;line-height:1.8;writing-mode:vertical-rl;letter-spacing:.2em}h2{font-size:24px;line-height:1.6;letter-spacing:.2em}.row h2.vertical.mr_60{margin-right:60px;letter-spacing:.4em}h3{font-size:20px;font-weight:700;text-align:center;line-height:1.6;letter-spacing:.4em}.font_14{font-size:14px}.font_24{font-size:24px;line-height:2.4}.font_24_2{font-size:24px;line-height:1.6}.font_28{font-size:28px;line-height:1.4}.txt_center{text-align:center}.bold{font-weight:700}.vertical{writing-mode:vertical-rl;letter-spacing:.3em}.vertical .num{writing-mode:horizontal-tb;letter-spacing:0;line-height:1.2}.beige{color:#947f28}.indent{padding-left:1em;text-indent:-1em}.indent2{padding-left:2em;text-indent:-2em}.btn{display:block;width:100%;box-sizing:border-box;border:1px #b2b2b2 solid;padding:30px 60px;border-radius:100px;color:#231815;font-size:16px;position:relative}.btn.br_non{border-radius:0}.btn.beige{border:none;background:#f0e3cf;color:#231815}.btn.size_s{max-width:360px;padding:30px 40px}.btn:after{content:"";display:block;width:8px;height:8px;border-top:1px #b2b2b2 solid;border-right:1px #b2b2b2 solid;position:absolute;top:50%;right:40px;transform:rotate(45deg) translateY(-50%);transition:all .3s}.btn:hover{border-color:#947f28;color:#947f28}.btn:hover:after{border-color:#947f28;right:35px}section#fix_img{display:flex;justify-content:center;align-items:center;width:100%;height:40vh;padding:0!important;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}section#fix_img.fix_img01{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img01.jpg)}section#fix_img.fix_img02{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img02.jpg)}section#fix_img.fix_img03{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img03.jpg)}section#fix_img p{letter-spacing:.1em;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated.fadein{animation:fadein 1s}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.animated.fadein.second{animation:fadein_2nd 2s}@keyframes fadein_2nd{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.animated.fadein.five{animation:fadein_5th 5s}@keyframes fadein_5th{0%{opacity:0}80%{opacity:0}100%{opacity:1}}.animated.fadeinup{animation:fadeinup 1s}@keyframes fadeinup{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeinup.half{animation:fadeinup_half 1.5s}@keyframes fadeinup_half{0%{opacity:0;transform:translateY(20px)}66.6%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeinup.second{animation:fadeinup_2nd 2s}@keyframes fadeinup_2nd{0%{opacity:0;transform:translateY(20px)}50%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeindown{animation:fadeindown 1s}@keyframes fadeindown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeindown.half{animation:fadeindown_half 1.5s}@keyframes fadeindown_half{0%{opacity:0;transform:translateY(-20px)}66.6%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeindown.second{animation:fadeindown_2nd 2s}@keyframes fadeindown_2nd{0%{opacity:0;transform:translateY(-20px)}50%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeindown.five{animation:fadeindown_5th 5s}@keyframes fadeindown_5th{0%{opacity:0;transform:translateY(-20px)}80%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeinright{animation:fadeinright 1s}@keyframes fadeinright{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeinright.half{animation:fadeinright_2nd 1.5s}@keyframes fadeinright_half{0%{opacity:0;transform:translateX(20px)}66.6%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeinright.second{animation:fadeinright_2nd 2s}@keyframes fadeinright_2nd{0%{opacity:0;transform:translateX(20px)}50%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeinleft{animation:fadeinleft 1s}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeinleft.half{animation:fadeinleft_2nd 1.5s}@keyframes fadeinleft_half{0%{opacity:0;transform:translateX(-20px)}66.6%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeinleft.second{animation:fadeinleft_2nd 2s}@keyframes fadeinleft_2nd{0%{opacity:0;transform:translateX(-20px)}50%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}section#main{padding:0!important;position:relative}.loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;visibility:hidden;animation:loading 3.6s linear;position:absolute;top:0;left:0;z-index:9999}.loading .img{display:flex;justify-content:center;align-items:center;width:calc(300px - 60px);height:calc(300px - 60px);padding:30px;border-radius:0;background:#fff}@keyframes loading{0%{opacity:1;visibility:visible;background:#fff}20%{opacity:1;visibility:visible;background:#fff}55%{opacity:1;visibility:visible;background:0 0}92%{opacity:1;visibility:visible;background:0 0}100%{opacity:0;visibility:hidden;background:0 0}}section#main .fade_img{width:100%;height:100vh;min-height:740px;overflow:hidden;position:relative}section#main .fade_img img{width:100%;height:100%;object-fit:cover;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section#main .fade_img img.show{animation:fade_img 5s linear}@keyframes fade_img{0%{opacity:0}20%{opacity:1}100%{opacity:1}}section#main .fade_img img.fadeout{animation:fadeout_img 1s linear}@keyframes fadeout_img{0%{opacity:1}100%{opacity:0}}section#main .fade_txt{width:100%;height:100vh;min-height:740px;position:absolute;top:0;left:0;z-index:2}section#main .fade_txt [class^=my_miso0]{width:12%;height:100%;background-size:contain;background-repeat:no-repeat;background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso01.png);position:absolute;top:0;opacity:0}section#main .fade_txt [class^=my_miso0]:before,section#main .fade_txt [class^=my_miso0]:after{content:"";display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso02.png);position:absolute;top:0;left:0;opacity:0}section#main .fade_txt [class^=my_miso0]:after{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso03.png)}section#main .fade_txt .my_miso01{background-position:center bottom 10%;right:20%}section#main .fade_txt .my_miso01:before,section#main .fade_txt .my_miso01:after{background-position:center bottom 10%}section#main .fade_txt .my_miso02{background-position:center top 15%;left:25%}section#main .fade_txt .my_miso02:before,section#main .fade_txt .my_miso02:after{background-position:center top 15%}section#main .fade_txt .my_miso03{background-position:center top 15%;right:20%}section#main .fade_txt .my_miso03:before,section#main .fade_txt .my_miso03:after{background-position:center top 15%}section#main .fade_txt .my_miso04{background-position:center top 60%;left:25%}section#main .fade_txt .my_miso04:before,section#main .fade_txt .my_miso04:after{background-position:center top 60%}section#main .fade_txt [class^=my_miso0].show{opacity:1;animation:fade_txt 5s}@keyframes fade_txt{0%{opacity:0;transform:translateY(30px)}20%{opacity:0;transform:translateY(30px)}35%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}section#main .fade_txt [class^=my_miso0].show:before{opacity:1;animation:fade_txt 4.6s .4s}section#main .fade_txt [class^=my_miso0].show:after{opacity:1;animation:fade_txt 4.4s .6s}section#main .fade_txt [class^=my_miso0].fadeout{animation:fadeout_txt 1s}@keyframes fadeout_txt{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(30px)}100%{opacity:0;transform:translateY(30px)}}section#main .fade_txt [class^=my_miso0].fadeout:before{animation:fadeout_txt .6s}section#main .fade_txt [class^=my_miso0].fadeout:after{animation:fadeout_txt .6s}section#main h1{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 4px rgba(0,0,0,.6);z-index:2}section#top_howto{padding:0!important;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img01.jpg) center center/cover no-repeat;background-attachment:fixed}section#top_howto .bg_white{padding:120px 0;background:rgba(255,255,255,.6)}section#top_howto .container{position:relative}section#top_howto h2{margin-right:60px;letter-spacing:.4em}section#top_howto .txt{margin-right:100px}section#top_howto .txt img{width:300px}section#top_howto .ilst{width:30%}section#top_howto .bg_trans{display:flex;justify-content:center;align-items:center;height:35vh}section#top_howto .bg_trans .max680{width:100%}section#top_products .misokura img{width:240px;margin:auto}section#top_products .span{display:inline-block;padding:15px 0;border-top:2px #b2b2b2 solid;border-bottom:2px #b2b2b2 solid;line-height:1;letter-spacing:.2em}.misokit{width:calc(100% / 3 - 20px - 40px);padding:20px;background:#f6f6f6}.misokit .img{border-radius:0;position:relative}.misokit .img span{display:flex;justify-content:center;align-items:center;border-radius:50%;width:34px;height:34px;color:#fff;position:absolute;top:10px;right:10px}.misokit:nth-child(1) .img span{background:#fbd4a4}.misokit:nth-child(2) .img span{background:#e60012}.misokit:nth-child(3) .img span{background:#be9e7f}.misokit .img p{width:100%;line-height:1;position:absolute;left:10px;bottom:10px}.misokit a{display:block;position:relative}.misokit a:after{content:"";display:block;width:8px;height:8px;border-top:1px #b2b2b2 solid;border-right:1px #b2b2b2 solid;position:absolute;right:0;bottom:10px;transform:rotate(45deg);transition:all .3s}.misokit a:hover:after{border-color:#947f28;right:-5px}.misokit a.full{padding-bottom:20px}.misokit a.full:after{bottom:30px}.misokit a .border{display:block;width:calc(100% + 40px);border-bottom:2px #fff solid;position:absolute;bottom:0;left:-20px}.misokit a.half{padding-top:20px}.misokit p{transition:all .3s}.misokit a:hover p{color:#947f28}section#topics .img{height:150px}section#topics .img img{height:100%!important;object-fit:cover}section#topics .inner p{min-height:45px}section#topics .ilst{width:18%;max-width:360px;position:absolute;left:5%;bottom:60px}section#top_movie{background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/top_movie_bg.jpg) center center/cover no-repeat;color:#fff}section#top_movie .btn{border:1px #fff solid;color:#fff}section#top_movie .btn:after{border-color:#fff}section#top_instagram .border{padding:90px;border:1px #b2b2b2 solid;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/icon_mymiso.jpg) left 80px top 85px/15% no-repeat}section#top_instagram .insta img{width:240px;margin:auto}section#main_2nd{height:460px;padding:0!important;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}section#main_2nd.about{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_about.jpg)}section#main_2nd.howto{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_howto.jpg)}section#main_2nd.material{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mate.jpg)}section#main_2nd.company{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_company.jpg)}section#main_2nd.faq{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_faq.jpg)}section#main_2nd.topics{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_topics.jpg)}section#main_2nd .my_miso{width:8%;max-width:140px;height:100%;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso01.png) center bottom 10%/contain no-repeat;position:absolute;top:0;right:20%;animation:fade_txt 5s}section#main_2nd .my_miso:before,section#main_2nd .my_miso:after{content:"";display:block;width:100%;height:100%;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso02.png) center bottom 10%/contain no-repeat;position:absolute;top:0;left:0;animation:fade_txt 4.6s .4s}section#main_2nd .my_miso:after{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/main_mymiso03.png);animation:fade_txt 4.4s .6s}section#main_2nd .ttl{color:#fff;font-weight:700;line-height:1.6;writing-mode:vertical-rl;letter-spacing:.3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 4px rgba(0,0,0,.6);z-index:2}section#main_2nd.animated .ttl{animation:ttl_fadeinup 1s}@keyframes ttl_fadeinup{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}100%{opacity:1;transform:translate(-50%,-50%)}}section#about{position:relative}section#about .ilst{width:15%;max-width:360px;position:absolute;right:10%;top:15%}section#about ul li p{display:flex;justify-content:center;align-items:center;width:200px;height:200px;box-sizing:border-box;border:1px #b2b2b2 solid;border-radius:50%;text-align:center;line-height:1.6;letter-spacing:.2em}section#howto .ilst{width:20%;max-width:360px;position:absolute;right:10%;top:140px}.howto{padding:40px 60px 0 0;background:#efe9e6}.howto:last-child{background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/howto07_bg.jpg) center center/cover no-repeat;border-radius:10px}.howto .img{width:calc(100% - 280px - 30px)}.howto .txt{display:flex;justify-content:flex-end;width:calc(280px - 60px);min-height:340px;padding:30px;background:rgba(255,255,255,.8)}section#material{position:relative}section#material .ilst{width:15%;max-width:360px;position:absolute;right:10%;top:120px}.material{position:relative}.material .img{border-radius:0}.material .txt{display:flex;justify-content:flex-end;min-height:300px;padding:30px;background:rgba(255,255,255,.8);position:absolute;right:60px;bottom:0;z-index:2}section#company .photo img{width:180px;border-radius:10px}section#company .ilst{width:20%;max-width:360px;position:absolute;left:10%;top:360px}section#company_info h3{text-align:left;line-height:45px}.border{border-bottom:1px #b2b2b2 solid}section#company_info table{width:100%}section#company_info table th{width:80px;padding-bottom:20px;font-weight:400;text-align:left;line-height:1.4}section#company_info table.company_info th{text-align-last:justify}section#company_info table td{width:calc(100% - 80px - 60px);padding:0 0 20px 60px;line-height:1.4}section#faq h3{text-align:left;line-height:45px}footer{padding:80px 0 20px!important;background:#f0e3cf}footer .logo{width:265px}footer .copy{font-size:12px;color:#888}footer .tel p{font-size:12px;line-height:1.2}footer .tel p span{display:inline-block;padding-left:35px;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/icon_tel.png) left center/30px no-repeat;font-size:28px;letter-spacing:3px}.btn_pagetop{display:block;width:calc(60px - 2px);height:calc(60px - 2px);border:1px #b8905e solid;border-radius:50%;position:fixed;right:40px;bottom:40px;z-index:100}.btn_pagetop span{display:block;width:10px;height:10px;border-top:1px #b8905e solid;border-right:1px #b8905e solid;transform:translateX(-50%) rotate(-45deg);position:absolute;top:45%;left:50%}.tb{display:none}.pc{display:inline}.sp{display:none}@media screen and (max-width :960px){.pc{display:none}.tb{display:inline}body{letter-spacing:.05em}p{font-size:14px}header .logo{width:180px;top:10px;left:20px}nav.gnav ul.menu{max-width:300px}nav.gnav ul.menu li{width:calc(100% - 60px);margin-bottom:30px;padding:0 30px}nav.gnav ul.menu li:nth-last-child(2){margin-bottom:10px}nav.gnav ul.menu li a{font-size:14px}nav.gnav ul.menu li a.btn_online{padding:20px 30px}nav.gnav ul.menu li:last-child a{padding:20px 30px}.gnavToggle{width:60px;height:60px;border-radius:20px;left:20px;top:20px}.gnavToggle span{width:20px;margin-bottom:6px;border-bottom:solid 2px #fff;transition:all .3s ease-in-out}.btn_online{padding:20px 15px;border-radius:0 0 10px 10px;font-size:14px;right:20px}.btn_online span{padding-left:25px}.btn_online span:before{width:20px;height:20px}ul.sns_links{top:10%;right:20px}ul.sns_links li{margin-bottom:10px}ul.sns_links li a{width:40px;height:40px}ul.sns_links li a img{width:15px}nav.gnav.active ul.sns_links li{margin-right:10px}section{padding:60px 0!important}.container{width:calc(100% - 30px);max-width:680px;padding:0 15px}.max680{max-width:460px}.tb_460{max-width:460px;margin:auto}.col2{width:calc(50% - 10px)}.col2.sp_100{width:100%;max-width:460px;margin:0 auto 20px}.col3{width:calc(100% / 2 - 10px)}.col4{width:calc(100% / 2 - 10px)}.order2{order:2}.inner{padding:0 10px}.pt_20{padding-top:20px}.mb_10{margin-bottom:5px}.mb_20{margin-bottom:15px}.mb_30{margin-bottom:20px}.mb_60{margin-bottom:40px}.mb_120{margin-bottom:80px}h1{font-size:20px}h2{font-size:18px}.row h2.vertical.mr_60{margin-right:0;margin-bottom:20px}.row h2.vertical.mr_60+p{width:100%}h3{font-size:16px;letter-spacing:.2em}.font_14{font-size:12px}.font_24{font-size:20px}.font_28{font-size:24px}.btn{padding:20px 30px;font-size:14px}.btn.size_s{max-width:300px;padding:20px 30px}section#fix_img{height:25vh;min-height:320px;background:0 0;overflow:hidden;position:relative;z-index:-1}section#fix_img[class^=fix_img0]{background:0 0}section#fix_img:before{content:"";width:100%;height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:fixed;top:0;left:0}section#fix_img.fix_img01:before{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img01.jpg)}section#fix_img.fix_img02:before{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img02.jpg)}section#fix_img.fix_img03:before{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img03.jpg)}.loading .img{width:calc(140px - 20px);height:calc(140px - 20px);padding:10px}section#main .fade_img{height:80vh;min-height:600px}section#main .fade_txt{height:80vh;min-height:600px}section#main .fade_txt [class^=my_miso0]{min-width:70px}section#main .fade_txt .my_miso02{background-position:center top 10%;left:25%}section#main .fade_txt .my_miso02:before,section#main .fade_txt .my_miso02:after{background-position:center top 10%}section#main .fade_txt .my_miso03{background-position:center top 20%;right:20%}section#main .fade_txt .my_miso03:before,section#main .fade_txt .my_miso03:after{background-position:center top 20%}section#main .fade_txt .my_miso04{background-position:center bottom 20%;left:15%}section#main .fade_txt .my_miso04:before,section#main .fade_txt .my_miso04:after{background-position:center bottom 20%}section#top_howto{background:0 0;position:relative}section#top_howto:before{content:"";width:100%;height:100vh;background:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/fix_img01.jpg) center center/cover no-repeat;position:fixed;top:0;left:0;z-index:-1}section#top_howto .container{z-index:2}section#top_howto .bg_white{padding:60px 0}section#top_howto .row.just_center{justify-content:space-between;max-width:460px;margin:0 auto 60px}section#top_howto h2{width:80px;margin-right:0}section#top_howto .txt{width:calc(100% - 80px - 30px);margin-right:0}section#top_howto .txt img{width:200px}section#top_howto .ilst{width:40%;margin:30px auto 0}section#top_howto .bg_trans{height:240px}section#top_products .misokura img{width:180px}.misokit{width:calc(100% - 40px);max-width:calc(460px - 40px);margin:0 auto 20px;padding:20px}.misokit a.full{padding-bottom:15px}.misokit a.half{padding-top:15px}section#top_products .btn.br_non{padding:20px 60px 20px 20px}section#top_products .btn.br_non:after{top:auto;bottom:25px;right:20px;transform:rotate(45deg)}section#top_products .btn.br_non:hover:after{right:15px}section#topics .inner p{min-height:40px}section#topics .ilst{display:none}section#top_instagram .border{padding:20px;background-position:left 5% top 20px}section#top_instagram .insta img{width:180px}section#main_2nd{height:360px}section#main_2nd .my_miso{min-width:60px}section#about .ilst{min-width:80px;right:10%;top:40px}section#about ul{max-width:460px}section#about ul li p{width:140px;height:140px;line-height:1.4;letter-spacing:.1em}section#howto .ilst{width:15%;min-width:100px;top:160px;right:10%}.howto{justify-content:flex-end;padding:20px 20px 0 0;position:relative}.howto .img{width:55%;min-width:200px;position:absolute;left:0;bottom:0;z-index:2}.howto .txt{width:calc(220px - 40px);min-height:300px;padding:20px}section#material .ilst{width:20%;min-width:100px;right:10%}.material .img{height:360px;overflow:hidden}.material .img img{height:100%;object-fit:cover}.material .txt{min-height:260px;padding:20px;right:20px}section#company .ilst{width:20%;min-width:100px;left:10%;top:30px}section#company .photo img{width:140px}section#company_info table th{width:65px;font-size:14px}section#company_info table td{width:calc(100% - 65px - 20px);padding:0 0 20px 20px;font-size:14px}footer{padding:20px 0 10px!important}footer .copy{font-size:10px}footer .tel{margin-bottom:20px}footer .tel p{font-size:10px}footer .tel p span{padding-left:30px;background-size:25px;font-size:24px}.btn_pagetop{width:calc(40px - 2px);height:calc(40px - 2px);right:20px;bottom:20px}.btn_pagetop span{width:8px;height:8px}}@media screen and (max-width :460px){.tb{display:none}.sp{display:inline}header .logo{width:120px}ul.sns_links{position:relative;top:0;right:auto;left:0;opacity:0;visibility:hidden}nav.gnav.active ul.sns_links{opacity:1;visibility:visible}.col2{width:100%}.col3{width:calc(100% / 2 - 5px)}.col4{width:calc(100% / 2 - 5px)}section#main .fade_txt [class^=my_miso0]{min-width:60px}section#main .fade_txt .my_miso02{background-position:center top 25%;left:10%}section#main .fade_txt .my_miso02:before,section#main .fade_txt .my_miso02:after{background-position:center top 25%}section#main .fade_txt .my_miso03{right:10%}section#main .fade_txt .my_miso04{background-position:center bottom 15%}section#main .fade_txt .my_miso04:before,section#main .fade_txt .my_miso04:after{background-position:center bottom 15%}section#top_howto .row.just_center{justify-content:center}section#top_howto h2{margin-bottom:20px}section#top_howto .txt{width:100%}section#top_howto .txt img{margin:0 auto 15px}section#top_howto .txt p{text-align:center}section#top_products .btn.br_non{padding:20px}section#topics .img{height:100px}section#top_movie{background-image:url(//miso-gura.com/wp/wp-content/themes/misogura/css/../img/top_movie_bg_sp.jpg)}section#about .ilst{right:5%}section#about ul{justify-content:center}section#about ul li{margin:0 5px}section#about ul li p{width:100px;height:100px;font-size:16px;letter-spacing:.05em}section#howto .ilst{right:5%}.howto .txt{width:auto;min-width:160px}.howto .txt p{line-height:1.6}section#material .ilst{top:180px;right:5%}.material .txt p{line-height:1.6}section#company .ilst{width:15%;left:5%}}