@import"base.css";@import"common.css";@import"lib.css";@import"svg.css";@import"https://fonts.googleapis.com/css?family=Satisfy&display=swap";@font-face{font-family:"font01";src:url("../img/RAGE.TTF")}.main-area{position:relative;height:100vh;margin-bottom:20px}@media screen and (max-width: 800px){.main-area{width:100%;height:60vh;margin-left:0px;margin-bottom:0;min-height:inherit}}.main-area .main-img{width:80%;height:calc(100vh - 180px);margin-left:500px;overflow:hidden;position:relative}@media screen and (max-width: 800px){.main-area .main-img{width:100%;margin-left:0;min-height:60%;position:static;overflow:auto;height:100%}}.main-area .main-img .swiper-container{border-bottom-left-radius:120px;height:100%}@media screen and (max-width: 800px){.main-area .main-img .swiper-container{border-bottom-left-radius:60px}}.main-area .main-img .swiper-wrapper{width:100%;position:absolute;animation:show 5s ease both}.main-area .main-img_con{width:100%;height:100vh;overflow:hidden}.main-area .main-img_con div{width:80%;height:80%}@media screen and (max-width: 800px){.main-area .main-img_con div{width:100%;height:60%}}.main-area .main-img .swiper-slide-active div,.main-area .main-img .swiper-slide-duplicate-active div,.main-area .main-img .swiper-slide-prev div{animation:slide 12s ease both}.main-area .main-img .main0 div{background:url("../img/index/main0.jpg") no-repeat center;background-size:cover}.main-area .main-img .main1 div{background:url("../img/index/main1.jpg") no-repeat center;background-size:cover}.main-area .main-img .main2 div{background:url("../img/index/main2.jpg") no-repeat center;background-size:cover}@media screen and (max-width: 800px){.main-area .main-img .main2 div{background:url("../img/index/main2_sp.jpg") no-repeat center;background-size:cover}}@keyframes slide{0%{transform:scale(1.08) rotate(0.1deg)}100%{transform:scale(1) rotate(0.1deg)}}.main-area .main-text{position:absolute;left:100px;top:45%;width:292px;transform:translateY(-50%);z-index:3}@media screen and (max-width: 800px){.main-area .main-text{width:300px;height:180px;position:absolute;top:-20px;bottom:0;left:0;right:0;margin:auto;transform:none}}.main-area .main-text svg{width:100%;margin-bottom:30px}@media screen and (max-width: 800px){.main-area .main-text svg{width:210px;display:block;margin:0 auto;margin-bottom:0px}}.main-area .main-text p.newopen_index{line-height:40px;border:solid 1px #5d2a26;font-size:16px;width:292px;font-weight:bold;letter-spacing:2px;text-align:center;color:#5d2a26;margin-bottom:30px;animation:maint 3.5s ease 2s 1 forwards}@media screen and (max-width: 800px){.main-area .main-text p.newopen_index{border:none;line-height:26px;color:#000;background:gold}}@media screen and (max-width: 800px){.main-area ul.topmessage{margin-top:0}}.main-area ul.topmessage li{display:inline-block;padding:1px 5px;line-height:1em;margin-bottom:25px;opacity:0}.main-area ul.topmessage li img{vertical-align:baseline}.main-area ul.topmessage li.mtani01{animation:maint 3.5s ease .5s 1 forwards}.main-area ul.topmessage li.mtani02{animation:maint 3.5s ease 1s 1 forwards}.main-area ul.topmessage li.mtani03{animation:maint 3.5s ease 1.5s 1 forwards}.main-area ul.topmessage li.mtani04{animation:maint 3.5s ease 2s 1 forwards}.main-area ul.topmessage.ul01{display:block}@media screen and (max-width: 800px){.main-area ul.topmessage.ul01{display:none}}.main-area ul.topmessage.ul02{display:none;position:static}@media screen and (max-width: 800px){.main-area ul.topmessage.ul02{display:block;padding:40px 20px}}@keyframes maint{100%{opacity:1}}.main-area .nav{position:absolute;bottom:90px;right:0;background:#fff;border-top-left-radius:100px;width:700px;height:120px;padding-left:70px;padding-top:36px;z-index:11}@media screen and (max-width: 800px){.main-area .nav{display:none}}.main-area .nav aside ul.gnav li a span img{max-height:46px}.header-short{width:100%;background:#fff;position:fixed;top:0;left:0;display:flex;box-shadow:0px 1px 2px 0px rgba(0,0,0,.1);transform:translateY(-100px);transition:all .8s;z-index:50}@media screen and (max-width: 800px){.header-short{transform:none;background:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);border-bottom:none}}.header-short.is-show{transform:translateY(0px)}#news-area{background:#f5f5f5;width:100%}@media screen and (max-width: 800px){#news-area{margin-top:240px}}#news-area .inner{width:1080px;margin:0 auto;font-size:14px}@media screen and (max-width: 1079px){#news-area .inner{width:100%}}@media screen and (max-width: 800px){#news-area .inner{width:100%}}@media screen and (max-width: 800px){#news-area .inner{padding:40px 20px}}@media screen and (max-width: 800px){#news-area{bottom:0}}.news-list{display:flex;-ms-align-items:center;align-items:center;flex:1;padding:1.5em 0}@media screen and (max-width: 800px){.news-list{display:block}}.news-list .news-title{margin-right:40px;font-weight:bold;color:#5d2a26;letter-spacing:1px;font-size:22px}@media screen and (max-width: 800px){.news-list .news-title{display:block}}.news-list ul{width:100%}.news-list li:not(:last-child){margin-bottom:.5em}.news-list li a{display:flex;font-weight:bold;color:#555}.news-list li a:hover{text-decoration:none;color:#5d2a26}.news-list li a.nolink{pointer-events:none}.news-list .date{margin-right:1em}.news-list .con{flex:1}.news-list a:not(.nolink){transition:all .3s ease;opacity:1}.news-list a:not(.nolink):hover{opacity:.7}.news-list a:not(.nolink) .con:before{content:"";display:inline-block;width:6px;height:6px;background-size:6px 6px;border-image-repeat:no-repeat;background-image:url("../img/icon-arrow.png");margin-right:.3em;position:relative;top:50%;transform:translate(0, -50%);position:initial}.news-list a.link-list{background:#5c2926;transition:all .3s ease;color:#fff;border:1px solid #fff;text-align:center;width:100px;padding:.5em 0}@media screen and (max-width: 800px){.news-list a.link-list{width:70%;margin:0 auto;margin-top:15px;display:block}}.news-list a.link-list:hover{background:#4a211f;text-decoration:none;border-radius:10px}.news-list a.link-list:before{content:"";display:inline-block;width:6px;height:6px;background-size:6px 6px;border-image-repeat:no-repeat;background-image:url("../img/icon-arrow.png");margin-right:.3em;position:relative;top:50%;transform:translate(0, -50%)}.message{width:1080px;margin:0 auto;display:flex;margin-top:70px;margin-bottom:200px}@media screen and (max-width: 1079px){.message{width:100%}}@media screen and (max-width: 800px){.message{width:100%}}@media screen and (max-width: 800px){.message{flex-direction:column;margin-top:20px;margin-bottom:30px;overflow:hidden}}.message>div{width:50%}@media screen and (max-width: 800px){.message>div{width:100%}}.message .krm{background:url("../img/index/krm-long.png") no-repeat;width:460px;height:270px;animation:krm 4s steps(12) infinite;margin:0 auto}@media screen and (max-width: 800px){.message .krm{position:relative;top:0;left:50%;transform:translateX(-50%)}}@keyframes krm{0%{background-position:0 0}13%{background-position:0 0}100%{background-position:-5520px 0}}@media screen and (max-width: 800px){.message .intro-text{padding:0 5%;margin-bottom:50px}}.message .intro-text p{font-size:15px;line-height:2.5em}@media screen and (max-width: 800px){.message .intro-text p{font-size:14px;text-align:center}}.message .intro-text p:not(:last-child){margin-bottom:2em}.message .intro-text p span{display:inline-block}.ani-image{border:1px solid #5d2a26;border-radius:75px;display:flex;align-items:center;justify-content:center;margin:0 auto 40px;width:150px;height:150px}@media screen and (max-width: 800px){.ani-image{margin-bottom:30px;width:100px;height:100px}.ani-image img{width:70%}}.morebtn01{display:block;width:130px;margin:0 auto;text-align:center;margin-top:10px}@media screen and (max-width: 800px){.morebtn01{float:none;width:290px;margin:0 auto;line-height:40px;margin-top:30px;margin-bottom:50px}}.morebtn01 a{background:#5d2a26;display:block;line-height:28px;font-family:"Roboto Condensed",sans-serif;color:#fff;font-size:14px;letter-spacing:2px;transition:.3s;border:solid 1px #5d2a26}@media screen and (max-width: 800px){.morebtn01 a{line-height:40px}}.morebtn01 a:hover{background:none;color:#5d2a26;text-decoration:none;transition:.3s;border-radius:30px}.morebtn01:after{content:"";display:block;clear:both}.menu_other .bg-img{background:url("../img/index/bg-img.jpg") no-repeat center;background-size:cover;background-attachment:fixed;height:250px}@media screen and (max-width: 800px){.menu_other .bg-img{background-attachment:inherit;height:200px}}.menu_other ul.menus{width:1080px;margin:0 auto;margin-bottom:95px;transform:translateY(-60px)}@media screen and (max-width: 1079px){.menu_other ul.menus{width:100%}}@media screen and (max-width: 800px){.menu_other ul.menus{width:100%}}@media screen and (max-width: 800px){.menu_other ul.menus{margin-bottom:70px}}.menu_other ul.menus li{display:flex;padding:0 40px;margin-bottom:20px}@media screen and (max-width: 800px){.menu_other ul.menus li{flex-direction:column;padding:0 15px}}.menu_other ul.menus li>*{width:calc((100% - 80px)/2)}@media screen and (max-width: 800px){.menu_other ul.menus li>*{width:100%}}.menu_other ul.menus li article{display:flex;flex-direction:column;justify-content:center}.menu_other ul.menus li article h2{text-align:center;margin-bottom:23px;width:250px}.menu_other ul.menus li article h2.long{width:400px}@media screen and (max-width: 800px){.menu_other ul.menus li article h2.long{width:100%}}.menu_other ul.menus li article h2.long span.cursive{left:40%;top:-0.5em}.menu_other ul.menus li article p{font-size:15px;line-height:30px}@media screen and (max-width: 800px){.menu_other ul.menus li article p{font-size:14px;text-align:center}.menu_other ul.menus li article p span{white-space:nowrap}}.menu_other ul.menus li article .morebtn01{margin-left:auto}.menu_other ul.menus li.menu_left .factory_image{background:url("../img/index/bg_mfactory.jpg") no-repeat center;background-size:cover;border-radius:60px;height:600px;order:2}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_left .factory_image{order:1;max-width:330px;height:330px;margin:0 auto 40px}}.menu_other ul.menus li.menu_left .cafe_image{background:url("../img/index/bg_mcafe.jpg") no-repeat center;background-size:cover;border-radius:60px;height:600px;order:2}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_left .cafe_image{order:1;max-width:330px;height:330px;margin:0 auto 40px}}.menu_other ul.menus li.menu_left article{order:1;margin-right:80px;position:relative;z-index:1}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_left article{order:2;margin-right:0}}.menu_other ul.menus li.menu_left article .dot-line_change{width:calc(100% - 150px);position:absolute;top:210px;left:calc((100% - 150px)/2 + 150px - 8px)}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_left article .dot-line_change{width:12px;height:104px;left:50%;transform:translateX(-50%);top:-96px}}.menu_other ul.menus li.menu_left .cursive{transform:translateX(-3.5em)}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_left .ani-image img{width:60%}}.menu_other ul.menus li.menu_right .shop_image{background:url("../img/index/bg_mshop.jpg") no-repeat center;background-size:cover;border-radius:60px;height:600px;margin-right:80px}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_right .shop_image{max-width:330px;height:330px;margin:0 auto 40px}}.menu_other ul.menus li.menu_right .ws_image{background:url("../img/index/bg_mws.jpg") no-repeat center;background-size:cover;border-radius:60px;height:600px;margin-right:80px}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_right .ws_image{max-width:330px;height:330px;margin:0 auto 40px}}.menu_other ul.menus li.menu_right article{position:relative}.menu_other ul.menus li.menu_right article .dot-line_change{width:calc(100% - 150px);position:absolute;top:210px;right:calc((100% - 150px)/2 + 150px - 8px)}@media screen and (max-width: 800px){.menu_other ul.menus li.menu_right article .dot-line_change{width:12px;height:104px;left:50%;transform:translateX(-50%);top:-96px}}.menu_other ul.menus li.menu_right .cursive{transform:translateX(-3.5em)}