@charset 'UTF-8';a{text-decoration:none}h3{display:flex;align-items:center;justify-content:center;margin:50px auto;font-size:28px}h3:before,h3:after{content:'';flex-grow:.3;height:3px;background:#b1b4b7}h3:before{margin-right:30px}h3:after{margin-left:30px}h2{font-weight:100;margin-bottom:20px;text-align:center;font-size:48px}header.site-header{max-width:920px;margin:0 auto}img.header-logo{width:100px}#header_nav{display:flex;justify-content:space-between;align-items:center;max-width:920px;height:60px;margin:0 auto}.menu-content ul{display:flex;justify-content:flex-end;align-items:center}li.menu-item{list-style:none;margin:0 10px;align-items:center}li.menu-item a{color:#000;text-decoration:none}img.instagram{width:30px}.fadeslide{position:relative;width:100%;height:90vh;overflow:hidden;z-index:0}.fadeslide div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.fadeslide div img{width:100vw;height:auto;overflow:hidden}.fadeslide div:nth-of-type(1){animation:fadeslide 30s 0s infinite both;z-index:6}.fadeslide div:nth-of-type(2){animation:fadeslide 30s 5s infinite both;z-index:5}.fadeslide div:nth-of-type(3){animation:fadeslide 30s 10s infinite both;z-index:4}.fadeslide div:nth-of-type(4){animation:fadeslide 30s 15s infinite both;z-index:3}.fadeslide div:nth-of-type(5){animation:fadeslide 30s 20s infinite both;z-index:2}.fadeslide div:nth-of-type(6){animation:fadeslide 30s 25s infinite both;z-index:1}@keyframes fadeslide{0%{left:0;opacity:0}5%{left:0;opacity:1}20%{left:0;opacity:1}25%{left:0;opacity:0}26%{left:100%;opacity:0}100%{left:100%;opacity:0}}section#main-visual{position:relative}.fadeslide-logo{position:absolute;top:86%;left:50%;transform:translate(-50%,-50%)}.fadeslide-logo img{width:200px}section#no-2{width:100%;height:auto;margin:20px 0;position:relative}.title-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:40%;border:4px solid #fff;padding:38px;background-color:#4d48486e}section#no-3{max-width:1260px;margin:20px auto}.no-3-images{width:100%;display:flex;justify-content:space-between}img.no-3-img{width:calc((100% - 20px)/5);height:300px;object-fit:cover}img.title-img{width:100%}p.title{font-size:40px;text-align:center}.title-ruby{font-size:38px;text-align:center}section#no-4{margin:30px 0}.info{max-width:920px;margin:0 auto}img.no-4-img{width:100%}.satoshi-info{position:relative;width:100%}.satoshi-text{width:calc(100% - 64%);position:absolute;top:30%;left:38%;transform:translate(-50%,-50%)}.satoshi-name{margin-bottom:10px;font-size:30px;text-align:center}.satoshi-text-p{font-size:14px}section#production{margin:100px 0}p.production-title{font-size:48px;text-align:center;margin:50px 0}.production-line{margin:0 26px}.production-line p{margin-bottom:20px}.step1,.step2,.step3,.step4,.step5,.step6{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.step-text{font-size:30px;text-align:center}.step-line-left{width:40%;margin:0 auto}.step-line-right{width:40%;margin:0 auto}.right,.left{width:50%}.step-text-message{font-size:16px}.step-img{width:100%;height:auto}.step5-img,.step6-img{width:100%;height:300px}#images{width:100%;background-color:#313131}.images-inner{max-width:80%;margin:0 auto}.img-box{display:flex;justify-content:space-between;margin:15px 0}.img1,.img6{width:100%;vertical-align:top}.img2,.img5{width:calc(60% - 10px)}.img3,.img4{width:calc(40% - 10px)}.no-6-images{width:100%;display:flex;justify-content:space-between}img.no-6-img{width:calc((100% - 20px)/3)}section#no-7{margin:50px 0}#about{display:flex;justify-content:space-between;align-items:center;text-align:center}.shop-photo{text-align:right;width:60%;margin:0}img.exterior-img{width:60%;display:block;margin:50px auto}img.shop-img{width:60%}.shop-text{width:50%}.shop-add{margin:0 auto;text-align:left;width:250px}p.add{margin-bottom:10px}.bold{font-weight:700}section#no-8{margin:50px 0}h1{font-size:40px;font-weight:400;margin:20px auto;text-align:center}form{width:374px;margin:0 auto}input[type=text],input[type=email]{border:solid 1px;width:386px;border-radius:5px;padding:5px;margin-bottom:10px}input#title{border:solid 1px #000;border-radius:5px;width:300px}textarea{border:solid 1px;border-radius:5px;padding:5px}input[type=submit]{display:block;width:100px;border-radius:50px;margin:10px auto;padding:5px;background-color:#000;color:#fff}.top{text-align:right}p#page-top{text-align:center;background-color:#beb8b8;display:inline-block;width:80px;padding:5px;border-radius:10px}p#page-top a{color:#333}footer{margin:50px auto;display:flex;justify-content:center;align-items:center;max-width:920px;height:90px}img.footer-logo{width:100px}#menu-btn-check{display:none}@media (max-width:768px){.sp_only{display:block}.pc_only{display:none}h2{font-size:28px;margin-bottom:10px}.fadeslide{height:50vh}.fadeslide-logo{left:50%;top:78%}.fadeslide-logo img{width:150px}.title-box{width:66%;font-size:12px;padding:5px}p.title{font-size:18px}.title-ruby{font-size:18px}.satoshi-name{font-size:18px}.satoshi-text{width:calc(100% - 46%)}.satoshi-text-p{font-size:10px}p.production-title{font-size:32px}.step5-img,.step6-img{height:210px;width:84%}.shop-add{font-size:12px;width:150px;margin:0 auto}.step-text{font-size:20px}.step-text-message{font-size:12px;padding:10px}.menu-btn{position:fixed;top:0;right:6px;display:flex;height:60px;width:60px;border-radius:50%;justify-content:center;align-items:center;z-index:90;background-color:rgb(255 255 255/0%)}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:'';display:block;height:3px;width:30px;border-radius:3px;background-color:#626b6d;position:absolute}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked~.menu-btn span{background-color:rgba(255,255,255,0)}#menu-btn-check:checked~.menu-btn span:before{bottom:0;transform:rotate(45deg)}#menu-btn-check:checked~.menu-btn span:after{top:0;transform:rotate(-45deg)}.menu-content ul{display:block;width:98%;padding:70px 10px 0;margin:0 0 auto auto}.menu-content ul li{border-bottom:solid 1px #333;list-style:none}.menu-content ul li a{display:block;width:100%;font-size:15px;box-sizing:border-box;color:#333;text-decoration:none;padding:9px 15px 10px 0;position:relative}.menu-content ul li a:before{content:"";width:7px;height:7px;border-top:solid 2px #333;border-right:solid 2px #333;transform:rotate(45deg);position:absolute;right:11px;top:16px}.menu-content{display:none;width:100%;height:100%;position:fixed;top:0;left:100%;z-index:80;background-color:#f8f8f9;transition:all .5s}#menu-btn-check{display:none}#menu-btn-check:checked~.menu-content{display:block;left:0}#menu-btn-check:not(:checked)~.menu-content{left:100%}}