.animation__animated{animation-duration:.5s;animation-delay:.2s;animation-fill-mode:both}.animation:not(.animation__animated){animation-name:none;visibility:hidden}@keyframes animation__fadein{from{opacity:0}to{opacity:1}}@keyframes animation__fadein--up{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes animation__fadein--down{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes animation__fadein--left{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}@keyframes animation__fadein--right{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}@keyframes animation__fadeout{from{opacity:1}to{opacity:0}}@keyframes animation__fadeout--up{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}@keyframes animation__fadeout--down{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes animation__fadeout--left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes animation__fadeout--right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes animation__slide--up{0%{translate:0 100%}100%{translate:0 0}}@keyframes animation__slide--down{0%{translate:0 -100%}100%{translate:0 0}}@keyframes animation__slide--left{0%{translate:100% 0}100%{translate:0 0}}@keyframes animation__slide--right{0%{translate:-100% 0}100%{translate:0 0}}@keyframes animation__popup{0%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animation__rotate--10deg{animation-name:animation__rotate--10deg;animation-duration:1.8s;animation-timing-function:steps(2, end);animation-delay:0s;animation-iteration-count:infinite}@keyframes animation__rotate--10deg{to{transform:rotate(0deg)}from{transform:rotate(10deg)}}.animation__rotate--360deg{animation-name:animation__rotate--360deg;animation-duration:10s;animation-timing-function:linear;animation-delay:0s;animation-fill-mode:none;animation-iteration-count:infinite}@keyframes animation__rotate--360deg{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animation__updown{animation-name:animation__updown;animation-duration:1.8s;animation-timing-function:steps(2, end);animation-delay:0s;animation-iteration-count:infinite}@keyframes animation__updown{to{transform:translateY(0)}from{transform:translateY(10px)}}.animation__rubber{animation-name:animation__rubber;animation-duration:1s;animation-timing-function:ease;animation-delay:0s}@keyframes animation__rubber{0%{opacity:0;transform:scaleX(1)}20%{opacity:0}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{opacity:1;transform:scaleX(1)}}.animation__bounce{animation-name:animation__bounce;animation-duration:1s;transform-origin:center bottom}@keyframes animation__bounce{0%{opacity:0;animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}20%{opacity:0;animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}43%{transform:translate3d(0, -30px, 0);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}53%{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transform:translateZ(0) scaleY(0.95);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}100%{opacity:1;animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}}.animation__infinite-fadein-out{animation-name:animation__smooth-fadein-out;animation-duration:8s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal}@keyframes animation__smooth-fadein-out{0%{opacity:1}25%{opacity:1}50%{opacity:0}75%{opacity:0}100%{opacity:1}}.animation__fluffy--vertical{animation-name:animation__fluffy--vertical;animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-fill-mode:none;animation-iteration-count:infinite}@keyframes animation__fluffy--vertical{0%{transform:translateY(0)}5%{transform:translateY(0)}10%{transform:translateY(0)}25%{transform:translateY(-20px)}35%{transform:translateY(0)}45%{transform:translateY(-15px)}60%{transform:translateY(5px)}100%{transform:translateY(0)}}.animation__blink{animation-name:animation__blink;animation-duration:4s;animation-timing-function:linear;animation-delay:0s;animation-fill-mode:none;animation-iteration-count:infinite}@keyframes animation__blink{0%{opacity:0}3%{opacity:0}3.5%{opacity:1}7%{opacity:1}7.5%{opacity:0}10%{opacity:0}10.5%{opacity:1}100%{opacity:1}}.animation__reflection{position:relative;overflow:hidden}.animation__reflection::after{position:absolute;content:"";width:30px;height:100%;top:-180px;left:0;background-color:#fff;opacity:0;transform:rotate(45deg);animation-name:animation__reflection;animation-duration:4s;animation-timing-function:ease-in-out;animation-delay:0s;animation-fill-mode:none;animation-iteration-count:infinite}@keyframes animation__reflection{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}body .crab-cream-croquettes-page .main-area h1 img{display:block;max-width:100%;margin:0 auto}body .crab-cream-croquettes-page .main-area .text-box{margin-top:82px}body .crab-cream-croquettes-page .main-area .text-box .inner{width:1152px;max-width:75%;margin:0 auto}body .crab-cream-croquettes-page .main-area .text-box .inner .text{text-align:center;letter-spacing:0;line-height:2;font-size:20px;font-weight:bold}body .crab-cream-croquettes-page .main-area .text-box .inner .text .red{color:#ce2226}body .crab-cream-croquettes-page .kodawari-area{margin-top:83px}body .crab-cream-croquettes-page .kodawari-area:before{content:"";display:block;padding-top:clamp(38px,calc(23.5294117647vw - 324px),calc(23.5294117647vw - 324px))}body .crab-cream-croquettes-page .kodawari-area .inner{width:1152px;margin:0 auto;position:relative;max-width:100%;padding:111px 0 44px}body .crab-cream-croquettes-page .kodawari-area .inner .red{color:#ce2226}body .crab-cream-croquettes-page .kodawari-area .inner:before{content:"";display:block;width:100%;height:100%;background:#ffebbb;position:absolute;z-index:-10;left:0;top:0;border-radius:14px}body .crab-cream-croquettes-page .kodawari-area .inner h2{position:absolute;top:-38px;left:110px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner{width:1000px;margin:0 auto;max-width:75vw}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3{width:53.5%;position:relative;color:#ce2226;font-family:"Dela Gothic One",sans-serif;font-weight:normal;font-size:28px;line-height:1.1785714286;letter-spacing:.025em;padding-left:20px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-l,body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-r{position:absolute;z-index:-1;top:-12px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-l{left:0}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-r{left:417px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .text{margin-top:18px;letter-spacing:0;font-size:15px;line-height:1.6;width:45%}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .image{position:absolute;left:calc(50% + 2.9411764706vw);bottom:calc(100% - 324px);width:47.0588235294vw}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .image img{display:block;width:100%;border-radius:14px 0 0 14px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner dl{margin-top:16px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner dl dt{font-weight:bold;font-size:18px;letter-spacing:0;line-height:1.4}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner dl dt .nth{color:#e67b14}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner dl dd{margin-top:5px;letter-spacing:0;font-size:15px;line-height:1.6}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .chara{position:absolute;top:258px;right:-181px}body .crab-cream-croquettes-page .kodawari-area .inner .item2{margin-top:56px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner{width:1000px;margin:0 auto;max-width:75vw;display:flex;justify-content:space-between}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner:before{content:"";display:block;padding-top:36.9%}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box{width:45%;margin-left:auto;margin-top:16px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3{position:relative;color:#ce2226;font-family:"Dela Gothic One",sans-serif;font-weight:normal;font-size:28px;line-height:1.1785714286;letter-spacing:.025em;padding-left:20px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-l,body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-r{position:absolute;z-index:-1;top:-12px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-l{left:0}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-r{left:267px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box .text{margin-top:18px;letter-spacing:0;font-size:15px;line-height:1.6}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .image-box{width:61.8923611111%;position:absolute;left:-9.5486111111%;bottom:0;margin-bottom:3.8194444444%}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .image-box img{display:block;width:100%}body .crab-cream-croquettes-page .point-area{margin-top:192px}body .crab-cream-croquettes-page .point-area .top-box{position:relative}body .crab-cream-croquettes-page .point-area .top-box .flex-box{display:flex;justify-content:space-between}body .crab-cream-croquettes-page .point-area .top-box .flex-box .cover{width:calc(50% - 300px)}body .crab-cream-croquettes-page .point-area .top-box .flex-box .cover:before{content:"";display:block;padding-top:78.1818181818%}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box{max-width:calc(100% - 150px);flex-shrink:0;width:450px;margin:0 75px;position:relative}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .chara1{width:180px;position:absolute;top:-118px;left:-160px}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .chara1 img{display:block;width:100%}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box h2 img{display:block;width:100%}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .catch{text-align:center;margin-top:41px}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .catch img{max-width:100%}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .text{font-size:15px;letter-spacing:0;line-height:1.6;margin-top:13px}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .text .red{color:#ce2226}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .text small{font-size:11px;font-weight:500}body .crab-cream-croquettes-page .point-area .top-box .image-box .image{position:absolute;width:calc(50% - 300px)}body .crab-cream-croquettes-page .point-area .top-box .image-box .image .chara2{width:287px;position:absolute;bottom:-65px;right:-52px}body .crab-cream-croquettes-page .point-area .top-box .image-box .image .chara3{width:133px;position:absolute;bottom:-107px;left:27px}body .crab-cream-croquettes-page .point-area .top-box .image-box .image img{display:block;width:100%}body .crab-cream-croquettes-page .point-area .top-box .image-box .image:nth-of-type(1){top:0;left:0}body .crab-cream-croquettes-page .point-area .top-box .image-box .image:nth-of-type(1) img{border-radius:0 14px 14px 0}body .crab-cream-croquettes-page .point-area .top-box .image-box .image:nth-of-type(2){right:0;top:0}body .crab-cream-croquettes-page .point-area .top-box .image-box .image:nth-of-type(2) img{border-radius:14px 0 0 14px}body .crab-cream-croquettes-page .point-area .sayu-contents{margin-top:77px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner{width:1152px;margin:0 auto;max-width:75%}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box{display:flex;justify-content:space-between}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box{width:52.2569444444%}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .image-title img{max-width:100%}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text-title{font-family:"Dela Gothic One",sans-serif;font-weight:normal;font-size:28px;letter-spacing:.025em;line-height:1.1785714286}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text-title .red{color:#ce2226}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text-title img{display:block;margin-bottom:11px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text{font-size:15px;letter-spacing:0;line-height:1.6;margin-top:19px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text .red{color:#ce2226}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text+.text{margin-top:12px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .image-box{width:43.4027777778%}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .image-box img{display:block;width:100%;border-radius:14px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box+.item-box{margin-top:60px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box:nth-of-type(even) .text-box{order:1}body .crab-cream-croquettes-page .factory-area{margin-top:125px}body .crab-cream-croquettes-page .factory-area .inner{width:1152px;max-width:75%;margin:0 auto}body .crab-cream-croquettes-page .factory-area .inner h2{text-align:center}body .crab-cream-croquettes-page .factory-area .inner h2 img{max-width:100%}body .crab-cream-croquettes-page .factory-area .inner ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:calc(-3.0381944444% + 38px)}body .crab-cream-croquettes-page .factory-area .inner ul:after,body .crab-cream-croquettes-page .factory-area .inner ul:before{content:"";display:block;order:1;width:22.5694444444%}body .crab-cream-croquettes-page .factory-area .inner ul li{width:22.5694444444%;padding-top:55px;position:relative;margin-top:3.0381944444%}body .crab-cream-croquettes-page .factory-area .inner ul li .nth{position:absolute;top:0;left:50%;transform:translate(-50%, 0);max-width:100%}body .crab-cream-croquettes-page .factory-area .inner ul li .nth img{display:block;max-width:100%}body .crab-cream-croquettes-page .factory-area .inner ul li .image img{display:block;width:100%;border-radius:15px}body .crab-cream-croquettes-page .factory-area .inner ul li .catch{text-align:center;color:#ce2226;font-weight:bold;font-size:18px;letter-spacing:0;line-height:1.6;margin-top:12px}body .crab-cream-croquettes-page .factory-area .inner ul li .text{text-align:justify;text-justify:inter-ideograph;font-size:15px;line-height:1.6;margin-top:10px}body .crab-cream-croquettes-page .middle-area{text-align:center;margin-top:35px}body .crab-cream-croquettes-page .middle-area img{max-width:90%}body .crab-cream-croquettes-page .howto-area{margin-top:108px}body .crab-cream-croquettes-page .howto-area:before{content:"";display:block;height:43px}body .crab-cream-croquettes-page .howto-area .bg-box{background:#ffebbb;width:1152px;max-width:100%;margin:0 auto;position:relative;z-index:0;border-radius:15px}body .crab-cream-croquettes-page .howto-area .bg-box .inner{padding:90px 0 56px;width:984px;margin:0 auto;max-width:75vw}body .crab-cream-croquettes-page .howto-area .bg-box .inner h2{position:absolute;top:-43px;left:50%;transform:translate(-50%, 0)}body .crab-cream-croquettes-page .howto-area .bg-box .inner .chara{position:absolute;top:-39px;right:-52px;z-index:-1}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box{display:flex;justify-content:space-between}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .image{width:41.4634146341%}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .image img{display:block;width:100%;border-radius:14px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box{width:53.3536585366%}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box h3{position:relative;color:#ce2226;padding-left:50px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box h3 img{display:block;position:absolute;z-index:-1;left:0;top:3px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box h3 .sub{display:block;font-weight:bold;font-size:18px;line-height:1.3333333333}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box h3 .main{display:block;font-weight:normal;font-family:"Dela Gothic One",sans-serif;letter-spacing:.025em;font-size:28px;line-height:1.3}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl{margin-top:18px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dt{font-size:18px;font-weight:bold}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd{font-size:15px;line-height:1.3333333333;margin-top:10px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ul li{padding-left:1em;text-indent:-1em}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ul li:before{content:"●";color:#e67b14}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ul li+li{margin-top:2px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ol li{padding-left:1em;text-indent:-1em}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ol li .nth{color:#e67b14}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl dd ol li+li{margin-top:2px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box dl+dl{margin-top:18px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box:nth-of-type(even) .image{order:1}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box+.item-box{margin-top:38px;padding-top:38px;border-top:#fff 3px dashed}body .crab-cream-croquettes-page .buy-area{margin-top:114px}body .crab-cream-croquettes-page .buy-area .inner{width:944px;margin:0 auto;max-width:75%;position:relative}body .crab-cream-croquettes-page .buy-area .inner h2{text-align:center}body .crab-cream-croquettes-page .buy-area .inner .deco{position:absolute;left:-251px;top:-10px}body .crab-cream-croquettes-page .buy-area .inner ul{display:flex;justify-content:space-between;margin-top:58px}body .crab-cream-croquettes-page .buy-area .inner ul li{width:47.6694915254%}body .crab-cream-croquettes-page .buy-area .inner ul li .image img{display:block;width:100%;border-radius:14px}body .crab-cream-croquettes-page .buy-area .inner ul li .name{text-align:center;color:#ce2226;font-weight:bold;font-size:17px;letter-spacing:.025em;margin-top:28px;line-height:1.4}body .crab-cream-croquettes-page .buy-area .inner ul li a{display:flex;width:206px;height:45px;border-radius:23px;color:#fff;background:#e67b14;position:relative;font-weight:500;font-size:16px;letter-spacing:.1em;padding:0 0 0 17px;align-items:center;margin:18px auto 0;transition:opacity .2s}body .crab-cream-croquettes-page .buy-area .inner ul li a img{position:absolute;display:block;top:50%;transform:translate(0, -50%);right:18px}body .crab-cream-croquettes-page .buy-area .inner ul li a:hover{opacity:.6}body .crab-cream-croquettes-page .osusume-area{max-width:1980px;margin:133px auto 0;padding-top:41px}body .crab-cream-croquettes-page .osusume-area .inner{background-color:#ffebbb;width:1152px;border-radius:14px;margin:0 auto;position:relative;max-width:100%;padding-bottom:100px;padding-top:90px}body .crab-cream-croquettes-page .osusume-area .inner h2{position:absolute;left:50%;transform:translate(-50%, 0);top:-41px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track{overflow:visible}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner{position:relative;padding-top:104px;z-index:0;height:100%}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .kani-nth{position:absolute;z-index:-1;top:4px;left:22px;width:168px;height:100px;display:flex;justify-content:center;align-items:flex-end;text-align:center;color:#fff;font-family:"Dela Gothic One",sans-serif;font-weight:normal;letter-spacing:.025em;font-size:34px;padding-bottom:8px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .kani-nth img{display:block;width:100%;position:absolute;z-index:-1;left:0;bottom:0;text-align:center}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .image{position:absolute;width:364px;top:0;right:0}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .image img{display:block;width:100%;border-radius:14px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .text-box{background:#fff;width:636px;border-radius:14px;padding:27px 221px 27px 33px;height:100%}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .text-box dl dt{color:#ce2226;font-weight:bold;font-size:18px;letter-spacing:0;line-height:1.3}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .text-box dl dd{font-size:15px;line-height:1.6;margin-top:9px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow{width:50px;height:50px;opacity:1;transition:opacity .2s}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow svg{display:none}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow:hover{opacity:.6}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow--prev{left:8.3333333333%;background:url(../image/crab-cream-croquettes/arrow-left.svg) no-repeat center center/contain}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow--next{right:8.3333333333%;background:url(../image/crab-cream-croquettes/arrow-right.svg) no-repeat center center/contain}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__pagination{display:flex !important;position:absolute;left:0;width:100%;bottom:-42px;gap:0 20px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__pagination li .splide__pagination__page{margin:0;transform:scale(1);display:block;width:10px;height:10px;border-radius:50%;background:#fff;border:none;opacity:1 !important;display:block}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__pagination li .splide__pagination__page.is-active{background:#ce2226}body .crab-cream-croquettes-page .relation-area{margin-top:125px}body .crab-cream-croquettes-page .relation-area .inner{width:1152px;max-width:75%;margin:0 auto;position:relative}body .crab-cream-croquettes-page .relation-area .inner .deco{position:absolute;top:-37px;left:calc(50% + 452px)}body .crab-cream-croquettes-page .relation-area .inner h2{text-align:center}body .crab-cream-croquettes-page .relation-area .inner h2 img{max-width:100%}body .crab-cream-croquettes-page .relation-area .inner ul{display:flex;justify-content:center;gap:35px 43px;flex-wrap:wrap;margin-top:30px}body .crab-cream-croquettes-page .relation-area .inner ul li{width:203px}body .crab-cream-croquettes-page .relation-area .inner ul li .image img{display:block;width:100%;border-radius:14px}body .crab-cream-croquettes-page .relation-area .inner ul li .name{text-align:center;color:#ce2226;letter-spacing:.025em;line-height:1.4705882353;font-weight:bold;margin-top:16px}body .crab-cream-croquettes-page .sample-area{margin-top:126px}body .crab-cream-croquettes-page .sample-area .top-box .inner{width:1152px;max-width:75%;margin:0 auto;position:relative}body .crab-cream-croquettes-page .sample-area .top-box .inner h2{text-align:center}body .crab-cream-croquettes-page .sample-area .top-box .inner h2 img{max-width:100%}body .crab-cream-croquettes-page .sample-area .top-box .inner .deco{position:absolute;left:calc(50% - 694px);top:32px;z-index:-1}body .crab-cream-croquettes-page .sample-area .top-box .inner .catch{text-align:center;font-size:20px;font-weight:bold;line-height:1.5;margin-top:42px}body .crab-cream-croquettes-page .sample-area .top-box .inner .text{text-align:center;font-size:15px;line-height:1.6;margin-top:21px}body .crab-cream-croquettes-page .sample-area .top-box .inner .text .red{color:#ce2226}body .crab-cream-croquettes-page .sample-area .bg-box{background:#ffebbb;border-radius:14px;width:1152px;margin:63px auto 0;max-width:100%;position:relative;z-index:0}body .crab-cream-croquettes-page .sample-area .bg-box .inner{padding:48px 0 47px;width:992px;max-width:75vw;margin:0 auto}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item{display:flex;justify-content:space-between}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box{width:54.939516129%}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3{position:relative;color:#ce2226;letter-spacing:.025em;font-family:"Dela Gothic One",sans-serif;font-size:28px;line-height:1.1785714286;font-weight:normal;padding-left:22px;padding-top:14px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3 .deco-l,body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3 .deco-r{position:absolute;top:0;z-index:-1}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3 .deco-l{left:0}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box .catch{font-weight:bold;font-size:18px;line-height:1.5;letter-spacing:0;font-family:YakuHanJP_Noto,"Noto Sans JP","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"小塚ゴシック Pro","MS Pゴシック","MS PGothic","Droid Sans Mono",sans-serif;margin-top:20px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box .text{text-align:justify;text-justify:inter-ideograph;font-size:15px;line-height:1.6;margin-top:4px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box .text .red{color:#ce2226}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .image{width:41.1290322581%}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .image img{border-radius:14px;width:100%}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item+.item{margin-top:38px;border-top:3px dashed #fff;padding-top:38px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item:nth-of-type(even) .text-box{order:1}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item1 .text-box h3 .deco-r{left:292px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item2 .text-box h3 .deco-r{left:415px}body .crab-cream-croquettes-page .back-button-area{margin-top:94px}body .crab-cream-croquettes-page .back-button-area .common-link{width:126px;margin:0 auto}@media(max-width: 768px){body .crab-cream-croquettes-page .main-area h1 img{width:100%}body .crab-cream-croquettes-page .main-area .text-box{margin-top:8px}body .crab-cream-croquettes-page .main-area .text-box .inner .text{font-size:17px}body .crab-cream-croquettes-page .kodawari-area{padding-top:26px;margin-top:65px}body .crab-cream-croquettes-page .kodawari-area:before{display:none}body .crab-cream-croquettes-page .kodawari-area .inner{width:100%;padding:62px 0 150px}body .crab-cream-croquettes-page .kodawari-area .inner h2{position:absolute;top:-30px;left:50%;transform:translate(-50%, 0)}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner{max-width:75vw}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3{width:100%;text-align:center;font-size:20px;padding-left:0}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-l,body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-r{width:23px;top:-7px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-l{left:calc(50% - 124px)}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner h3 .deco-r{left:auto;right:calc(50% - 124px)}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .text{margin-top:11px;width:100%}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .image{position:relative;left:auto;bottom:auto;width:87.5vw;margin-right:-16.6666666667%;margin-top:23px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner dl{margin-top:19px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .chara{position:static;top:auto;right:auto;margin-top:44px}body .crab-cream-croquettes-page .kodawari-area .inner .item1 .item-inner .chara img{display:block;width:175px;margin:0 auto}body .crab-cream-croquettes-page .kodawari-area .inner .item2{margin-top:35px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner{display:block}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner:before{display:none}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box{width:100%;margin-top:0}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3{font-size:20px;padding-left:0;text-align:center}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-l,body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-r{position:absolute;top:-7px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-l img,body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-r img{display:block;width:23px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-l{left:calc(50% - 109px)}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box h3 .deco-r{left:auto;right:calc(50% - 109px)}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .right-box .text{margin-top:11px}body .crab-cream-croquettes-page .kodawari-area .inner .item2 .item-inner .image-box{width:100vw;position:absolute;left:calc(50% - 50vw);bottom:-26.5vw;margin-bottom:0}body .crab-cream-croquettes-page .point-area{margin-top:287px}body .crab-cream-croquettes-page .point-area .top-box{position:relative}body .crab-cream-croquettes-page .point-area .top-box .flex-box{display:block}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box{max-width:none;width:75%;margin:0 auto}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .chara1{width:126px;position:absolute;top:-113px;left:50%;transform:translate(-50%, 0)}body .crab-cream-croquettes-page .point-area .top-box .flex-box .text-box .text{margin-top:12px}body .crab-cream-croquettes-page .point-area .top-box .image-box{margin-top:28px;position:relative}body .crab-cream-croquettes-page .point-area .top-box .image-box .image{position:static;width:87.5%}body .crab-cream-croquettes-page .point-area .top-box .image-box .image .chara2{width:180px;position:absolute;bottom:-127px;right:auto;left:calc(50% - 140px)}body .crab-cream-croquettes-page .point-area .top-box .image-box .image .chara3{width:93px;position:absolute;bottom:-124px;left:calc(50% + 57px)}body .crab-cream-croquettes-page .point-area .top-box .image-box .image+.image{margin-top:10.5%}body .crab-cream-croquettes-page .point-area .top-box .image-box .image:nth-of-type(2){margin-left:auto}body .crab-cream-croquettes-page .point-area .sayu-contents{margin-top:155px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box{display:block}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box{width:100%}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .image-title{text-align:center}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text-title{font-size:20px;text-align:center}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .text-box .text-title img{max-width:100%;margin:0 auto 12px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box .image-box{width:100%;margin-top:20px}body .crab-cream-croquettes-page .point-area .sayu-contents .inner .item-box+.item-box{margin-top:43px}body .crab-cream-croquettes-page .factory-area{margin-top:74px}body .crab-cream-croquettes-page .factory-area .inner ul{width:260px;max-width:100%;display:block;margin:37px auto 0}body .crab-cream-croquettes-page .factory-area .inner ul:after,body .crab-cream-croquettes-page .factory-area .inner ul:before{display:none}body .crab-cream-croquettes-page .factory-area .inner ul li{width:100%;position:relative;margin-top:0}body .crab-cream-croquettes-page .factory-area .inner ul li+li{margin-top:40px}body .crab-cream-croquettes-page .howto-area{margin-top:94px}body .crab-cream-croquettes-page .howto-area:before{height:30px}body .crab-cream-croquettes-page .howto-area .bg-box .inner{padding:34px 0 55px}body .crab-cream-croquettes-page .howto-area .bg-box .inner h2{top:-30px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .chara{position:static;width:160px;margin:0 auto}body .crab-cream-croquettes-page .howto-area .bg-box .inner .chara img{display:block;width:100%}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents{margin-top:16px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box{display:block}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .image{width:100%}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box .text-box{width:100%;margin-top:24px}body .crab-cream-croquettes-page .howto-area .bg-box .inner .contents .item-box+.item-box{margin-top:32px;padding-top:32px;border-top:#fff 3px dashed}body .crab-cream-croquettes-page .buy-area{margin-top:194px}body .crab-cream-croquettes-page .buy-area .inner h2 img{max-width:100%}body .crab-cream-croquettes-page .buy-area .inner .deco{position:absolute;left:50%;transform:translate(-50%, 0);top:-143px;width:177px}body .crab-cream-croquettes-page .buy-area .inner .deco img{display:block;width:100%}body .crab-cream-croquettes-page .buy-area .inner ul{display:block;margin-top:40px}body .crab-cream-croquettes-page .buy-area .inner ul li{width:100%}body .crab-cream-croquettes-page .buy-area .inner ul li+li{margin-top:52px}body .crab-cream-croquettes-page .osusume-area{margin:75px auto 0;padding-top:43px}body .crab-cream-croquettes-page .osusume-area .inner{width:100%;padding-bottom:144px;padding-top:64px}body .crab-cream-croquettes-page .osusume-area .inner h2{top:-43px}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner{padding-top:calc(100px + 33.75%)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .kani-nth{top:0;left:50%;width:168px;height:100px;transform:translate(-50%, 0)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .image{position:absolute;width:75%;top:100px;left:50%;transform:translate(-50%, 0)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .text-box{width:100%;padding:calc(24px + 19%) 0 38px 0}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__track .splide__slide .slide-inner .text-box dl{width:75%;margin:0 auto 0}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow{top:auto;bottom:-85px;transform:translate(0, 0)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow--prev{left:calc(50% - 135px)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__arrow--next{right:calc(50% - 135px)}body .crab-cream-croquettes-page .osusume-area .inner .lp-osusume-slide .splide__pagination{display:flex !important;position:absolute;left:0;width:100%;bottom:-65px;gap:0 18px}body .crab-cream-croquettes-page .relation-area{margin-top:40px}body .crab-cream-croquettes-page .relation-area .inner .deco{position:static;width:209px;margin:0 auto}body .crab-cream-croquettes-page .relation-area .inner .deco img{display:block;width:100%}body .crab-cream-croquettes-page .relation-area .inner h2{margin-top:20px}body .crab-cream-croquettes-page .relation-area .inner ul{display:flex;justify-content:space-between;gap:35px 0;flex-wrap:wrap;margin-top:38px}body .crab-cream-croquettes-page .relation-area .inner ul li{width:46.6666666667%}body .crab-cream-croquettes-page .relation-area .inner ul li .name{margin-top:14px}body .crab-cream-croquettes-page .sample-area{margin-top:25px}body .crab-cream-croquettes-page .sample-area .top-box .inner .deco{position:static;width:218px;margin:0 auto}body .crab-cream-croquettes-page .sample-area .top-box .inner .deco img{display:block;width:100%}body .crab-cream-croquettes-page .sample-area .top-box .inner h2{margin-top:25px}body .crab-cream-croquettes-page .sample-area .top-box .inner .catch{margin-top:36px}body .crab-cream-croquettes-page .sample-area .top-box .inner .text{text-align:justify;text-justify:inter-ideograph;margin-top:18px}body .crab-cream-croquettes-page .sample-area .bg-box{margin:38px auto 0}body .crab-cream-croquettes-page .sample-area .bg-box .inner{padding:60px 0 69px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item{display:block}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box{width:100%}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3{font-size:20px;padding-left:0;padding-top:7px;text-align:center}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3 .deco-l img,body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box h3 .deco-r img{display:block;width:23px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .text-box .catch{margin-top:10px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item .image{width:100%;margin-top:21px}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item1 .text-box h3 .deco-l{left:calc(50% - 114px)}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item1 .text-box h3 .deco-r{left:auto;right:calc(50% - 114px)}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item2 .text-box h3 .deco-l{left:calc(50% - 150px)}body .crab-cream-croquettes-page .sample-area .bg-box .inner .item.item2 .text-box h3 .deco-r{left:auto;right:calc(50% - 150px)}}/*# sourceMappingURL=page-crab-cream-croquettes.min.css.map */