body{font-family:"Noto Sans JP",sans-serif;color:#222;-webkit-font-smoothing:antialiased;background-image:url(../img/hemp-cloth-05-01.png);font-size:1rem;color:#cc7f89}.header_logo_title h1{font-size:3rem}.header-title a{display:flex;align-items:center;color:#cc7f89;text-shadow:2px 2px 4px #fff;font-family:"Hachi Maru Pop",cursive;font-weight:900}.header-title a img{width:50px;margin:10px}.header-title{display:flex;align-items:center}.header-Tagline{font-size:1.8rem;margin-left:30px}#splash{position:fixed;z-index:999;width:100%;height:100%;background:linear-gradient(45deg, rgb(186, 208, 185), rgb(139, 139, 152));text-align:center;color:#fff}.progressbar-text{font-size:5rem;font-family:"Italianno",cursive}.progressbar-text span{font-size:2rem}@media only screen and (max-width: 768px){.progressbar-text{font-size:3rem}.progressbar-text span{font-size:1.3rem}}.openbtn{position:fixed;background:#cc7f89;z-index:9999;cursor:pointer;width:50px;height:50px;border-radius:5px;top:10px;right:10px}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:5px;background:rgba(248,242,230,.7843137255);width:45%}.openbtn span:nth-of-type(1){top:13px}.openbtn span:nth-of-type(2){top:19px}.openbtn span:nth-of-type(3){top:25px}.openbtn span:nth-of-type(3)::after{content:"Menu";position:absolute;top:5px;left:-3px;color:rgba(248,242,230,.7843137255);font-size:.6rem;text-transform:uppercase}.openbtn.active span:nth-of-type(1){top:14px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:26px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.openbtn.active span:nth-of-type(3)::after{content:"Close";transform:translateY(0) rotate(-45deg);top:5px;left:2px}#g-nav{position:fixed;z-index:980;top:0;right:-100%;width:30%;height:100vh;background:linear-gradient(45deg, rgb(186, 208, 185), rgb(139, 139, 152));transition:all .6s}#g-nav.panelactive{right:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:990;width:30%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 768px){#g-nav,#g-nav.panelactive #g-nav-list{width:100%}}#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%, -50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;transition:all .5s;font-size:2rem;font-family:"Noto Sans JP",sans-serif}#g-nav li a:hover{color:#ccc}.mainview_item{display:flex;flex-wrap:wrap;justify-content:center}.mainview_item img{width:48vw}.mainview_item img:nth-child(4){transform:translate(50px, 50px) rotate(10deg);position:relative;top:-50px;left:-70px}.mainview{position:relative}.title{font-size:18vw;font-family:"Noto Serif JP",serif;font-weight:400;height:100%;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;text-align:center;z-index:99;writing-mode:vertical-rl;text-shadow:5px 5px 10px #fff}.topics_line h2{font-size:3rem;font-weight:900;text-align:center;margin-top:7vh;background:rgba(248,242,230,.7843137255);padding:20px;margin:20px 40px;margin-top:50px;border-radius:8px;position:relative}.topics_line h2::before{content:"";background:#928bac;width:30px;height:30px;border-radius:50%;position:absolute;top:50%;left:30px;transform:translate(0, -50%);background:linear-gradient(to bottom, #d8ceff 0%, #bab1dc 40%, #6b667e 100%);box-shadow:inset 5px 30px 20px rgba(255,255,255,.5),0 6px 10px rgba(0,0,0,.2)}.topics_line h2::after{content:"";background:#928bac;width:30px;height:30px;border-radius:50%;position:absolute;top:50%;right:30px;transform:translate(0, -50%);background:linear-gradient(to bottom, #d8ceff 0%, #bab1dc 40%, #6b667e 100%);box-shadow:inset 5px 30px 20px rgba(255,255,255,.5),0 6px 10px rgba(0,0,0,.2)}.topics_list{margin:20px}.topics_list_item{margin:20px;transition:1.5s ease;opacity:0}.topics_list_item.active{opacity:1}.attachment-post-thumbnail{width:50%;margin:0 auto}.topics_list_item_content_title{font-size:2.8rem;display:flex;flex-direction:column;min-width:200px;position:relative;text-align:left;padding:20px;border-radius:8px 8px 0 0;background:rgba(112,93,92,.7137254902);color:#f8f2e6;cursor:pointer;width:100%;box-shadow:5px 5px 8px #3b1717}.topics_list_item_content.topics_list_item_content_title:nth-child(2n){background:#849bbe}.topics_list_item_content_title::after{content:"";border-top:3px solid #849bbe;border-left:3px solid #849bbe;display:inline-block;width:18px;height:18px;transform:rotate(-135deg) translateY(9px);position:absolute;right:20px;top:50%}.topics_list_item_content_in figure{width:fit-content}.topics_list_item_content_in{font-size:2.8rem;position:relative;border-radius:0 0 8px 8px;background:#f8f2e6;color:#3b1717;border:rgba(0,0,0,0);padding:0 20px;line-height:0;opacity:0;overflow:hidden;max-height:0;box-shadow:5px 5px 8px #3b1717;transition:1s}.topics_list_item_content_in.is_open{padding:20px;line-height:1.5;opacity:1;max-height:500px;transform:translateY(none)}.topics_list_item_content_title.is_open::after{transform:rotate(45deg) translateY(-10px)}small{font-size:1.2rem;background-color:rgba(255,255,255,.6078431373);color:#705d5c;padding:5px 20px;position:absolute;transform:translate(-50%, 0);bottom:5%;left:50%;z-index:10;border-radius:5px}.wrapper{margin:0}.wrapper h2{display:block;max-width:768px;margin:10px auto;font-size:2.3rem;font-weight:bold;text-align:center;background-color:rgba(112,93,92,.7137254902);padding:10px;border-top-left-radius:20px;border-bottom-right-radius:20px;text-shadow:1px 1px 2px #fff}.cake_item{margin:20px}.item-content{margin-top:20px;margin-bottom:30px;margin-left:10px;margin-right:10px}.caketitle{font-size:1.8rem;padding:10px 10px;color:rgba(248,242,230,.7843137255);background-color:rgba(112,93,92,.7137254902);border-top-left-radius:20px;border-top-right-radius:20px}.cakeprice{font-size:1.8rem;padding:10px 30px;color:#705d5c;background-color:#f8f2e6;border-bottom-left-radius:20px;border-bottom-right-radius:20px;text-align:end}.cake_list{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px}.cake_list_item{width:33.33%}.img-box img{height:auto}.bakedsweets_list{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px}.bakedsweetstitle{font-size:1.8rem;padding:10px 10px;color:rgba(248,242,230,.7843137255);background-color:rgba(112,93,92,.7137254902);border-top-left-radius:20px;border-top-right-radius:20px}.bakedsweetsprice{font-size:1.8rem;padding:10px 30px;color:#705d5c;background-color:#f8f2e6;border-bottom-left-radius:20px;border-bottom-right-radius:20px;text-align:end}.cake_list_news{display:flex;flex-direction:row;justify-content:space-around}.news_title{font-size:1.8rem;margin:10px;padding:10px 10px;background-color:#fff;border-radius:8px}.item{display:block;max-width:680px;margin:10px auto;padding:20px}.item_title{font-size:2.4rem;font-weight:700;padding:10px 20px;background-color:rgba(112,93,92,.7137254902);border-top-left-radius:20px;border-top-right-radius:20px}.content_Nav_Prev a,.content_Nav_Next a{font-size:1.8rem;background-color:rgba(112,93,92,.7137254902);color:rgba(248,242,230,.7843137255);margin-top:20px;padding:10px 18px;border-radius:18px;transition:.5s}.content_Nav_Prev a:hover,.content_Nav_Next a:hover{background-color:rgba(248,242,230,.7843137255);color:#cc7f89}.item_content{font-size:2.4rem;padding:20px 20px;color:#705d5c;background-color:rgba(248,242,230,.7843137255);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.content_Nav{display:flex;flex-direction:row;justify-content:space-around}.footer_loop{overflow:hidden;position:relative}.footer_loop_box{display:flex;width:100vw}.footer_loop_box img{min-width:100vw}.footer_loop_box img:first-child{animation:loop 400s -200s linear infinite}.footer_loop_box img:last-child{animation:loop2 400s linear infinite}#menu-global_menu-2{display:flex;justify-content:space-around;background-color:rgba(248,242,230,.7843137255);margin:0px 40px;border-radius:8px}.menu-item{font-size:1.8rem;padding:10px 30px}.footer-nav{position:absolute;transform:translate(-50%, 0);bottom:50px;left:50%;border-radius:5px;z-index:100}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@media only screen and (max-width: 768px){small{font-size:12px;width:80%;text-align:center}.header-title a{display:flex;align-items:center}.header-title a img{width:20px;margin:5px}.header-Tagline{font-size:12px}.topics_line h2{font-size:2.2rem;width:80%}}/*# sourceMappingURL=styles.css.map */