@layer foundation{.l-container{--color-gold:#d2c88b;--color-green:#005b49;--color-lightgreen:#1a4035;--color-darkgreen:#004b3d;--color-beige:#f3ecd9;--color-grey:#f2f2f2;--color-white:#fff;--bg-gradient:linear-gradient(180deg, var(--color-green) 0%, var(--color-lightgreen) 100%);--fsz1114:clamp(.688rem, .125rem + 1.17vw, .875rem);--fsz1318:clamp(.813rem, -.125rem + 1.95vw, 1.125rem);--fsz1618:clamp(1rem, .625rem + .78vw, 1.125rem);--fsz1624:clamp(1rem, -.5rem + 3.13vw, 1.5rem);--fsz2236:clamp(1.375rem, -1.25rem + 5.47vw, 2.25rem);--fsz14:.875rem;--fsz15:.938rem;--fsz18:1.125rem}*,:before,:after{content:none;box-sizing:border-box;margin:0;padding:0}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus{outline:0!important}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1rem}dt,b,strong{font-weight:500}small{font-size:60%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{color:inherit;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration:underline}a:hover,a:focus{text-decoration:underline}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}a[href^=tel\:]{cursor:default}a[href^=tel\:]:hover{text-decoration:none}pre,code,kbd,samp{font-size:1em}pre{-ms-overflow-style:scrollbar;margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0}ul[class],ol[class]{list-style:none}button{border-radius:0}button:focus{outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner{border-style:none}[type=button]::-moz-focus-inner{border-style:none}[type=reset]::-moz-focus-inner{border-style:none}[type=submit]::-moz-focus-inner{border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{appearance:listbox}button,input[type=submit]{appearance:none;background:0 0;border:none}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0}legend{width:100%;max-width:100%;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;margin-bottom:.5rem;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:none}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{cursor:pointer;outline:none;list-style:none;display:list-item}summary::-webkit-details-marker{display:none}@media screen and (min-width:768px){details[data-accordion=sm] summary{pointer-events:none;cursor:default}}@media screen and (max-width:767.9px){details[data-accordion=lg] summary{pointer-events:none;cursor:default}}template{display:none}html{scroll-behavior:smooth}body{scrollbar-gutter:stable;font-family:YakuHanJP,Noto Sans CJK;font-weight:400;line-height:1.8}h1,h2,h3,h4,h5,h6{line-height:1.3}img{vertical-align:bottom;border:none;max-width:100%;height:auto}}@layer layout{.l-container{color:var(--color-green);font-family:游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif}.l-block{padding-block:80px}@media (min-width:768px){.l-block{padding-block:160px}}.l-block[data-style=line]{position:relative}.l-block[data-style=line]:before,.l-block[data-style=line]:after{content:"";background-image:linear-gradient(to right, var(--color-gold), var(--color-gold) 4px, transparent 4px, transparent 8px);background-position:0 100%;background-repeat:repeat-x;background-size:8px 2px;width:100%;height:1px;display:block;position:absolute;inset-inline-start:0}.l-block[data-style=line]:before{inset-block-start:30px}@media (min-width:768px){.l-block[data-style=line]:before{inset-block-start:100px}}.l-block[data-style=line]:after{inset-block-end:30px}@media (min-width:768px){.l-block[data-style=line]:after{inset-block-end:100px}}.l-inner{width:calc(100% - 40px);margin-inline:auto}@media (min-width:768px){.l-inner{max-width:920px}}.l-grid{grid-template-columns:minmax(0,1fr);gap:50px;display:grid}@media (min-width:768px){.l-grid{gap:60px}}}@layer component{.c-heading{margin-block-end:30px;position:relative}.c-heading img{block-size:auto;inline-size:100%}.c-handwriting{block-size:auto;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%)}.c-handwriting[data-name=relation]{inline-size:21.9%}@media (min-width:768px){.c-handwriting[data-name=relation]{inline-size:13.4%}}.c-handwriting[data-name=statement]{inline-size:28.6%}@media (min-width:768px){.c-handwriting[data-name=statement]{inline-size:17.7%}}.c-handwriting[data-name=example]{inline-size:24.1%}@media (min-width:768px){.c-handwriting[data-name=example]{inline-size:14.8%}}.c-handwriting[data-name=support]{inline-size:54.7%}@media (min-width:768px){.c-handwriting[data-name=support]{inline-size:30.7%}}.c-handwriting[data-name=movie]{inline-size:15%}@media (min-width:768px){.c-handwriting[data-name=movie]{inline-size:9.2%}}.c-handwriting[data-name=chocolate]{inline-size:25.8%}@media (min-width:768px){.c-handwriting[data-name=chocolate]{inline-size:15.9%}}.c-handwriting__text{fill:var(--color-gold)}.c-handwriting__text[data-color=green]{fill:var(--color-green)}.c-handwriting__text[data-name=relation]{-webkit-mask:url(#mask-relation);mask:url(#mask-relation)}.c-handwriting__text[data-name=statement]{-webkit-mask:url(#mask-statement);mask:url(#mask-statement)}.c-handwriting__text[data-name=example]{-webkit-mask:url(#mask-example);mask:url(#mask-example)}.c-handwriting__text[data-name=support]{-webkit-mask:url(#mask-support);mask:url(#mask-support)}.c-handwriting__text[data-name=movie]{-webkit-mask:url(#mask-movie);mask:url(#mask-movie)}.c-handwriting__text[data-name=chocolate]{-webkit-mask:url(#mask-chocolate);mask:url(#mask-chocolate)}.c-handwriting__line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.c-button{background-color:var(--color-gold);width:min(100%,438px);font-size:var(--fsz1624);text-align:center;border-radius:10px;margin-inline:auto;padding:10px 20px;font-weight:600;transition:all .2s ease-out;display:block}@media (hover:hover){.c-button:hover{opacity:.6;text-decoration:none}}}@layer project{.p-mv__image img{width:100%;height:auto}.p-brandnav{z-index:4;background-color:var(--color-darkgreen);padding-block:15px;position:sticky;top:0}.p-brandnav:before{content:"";background-color:var(--color-darkgreen);z-index:1;block-size:100%;inline-size:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}@media (min-width:1024px){.p-brandnav:before{display:none}}.p-brandnav:after{content:"";z-index:-1;opacity:0;visibility:hidden;background-color:#000c;block-size:100%;inline-size:100%;transition:all .4s;display:block;position:fixed;inset-block-start:0;inset-inline-start:0}@media (min-width:768px){.p-brandnav{padding-block:30px}}@media (min-width:1024px){.p-brandnav{padding-block:0}}.p-brandnav.is-active:after{opacity:1;visibility:visible}.p-brandnav__inner{justify-content:space-between;align-items:center;width:calc(100% - 30px);margin-inline:auto;display:flex}@media (min-width:768px){.p-brandnav__inner{width:calc(100% - 60px)}}@media (min-width:1024px){.p-brandnav__inner{max-width:1024px}}.p-brandnav__logo{z-index:1;flex-shrink:0;flex-basis:125px;position:relative}@media (min-width:1024px){.p-brandnav__logo{flex-basis:188px}}.p-brandnav__button{z-index:1;cursor:pointer;width:26px;height:20px;position:relative}@media (min-width:1024px){.p-brandnav__button{display:none}}.p-brandnav__button:focus{outline:none}.p-brandnav__button span{background-color:var(--color-white);width:100%;height:2px;transition:all .3s;display:block;position:absolute;inset-inline-start:0}.p-brandnav__button span:first-child{inset-block-start:0}.p-brandnav__button span:nth-child(2){inset-block-start:calc(50% - 1px)}.p-brandnav__button span:nth-child(3){inset-block-end:0}.p-brandnav__button.is-active span:first-child{inset-block-start:calc(50% - 1px);transform:rotate(45deg)}.p-brandnav__button.is-active span:nth-child(2){opacity:0}.p-brandnav__button.is-active span:nth-child(3){inset-block-start:calc(50% - 1px);transform:rotate(-45deg)}.p-brandnav__list{background-color:var(--color-darkgreen);flex-direction:column;gap:20px;width:100%;padding-block:40px 70px;transition:all .4s;display:flex;position:fixed;inset-block-start:-100%;inset-inline-start:0}.p-brandnav__list.is-active{inset-block-start:133px}@media (min-width:1024px){.p-brandnav__list.is-active{inset-block-start:60px}.p-brandnav__list{flex-flow:row;justify-content:flex-end;align-items:stretch;gap:20px;padding-block:0;display:flex;position:static}}@media (min-width:1140px){.p-brandnav__list{gap:30px}}.p-brandnav__item{border-bottom:1px dashed var(--color-gold);width:calc(100% - 112px);color:var(--color-gold);font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-size:var(--fsz18);letter-spacing:.05em;margin-inline:auto;padding-block-end:20px;font-weight:400}@media (min-width:1024px){.p-brandnav__item{width:auto;font-size:var(--fsz14);text-align:center;border-bottom:none;align-items:stretch;margin-inline:0;padding-block-end:0;line-height:1.5;display:flex}}@media (min-width:1140px){.p-brandnav__item{font-size:var(--fsz15)}}@media (min-width:1024px){.p-brandnav__link{align-items:center;padding-block:20px;display:flex;position:relative}.p-brandnav__link:after{content:"";transform-origin:top;background-color:var(--color-gold);width:100%;height:6px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.p-brandnav__link[data-status=current]:after{transform:scale(1)}}@media (any-hover:hover){.p-brandnav__link:hover{text-decoration:none}.p-brandnav__link:hover:after{transform:scale(1)}}.p-nav{background-color:var(--color-gold);padding-block:30px}.p-nav__inner{justify-content:flex-end;align-items:center;width:calc(100% - 40px);margin-inline:auto;display:flex}@media (min-width:1024px){.p-nav__inner{justify-content:space-between;width:min(100%,1010px)}}.p-nav__list{background-color:var(--color-gold);flex-direction:column;gap:15px;width:100%;display:flex}@media (min-width:1024px){.p-nav__list{flex-flow:wrap;justify-content:center;gap:10px 40px;display:flex}}.p-nav__item{text-align:center;justify-content:center;align-items:center;gap:5px;font-size:clamp(1rem,.25rem + 1.56vw,1.25rem);font-weight:600;display:flex}.p-nav__item:not(:last-child){background:url(/sweets/chocolate/chocokoka/wcb/assets/images/bg_nav.svg) bottom/100% no-repeat;padding-block-end:15px}@media (min-width:1024px){.p-nav__item:not(:last-child){background:0 0;padding-block-end:0}}.p-nav__item:after{content:"";background:url(/sweets/chocolate/chocokoka/wcb/assets/images/i_arrow.svg) 0 0/100% no-repeat;width:9px;height:7px}@media (min-width:1024px){.p-nav__item:after{width:18px;height:14px}}.p-relation{background:var(--bg-gradient)}@media (min-width:768px){.p-relation__block{grid-template-columns:1.38fr 1fr;align-items:center;gap:8%}}.p-relation__lead{color:var(--color-gold);font-size:var(--fsz1624);text-align:center;font-weight:600;line-height:2.5}@media (min-width:768px){.p-relation__lead{text-align:start}}.p-relation__image{text-align:center}.p-relation__image img{block-size:auto;inline-size:178px}@media (min-width:768px){.p-relation__image img{inline-size:100%}}.p-statement{background-color:var(--color-beige)}.p-statement__block{grid-template:auto 40px auto/minmax(0,1fr);display:grid}@media (min-width:768px){.p-statement__block{grid-template-rows:auto 100px auto}}.p-statement__logo{text-align:center;grid-area:1/1/3/2}.p-statement__logo-caption{font-size:var(--fsz2236);margin-block-end:30px;font-weight:600}.p-statement__image{text-align:center;grid-area:2/1/4/2}.p-statement__image img{block-size:auto;inline-size:50%}@media (min-width:768px){.p-statement__image img{inline-size:275px}}.p-example{background:var(--bg-gradient)}.p-example__block{background-color:var(--color-grey);grid-template-columns:minmax(0,1fr);gap:10px;padding:30px 10px 100px;display:grid;position:relative}@media (min-width:768px){.p-example__block{gap:60px;padding:70px min(7.6%,70px) 140px}}.p-example__image{position:relative}.p-example__image:after{content:"";display:block;position:absolute}.p-example__image[data-name=ex01]:after{background:url(/sweets/chocolate/chocokoka/wcb/assets/img/ex_bg01.QGn1pJH-.svg) 0 0/100% no-repeat;block-size:173px;inline-size:154px;inset-block-start:0;inset-inline-end:0}@media (min-width:768px){.p-example__image[data-name=ex01]:after{block-size:350px;inline-size:310px;inset-block-start:-60px;inset-inline-end:-20px}}.p-example__image[data-name=ex02]{text-align:end}.p-example__image[data-name=ex02]:after{background:url(/sweets/chocolate/chocokoka/wcb/assets/img/ex_bg02.albvbMQ5.svg) 0 0/100% no-repeat;block-size:178px;inline-size:158px;inset-block-end:-90px;inset-inline-start:0}@media (min-width:768px){.p-example__image[data-name=ex02]:after{block-size:350px;inline-size:312px;inset-block-start:-90px;inset-inline-start:-40px}}.p-example__image[data-name=ex03]:after{background:url(/sweets/chocolate/chocokoka/wcb/assets/img/ex_bg03.DF8X3hjL.svg) 0 0/100% no-repeat;block-size:157px;inline-size:172px;inset-block-end:-60px;inset-inline-end:0}@media (min-width:768px){.p-example__image[data-name=ex03]:after{block-size:314px;inline-size:347px;inset-block-end:-120px;inset-inline-start:-20px}}.p-example__image-illust{z-index:1;position:relative}@media (min-width:768px){.p-example__image-illust{block-size:auto}.p-example__image-illust[data-name=ex01]{inline-size:61.5%}.p-example__image-illust[data-name=ex02]{inline-size:89.70.5%}.p-example__image-illust[data-name=ex03]{inline-size:92.3%}}.p-example__image-package{z-index:2;position:absolute}.p-example__image-package[data-name=ex01]{inline-size:85px;inset-block-start:10px;inset-inline-start:0}@media (min-width:768px){.p-example__image-package[data-name=ex01]{inline-size:170px;inset-block-start:-20px}}.p-example__image-package[data-name=ex02]{inline-size:75px;inset-block-start:-40px;inset-inline-end:0}@media (min-width:768px){.p-example__image-package[data-name=ex02]{inline-size:179px;inset-block-start:-140px}}.p-example__image-package[data-name=ex03]{inline-size:135px;inset-block-end:-70px;inset-inline-end:0}@media (min-width:768px){.p-example__image-package[data-name=ex03]{inline-size:294px;inset-block-end:-90px}}.p-support{background-color:var(--color-beige)}.p-support__lead{font-size:var(--fsz1624);text-align:center;font-weight:600}.p-support__image{flex-wrap:nowrap;justify-content:center;gap:20px;display:flex}.p-amazon{gap:20px;width:min(100%,606px);margin-inline:auto}.p-amazon__button{background-color:var(--color-gold);border-radius:10px;padding:20px;transition:all .2s ease-out}@media (hover:hover){.p-amazon__button:hover{opacity:.6;text-decoration:none}}.p-amazon__logo{grid-template-columns:1.6fr 1fr;align-items:center;gap:20px;display:grid}.p-amazon__logo figcaption{font-size:var(--fsz1624);text-align:center;font-weight:600}.p-amazon__lead{font-size:var(--fsz1114);font-weight:600}.p-movie{background:url(/sweets/chocolate/chocokoka/wcb/assets/images/bg_pattern.webp) 0 0/70px}@media (min-width:768px){.p-movie{background-size:30px}}.p-movie__list{grid-template-columns:minmax(0,1fr);gap:30px;display:grid}@media (min-width:768px){.p-movie__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-movie__name{color:var(--color-gold);font-size:var(--fsz1618);text-align:center;margin-block-start:10px;font-weight:600;display:block}.video-wrap{aspect-ratio:16/9;background:#000;width:100%}.video-js,.video-js video{width:100%;height:100%}.vjs-poster img{width:100%;height:auto}.p-choco{background:var(--bg-gradient)}.p-choco__block{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (min-width:768px){.p-choco__block{grid-template-columns:1.27fr 1fr;align-items:center;gap:10%}}.p-choco__info{gap:40px}.p-choco__lead{color:var(--color-gold);font-size:var(--fsz1318);text-align:center;font-weight:600;line-height:2.5}@media (min-width:768px){.p-choco__lead{text-align:start}}.p-choco__lead[data-style=large]{font-size:var(--fsz2236);line-height:1.5}.p-choco__image{text-align:center}.p-choco__image img{block-size:auto;inline-size:265px}@media (min-width:768px){.p-choco__image img{inline-size:354px}}}@layer utility{.u-br__sp{display:inline}@media (min-width:1024px){.u-br__sp{display:none}}.u-br__pc{display:none}@media (min-width:1024px){.u-br__pc{display:inline}}}@layer vendor{.modal{display:none}.modal.is-open{z-index:9999;display:block;position:fixed;inset:0}.modal__overlay{background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal__container{background:#111;width:min(960px,100%);position:relative;overflow:hidden}.modal__header{color:#fff;background:#1c1c1c;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal__close{all:unset;color:#fff;cursor:pointer;font-size:24px;line-height:1}.modal__content{padding:0}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeIn}.micromodal-slide[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideIn}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeOut}.micromodal-slide[aria-hidden=true] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideOut}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}}