/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/@media (max-width: 1110px){header{position:relative}header div{padding:10px 20px}header h1,header p{width:100%;max-width:200px}header .sp-menu,header .sp-menu span{display:inline-block;transition:all .4s;box-sizing:border-box}header .sp-menu{position:relative;width:30px;height:24px;border:0px;background:none;-webkit-appearance:none}header .sp-menu.active{z-index:9999}header .sp-menu.active span{background-color:#fff}header .sp-menu.active span:nth-last-of-type(1){-webkit-transform:translateY(11px) rotate(-45deg);transform:translateY(11px) rotate(-45deg)}header .sp-menu.active span:nth-last-of-type(2){left:50%;opacity:0;-webkit-animation:active-menu-bar02 .8s forwards;animation:active-menu-bar02 .8s forwards}header .sp-menu.active span:nth-last-of-type(3){-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg)}header .sp-menu span{position:absolute;left:0;width:100%;height:2px;background-color:#666;border-radius:4px}header .sp-menu span:nth-last-of-type(1){top:0}header .sp-menu span:nth-last-of-type(2){top:11px}header .sp-menu span:nth-last-of-type(3){bottom:0}@-webkit-keyframes active-menu-bar02{100%{height:0}}@keyframes active-menu-bar02{100%{height:0}}header nav{display:flex;align-items:center}header nav>ul{display:none;justify-content:center;flex-direction:column;position:fixed;top:0;right:0;width:100%;height:100%;text-align:center;background:rgba(9,59,41,0.95);z-index:999;transition:all 300ms 0s ease;overflow:auto}header nav>ul.open{display:flex}header nav>ul>li{padding:0;margin-bottom:1em}header nav>ul>li a{width:100%;font-family:starling,serif;font-weight:700;font-size:2rem;color:#fff !important}header nav>ul>li a:after{display:none !important}header nav>ul>li ul{display:block;position:static;padding:0;background:none}header nav>ul>li ul li a{font-size:1.4rem;text-indent:0;padding:0}header nav>ul>li ul li a::before{content:normal}header a{text-decoration:none}}@media (max-width: 767px){body{font-size:1.2em}h2{font-size:10vw}table>tbody>tr>th,table>tbody>tr>td{padding:15px 10px}.pc{display:none}.sp{display:block}img.sp,span.sp{display:inline}table.sp{display:table}.alignleft,.alignright{float:none;max-width:100% !important;margin-bottom:0}.alignleft{margin-right:0}.alignright{margin-left:0}#wrapper:not(.home) h1{font-size:8vw}.btn{margin-top:20px !important}.btn--2{padding:14px 20px;max-width:280px}.flex{flex-direction:column}.flex--cnt>*{width:100% !important}.flex--cnt>*:first-child{margin-bottom:20px}.flex--img li{margin-right:0;margin-bottom:10px}.about-nav li{width:100%}.products-nav{flex-direction:row;justify-content:space-between}.products-nav li{width:45%;margin-left:0}.products-nav li p{margin:20px auto 0}footer{background-size:40%}footer>a{font-size:3rem}footer div{border-top:0px;padding:0}footer div p{padding:40px 10px}footer div p br{display:inline}footer nav{flex-direction:column;border-bottom:1px solid #ccc}footer ul{display:flex;flex-wrap:wrap;margin:0}footer ul li{width:100%;border-top:1px solid #ccc;line-height:1.35;position:relative}footer ul li a{display:block;padding:12px 20px}footer ul li.child{border-top-style:dashed;border-right:1px dashed #ccc;width:50%}footer ul li.child:before{display:none}footer ul li:not(.child):after{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f105";position:absolute;right:20px;top:50%;transform:translateY(-50%)}#wrapper.home article{background:none}#wrapper.home section{margin-bottom:50px}#wrapper.home #kv{background-position:right bottom}#wrapper.home #kv .leaf{display:none !important}#wrapper.home #kv p{padding:60px 20px 200px;font-size:4rem;white-space:normal}#wrapper.home #news ul{flex-direction:column}#wrapper.home #news li{display:flex;justify-content:space-between;width:100%;max-width:none;margin:0 0 10px}#wrapper.home #news figure{max-width:300px}#wrapper.home #news p{position:static;left:auto;bottom:auto;padding:14px;flex-direction:column;justify-content:center;align-items:flex-start;background:#093b29}#wrapper.home #news p a{margin-top:10px;margin-left:auto}#wrapper.home #training:before{top:-20%}#wrapper.home #products:after{top:-50px}#wrapper.home #privatelabel{background:url("../images/home/privatelabel-bg.jpg") no-repeat center/cover;padding:130px 10px;color:#fff}#wrapper.home #privatelabel .btn{border-color:#fff;color:#fff;margin-top:0}#wrapper.home #privatelabel .btn:hover{background:#fff;color:#093B29}#wrapper.news .flex{flex-direction:row;justify-content:center}#wrapper.news .flex figure{width:calc(120 / 300 *100%);max-width:none !important;margin-right:calc(10 / 300 *100%);object-fit:cover}#wrapper.news .flex section{width:calc(160 / 300 *100%)}#wrapper.news .flex p.ttl{margin-top:0 !important}#wrapper.news aside .flex{flex-direction:column}#wrapper.news aside li{display:flex;align-items:flex-start;justify-content:center;max-width:none;margin-right:0;padding-top:30px;border-top:1px solid #ccc;margin-bottom:30px}#wrapper.news aside li:first-child{border-top:0px}#wrapper.news aside li img{width:100%}#wrapper.products article .wide .flex>*{width:100% !important}#wrapper.products article .wide .flex>div{margin-bottom:30px}#wrapper.products article .flex{margin-top:30px}#wrapper.products article .flex li{margin-right:0;margin-bottom:10px}#wrapper.products article>a{padding:20px;max-width:400px}#wrapper.products article #matcha .flex,#wrapper.products article #tencha .flex,#wrapper.products article #gyokuro .flex,#wrapper.products article #others .flex,#wrapper.products article #blacktea .flex,#wrapper.products article #coffee .flex{flex-direction:row;justify-content:center;flex-wrap:wrap}#wrapper.products article #matcha .flex li,#wrapper.products article #tencha .flex li,#wrapper.products article #gyokuro .flex li,#wrapper.products article #others .flex li,#wrapper.products article #blacktea .flex li,#wrapper.products article #coffee .flex li{width:100%;max-width:calc(300 / 1200 *100%);margin:0 calc(60 / 1200 *100%);margin-bottom:20px;flex:none;text-align:center}#wrapper.movie article ul{display:block}#wrapper.movie article ul li{width:auto !important}}
/*# sourceMappingURL=sp.css.map */