@charset "UTF-8";:root{--col-red: #910202;--col-wh: #fff;--col-gr: #EEC862;--col-br: #4E0505;--txt-br: #671A31;--txt-bk: #5A3636;--bg01: linear-gradient(180deg, #760203 31.25%, #BF191A 50%, #760203 80%), #870304;--bg02: linear-gradient(180deg, #F6A3A8 0%, rgba(247, 233, 233, .8) 11.54%, #FBD1D3 52.88%, rgba(247, 233, 233, .6) 85.58%, #F6A3A8 100%), #FFF}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,main,header,section,article,aside,footer,dl,dd,ul,ol,li{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}ul,ol,li{list-style:none}img,picture{max-width:100%;width:100%;height:auto;display:block;border:none}button{margin:0;padding:0;border:none;background:none}a{text-decoration:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{width:100vw;display:flex;flex-direction:column;align-items:center}button{outline:none!important}header{width:100%;position:fixed;top:0;left:0;z-index:900}header .header_inner{background:var(--col-wh);background-blend-mode:multiply;width:100%;height:13.68vw;position:relative}header h1 img{filter:brightness(0) saturate(131%) invert(10%) sepia(102%) saturate(7473%) hue-rotate(374deg) brightness(61%) contrast(100%);width:50.5vw;margin:auto;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}@media screen and (min-width: 768px){header .header_inner{height:78px}header h1 img{width:260px}}.absolute{position:absolute}body{width:100%;overflow-x:hidden;background-color:var(--col-red);font-family:Zen Kaku Gothic New}main{width:100%;gap:0;overflow-x:hidden;background-image:url(../img/ichigo/bg_ichigo.webp);background-size:250%;background-repeat:repeat}@media screen and (min-width: 768px){main{background-size:100%}}.kv{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:11.94vw;width:100%}@media screen and (min-width: 768px){.kv{width:100%;height:50vw;justify-content:flex-end;padding-bottom:12.5vw;gap:4.583vw}}.kv .title{position:absolute;z-index:2;top:5.97vw;left:9.95vw;width:69.652vw;height:34.577vw}@media screen and (min-width: 768px){.kv .title{position:unset;width:41.667vw;height:auto}.kv .title img{filter:drop-shadow(2px 4px 10px #910802)}}.kv .kv_img{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:27.861vw}@media screen and (min-width: 768px){.kv .kv_img{position:absolute;z-index:0;top:0;left:1.146vw;padding-top:0}}.kv_txt{position:unset;z-index:2;text-align:center;color:var(--col-wh)}.kv_txt .kv_txtJp{padding-bottom:2.488vw;font-size:5.97vw;font-weight:500;line-height:1.5;margin-bottom:3.6px}.kv_txt .kv_txtEn{font-size:7.96vw;font-weight:700;line-height:1.1;margin-bottom:4.8px}@media screen and (min-width: 768px){.kv_txt .kv_txtJp{padding-bottom:.521vw;font-size:3vw;margin-bottom:6px}.kv_txt .kv_txtEn{font-size:3.333vw;margin-bottom:9.6px}}.content_outer{display:flex;flex-direction:column;align-items:center;gap:9.95vw;padding:9.95vw 0 19.9vw}@media screen and (min-width: 768px){.content_outer{gap:0;padding:8.333vw 6.25vw}}.content_Inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:3.98vw}@media screen and (min-width: 768px){.content_Inner{flex-direction:row;align-items:flex-end;gap:4.167vw}}@media screen and (min-width: 768px){.InnerRever{flex-direction:row-reverse}}.content_title img{width:84.577vw}@media screen and (min-width: 768px){.content_title{position:absolute;display:flex;flex-direction:column;align-items:left;z-index:95;top:8.333vw;left:6.25vw}.content_title img{width:45.833vw}}.tag_choco{width:37.313vw;height:auto;z-index:67;top:0;left:2.488vw}@media screen and (min-width: 768px){.tag_choco{width:15.625vw;left:1.042vw}}.tag_tea{width:37.313vw;height:auto;z-index:68;top:0;right:2.488vw}@media screen and (min-width: 768px){.tag_tea{width:15.625vw;right:0}}.tag_pafe{width:37.313vw;height:auto;z-index:69;top:-17.413vw;right:2.488vw}@media screen and (min-width: 768px){.tag_pafe{width:15.625vw;top:auto;bottom:6.51vw;right:0}}.tag_smooth{width:37.313vw;height:auto;z-index:70;top:0;left:2.488vw}@media screen and (min-width: 768px){.tag_smooth{width:15.625vw;left:1.042vw}}.mainImg_area{width:100%;display:flex;flex-direction:row;align-items:flex-start;padding:0 5.97vw}@media screen and (min-width: 768px){.mainImg_area{width:41.667vw}}.ichigo_mainImg{justify-content:flex-end}@media screen and (min-width: 768px){.ichigo_mainImg{width:41.667vw;padding:0}}.mainImg_choco{width:74.627vw}@media screen and (min-width: 768px){.mainImg_choco{width:35.833vw}}.mainImg_box{width:90.015vw}@media screen and (min-width: 768px){.mainImg_box{width:35.833vw}}.tea_mainImg{justify-content:center}@media screen and (min-width: 768px){.tea_mainImg{width:41.667vw;padding:0}}.mainImg_tea{width:39.801vw}@media screen and (min-width: 768px){.mainImg_tea{width:25vw}}.pafe_mainImg{justify-content:center}@media screen and (min-width: 768px){.pafe_mainImg{padding:0}}.mainImg_pafe{width:74.627vw}@media screen and (min-width: 768px){.mainImg_pafe{width:41.667vw}}.smooth_mainImg{justify-content:center;z-index:2}@media screen and (min-width: 768px){.smooth_mainImg{padding:0}}.mainImg_smooth{width:56.716vw}@media screen and (min-width: 768px){.mainImg_smooth{width:31.25vw}}.p_area{text-align:center;font-family:Zen Kaku Gothic New;font-size:3.8vw;font-weight:400;line-height:1.5;letter-spacing:.4vw;color:var(--col-wh);width:89.552vw;padding:1.99vw;background:#441414b3}@media screen and (min-width: 768px){.p_area{font-size:1.667vw;letter-spacing:.25vw;width:41.667vw;padding:.417vw 1.25vw;margin-bottom:8.333vw}}.mini_p{font-family:Zen Kaku Gothic New;font-size:2.985vw;font-style:normal;font-weight:500;line-height:1.5;letter-spacing:.448vw}@media screen and (min-width: 768px){.mini_p{font-size:1.142vw;line-height:1.7;letter-spacing:.156vw}}.content_box{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:3.98vw;padding:4.478vw 5.97vw;z-index:60}@media screen and (min-width: 768px){.content_box{flex-direction:row;gap:4.167vw;padding:1.25vw 9.583vw}}.content_box img{width:74.627vw;height:auto}@media screen and (min-width: 768px){.content_box img{width:29.167vw}}.sp_block{display:flex!important}@media screen and (min-width: 768px){.sp_block{display:none!important}}.pc_block{display:none!important}@media screen and (min-width: 768px){.pc_block{display:flex!important}}:hover a{color:#f5f5f5!important}footer{z-index:89;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;font-family:Noto Sans JP;padding:40px 4.975vw;color:var(--txt-br);background-color:var(--col-wh)}footer div{background:var(--col-red);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:24px;font-weight:900;line-height:1.8;letter-spacing:.48px;margin-bottom:10px;width:100%;display:inline-block;position:relative}footer .sns{display:flex;justify-content:center;align-items:center;gap:40px;padding-bottom:20px}footer .sns li{width:45px;aspect-ratio:1;border-radius:50%;background:var(--col-red);position:relative}footer .sns li a{display:block;width:100%;height:100%}footer .sns li a img{width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer .sns li :nth-child(2) img{width:18px}footer p{max-width:1000px;width:100%;display:table;color:var(--col-red);font-size:14px;font-weight:700;line-height:1.8;letter-spacing:.7px}#menu-button{background-color:unset;position:absolute;right:0;display:grid;place-items:center;place-content:center;width:min(13.68vw,72px);height:min(13.68vw,72px);border:none;cursor:pointer;z-index:999;top:50%;transform:translateY(-50%)}.bar,.bar:before,.bar:after{width:30px;height:3px;background-color:var(--col-red);transition:transform .3s;border-radius:10px}.bar{display:grid}.bar:before,.bar:after{content:"";grid-area:1/1}.bar:before{transform:translateY(-10px)}.bar:after{transform:translateY(10px)}.menu-open #menu-button{border-radius:50%;width:min(11.68vw,64px);height:min(11.68vw,64px)}.menu-open .bar{background-color:transparent}.menu-open .bar:before{transform:rotate(45deg);background-color:var(--col-wh)}.menu-open .bar:after{transform:rotate(-45deg);background-color:var(--col-wh)}#overlay{visibility:hidden;opacity:0;position:fixed;inset:0;width:100%;height:100%;background:#ffffff80;z-index:997;transition:opacity .3s}.menu-open #overlay{visibility:visible;opacity:1}#menu{display:flex;flex-direction:column;justify-content:top;position:fixed;right:0;top:0;z-index:998;overflow-y:auto;overflow:hidden;background-color:#910202;background-image:url(../img/ichigo/bg_ichigo.webp);background-position:-30px -15px;background-repeat:repeat;background-size:100%;max-width:402px;width:100%;height:100vh;max-height:560px;aspect-ratio:1/2;transform:translate(100%);transition:transform .3s ease-out}.menu_area{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:56px;padding:80px 40px 40px;width:100%;height:100%;background:linear-gradient(180deg,#91020200 20%,#910202 35%,#910202)}.menu_title{width:378px;height:auto}.menu_linkArea{display:flex;flex-direction:column;align-items:center;width:100%}.menu_linkArea li{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:16px}.menu_linkArea li:before{content:"";display:block;width:100%;height:2px;margin:0 0 16px;background-image:repeating-linear-gradient(to right,#fff 0,#fff 2px,transparent 2px,transparent 6px)}.menu_linkArea li:nth-child(4){padding-bottom:0}.menu_linkArea li:nth-child(4):after{content:"";display:block;width:100%;height:2px;margin:16px 0 0;background-image:repeating-linear-gradient(to right,#fff 0,#fff 2px,transparent 2px,transparent 6px)}.nav_linkImg{width:auto;height:50px}.nav_collab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.nav_collab a .menu_collab:nth-child(1) .menu_collab01{width:auto;height:20px}.nav_collab a .menu_collab:nth-child(2) .menu_collab01{width:auto;height:22px}.nav_collab a .menu_collab02{width:auto;height:31px}.menu-open #menu{transform:translate(0)}a:hover{opacity:.7}.op0{opacity:0}.anim_box.popup.is-animated{animation:popup 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.5s}@keyframes popup{0%{transform:translateY(40px) scale(.8);opacity:0}to{transform:translateY(0) scale(1)}80%,to{opacity:1}}.anim_box.popup01.is-animated{animation:popup01 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popup01{0%{transform:scale(.8);opacity:0}to{transform:scale(1)}50%,to{opacity:1}}.anim_box.popleft.is-animated{animation:popleft 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popleft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.anim_box.popright.is-animated{animation:popright 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popright{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.anim_box.fadein.is-animated{animation:fadein 1.5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s}@keyframes fadein{0%{opacity:0}50%{opacity:.8}to{opacity:1}}.anim_box.fadein01.is-animated{animation:fadein01 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes fadein01{0%{transform:translateY(-40px);opacity:0}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.anim_box.fadeup.is-animated,.anim02_box.fadeup.is-animated,.anim03_box.fadeup.is-animated{animation:fadeup 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes fadeup{0%{transform:translateY(40px);opacity:0}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.anim_box.faderight.is-animated{animation:faderight 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes faderight{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.wrap{display:flex;flex-wrap:wrap}.bg-yl{background-color:#b99f00}.bg-bl{background-color:#304e7a}.bg-rd{background-color:#c93935}.bg-gr{background-color:#618d4c}.color-wh{color:#f5f5f5}.color-br{color:#613a15}.relative{position:relative}.page-top{position:fixed;bottom:10px;right:10px;width:50px;height:50px;background-color:#ce1e14;border:none;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;box-shadow:0 2px 10px #0003}.page-top.show{opacity:1;visibility:visible}.page-top:hover{transform:translateY(-3px);box-shadow:0 4px 15px #ce1e1466}.page-top:active{transform:translateY(-1px)}@media screen and (min-width: 768px){.page-top{bottom:20px;right:20px;width:60px;height:60px}}.page-top span{position:absolute;top:20px;left:18px;transform:rotate(-45deg);display:block;width:14px;height:14px;content:"";border:1px solid #f5f5f5;border-width:2px 2px 0px 0px}@media screen and (min-width: 768px){.page-top span{top:24px;left:21px;width:18px;height:18px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em rgba(247,223,30,.6666666667))}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
