@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,500;8..144,700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-style:normal;color:var(--color-black);background-color:var(--color-white);font-size:100%;line-height:1em;display:flex;flex-direction:column;justify-content:space-between;-webkit-text-size-adjust:100%;word-break:break-word;position:relative;z-index:1}body.ja{font-family:\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af  Medium,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:700}body.ja.isSafari{font-family:-apple-system,\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af  Medium,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif}body.en{font-family:Roboto Flex,sans-serif;font-weight:500}body,html{width:100vw;scrollbar-gutter:stable;overscroll-behavior-y:contain;scroll-padding-top:5.2083333333vw}body{width:100vw;min-height:100vh}p,a,li,dt,dd,div,th,td,h1,h2,h3,h4,h5,h6,input,textarea,button{letter-spacing:.03em;line-height:1em}:focus:not(:fous-visible){outline:none}:focus-visible{outline:1px solid var(--color-blue)}summary{outline:none}a{color:var(--color-black);text-decoration:none;word-break:break-all}a,p,div,li,dd,dt{-webkit-tap-highlight-color:rgba(0,0,0,0)}.isChrome *{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}img,svg{height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}img,svg{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;touch-callout:none;user-select:none}.disabled,.disabled a{cursor:default!important}._disabled{pointer-events:none!important}.is_pc .device_sp,.is_sp .device_pc{display:none!important}::selection{background:var(--color-yellow);color:var(--color-black)}.unselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;touch-callout:none;user-select:none}select{-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;-moz-outline-style:none;outline:none!important}option{color:var(--color-black)}summary{display:block}summary::-webkit-details-marker{display:none}select,option,input,textarea{color:var(--color-black)}::placeholder{color:var(--color-line-gray)}._nowrap{white-space:nowrap}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 #0000}::-webkit-scrollbar-thumb{background-color:var(--color-blue);border-radius:5px;box-shadow:0 0 0 1px #fff0}.is_pc .tel{pointer-events:none}img,svg{width:100%;height:100%;object-fit:contain;object-position:center}img path,svg path{fill-rule:evenodd}main{display:block}.ff-set{font-feature-settings:"palt" 1}.ff-times-new{font-family:Times New Roman,serif}.ff-times{font-family:Times,serif}.fs-italic{font-style:italic}body.ja .fw-light{font-weight:100}body.ja .fw-reg{font-weight:400}body.ja .fw-bd{font-weight:600}body.ja .fw-ed{font-weight:700}body.en .fw-reg{font-weight:500}body.en .fw-bd{font-weight:700}:root{--color-black: #000000;--color-white: #ffffff;--color-yellow: #FFE621;--color-blue: #5EDCE9;--color-orange: #FFBD3D;--color-pink: #FF9783;--color-red: #FF0000;--color-bg-red: #DD1C24}.lock{position:fixed;overflow:hidden}.loading{width:100vw;height:100vh;background-color:var(--color-yellow);position:fixed;top:0;left:0;z-index:10000;overflow:hidden;transform:translateZ(0)}.is_sp .loading{height:calc(var(--vh, 1vh) * 100)}.loading p{opacity:0;position:absolute;top:50%;left:50%;transform-origin:left top;will-change:transform}.loading p img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) brightness(.5);opacity:.8;transform:translate(-50%) translateY(-50%);position:relative}#kv,#yodogawa,.nav{opacity:0}article{opacity:0}.bg{opacity:0}#kv{position:relative}#kv .obj{opacity:0;pointer-events:none;position:absolute}#kv .obj.a{width:42.1875vw}#kv .obj.b{width:35.9375vw}#feature .head .h img{animation-name:featureScale;animation-duration:.45s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:steps(4)}@keyframes featureScale{0%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1.13) rotate(2deg)}}#feature .balloon{animation-name:featureBalloon;animation-duration:.65s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:steps(3)}#feature .balloon.a{transform-origin:top left;animation-delay:.4s}#feature .balloon.b{transform-origin:left bottom}#feature .balloon.c{transform-origin:left bottom;animation-delay:.8s}@keyframes featureBalloon{0%{transform:scale(.97) rotate(-3deg) translate(-50%)}to{transform:scale(1) rotate(3deg) translate(-50%)}}#cover .l .b{animation-name:coverBalloon;animation-duration:.65s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:steps(3);transform-origin:bottom right}#cover .t2 .l .b{animation-delay:.2s}@keyframes coverBalloon{0%{transform:scale(.97) rotate(-1deg)}to{transform:scale(1.02) rotate(4deg)}}#example .num{animation-name:exampleNum;animation-duration:.65s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.215,.61,.355,1);transform-origin:center bottom}#example .num.n1{animation-delay:0s}#example .num.n2{animation-delay:.2s}#example .num.n3{animation-delay:.4s}#example h4 ._st{animation-name:exampleTitle;animation-duration:1.8s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.645,.045,.355,1);transform-origin:center bottom}#example h4 ._st:nth-child(1){animation-delay:1.025s}#example h4 ._st:nth-child(2){animation-delay:1.05s}#example h4 ._st:nth-child(3){animation-delay:1.075s}#example h4 ._st:nth-child(4){animation-delay:1.1s}#example h4 ._st:nth-child(5){animation-delay:1.125s}#example h4 ._st:nth-child(6){animation-delay:1.15s}#example h4 ._st:nth-child(7){animation-delay:1.175s}#example h4 ._st:nth-child(8){animation-delay:1.2s}#example h4 ._st:nth-child(9){animation-delay:1.225s}#example h4 ._st:nth-child(10){animation-delay:1.25s}#example h4 ._st:nth-child(11){animation-delay:1.275s}#example h4 ._st:nth-child(12){animation-delay:1.3s}#example h4 ._st:nth-child(13){animation-delay:1.325s}#example h4 ._st:nth-child(14){animation-delay:1.35s}#example h4 ._st:nth-child(15){animation-delay:1.375s}#example h4 ._st:nth-child(16){animation-delay:1.4s}#example h4 ._st:nth-child(17){animation-delay:1.425s}#example h4 ._st:nth-child(18){animation-delay:1.45s}#example h4 ._st:nth-child(19){animation-delay:1.475s}#example h4 ._st:nth-child(20){animation-delay:1.5s}#example h4 ._st:nth-child(21){animation-delay:1.525s}#example h4 ._st:nth-child(22){animation-delay:1.55s}#example h4 ._st:nth-child(23){animation-delay:1.575s}#example h4 ._st:nth-child(24){animation-delay:1.6s}#example h4 ._st:nth-child(25){animation-delay:1.625s}#example h4 ._st:nth-child(26){animation-delay:1.65s}#example h4 ._st:nth-child(27){animation-delay:1.675s}#example h4 ._st:nth-child(28){animation-delay:1.7s}#example h4 ._st:nth-child(29){animation-delay:1.725s}#example h4 ._st:nth-child(30){animation-delay:1.75s}#example h4 ._st:nth-child(31){animation-delay:1.775s}#example h4 ._st:nth-child(32){animation-delay:1.8s}#example h4 ._st:nth-child(33){animation-delay:1.825s}#example h4 ._st:nth-child(34){animation-delay:1.85s}#example h4 ._st:nth-child(35){animation-delay:1.875s}#example h4 ._st:nth-child(36){animation-delay:1.9s}#example h4 ._st:nth-child(37){animation-delay:1.925s}#example h4 ._st:nth-child(38){animation-delay:1.95s}#example h4 ._st:nth-child(39){animation-delay:1.975s}#example h4 ._st:nth-child(40){animation-delay:2s}#example h4 ._st:nth-child(41){animation-delay:2.025s}#example h4 ._st:nth-child(42){animation-delay:2.05s}#example h4 ._st:nth-child(43){animation-delay:2.075s}#example h4 ._st:nth-child(44){animation-delay:2.1s}#example h4 ._st:nth-child(45){animation-delay:2.125s}#example h4 ._st:nth-child(46){animation-delay:2.15s}#example h4 ._st:nth-child(47){animation-delay:2.175s}#example h4 ._st:nth-child(48){animation-delay:2.2s}#example h4 ._st:nth-child(49){animation-delay:2.225s}#example h4 ._st:nth-child(50){animation-delay:2.25s}#example h4 ._st:nth-child(51){animation-delay:2.275s}#example h4 ._st:nth-child(52){animation-delay:2.3s}#example h4 ._st:nth-child(53){animation-delay:2.325s}#example h4 ._st:nth-child(54){animation-delay:2.35s}#example h4 ._st:nth-child(55){animation-delay:2.375s}#example h4 ._st:nth-child(56){animation-delay:2.4s}#example h4 ._st:nth-child(57){animation-delay:2.425s}#example h4 ._st:nth-child(58){animation-delay:2.45s}#example h4 ._st:nth-child(59){animation-delay:2.475s}#example h4 ._st:nth-child(60){animation-delay:2.5s}#example h4 ._st:nth-child(61){animation-delay:2.525s}#example h4 ._st:nth-child(62){animation-delay:2.55s}#example h4 ._st:nth-child(63){animation-delay:2.575s}#example h4 ._st:nth-child(64){animation-delay:2.6s}#example h4 ._st:nth-child(65){animation-delay:2.625s}#example h4 ._st:nth-child(66){animation-delay:2.65s}#example h4 ._st:nth-child(67){animation-delay:2.675s}#example h4 ._st:nth-child(68){animation-delay:2.7s}#example h4 ._st:nth-child(69){animation-delay:2.725s}#example h4 ._st:nth-child(70){animation-delay:2.75s}#example h4 ._st:nth-child(71){animation-delay:2.775s}#example h4 ._st:nth-child(72){animation-delay:2.8s}#example h4 ._st:nth-child(73){animation-delay:2.825s}#example h4 ._st:nth-child(74){animation-delay:2.85s}#example h4 ._st:nth-child(75){animation-delay:2.875s}#example h4 ._st:nth-child(76){animation-delay:2.9s}#example h4 ._st:nth-child(77){animation-delay:2.925s}#example h4 ._st:nth-child(78){animation-delay:2.95s}#example h4 ._st:nth-child(79){animation-delay:2.975s}#example h4 ._st:nth-child(80){animation-delay:3s}@keyframes exampleNum{0%{transform:translateY(5px) scaleX(1.13) scaleY(.95)}to{transform:translateY(-15px) scale(1)}}@keyframes exampleTitle{0%{color:var(--color-white)}30%{color:var(--color-yellow)}45%{color:var(--color-white)}to{color:var(--color-white)}}[data-obj]{pointer-events:none;z-index:10}#feature{position:relative}[data-obj=a]{width:45.3125vw;position:absolute}[data-obj=b]{width:39.0625vw;position:absolute}[data-obj=c]{width:42.1875vw;position:absolute}[data-obj=d]{width:33.59375vw;position:absolute}#function{position:relative}[data-obj=e]{width:59.375vw;transform:rotate(0) translate(-50%);position:absolute;left:50%}#cover,#use,#tool{position:relative}[data-obj=g]{width:37.5vw;position:absolute;filter:contrast(.5) brightness(10);opacity:1}#product{position:relative}[data-obj=h]{width:62.5vw;position:absolute;filter:contrast(.5) brightness(10);opacity:1}[data-lazy] picture{transition:opacity;transition-timing-function:cubic-bezier(.165,.84,.44,1);opacity:0;pointer-events:none}[data-lazy]._on picture{transition-duration:.65s;opacity:1;pointer-events:inherit}[data-anim]{opacity:0;pointer-events:none}[data-anim]._in{pointer-events:inherit}[data-split_txt] ._st{line-height:1em;display:inline-block}[data-anim=split_txt],[data-anim=split_txt] [data-split_txt]{opacity:1}[data-anim=split_txt] [data-split_txt] ._st{opacity:0}[data-anim=split_txt_all],[data-anim=split_txt_all] [data-split_txt]{opacity:1}[data-anim=split_txt_all] [data-split_txt] ._st{opacity:0}#squiggly{display:none}header{opacity:0;transform:translateY(-25px);pointer-events:none;transition:opacity,transform;transition-duration:.35s;transition-timing-function:cubic-bezier(.165,.84,.44,1)}header._on{transform:translateY(0);opacity:1;pointer-events:inherit}.bg{pointer-events:none;background-size:cover;will-change:background;transition:background;transition-duration:.3s;transition-timing-function:linear}.bg img{display:none}.isSafari .bg{transition-duration:0s!important}#page_index,#page_index .head_img{overflow:hidden}#page_index article{clip-path:inset(0 0 0)}#page_index article .bg{opacity:.2;z-index:0}@keyframes bgMove{0%{background-position:center 0px}to{background-position:center 100%}}#page_index #kv .badge .b{animation-name:badgeRotation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(16)}#page_index #kv .badge .t{animation-name:badgeScale;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:steps(6)}#page_index #yodogawa{transform:translateZ(0);will-change:filter}#page_index #yodogawa h2,#page_index #yodogawa p{will-change:filter;transform:translateZ(0);position:relative;z-index:2}#page_index #yodogawa:before{animation-name:squiggly;animation-duration:.65s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;will-change:filter}@keyframes badgeRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badgeScale{0%{transform:scale(1.02) rotate(-2deg)}to{transform:scale(.95) rotate(2deg)}}@keyframes squiggly{0%{filter:url(#squiggly-0)}25%{filter:url(#squiggly-1)}50%{filter:url(#squiggly-2)}75%{filter:url(#squiggly-3)}to{filter:url(#squiggly-4)}}header .lang a{transition:fill;transition-timing-function:cubic-bezier(.165,.84,.44,1)}header .lang a._ov path{fill:var(--color-yellow);transition-duration:.15s}header .lang a._leave path{fill:var(--color-white);transition-duration:.35s}.nav a img{transition:transform;transition-timing-function:cubic-bezier(.165,.84,.44,1);transform-origin:center 50%;will-change:transform}.nav a._ov img{transform:scaleX(1.05) scaleY(1.15);transition-duration:.15s}.nav a._leave img{transform:scaleX(1) scaleY(1);transition-duration:.35s}footer [data-hover]{transition:opacity .15s cubic-bezier(.215,.61,.355,1)}footer [data-hover]._ov{opacity:.7}footer [data-hover]._leave{opacity:1}[data-obj]{opacity:1;pointer-events:none}[data-obj] img{opacity:0}[data-obj=a]._in img{animation-name:objA;animation-duration:1s;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards;transform-origin:center bottom}@keyframes objA{0%{opacity:0;transform:scaleX(1.3) scaleY(.95) translate(-35px) translateY(-35px)}50%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scaleY(1.3) rotate(-1deg)}}[data-obj=b]._in img{animation-name:objB;animation-duration:.85s;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards;transform-origin:left center}@keyframes objB{0%{opacity:0;transform:scaleX(1.1) scaleY(1.4) translate(35px) translateY(-35px)}50%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scaleY(1)}}[data-obj=c]._in img,[data-obj=d]._in img{animation-name:objC;animation-duration:.85s;animation-timing-function:cubic-bezier(.77,0,.175,1);animation-fill-mode:forwards;transform-origin:center right}[data-obj=d]._in img{animation-delay:.15s}@keyframes objC{0%{opacity:0;transform:scaleX(1) scaleY(.3)}30%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scaleY(.9)}}[data-obj=e]._in img{animation-name:objE;animation-duration:1.4s;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards;transform-origin:80% 20%}@keyframes objE{0%{opacity:0;transform:scaleX(2) scaleY(.8) translateY(25px) rotate(-5deg)}50%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scaleY(.9) translate(50px)}}[data-obj=g]._in img,[data-obj=h]._in img{animation-name:objB;animation-duration:1.2s;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards;transform-origin:80% 20%}[data-anim=article_ttl]{opacity:1}[data-anim=article_ttl] img{opacity:0;transform:scaleX(1.3) scaleY(.2) translateY(35px);transition:opacity,transform;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transform-origin:center 80%;transition-duration:.35s;transition-delay:.15s}[data-anim=article_ttl]._in img{opacity:1;transform:scale(1)}[data-anim=mask-grd]{-webkit-mask-image:linear-gradient(to bottom,#000,#000 33%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);-webkit-mask-size:100% 300%;-webkit-mask-position:0 100%;mask-image:linear-gradient(to bottom,#000,#000 33%,rgba(0,0,0,0) 66%,rgba(0,0,0,0) 100%);mask-size:100% 300%;mask-position:0 100%;display:block}[data-anim=mask-grd] [data-inner]{width:100%;height:100%;display:inline-block;filter:brightness(1.8);transform:translateY(80px) scale(1);transform-origin:top center}[data-anim=mask-grd]._in[data-load-comp]{opacity:1;mask-position:0% 0%;-webkit-mask-position:0% 0%;transition:-webkit-mask-position,mask-position;transition-duration:1.8s;transition-timing-function:cubic-bezier(.215,.61,.355,1);will-change:mask-position}[data-anim=mask-grd]._in[data-load-comp] [data-inner]{filter:brightness(1);transform:translateY(0) scale(1);transition:transform,filter;transition-duration:1s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-anim=fade]{opacity:0}[data-anim=fade]._in{opacity:1;transition:transform,opacity;transition-duration:1.2s;transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-anim=fade-in]{transform:translateY(30px) scale(1.03);opacity:0}[data-anim=fade-in]._in{opacity:1;transform:translateY(0);transition:transform,opacity;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);transition-delay:.15s}[data-anim=fade-in-list]{transform:translateY(25px);opacity:0}[data-anim=fade-in-list]._in{opacity:1;transform:translateY(0);transition:transform,opacity;transition-duration:1.2s;transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-anim=scale]{opacity:1}[data-anim=scale] img{transform:translateY(35px) scaleX(.3) scaleY(1.8);opacity:0;transform-origin:top}[data-anim=scale]._in img{opacity:1;transform:translateY(0);transition:transform,opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-delay:.15s}[data-anim=scaleB]{opacity:0;transform:scaleX(1.4) scaleY(1.2) translateY(-15px);transform-origin:center}[data-anim=scaleB]._in{opacity:1;transform:scale(1) translateY(0);transition:transform,opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-anim=page_ttl]{opacity:1;overflow:hidden}[data-anim=page_ttl] [data-inner]{opacity:1;display:block;transform:translateY(105%);transform-origin:center bottom}[data-anim=page_ttl]._in{opacity:1}[data-anim=page_ttl]._in [data-inner]{transform:translateY(0);transition:transform,opacity;transition-duration:.85s;transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-anim=btn-line]{opacity:0}[data-anim=btn-line] [data-split_txt]{display:inline-block;line-height:1em;opacity:0;overflow:hidden}[data-anim=btn-line] ._st{transform:translateY(105%)}[data-anim=btn-line] ._line{width:0;opacity:0}[data-anim=btn-line] ._circle{opacity:0;transform:translateY(-50%) scale(.05)}[data-anim=btn-line]._in,[data-anim=btn-line]._in [data-split_txt]{opacity:1}[data-anim=btn-line]._in ._st{opacity:1;transform:translateY(0);transition:transform;transition-duration:.85s;transition-timing-function:cubic-bezier(.165,.84,.44,1);will-change:opacity}[data-anim=btn-line]._in ._line{width:100%;opacity:1;transition:width,opacity;transition-duration:.65s;transition-timing-function:cubic-bezier(.165,.84,.44,1);will-change:width,opacity}[data-anim=btn-line]._in ._circle{opacity:1;transform:translateY(-50%) scale(1);transition:opacity,transform;transition-duration:.65s;transition-timing-function:cubic-bezier(.77,0,.175,1);will-change:transform,opacity}[data-anim-list] [data-anim=btn-line]:nth-child(0) ._line{transition-delay:0s!important}[data-anim-list] [data-anim=btn-line]:nth-child(0) ._circle{transition-delay:.15s!important}[data-anim-list] [data-anim=btn-line]:nth-child(1) ._line{transition-delay:.2s!important}[data-anim-list] [data-anim=btn-line]:nth-child(1) ._circle{transition-delay:.35s!important}[data-anim-list] [data-anim=btn-line]:nth-child(2) ._line{transition-delay:.4s!important}[data-anim-list] [data-anim=btn-line]:nth-child(2) ._circle{transition-delay:.55s!important}[data-anim-list] [data-anim=btn-line]:nth-child(3) ._line{transition-delay:.6s!important}[data-anim-list] [data-anim=btn-line]:nth-child(3) ._circle{transition-delay:.75s!important}[data-anim-list] [data-anim=btn-line]:nth-child(4) ._line{transition-delay:.8s!important}[data-anim-list] [data-anim=btn-line]:nth-child(4) ._circle{transition-delay:calc((.8 + .15) * 1s)!important}[data-anim-list] [data-anim=btn-line]:nth-child(5) ._line{transition-delay:1s!important}[data-anim-list] [data-anim=btn-line]:nth-child(5) ._circle{transition-delay:1.15s!important}[data-anim-list] [data-anim=btn-line]:nth-child(6) ._line{transition-delay:1.2s!important}[data-anim-list] [data-anim=btn-line]:nth-child(6) ._circle{transition-delay:calc((1.2 + .15) * 1s)!important}[data-anim-list] [data-anim=btn-line]:nth-child(7) ._line{transition-delay:1.4s!important}[data-anim-list] [data-anim=btn-line]:nth-child(7) ._circle{transition-delay:calc((1.4 + .15) * 1s)!important}[data-anim-list] [data-anim=btn-line]:nth-child(8) ._line{transition-delay:1.6s!important}[data-anim-list] [data-anim=btn-line]:nth-child(8) ._circle{transition-delay:1.75s!important}[data-anim-list] [data-anim=btn-line]:nth-child(9) ._line{transition-delay:1.8s!important}[data-anim-list] [data-anim=btn-line]:nth-child(9) ._circle{transition-delay:1.95s!important}[data-anim-list] [data-anim=btn-line]:nth-child(10) ._line{transition-delay:2s!important}[data-anim-list] [data-anim=btn-line]:nth-child(10) ._circle{transition-delay:2.15s!important}[data-anim-list] [data-anim=btn-line]:nth-child(11) ._line{transition-delay:2.2s!important}[data-anim-list] [data-anim=btn-line]:nth-child(11) ._circle{transition-delay:2.35s!important}[data-anim-list] [data-anim=btn-line]:nth-child(12) ._line{transition-delay:2.4s!important}[data-anim-list] [data-anim=btn-line]:nth-child(12) ._circle{transition-delay:2.55s!important}[data-anim-list] [data-anim=btn-line]:nth-child(13) ._line{transition-delay:2.6s!important}[data-anim-list] [data-anim=btn-line]:nth-child(13) ._circle{transition-delay:2.75s!important}[data-anim-list] [data-anim=btn-line]:nth-child(14) ._line{transition-delay:2.8s!important}[data-anim-list] [data-anim=btn-line]:nth-child(14) ._circle{transition-delay:calc((2.8 + .15) * 1s)!important}[data-anim-list] [data-anim=btn-line]:nth-child(15) ._line{transition-delay:3s!important}[data-anim-list] [data-anim=btn-line]:nth-child(15) ._circle{transition-delay:3.15s!important}[data-anim-list] [data-anim=btn-line]:nth-child(16) ._line{transition-delay:3.2s!important}[data-anim-list] [data-anim=btn-line]:nth-child(16) ._circle{transition-delay:3.35s!important}[data-anim-list] [data-anim=btn-line]:nth-child(17) ._line{transition-delay:3.4s!important}[data-anim-list] [data-anim=btn-line]:nth-child(17) ._circle{transition-delay:3.55s!important}[data-anim-list] [data-anim=btn-line]:nth-child(18) ._line{transition-delay:3.6s!important}[data-anim-list] [data-anim=btn-line]:nth-child(18) ._circle{transition-delay:3.75s!important}[data-anim-list] [data-anim=btn-line]:nth-child(19) ._line{transition-delay:3.8s!important}[data-anim-list] [data-anim=btn-line]:nth-child(19) ._circle{transition-delay:calc((3.8 + .15) * 1s)!important}[data-anim-list] [data-anim=btn-line]:nth-child(20) ._line{transition-delay:4s!important}[data-anim-list] [data-anim=btn-line]:nth-child(20) ._circle{transition-delay:4.15s!important}[data-anim=split-txt],[data-anim=split-txt] ._st{opacity:0}[data-anim=split-txt]._in{opacity:1}[data-anim=split-txt]._in ._st{opacity:1;transition:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-anim=split-txt] ._st:nth-child(0){transition-delay:.3s!important}[data-anim=split-txt] ._st:nth-child(1){transition-delay:.318s!important}[data-anim=split-txt] ._st:nth-child(2){transition-delay:calc((.036 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(3){transition-delay:.354s!important}[data-anim=split-txt] ._st:nth-child(4){transition-delay:.372s!important}[data-anim=split-txt] ._st:nth-child(5){transition-delay:.39s!important}[data-anim=split-txt] ._st:nth-child(6){transition-delay:.408s!important}[data-anim=split-txt] ._st:nth-child(7){transition-delay:.426s!important}[data-anim=split-txt] ._st:nth-child(8){transition-delay:calc((.144 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(9){transition-delay:calc((.162 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(10){transition-delay:.48s!important}[data-anim=split-txt] ._st:nth-child(11){transition-delay:.498s!important}[data-anim=split-txt] ._st:nth-child(12){transition-delay:.516s!important}[data-anim=split-txt] ._st:nth-child(13){transition-delay:.534s!important}[data-anim=split-txt] ._st:nth-child(14){transition-delay:.552s!important}[data-anim=split-txt] ._st:nth-child(15){transition-delay:calc((.27 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(16){transition-delay:.588s!important}[data-anim=split-txt] ._st:nth-child(17){transition-delay:.606s!important}[data-anim=split-txt] ._st:nth-child(18){transition-delay:.624s!important}[data-anim=split-txt] ._st:nth-child(19){transition-delay:.642s!important}[data-anim=split-txt] ._st:nth-child(20){transition-delay:calc((.36 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(21){transition-delay:calc((.378 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(22){transition-delay:.696s!important}[data-anim=split-txt] ._st:nth-child(23){transition-delay:.714s!important}[data-anim=split-txt] ._st:nth-child(24){transition-delay:.732s!important}[data-anim=split-txt] ._st:nth-child(25){transition-delay:.75s!important}[data-anim=split-txt] ._st:nth-child(26){transition-delay:.768s!important}[data-anim=split-txt] ._st:nth-child(27){transition-delay:.786s!important}[data-anim=split-txt] ._st:nth-child(28){transition-delay:.804s!important}[data-anim=split-txt] ._st:nth-child(29){transition-delay:calc((.522 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(30){transition-delay:calc((.54 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(31){transition-delay:calc((.558 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(32){transition-delay:calc((.576 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(33){transition-delay:calc((.594 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(34){transition-delay:calc((.612 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(35){transition-delay:calc((.63 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(36){transition-delay:.948s!important}[data-anim=split-txt] ._st:nth-child(37){transition-delay:.966s!important}[data-anim=split-txt] ._st:nth-child(38){transition-delay:.984s!important}[data-anim=split-txt] ._st:nth-child(39){transition-delay:1.002s!important}[data-anim=split-txt] ._st:nth-child(40){transition-delay:1.02s!important}[data-anim=split-txt] ._st:nth-child(41){transition-delay:1.038s!important}[data-anim=split-txt] ._st:nth-child(42){transition-delay:1.056s!important}[data-anim=split-txt] ._st:nth-child(43){transition-delay:1.074s!important}[data-anim=split-txt] ._st:nth-child(44){transition-delay:1.092s!important}[data-anim=split-txt] ._st:nth-child(45){transition-delay:1.11s!important}[data-anim=split-txt] ._st:nth-child(46){transition-delay:1.128s!important}[data-anim=split-txt] ._st:nth-child(47){transition-delay:1.146s!important}[data-anim=split-txt] ._st:nth-child(48){transition-delay:1.164s!important}[data-anim=split-txt] ._st:nth-child(49){transition-delay:1.182s!important}[data-anim=split-txt] ._st:nth-child(50){transition-delay:1.2s!important}[data-anim=split-txt] ._st:nth-child(51){transition-delay:1.218s!important}[data-anim=split-txt] ._st:nth-child(52){transition-delay:1.236s!important}[data-anim=split-txt] ._st:nth-child(53){transition-delay:1.254s!important}[data-anim=split-txt] ._st:nth-child(54){transition-delay:1.272s!important}[data-anim=split-txt] ._st:nth-child(55){transition-delay:1.29s!important}[data-anim=split-txt] ._st:nth-child(56){transition-delay:1.308s!important}[data-anim=split-txt] ._st:nth-child(57){transition-delay:1.326s!important}[data-anim=split-txt] ._st:nth-child(58){transition-delay:1.344s!important}[data-anim=split-txt] ._st:nth-child(59){transition-delay:1.362s!important}[data-anim=split-txt] ._st:nth-child(60){transition-delay:calc((1.08 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(61){transition-delay:calc((1.098 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(62){transition-delay:calc((1.116 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(63){transition-delay:1.434s!important}[data-anim=split-txt] ._st:nth-child(64){transition-delay:1.452s!important}[data-anim=split-txt] ._st:nth-child(65){transition-delay:1.47s!important}[data-anim=split-txt] ._st:nth-child(66){transition-delay:1.488s!important}[data-anim=split-txt] ._st:nth-child(67){transition-delay:1.506s!important}[data-anim=split-txt] ._st:nth-child(68){transition-delay:1.524s!important}[data-anim=split-txt] ._st:nth-child(69){transition-delay:1.542s!important}[data-anim=split-txt] ._st:nth-child(70){transition-delay:1.56s!important}[data-anim=split-txt] ._st:nth-child(71){transition-delay:1.578s!important}[data-anim=split-txt] ._st:nth-child(72){transition-delay:1.596s!important}[data-anim=split-txt] ._st:nth-child(73){transition-delay:1.614s!important}[data-anim=split-txt] ._st:nth-child(74){transition-delay:calc((1.332 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(75){transition-delay:calc((1.35 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(76){transition-delay:calc((1.368 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(77){transition-delay:1.686s!important}[data-anim=split-txt] ._st:nth-child(78){transition-delay:1.704s!important}[data-anim=split-txt] ._st:nth-child(79){transition-delay:1.722s!important}[data-anim=split-txt] ._st:nth-child(80){transition-delay:1.74s!important}[data-anim=split-txt] ._st:nth-child(81){transition-delay:1.758s!important}[data-anim=split-txt] ._st:nth-child(82){transition-delay:1.776s!important}[data-anim=split-txt] ._st:nth-child(83){transition-delay:1.794s!important}[data-anim=split-txt] ._st:nth-child(84){transition-delay:1.812s!important}[data-anim=split-txt] ._st:nth-child(85){transition-delay:1.83s!important}[data-anim=split-txt] ._st:nth-child(86){transition-delay:1.848s!important}[data-anim=split-txt] ._st:nth-child(87){transition-delay:1.866s!important}[data-anim=split-txt] ._st:nth-child(88){transition-delay:calc((1.584 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(89){transition-delay:calc((1.602 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(90){transition-delay:calc((1.62 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(91){transition-delay:1.938s!important}[data-anim=split-txt] ._st:nth-child(92){transition-delay:1.956s!important}[data-anim=split-txt] ._st:nth-child(93){transition-delay:1.974s!important}[data-anim=split-txt] ._st:nth-child(94){transition-delay:1.992s!important}[data-anim=split-txt] ._st:nth-child(95){transition-delay:2.01s!important}[data-anim=split-txt] ._st:nth-child(96){transition-delay:2.028s!important}[data-anim=split-txt] ._st:nth-child(97){transition-delay:2.046s!important}[data-anim=split-txt] ._st:nth-child(98){transition-delay:2.064s!important}[data-anim=split-txt] ._st:nth-child(99){transition-delay:2.082s!important}[data-anim=split-txt] ._st:nth-child(100){transition-delay:2.1s!important}[data-anim=split-txt] ._st:nth-child(101){transition-delay:2.118s!important}[data-anim=split-txt] ._st:nth-child(102){transition-delay:2.136s!important}[data-anim=split-txt] ._st:nth-child(103){transition-delay:2.154s!important}[data-anim=split-txt] ._st:nth-child(104){transition-delay:2.172s!important}[data-anim=split-txt] ._st:nth-child(105){transition-delay:2.19s!important}[data-anim=split-txt] ._st:nth-child(106){transition-delay:calc((1.908 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(107){transition-delay:2.226s!important}[data-anim=split-txt] ._st:nth-child(108){transition-delay:calc((1.944 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(109){transition-delay:2.262s!important}[data-anim=split-txt] ._st:nth-child(110){transition-delay:2.28s!important}[data-anim=split-txt] ._st:nth-child(111){transition-delay:2.298s!important}[data-anim=split-txt] ._st:nth-child(112){transition-delay:2.316s!important}[data-anim=split-txt] ._st:nth-child(113){transition-delay:calc((2.034 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(114){transition-delay:2.352s!important}[data-anim=split-txt] ._st:nth-child(115){transition-delay:calc((2.07 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(116){transition-delay:2.388s!important}[data-anim=split-txt] ._st:nth-child(117){transition-delay:calc((2.106 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(118){transition-delay:2.424s!important}[data-anim=split-txt] ._st:nth-child(119){transition-delay:calc((2.142 + .3) * 1s)!important}[data-anim=split-txt] ._st:nth-child(120){transition-delay:2.46s!important}[data-plx]{will-change:transform}._plxInner{width:100%;height:100%;display:block;will-change:transform}body{width:100vw;overflow-x:hidden;background-color:var(--color-yellow)}.bg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;transform:translateZ(0)}.bg img{object-fit:cover;object-position:center}header{width:100vw;height:5.2083333333vw;background-color:var(--color-black);display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:20;font-size:0}header a{display:block}header .logo_bobo{width:16.3541666667vw;height:1.9791666667vw;margin-left:2.6041666667vw;position:absolute;top:50%;transform:translateY(-50%);left:0}.en header .logo_bobo{width:27.4708333333vw;height:1.875vw;margin-top:0vw}header .logo_onepiece{width:4.840625vw;height:4.1666666667vw}header .lang{width:5.646875vw;height:.7604166667vw;margin-right:2.6041666667vw;position:absolute;top:50%;transform:translateY(-50%);right:0}.en header .lang{width:6.428125vw;height:.9375vw}footer{width:100vw;padding-top:5.7291666667vw;padding-bottom:6.25vw;background-color:var(--color-black);text-align:center;display:flex;flex-direction:column;align-items:center}footer p,footer a{color:var(--color-white);font-family:\6e38\30b4\30b7\30c3\30af\4f53,YuGothic,\6e38\30b4\30b7\30c3\30af  Medium,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af,Yu Gothic,sans-serif;font-weight:700;display:block}.ja footer p,.ja footer a{font-size:1.25vw}.en footer p,.en footer a{font-size:.9375vw;letter-spacing:0}.en footer .contact a{font-size:1.25vw}footer .logo{width:36.2395833333vw;height:2.0833333333vw}footer .row{display:flex;align-items:center}footer .row.a{margin-top:3.125vw}.ja footer .row.a{column-gap:5.2083333333vw}.en footer .row.a{column-gap:12.8125vw}footer .row.b{margin-top:3.125vw}.en footer .row.b p:before{content:"\30fb"}.en footer .row.b p a{display:inline-block}footer .share{display:flex;align-items:center;column-gap:1.0416666667vw}footer .share ul{display:flex;column-gap:1.5625vw}footer .share a img{width:2.6041666667vw;height:2.6041666667vw}footer .copyright{font-size:1.0416666667vw;color:var(--color-white);letter-spacing:.03em;margin-top:5.2083333333vw}[data-style=head_img]{width:100vw;height:15.625vw;position:relative}[data-style=head_img] img{width:100vw;height:15.625vw;object-fit:cover;object-position:center}[data-style=article_ttl]{width:43.0625vw;height:13.615625vw;margin:0 auto;margin-top:-2.6041666667vw;position:relative;z-index:2}[data-style=head_desc]{margin-top:3.125vw;text-align:center}[data-style=head_desc] p{display:inline-block;text-align:left}.ja [data-style=head_desc] p{font-size:1.6666666667vw;letter-spacing:-.03em}.en [data-style=head_desc] p{font-size:1.6666666667vw;font-weight:700}[data-style=ttl_sub]{width:44.7916666667vw;height:13.0208333333vw;display:inline-block}#page_index #head_wrap{overflow:hidden}#page_index #head_wrap #kv{display:flex;justify-content:center;box-sizing:border-box;padding-top:3.6458333333vw}#page_index #head_wrap #kv .inner{width:88.0208333333vw;height:85.3125vw;position:relative}#page_index #head_wrap #kv h1,#page_index #head_wrap #kv .techo{width:100%;height:100%;position:absolute}#page_index #head_wrap #kv .badge{width:14.6875vw;height:14.6875vw;display:block;position:absolute;z-index:2}#page_index #head_wrap #kv .badge img{width:100%;height:100%}#page_index #head_wrap #kv .badge span{width:100%;height:100%;position:absolute}#page_index #head_wrap #kv .badge span.t{z-index:2}#page_index #head_wrap #kv .badge span.b{z-index:1}#page_index #head_wrap #yodogawa{width:70.8333333333vw;height:44.7916666667vw;margin:0 auto;margin-top:0vw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.ja #page_index #head_wrap #yodogawa h2{width:51.0416666667vw;height:2.1583333333vw;margin-top:1.5625vw;position:relative;z-index:1}.ja #page_index #head_wrap #yodogawa h2 img{width:42.9979166667vw}.en #page_index #head_wrap #yodogawa h2{width:51.0416666667vw;font-size:3.6458333333vw;margin-top:1.0416666667vw;font-weight:700;letter-spacing:0}#page_index #head_wrap #yodogawa .d{position:relative;z-index:1}.ja #page_index #head_wrap #yodogawa .d{width:51.0416666667vw;margin-top:2.3958333333vw}.en #page_index #head_wrap #yodogawa .d{width:51.0416666667vw;margin-top:2.0833333333vw}.ja #page_index #head_wrap #yodogawa .d p{font-size:1.6666666667vw;letter-spacing:-.03em;text-align:justify;text-justify:inter-ideograph}.en #page_index #head_wrap #yodogawa .d p{font-size:1.6145833333vw;letter-spacing:-.015em;font-weight:700}#page_index #head_wrap #yodogawa .d p+p{margin-top:1.25vw}#page_index #head_wrap #yodogawa .d .notes{font-size:1.0416666667vw!important;margin-top:.5208333333vw;margin-bottom:0vw;padding-left:.5em;text-indent:-.5em;color:var(--color-red);line-height:1.2em!important}#page_index #head_wrap #yodogawa:before{content:"";width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:0;left:0;z-index:0}#page_index #head_wrap .nav ul{display:flex;justify-content:center;align-items:center}#page_index #head_wrap .nav ul li{position:relative}#page_index #head_wrap .nav ul li a{width:auto;height:2.3395833333vw;display:block}#page_index #head_wrap .nav ul li a img{width:auto;height:2.3395833333vw}#page_index article .article_inner{position:relative;z-index:2}#page_index #feature{background-color:var(--color-blue)}#page_index #feature section .head{margin:0 auto;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);border-width:.3125vw;box-sizing:border-box;position:relative}.ja #page_index #feature section .head{width:52.0833333333vw;height:11.1458333333vw;padding-left:10.5208333333vw}.en #page_index #feature section .head{width:57.2916666667vw;padding-left:8.3333333333vw}.ja #page_index #feature section .head .d{margin-top:1.0416666667vw}.en #page_index #feature section .head .d{margin-top:.625vw;padding-bottom:.8333333333vw}.ja #page_index #feature section .head .d p{font-size:1.4583333333vw;letter-spacing:-.03em}.en #page_index #feature section .head .d p{font-size:1.4583333333vw;letter-spacing:-.01em}#page_index #feature section .head .h{width:7.15vw;height:15.625vw;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.ja #page_index #feature section .head .h{left:2.2916666667vw}.en #page_index #feature section .head .h{left:.2083333333vw}#page_index #feature section .head h3{margin-top:.8333333333vw}.ja #page_index #feature section .head.h1 h3{width:38.9885416667vw;height:2.228125vw}.ja #page_index #feature section .head.h2 h3{width:43.8270833333vw;height:2.2208333333vw}.ja #page_index #feature section .head.h3 h3{width:45.5114583333vw;height:2.2822916667vw}.en #page_index #feature section .head h3{font-size:2.3958333333vw;font-weight:700;letter-spacing:-.01em}#page_index #feature section .img{display:flex;justify-content:center}.ja #page_index #feature .s1{margin-top:4.5833333333vw}.en #page_index #feature .s1{margin-top:5.2083333333vw}#page_index #feature .s1 .img{left:9.375vw;position:relative}.ja #page_index #feature .s1 .img{margin-top:1.4583333333vw}.en #page_index #feature .s1 .img{margin-top:2.6041666667vw}#page_index #feature .s1 .img .i{width:81.25vw;height:62.734375vw;position:relative;z-index:1}#page_index #feature .s1 .img .a,#page_index #feature .s1 .img .b,#page_index #feature .s1 .img .c{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.ja #page_index #feature .s1 .img .a{width:26.71875vw;height:9.78125vw}.ja #page_index #feature .s1 .img .b{width:30.53125vw;height:16.96875vw}.ja #page_index #feature .s1 .img .c{width:22.3125vw;height:13.9375vw}.ja #page_index #feature .s1 .img .a{top:8.75vw;left:36.171875vw}.ja #page_index #feature .s1 .img .b{top:32.65625vw;left:3.59375vw}.ja #page_index #feature .s1 .img .c{top:48.828125vw;left:0vw}.en #page_index #feature .s1 .img .a{width:21.70390625vw;height:10.090625vw}.en #page_index #feature .s1 .img .b{width:30.546875vw;height:18.75vw}.en #page_index #feature .s1 .img .c{width:22.3046875vw;height:13.9375vw}.en #page_index #feature .s1 .img .a{top:8.671875vw;left:38.828125vw}.en #page_index #feature .s1 .img .b{top:30.78125vw;left:3.59375vw}.en #page_index #feature .s1 .img .c{top:48.828125vw;left:0vw}#page_index #feature .s2{margin-top:5.7291666667vw}#page_index #feature .s2 .img{margin-top:-8.203125vw;left:16.4583333333vw;position:relative}#page_index #feature .s2 .img .i{width:97.890625vw;height:68.671875vw}#page_index #feature .s2 .balloon{position:absolute;left:50%;transform:translate(-50%)}#page_index #feature .s2 .balloon.a{width:16.4109375vw;height:6.81171875vw}#page_index #feature .s2 .balloon.b{width:14.2234375vw;height:7.70078125vw}#page_index #feature .s2 .balloon.c{width:15.85703125vw;height:7.578125vw}#page_index #feature .s2 .balloon.a{top:17.03125vw;margin-left:-4.140625vw}#page_index #feature .s2 .balloon.b{top:34.53125vw;margin-left:11.953125vw}#page_index #feature .s2 .balloon.c{top:39.296875vw;margin-left:-39.84375vw}#page_index #feature .s3 .head{margin-top:4.1666666667vw}#page_index #feature .s3 .bio{width:63.5416666667vw;margin:0 auto;background-color:var(--color-white);border-radius:2.0833333333vw;box-sizing:border-box;transform:translateZ(0);will-change:transform;position:relative;z-index:2}.ja #page_index #feature .s3 .bio{margin-top:5.2083333333vw;padding:1.7708333333vw 2.0833333333vw 1.0416666667vw 2.3958333333vw}.en #page_index #feature .s3 .bio{margin-top:2.6041666667vw;padding:1.3541666667vw 1.0416666667vw 1.0416666667vw}#page_index #feature .s3 .bio p .t{font-size:1.4583333333vw;line-height:150%;font-weight:700;letter-spacing:-.03em}.ja #page_index #feature .s3 .bio p .t{display:inline-block}#page_index #feature .s3 .bio p .t:before{content:"\25cf";color:var(--color-orange);display:inline-block;font-size:1.4583333333vw;line-height:150%;font-weight:700;letter-spacing:-.03em}.en #page_index #feature .s3 .bio p .t{position:relative;margin-top:.5208333333vw}#page_index #feature .s3 .bio p .d{font-size:1.25vw;font-weight:400;letter-spacing:-.03em}.ja #page_index #feature .s3 .bio p .d{display:inline-block;margin-bottom:.2083333333vw}.en #page_index #feature .s3 .bio p .d{margin-left:1.5625vw;position:relative}.ja #page_index #feature .s3 .bio p+p{margin-top:.2083333333vw}.en #page_index #feature .s3 .bio p+p{margin-top:.2083333333vw}.ja #page_index #feature .s3 .bio p:nth-child(1)+p{margin-top:.7291666667vw}.en #page_index #feature .s3 .bio p:nth-child(1)+p,.en #page_index #feature .s3 .bio p:nth-child(2)+p{margin-top:.8333333333vw}#page_index #feature .s3 .img{margin-top:2.7083333333vw}#page_index #feature .s3 .img .i{width:103.90625vw;height:43.75vw;position:relative;left:18.2291666667vw;margin-bottom:0vw}#page_index #feature .s3 .img .i img{object-fit:cover;object-position:center}#page_index #function{background-color:var(--color-pink);padding-bottom:10.4166666667vw}#page_index #function .row{height:93.125vw;margin-top:2.5vw}#page_index #function .row img{object-fit:cover;object-position:center}#page_index #function .row .l p{width:52.0833333333vw;position:relative;font-size:0}#page_index #function .row .l p .cap{margin-left:1.0416666667vw;margin-bottom:1.0416666667vw;display:block;position:absolute;left:0;bottom:0}.ja #page_index #function .row .l p .cap{font-size:1.25vw}.en #page_index #function .row .l p .cap{font-size:1.1458333333vw;letter-spacing:0em}#page_index #function .row .l p img{width:52.0833333333vw;height:auto}#page_index #function .row .r p{width:18.75vw;height:18.75vw}#page_index #function .row .r p img{width:18.75vw;height:18.75vw}#page_index #function .row .r .cap{display:block}.ja #page_index #function .row .r .cap{font-size:1.1458333333vw;margin-top:.4166666667vw;white-space:nowrap}.en #page_index #function .row .r .cap{font-size:1.1458333333vw;letter-spacing:0em;margin-top:.5208333333vw}#page_index #cover{background-color:var(--color-blue);padding-bottom:11.9791666667vw}#page_index #cover .type{margin-top:4.4791666667vw}#page_index #cover .type img{object-fit:cover;object-position:center}#page_index #cover .type+.type{margin-top:7.0833333333vw}#page_index #cover .type .row{width:80.78125vw;margin:0 auto}#page_index #cover .type .row .l{width:52.1354166667vw;height:52.1354166667vw}#page_index #cover .type .row .l p{position:relative}#page_index #cover .type .row .l p .b{width:10.4166666667vw;height:6.3541666667vw;position:absolute;z-index:2}.ja #page_index #cover .type .row .l p .b{top:-2.0833333333vw;left:-2.0833333333vw}.en #page_index #cover .type .row .l p .b{top:-4.1666666667vw;left:-3.6458333333vw}#page_index #cover .type .row .r{display:flex;flex-direction:column;justify-content:space-between}.en #page_index #cover .type .row .r .d{width:26.0416666667vw}.ja #page_index #cover .type .row .r .d p{font-size:1.4583333333vw;letter-spacing:-.03em}.en #page_index #cover .type .row .r .d p{font-size:1.4583333333vw;letter-spacing:0em}#page_index #cover .type .row .r .d p .note{color:var(--color-red);font-size:1.0416666667vw}#page_index #cover .type .row .r .i{width:26.0416666667vw;height:auto}#page_index #cover .type .row .r .i img{width:26.0416666667vw;height:auto}#page_index #cover .type .row .r .cap{display:block;margin-top:.4166666667vw}.ja #page_index #cover .type .row .r .cap{white-space:nowrap;font-size:1.1458333333vw}.en #page_index #cover .type .row .r .cap{font-size:1.1458333333vw;letter-spacing:0em}#page_index #use{background-color:var(--color-pink)}#page_index #use .row{width:93.75vw;margin:0 auto;margin-top:3.125vw;font-size:0}#page_index #use .row p{position:relative}#page_index #use .row p .cap{position:absolute;bottom:1.0416666667vw;left:1.0416666667vw}.ja #page_index #use .row p .cap{font-size:1.0416666667vw;color:var(--color-white)}.en #page_index #use .row p .cap{font-size:1.09375vw;color:var(--color-white);font-weight:700;letter-spacing:0em}#page_index #use .row p img{width:93.75vw;height:140.7291666667vw;object-fit:cover;object-position:center}#page_index #use .row .c p{line-height:0}#page_index #tool{text-align:center;margin-top:5.2083333333vw;padding-bottom:6.5625vw}#page_index #tool .img{margin-top:1.0416666667vw;width:100vw;display:inline-block}.ja #page_index #tool .img img{width:100vw;height:85.625vw}.en #page_index #tool .img img{width:100vw;height:85.625vw}#page_index #example{clip-path:inherit!important;text-align:center;position:relative;z-index:3}#page_index #example .article_inner{overflow:hidden;padding-top:10.4166666667vw;padding-bottom:10.4166666667vw;clip-path:inset(0 0 0);background-color:var(--color-bg-red)}#page_index #example h3{position:absolute;top:-2.6041666667vw;left:50%;transform:translate(-50%);z-index:3}#page_index #example .row{width:76.0416666667vw;margin:0 auto;margin-top:5.2083333333vw;text-align:left;position:relative;z-index:3}#page_index #example .l{width:36.4583333333vw}#page_index #example .l .num{width:5.2083333333vw;height:7.2916666667vw;margin-bottom:-.5208333333vw}#page_index #example .l h4{font-size:2.0833333333vw;padding-bottom:.5208333333vw;letter-spacing:-.03em;font-weight:700;color:var(--color-white);display:inline-block;position:relative}#page_index #example .l h4:before{content:"";width:100%;height:.5208333333vw;background-color:var(--color-yellow);display:block;position:absolute;bottom:0}.en #page_index #example .l h4:before{bottom:-.5208333333vw}#page_index #example .l .d p{color:var(--color-white)}.ja #page_index #example .l .d p{font-size:1.4583333333vw;letter-spacing:-.03em}.en #page_index #example .l .d p{font-size:1.4583333333vw;letter-spacing:0em;font-weight:700;text-align:left}#page_index #example .r{width:36.4583333333vw}#page_index #example .r .i{position:relative}#page_index #example .r .i ._c{width:5.0166666667vw;height:20.1208333333vw;position:absolute;top:0vw;right:-5.2083333333vw}#page_index #product{background-color:var(--color-white);padding-bottom:10.4166666667vw;clip-path:inherit!important}#page_index #product .head_img{width:100vw;height:auto}#page_index #product .head_img img{width:100vw;height:auto;object-fit:cover;object-position:center}#page_index #btm_info{background-color:var(--color-yellow);text-align:center;padding-bottom:10.4166666667vw;clip-path:inherit!important;transform:translateZ(0)}#page_index #btm_info h2{width:47.4583333333vw;height:31.25vw;margin:0 auto;top:-8.3333333333vw;position:relative;margin-bottom:-3.125vw;z-index:2;transform:translateZ(0)}#page_index #btm_info time{font-size:1.25vw;font-weight:700}@media (min-width: 781px){body{backface-visibility:hidden;-webkit-backface-visibility:hidden}.switch_sp,br.sp{display:none}.loading .i1{width:85.859375vh}.loading .i1{height:112.890625vh}.loading .i2{width:98.0078125vh}.loading .i2{height:117vh}.loading .i3{width:135.1875vh}.loading .i3{height:117.796875vh}.loading .i4{width:144.0625vh}.loading .i4{height:113.59375vh}.loading .i5{width:191.1171875vh}.loading .i5{height:57.640625vh}.loading .i6{width:129.296875vh}.loading .i6{height:122.0703125vh}.loading .i1{top:15%;left:20%}.loading .i2{top:10%;left:75%}.loading .i3{top:60%;left:50%}.loading .i4{top:75%;left:14%}.loading .i5{top:94%;left:70%}.loading .i6{top:60%;left:88%}#kv .obj.a{transform:rotate(-15deg);top:26%;left:50%;margin-left:-18.75vw}#kv .obj.a img{max-height:30vh}#kv .obj.b{transform:rotate(15deg);top:23%;left:50%;margin-left:-15.625vw}#kv .obj.b img{max-height:22vh}[data-obj=a]{transform:rotate(-25deg) translate(-50%)}[data-obj=a]{top:10%;left:50%;margin-left:-25vw}[data-obj=b]{transform:rotate(20deg) translate(-50%)}[data-obj=b]{top:43%;left:50%;margin-left:25vw}[data-obj=c]{transform:rotate(-32deg) translate(-50%)}[data-obj=c]{top:68%;left:50%;margin-left:-29.6875vw}[data-obj=d]{transform:rotate(-16deg) translate(-50%)}[data-obj=d]{top:77%;left:50%;margin-left:25vw}[data-obj=e]{top:30%}[data-obj=g]{transform:rotate(-23deg) translate(-50%)}[data-obj=g]{top:8%;left:50%;margin-left:-28.125vw}[data-obj=h]{transform:rotate(-12deg) translate(-50%) translateY(-50%)}[data-obj=h]{top:60%;left:50%;margin-left:-4.6875vw}.bg{background-image:url(/store/techo/ja/one-piece/assets/img/webp/bg_g.webp)}.bg._base{background-image:url(/store/techo/ja/one-piece/assets/img/webp/bg.webp)}footer p,footer a{line-height:150%}footer .row.b{column-gap:2.0833333333vw}.ja [data-style=head_desc] p{line-height:150%}.en [data-style=head_desc] p{line-height:136.25%}.en [data-style=head_desc] p{letter-spacing:0em}#page_index #head_wrap #kv{height:100vh;max-height:85.3125vw;min-height:600px}#page_index #head_wrap #kv .inner{max-height:96vh;margin-left:-.5208333333vw}#page_index #head_wrap #kv h1,#page_index #head_wrap #kv .techo{top:0;left:0}#page_index #head_wrap #kv .badge{max-height:16.5vh;max-width:16.5vh;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}#page_index #head_wrap #kv .badge span{top:-92%;left:163%}.en #page_index #head_wrap #yodogawa h2{line-height:71.4285714286%}.ja #page_index #head_wrap #yodogawa .d p{line-height:156.25%}.en #page_index #head_wrap #yodogawa .d p{line-height:141.935483871%}#page_index #head_wrap #yodogawa:before{background-image:url(/store/techo/ja/one-piece/assets/img/yodogawa_frame.png)}#page_index #head_wrap .nav{margin-top:5.2083333333vw;margin-bottom:10.4166666667vw}#page_index #head_wrap .nav{height:4.1666666667vw;border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);border-width:.3125vw;background-color:var(--color-yellow);box-sizing:border-box;display:flex;justify-content:center;align-items:center}#page_index #head_wrap .nav ul{column-gap:1.9791666667vw}#page_index #head_wrap .nav ul li:before{content:"";width:2px;height:100%;display:block;background-image:url(/store/techo/ja/one-piece/assets/img/gnav_line.svg);background-repeat:no-repeat;background-position:center;background-size:2px;position:absolute;top:0;right:-1.0416666667vw}#page_index #head_wrap .nav ul li:last-child:before{display:none}.ja #page_index #feature section .head .d p{line-height:178.5714285714%}.en #page_index #feature section .head .d p{line-height:128.5714285714%}.en #page_index #feature section .head h3{line-height:113.0434782609%}.ja #page_index #feature .s2 .head{width:57.2916666667vw}.ja #page_index #feature .s3 .head{width:57.2916666667vw}.en #page_index #feature .s3 .bio p{line-height:.5em}#page_index #feature .s3 .bio p .d{line-height:0!important}.en #page_index #feature .s3 .bio p .d{line-height:116.6666666667%}#page_index #feature .s3 .bio p .d{margin-left:1em}#page_index #function .row{display:flex;column-gap:2.0833333333vw;justify-content:center}#page_index #function .row .l{height:100%;display:flex;flex-direction:column;justify-content:space-between}.ja #page_index #function .row .l p .cap{line-height:150%}.en #page_index #function .row .l p .cap{line-height:118.1818181818%}#page_index #function .row .r{height:100%;display:flex;flex-direction:column;justify-content:space-between}#page_index #function .row .r .cap{height:auto}.ja #page_index #function .row .r .cap{line-height:154.5454545455%}.en #page_index #function .row .r .cap{line-height:118.1818181818%}#page_index #cover .type .row{display:flex;justify-content:space-between}.ja #page_index #cover .type .row .r .d p{line-height:150%}.en #page_index #cover .type .row .r .d p{line-height:138.5714285714%}#page_index #cover .type .row .r .d p .note{line-height:200%}.ja #page_index #cover .type .row .r .cap{line-height:154.5454545455%}.en #page_index #cover .type .row .r .cap{line-height:118.1818181818%}.ja #page_index #use .row p .cap{line-height:150%}.en #page_index #use .row p .cap{line-height:120%}#page_index #use .row .c{display:flex}#page_index #use .row .c p{width:50%}#page_index #use .row .c p img{width:46.875vw;height:46.875vw;object-fit:cover;object-position:center}#page_index #example .row{display:flex;justify-content:space-between}#page_index #example .row:nth-child(even){flex-direction:row-reverse}#page_index #example .l{display:flex;flex-direction:column;justify-content:space-between}.ja #page_index #example .l h4{line-height:150%}.en #page_index #example .l h4{line-height:115%}#page_index #example .l h4:before{left:0}#page_index #example .l .d{margin-top:1em}.ja #page_index #example .l .d p{line-height:150%}.en #page_index #example .l .d p{line-height:128.5714285714%}}@media (min-width: 781px) and (max-aspect-ratio: 1200/640){.loading .i1{width:45.7916666667vw}.loading .i1{height:60.2083333333vw}.loading .i2{width:52.2708333333vw}.loading .i2{height:62.4vw}.loading .i3{width:72.1vw}.loading .i3{height:62.825vw}.loading .i4{width:76.8333333333vw}.loading .i4{height:60.5833333333vw}.loading .i5{width:101.9291666667vw}.loading .i5{height:30.7416666667vw}.loading .i6{width:68.9583333333vw}.loading .i6{height:65.1041666667vw}}@media (min-width: 781px) and (max-width: 780px){#kv .obj.a{margin-left:0vw}#kv .obj.b{margin-left:0vw}[data-obj=a]{margin-left:0vw}[data-obj=b]{margin-left:0vw}[data-obj=c]{margin-left:0vw}[data-obj=d]{margin-left:0vw}[data-obj=g]{margin-left:0vw}[data-obj=h]{margin-left:0vw}footer .row.b{column-gap:5.1282051282vw}#page_index #head_wrap #kv{max-height:0vw}#page_index #head_wrap #kv .inner{margin-left:0vw}#page_index #head_wrap .nav{margin-top:0vw}#page_index #head_wrap .nav{margin-bottom:0vw}#page_index #head_wrap .nav{height:0vw}#page_index #head_wrap .nav{border-width:0vw}#page_index #head_wrap .nav ul{column-gap:0vw}#page_index #head_wrap .nav ul li:before{right:-1.2820512821vw}.ja #page_index #feature .s2 .head{width:0vw}.ja #page_index #feature .s3 .head{width:0vw}#page_index #function .row{column-gap:0vw}#page_index #use .row .c p img{width:0vw}#page_index #use .row .c p img{height:0vw}}@media (max-width: 1280px) and (min-width: 960px){body,html{scroll-padding-top:50px}header{height:50px}header .logo_bobo{width:157px}header .logo_bobo{height:19px}header .logo_bobo{margin-left:25px}.en header .logo_bobo{width:263.72px}.en header .logo_bobo{height:18px}.en header .logo_bobo{margin-top:0}header .logo_onepiece{width:46.47px}header .logo_onepiece{height:40px}header .lang{width:54.21px}header .lang{height:7.3px}header .lang{margin-right:25px}.en header .lang{width:61.71px}.en header .lang{height:9px}footer{padding-top:55px}footer{padding-bottom:60px}.ja footer p,.ja footer a{font-size:12px}.en footer p,.en footer a{font-size:9px}.en footer .contact a{font-size:12px}footer .logo{width:347.9px}footer .logo{height:20px}.ja footer .row.a{column-gap:50px}.en footer .row.a{column-gap:123px}footer .row.a{margin-top:30px}footer .row.b{margin-top:30px}footer .share{column-gap:10px}footer .share ul{column-gap:15px}footer .share a img{width:25px}footer .share a img{height:25px}footer .copyright{font-size:10px}footer .copyright{margin-top:50px}[data-style=article_ttl]{width:413.4px}[data-style=article_ttl]{height:130.71px}[data-style=article_ttl]{margin-top:-25px}[data-style=head_desc]{margin-top:30px}.ja [data-style=head_desc] p{font-size:16px}.en [data-style=head_desc] p{font-size:16px}[data-style=ttl_sub]{width:430px}[data-style=ttl_sub]{height:125px}#page_index #head_wrap #kv{padding-top:35px}#page_index #head_wrap #kv .inner{width:845px}#page_index #head_wrap #kv .inner{height:819px}#page_index #head_wrap #kv .badge{width:141px}#page_index #head_wrap #kv .badge{height:141px}#page_index #head_wrap #yodogawa{width:680px}#page_index #head_wrap #yodogawa{height:430px}#page_index #head_wrap #yodogawa{margin-top:0}.ja #page_index #head_wrap #yodogawa h2{width:490px}.ja #page_index #head_wrap #yodogawa h2{height:20.72px}.ja #page_index #head_wrap #yodogawa h2{margin-top:15px}.ja #page_index #head_wrap #yodogawa h2 img{width:412.78px}.en #page_index #head_wrap #yodogawa h2{width:490px}.en #page_index #head_wrap #yodogawa h2{font-size:35px}.en #page_index #head_wrap #yodogawa h2{margin-top:10px}.ja #page_index #head_wrap #yodogawa .d{width:490px}.ja #page_index #head_wrap #yodogawa .d{margin-top:23px}.en #page_index #head_wrap #yodogawa .d{width:490px}.en #page_index #head_wrap #yodogawa .d{margin-top:20px}.ja #page_index #head_wrap #yodogawa .d p{font-size:16px}.en #page_index #head_wrap #yodogawa .d p{font-size:15.5px}#page_index #head_wrap #yodogawa .d p+p{margin-top:12px}#page_index #head_wrap #yodogawa .d .notes{font-size:10px!important}#page_index #head_wrap #yodogawa .d .notes{margin-top:5px}#page_index #head_wrap #yodogawa .d .notes{margin-bottom:0}#page_index #head_wrap .nav ul li a{height:22.46px}#page_index #head_wrap .nav ul li a img{height:22.46px}.ja #page_index #feature section .head{width:500px}.ja #page_index #feature section .head{height:107px}.ja #page_index #feature section .head{padding-left:101px}.en #page_index #feature section .head{width:550px}.en #page_index #feature section .head{padding-left:80px}#page_index #feature section .head{border-width:3px}.ja #page_index #feature section .head .d{margin-top:10px}.en #page_index #feature section .head .d{margin-top:6px}.en #page_index #feature section .head .d{padding-bottom:8px}.ja #page_index #feature section .head .d p{font-size:14px}.en #page_index #feature section .head .d p{font-size:14px}#page_index #feature section .head .h{width:68.64px}#page_index #feature section .head .h{height:150px}.ja #page_index #feature section .head .h{left:22px}.en #page_index #feature section .head .h{left:2px}#page_index #feature section .head h3{margin-top:8px}.ja #page_index #feature section .head.h1 h3{width:374.29px}.ja #page_index #feature section .head.h1 h3{height:21.39px}.ja #page_index #feature section .head.h2 h3{width:420.74px}.ja #page_index #feature section .head.h2 h3{height:21.32px}.ja #page_index #feature section .head.h3 h3{width:436.91px}.ja #page_index #feature section .head.h3 h3{height:21.91px}.en #page_index #feature section .head h3{font-size:23px}.ja #page_index #feature .s1{margin-top:44px}.en #page_index #feature .s1{margin-top:50px}.ja #page_index #feature .s1 .img{margin-top:14px}.en #page_index #feature .s1 .img{margin-top:25px}#page_index #feature .s1 .img{left:90px}#page_index #feature .s2{margin-top:55px}#page_index #feature .s2 .img{left:158px}#page_index #feature .s3 .head{margin-top:40px}#page_index #feature .s3 .bio{width:610px}#page_index #feature .s3 .bio{border-radius:20px}.ja #page_index #feature .s3 .bio{margin-top:50px}.ja #page_index #feature .s3 .bio{padding-top:17px}.ja #page_index #feature .s3 .bio{padding-left:23px}.ja #page_index #feature .s3 .bio{padding-right:20px}.ja #page_index #feature .s3 .bio{padding-bottom:10px}.en #page_index #feature .s3 .bio{margin-top:25px}.en #page_index #feature .s3 .bio{padding-top:13px}.en #page_index #feature .s3 .bio{padding-left:10px}.en #page_index #feature .s3 .bio{padding-right:10px}.en #page_index #feature .s3 .bio{padding-bottom:10px}#page_index #feature .s3 .bio p .t{font-size:14px}#page_index #feature .s3 .bio p .t:before{font-size:14px}.en #page_index #feature .s3 .bio p .t{margin-top:5px}#page_index #feature .s3 .bio p .d{font-size:12px}.ja #page_index #feature .s3 .bio p .d{margin-bottom:2px}.en #page_index #feature .s3 .bio p .d{margin-left:15px}.ja #page_index #feature .s3 .bio p+p{margin-top:2px}.en #page_index #feature .s3 .bio p+p{margin-top:2px}.ja #page_index #feature .s3 .bio p:nth-child(1)+p{margin-top:7px}.en #page_index #feature .s3 .bio p:nth-child(1)+p,.en #page_index #feature .s3 .bio p:nth-child(2)+p{margin-top:8px}#page_index #feature .s3 .img{margin-top:26px}#page_index #feature .s3 .img .i{left:175px}#page_index #feature .s3 .img .i{margin-bottom:0}#page_index #function{padding-bottom:100px}#page_index #function .row{height:894px}#page_index #function .row{margin-top:24px}#page_index #function .row .l p{width:500px}.ja #page_index #function .row .l p .cap{font-size:12px}.en #page_index #function .row .l p .cap{font-size:11px}#page_index #function .row .l p .cap{margin-left:10px}#page_index #function .row .l p .cap{margin-bottom:10px}#page_index #function .row .l p img{width:500px}#page_index #function .row .r p{width:180px}#page_index #function .row .r p{height:180px}#page_index #function .row .r p img{width:180px}#page_index #function .row .r p img{height:180px}.ja #page_index #function .row .r .cap{font-size:11px}.ja #page_index #function .row .r .cap{margin-top:4px}.en #page_index #function .row .r .cap{font-size:11px}.en #page_index #function .row .r .cap{margin-top:5px}#page_index #cover{padding-bottom:115px}#page_index #cover .type{margin-top:43px}#page_index #cover .type+.type{margin-top:68px}#page_index #cover .type .row{width:775.5px}#page_index #cover .type .row .l{width:500.5px}#page_index #cover .type .row .l{height:500.5px}#page_index #cover .type .row .l p .b{width:100px}#page_index #cover .type .row .l p .b{height:61px}.ja #page_index #cover .type .row .l p .b{top:-20px}.ja #page_index #cover .type .row .l p .b{left:-20px}.en #page_index #cover .type .row .l p .b{top:-40px}.en #page_index #cover .type .row .l p .b{left:-35px}.en #page_index #cover .type .row .r .d{width:250px}.ja #page_index #cover .type .row .r .d p{font-size:14px}.en #page_index #cover .type .row .r .d p{font-size:14px}#page_index #cover .type .row .r .d p .note{font-size:10px}#page_index #cover .type .row .r .i{width:250px}#page_index #cover .type .row .r .i img{width:250px}#page_index #cover .type .row .r .cap{margin-top:4px}.ja #page_index #cover .type .row .r .cap{font-size:11px}.en #page_index #cover .type .row .r .cap{font-size:11px}#page_index #use .row{width:900px}#page_index #use .row{margin-top:30px}.ja #page_index #use .row p .cap{font-size:10px}.en #page_index #use .row p .cap{font-size:10.5px}#page_index #use .row p .cap{bottom:10px}#page_index #use .row p .cap{left:10px}#page_index #use .row p img{width:900px}#page_index #use .row p img{height:1351px}#page_index #tool{margin-top:50px}#page_index #tool{padding-bottom:63px}#page_index #tool .img{margin-top:10px}#page_index #example .article_inner{padding-top:100px}#page_index #example .article_inner{padding-bottom:100px}#page_index #example h3{top:-25px}#page_index #example .row{width:730px}#page_index #example .row{margin-top:50px}#page_index #example .l{width:350px}#page_index #example .l .num{width:50px}#page_index #example .l .num{height:70px}#page_index #example .l .num{margin-bottom:-5px}#page_index #example .l h4{font-size:20px}#page_index #example .l h4{padding-bottom:5px}#page_index #example .l h4:before{height:5px}.en #page_index #example .l h4:before{bottom:-5px}.ja #page_index #example .l .d p{font-size:14px}.en #page_index #example .l .d p{font-size:14px}#page_index #example .r{width:350px}#page_index #example .r .i ._c{width:48.16px}#page_index #example .r .i ._c{height:193.16px}#page_index #example .r .i ._c{top:0px}#page_index #example .r .i ._c{right:-50px}#page_index #product{padding-bottom:100px}#page_index #btm_info{padding-bottom:100px}#page_index #btm_info h2{width:455.6px}#page_index #btm_info h2{height:300px}#page_index #btm_info h2{top:-80px}#page_index #btm_info h2{margin-bottom:-30px}#page_index #btm_info time{font-size:12px}}@media (min-width: 781px) and (max-width: 1280px) and (min-width: 960px){footer .row.b{column-gap:20px}#page_index #head_wrap #kv{max-height:819px}#page_index #head_wrap #kv .inner{margin-left:-5px}#page_index #head_wrap .nav{margin-top:50px}#page_index #head_wrap .nav{margin-bottom:100px}#page_index #head_wrap .nav{height:40px}#page_index #head_wrap .nav{border-width:3px}#page_index #head_wrap .nav ul{column-gap:19px}#page_index #head_wrap .nav ul li:before{right:-10px}.ja #page_index #feature .s2 .head{width:550px}.ja #page_index #feature .s3 .head{width:550px}#page_index #function .row{column-gap:20px}#page_index #use .row .c p img{width:450px}#page_index #use .row .c p img{height:450px}}@media (min-width: 1280px) and (max-width: 1680px){body,html{scroll-padding-top:3.90625vw}header{height:3.90625vw}header .logo_bobo{width:12.265625vw}header .logo_bobo{height:1.484375vw}header .logo_bobo{margin-left:1.953125vw}.en header .logo_bobo{width:20.603125vw}.en header .logo_bobo{height:1.40625vw}.en header .logo_bobo{margin-top:0vw}header .logo_onepiece{width:3.63046875vw}header .logo_onepiece{height:3.125vw}header .lang{width:4.23515625vw}header .lang{height:.5703125vw}header .lang{margin-right:1.953125vw}.en header .lang{width:4.82109375vw}.en header .lang{height:.703125vw}footer{padding-top:4.296875vw}footer{padding-bottom:4.6875vw}.ja footer p,.ja footer a{font-size:.9375vw}.en footer p,.en footer a{font-size:.703125vw}.en footer .contact a{font-size:.9375vw}footer .logo{width:27.1796875vw}footer .logo{height:1.5625vw}.ja footer .row.a{column-gap:3.90625vw}.en footer .row.a{column-gap:9.609375vw}footer .row.a{margin-top:2.34375vw}footer .row.b{margin-top:2.34375vw}footer .share{column-gap:.78125vw}footer .share ul{column-gap:1.171875vw}footer .share a img{width:1.953125vw}footer .share a img{height:1.953125vw}footer .copyright{font-size:.78125vw}footer .copyright{margin-top:3.90625vw}[data-style=article_ttl]{width:32.296875vw}[data-style=article_ttl]{height:10.21171875vw}[data-style=article_ttl]{margin-top:-1.953125vw}[data-style=head_desc]{margin-top:2.34375vw}.ja [data-style=head_desc] p{font-size:1.25vw}.en [data-style=head_desc] p{font-size:1.25vw}[data-style=ttl_sub]{width:33.59375vw}[data-style=ttl_sub]{height:9.765625vw}#page_index #head_wrap #kv{padding-top:2.734375vw}#page_index #head_wrap #kv .inner{width:66.015625vw}#page_index #head_wrap #kv .inner{height:63.984375vw}#page_index #head_wrap #kv .badge{width:11.015625vw}#page_index #head_wrap #kv .badge{height:11.015625vw}#page_index #head_wrap #yodogawa{width:53.125vw}#page_index #head_wrap #yodogawa{height:33.59375vw}#page_index #head_wrap #yodogawa{margin-top:0vw}.ja #page_index #head_wrap #yodogawa h2{width:38.28125vw}.ja #page_index #head_wrap #yodogawa h2{height:1.61875vw}.ja #page_index #head_wrap #yodogawa h2{margin-top:1.171875vw}.ja #page_index #head_wrap #yodogawa h2 img{width:32.2484375vw}.en #page_index #head_wrap #yodogawa h2{width:38.28125vw}.en #page_index #head_wrap #yodogawa h2{font-size:2.734375vw}.en #page_index #head_wrap #yodogawa h2{margin-top:.78125vw}.ja #page_index #head_wrap #yodogawa .d{width:38.28125vw}.ja #page_index #head_wrap #yodogawa .d{margin-top:1.796875vw}.en #page_index #head_wrap #yodogawa .d{width:38.28125vw}.en #page_index #head_wrap #yodogawa .d{margin-top:1.5625vw}.ja #page_index #head_wrap #yodogawa .d p{font-size:1.25vw}.en #page_index #head_wrap #yodogawa .d p{font-size:1.2109375vw}#page_index #head_wrap #yodogawa .d p+p{margin-top:.9375vw}#page_index #head_wrap #yodogawa .d .notes{font-size:.78125vw!important}#page_index #head_wrap #yodogawa .d .notes{margin-top:.390625vw}#page_index #head_wrap #yodogawa .d .notes{margin-bottom:0vw}#page_index #head_wrap .nav ul li a{height:1.7546875vw}#page_index #head_wrap .nav ul li a img{height:1.7546875vw}.ja #page_index #feature section .head{width:39.0625vw}.ja #page_index #feature section .head{height:8.359375vw}.ja #page_index #feature section .head{padding-left:7.890625vw}.en #page_index #feature section .head{width:42.96875vw}.en #page_index #feature section .head{padding-left:6.25vw}#page_index #feature section .head{border-width:.234375vw}.ja #page_index #feature section .head .d{margin-top:.78125vw}.en #page_index #feature section .head .d{margin-top:.46875vw}.en #page_index #feature section .head .d{padding-bottom:.625vw}.ja #page_index #feature section .head .d p{font-size:1.09375vw}.en #page_index #feature section .head .d p{font-size:1.09375vw}#page_index #feature section .head .h{width:5.3625vw}#page_index #feature section .head .h{height:11.71875vw}.ja #page_index #feature section .head .h{left:1.71875vw}.en #page_index #feature section .head .h{left:.15625vw}#page_index #feature section .head h3{margin-top:.625vw}.ja #page_index #feature section .head.h1 h3{width:29.24140625vw}.ja #page_index #feature section .head.h1 h3{height:1.67109375vw}.ja #page_index #feature section .head.h2 h3{width:32.8703125vw}.ja #page_index #feature section .head.h2 h3{height:1.665625vw}.ja #page_index #feature section .head.h3 h3{width:34.13359375vw}.ja #page_index #feature section .head.h3 h3{height:1.71171875vw}.en #page_index #feature section .head h3{font-size:1.796875vw}.ja #page_index #feature .s1{margin-top:3.4375vw}.en #page_index #feature .s1{margin-top:3.90625vw}.ja #page_index #feature .s1 .img{margin-top:1.09375vw}.en #page_index #feature .s1 .img{margin-top:1.953125vw}#page_index #feature .s1 .img{left:7.03125vw}#page_index #feature .s2{margin-top:4.296875vw}#page_index #feature .s2 .img{left:12.34375vw}#page_index #feature .s3 .head{margin-top:3.125vw}#page_index #feature .s3 .bio{width:47.65625vw}#page_index #feature .s3 .bio{border-radius:1.5625vw}.ja #page_index #feature .s3 .bio{margin-top:3.90625vw}.ja #page_index #feature .s3 .bio{padding-top:1.328125vw}.ja #page_index #feature .s3 .bio{padding-left:1.796875vw}.ja #page_index #feature .s3 .bio{padding-right:1.5625vw}.ja #page_index #feature .s3 .bio{padding-bottom:.78125vw}.en #page_index #feature .s3 .bio{margin-top:1.953125vw}.en #page_index #feature .s3 .bio{padding-top:1.015625vw}.en #page_index #feature .s3 .bio{padding-left:.78125vw}.en #page_index #feature .s3 .bio{padding-right:.78125vw}.en #page_index #feature .s3 .bio{padding-bottom:.78125vw}#page_index #feature .s3 .bio p .t{font-size:1.09375vw}#page_index #feature .s3 .bio p .t:before{font-size:1.09375vw}.en #page_index #feature .s3 .bio p .t{margin-top:.390625vw}#page_index #feature .s3 .bio p .d{font-size:.9375vw}.ja #page_index #feature .s3 .bio p .d{margin-bottom:.15625vw}.en #page_index #feature .s3 .bio p .d{margin-left:1.171875vw}.ja #page_index #feature .s3 .bio p+p{margin-top:.15625vw}.en #page_index #feature .s3 .bio p+p{margin-top:.15625vw}.ja #page_index #feature .s3 .bio p:nth-child(1)+p{margin-top:.546875vw}.en #page_index #feature .s3 .bio p:nth-child(1)+p,.en #page_index #feature .s3 .bio p:nth-child(2)+p{margin-top:.625vw}#page_index #feature .s3 .img{margin-top:2.03125vw}#page_index #feature .s3 .img .i{left:13.671875vw}#page_index #feature .s3 .img .i{margin-bottom:0vw}#page_index #function{padding-bottom:7.8125vw}#page_index #function .row{height:69.84375vw}#page_index #function .row{margin-top:1.875vw}#page_index #function .row .l p{width:39.0625vw}.ja #page_index #function .row .l p .cap{font-size:.9375vw}.en #page_index #function .row .l p .cap{font-size:.859375vw}#page_index #function .row .l p .cap{margin-left:.78125vw}#page_index #function .row .l p .cap{margin-bottom:.78125vw}#page_index #function .row .l p img{width:39.0625vw}#page_index #function .row .r p{width:14.0625vw}#page_index #function .row .r p{height:14.0625vw}#page_index #function .row .r p img{width:14.0625vw}#page_index #function .row .r p img{height:14.0625vw}.ja #page_index #function .row .r .cap{font-size:.859375vw}.ja #page_index #function .row .r .cap{margin-top:.3125vw}.en #page_index #function .row .r .cap{font-size:.859375vw}.en #page_index #function .row .r .cap{margin-top:.390625vw}#page_index #cover{padding-bottom:8.984375vw}#page_index #cover .type{margin-top:3.359375vw}#page_index #cover .type+.type{margin-top:5.3125vw}#page_index #cover .type .row{width:60.5859375vw}#page_index #cover .type .row .l{width:39.1015625vw}#page_index #cover .type .row .l{height:39.1015625vw}#page_index #cover .type .row .l p .b{width:7.8125vw}#page_index #cover .type .row .l p .b{height:4.765625vw}.ja #page_index #cover .type .row .l p .b{top:-1.5625vw}.ja #page_index #cover .type .row .l p .b{left:-1.5625vw}.en #page_index #cover .type .row .l p .b{top:-3.125vw}.en #page_index #cover .type .row .l p .b{left:-2.734375vw}.en #page_index #cover .type .row .r .d{width:19.53125vw}.ja #page_index #cover .type .row .r .d p{font-size:1.09375vw}.en #page_index #cover .type .row .r .d p{font-size:1.09375vw}#page_index #cover .type .row .r .d p .note{font-size:.78125vw}#page_index #cover .type .row .r .i{width:19.53125vw}#page_index #cover .type .row .r .i img{width:19.53125vw}#page_index #cover .type .row .r .cap{margin-top:.3125vw}.ja #page_index #cover .type .row .r .cap{font-size:.859375vw}.en #page_index #cover .type .row .r .cap{font-size:.859375vw}#page_index #use .row{width:70.3125vw}#page_index #use .row{margin-top:2.34375vw}.ja #page_index #use .row p .cap{font-size:.78125vw}.en #page_index #use .row p .cap{font-size:.8203125vw}#page_index #use .row p .cap{bottom:.78125vw}#page_index #use .row p .cap{left:.78125vw}#page_index #use .row p img{width:70.3125vw}#page_index #use .row p img{height:105.546875vw}#page_index #tool{margin-top:3.90625vw}#page_index #tool{padding-bottom:4.921875vw}#page_index #tool .img{margin-top:.78125vw}#page_index #example .article_inner{padding-top:7.8125vw}#page_index #example .article_inner{padding-bottom:7.8125vw}#page_index #example h3{top:-1.953125vw}#page_index #example .row{width:57.03125vw}#page_index #example .row{margin-top:3.90625vw}#page_index #example .l{width:27.34375vw}#page_index #example .l .num{width:3.90625vw}#page_index #example .l .num{height:5.46875vw}#page_index #example .l .num{margin-bottom:-.390625vw}#page_index #example .l h4{font-size:1.5625vw}#page_index #example .l h4{padding-bottom:.390625vw}#page_index #example .l h4:before{height:.390625vw}.en #page_index #example .l h4:before{bottom:-.390625vw}.ja #page_index #example .l .d p{font-size:1.09375vw}.en #page_index #example .l .d p{font-size:1.09375vw}#page_index #example .r{width:27.34375vw}#page_index #example .r .i ._c{width:3.7625vw}#page_index #example .r .i ._c{height:15.090625vw}#page_index #example .r .i ._c{top:0vw}#page_index #example .r .i ._c{right:-3.90625vw}#page_index #product{padding-bottom:7.8125vw}#page_index #btm_info{padding-bottom:7.8125vw}#page_index #btm_info h2{width:35.59375vw}#page_index #btm_info h2{height:23.4375vw}#page_index #btm_info h2{top:-6.25vw}#page_index #btm_info h2{margin-bottom:-2.34375vw}#page_index #btm_info time{font-size:.9375vw}}@media (min-width: 781px) and (min-width: 1280px) and (max-width: 1680px){footer .row.b{column-gap:1.5625vw}#page_index #head_wrap #kv{max-height:63.984375vw}#page_index #head_wrap #kv .inner{margin-left:-.390625vw}#page_index #head_wrap .nav{margin-top:3.90625vw}#page_index #head_wrap .nav{margin-bottom:7.8125vw}#page_index #head_wrap .nav{height:3.125vw}#page_index #head_wrap .nav{border-width:.234375vw}#page_index #head_wrap .nav ul{column-gap:1.484375vw}#page_index #head_wrap .nav ul li:before{right:-.78125vw}.ja #page_index #feature .s2 .head{width:42.96875vw}.ja #page_index #feature .s3 .head{width:42.96875vw}#page_index #function .row{column-gap:1.5625vw}#page_index #use .row .c p img{width:35.15625vw}#page_index #use .row .c p img{height:35.15625vw}}@media (min-width: 1680px){body,html{scroll-padding-top:65.625px}#kv .obj.a{width:708.75px}#kv .obj.b{width:603.75px}[data-obj=a]{width:761.25px}[data-obj=b]{width:656.25px}[data-obj=c]{width:708.75px}[data-obj=d]{width:564.375px}[data-obj=e]{width:997.5px}[data-obj=g]{width:630px}[data-obj=h]{width:1050px}header{height:65.625px}header .logo_bobo{width:206.0625px}header .logo_bobo{height:24.9375px}header .logo_bobo{margin-left:32.8125px}.en header .logo_bobo{width:346.1325px}.en header .logo_bobo{height:23.625px}.en header .logo_bobo{margin-top:0}header .logo_onepiece{width:60.991875px}header .logo_onepiece{height:52.5px}header .lang{width:71.150625px}header .lang{height:9.58125px}header .lang{margin-right:32.8125px}.en header .lang{width:80.994375px}.en header .lang{height:11.8125px}footer{padding-top:72.1875px}footer{padding-bottom:78.75px}.ja footer p,.ja footer a{font-size:15.75px}.en footer p,.en footer a{font-size:11.8125px}.en footer .contact a{font-size:15.75px}footer .logo{width:456.61875px}footer .logo{height:26.25px}.ja footer .row.a{column-gap:65.625px}.en footer .row.a{column-gap:161.4375px}footer .row.a{margin-top:39.375px}footer .row.b{margin-top:39.375px}footer .share{column-gap:13.125px}footer .share ul{column-gap:19.6875px}footer .share a img{width:32.8125px}footer .share a img{height:32.8125px}footer .copyright{font-size:13.125px}footer .copyright{margin-top:65.625px}[data-style=article_ttl]{width:542.5875px}[data-style=article_ttl]{height:171.556875px}[data-style=article_ttl]{margin-top:-32.8125px}[data-style=head_desc]{margin-top:39.375px}.ja [data-style=head_desc] p{font-size:21px}.en [data-style=head_desc] p{font-size:21px}[data-style=ttl_sub]{width:564.375px}[data-style=ttl_sub]{height:164.0625px}#page_index #head_wrap #kv{padding-top:45.9375px}#page_index #head_wrap #kv .inner{width:1109.0625px}#page_index #head_wrap #kv .inner{height:1074.9375px}#page_index #head_wrap #kv .badge{width:185.0625px}#page_index #head_wrap #kv .badge{height:185.0625px}#page_index #head_wrap #yodogawa{width:892.5px}#page_index #head_wrap #yodogawa{height:564.375px}#page_index #head_wrap #yodogawa{margin-top:0}.ja #page_index #head_wrap #yodogawa h2{width:643.125px}.ja #page_index #head_wrap #yodogawa h2{height:27.195px}.ja #page_index #head_wrap #yodogawa h2{margin-top:19.6875px}.ja #page_index #head_wrap #yodogawa h2 img{width:541.77375px}.en #page_index #head_wrap #yodogawa h2{width:643.125px}.en #page_index #head_wrap #yodogawa h2{font-size:45.9375px}.en #page_index #head_wrap #yodogawa h2{margin-top:13.125px}.ja #page_index #head_wrap #yodogawa .d{width:643.125px}.ja #page_index #head_wrap #yodogawa .d{margin-top:30.1875px}.en #page_index #head_wrap #yodogawa .d{width:643.125px}.en #page_index #head_wrap #yodogawa .d{margin-top:26.25px}.ja #page_index #head_wrap #yodogawa .d p{font-size:21px}.en #page_index #head_wrap #yodogawa .d p{font-size:20.34375px}#page_index #head_wrap #yodogawa .d p+p{margin-top:15.75px}#page_index #head_wrap #yodogawa .d .notes{font-size:13.125px!important}#page_index #head_wrap #yodogawa .d .notes{margin-top:6.5625px}#page_index #head_wrap #yodogawa .d .notes{margin-bottom:0}#page_index #head_wrap .nav ul li a{height:29.47875px}#page_index #head_wrap .nav ul li a img{height:29.47875px}.ja #page_index #feature section .head{width:656.25px}.ja #page_index #feature section .head{height:140.4375px}.ja #page_index #feature section .head{padding-left:132.5625px}.en #page_index #feature section .head{width:721.875px}.en #page_index #feature section .head{padding-left:105px}#page_index #feature section .head{border-width:3.9375px}.ja #page_index #feature section .head .d{margin-top:13.125px}.en #page_index #feature section .head .d{margin-top:7.875px}.en #page_index #feature section .head .d{padding-bottom:10.5px}.ja #page_index #feature section .head .d p{font-size:18.375px}.en #page_index #feature section .head .d p{font-size:18.375px}#page_index #feature section .head .h{width:90.09px}#page_index #feature section .head .h{height:196.875px}.ja #page_index #feature section .head .h{left:28.875px}.en #page_index #feature section .head .h{left:2.625px}#page_index #feature section .head h3{margin-top:10.5px}.ja #page_index #feature section .head.h1 h3{width:491.255625px}.ja #page_index #feature section .head.h1 h3{height:28.074375px}.ja #page_index #feature section .head.h2 h3{width:552.22125px}.ja #page_index #feature section .head.h2 h3{height:27.9825px}.ja #page_index #feature section .head.h3 h3{width:573.444375px}.ja #page_index #feature section .head.h3 h3{height:28.756875px}.en #page_index #feature section .head h3{font-size:30.1875px}.ja #page_index #feature .s1{margin-top:57.75px}.en #page_index #feature .s1{margin-top:65.625px}.ja #page_index #feature .s1 .img{margin-top:18.375px}.en #page_index #feature .s1 .img{margin-top:32.8125px}#page_index #feature .s1 .img{left:118.125px}#page_index #feature .s1 .img .i{width:1365px}#page_index #feature .s1 .img .i{height:1053.9375px}.ja #page_index #feature .s1 .img .a{width:448.875px}.ja #page_index #feature .s1 .img .a{height:164.325px}.ja #page_index #feature .s1 .img .b{width:512.925px}.ja #page_index #feature .s1 .img .b{height:285.075px}.ja #page_index #feature .s1 .img .c{width:374.85px}.ja #page_index #feature .s1 .img .c{height:234.15px}.ja #page_index #feature .s1 .img .a{top:147px}.ja #page_index #feature .s1 .img .a{left:607.6875px}.ja #page_index #feature .s1 .img .b{top:548.625px}.ja #page_index #feature .s1 .img .b{left:60.375px}.ja #page_index #feature .s1 .img .c{top:820.3125px}.ja #page_index #feature .s1 .img .c{left:0px}.en #page_index #feature .s1 .img .a{width:364.625625px}.en #page_index #feature .s1 .img .a{height:169.5225px}.en #page_index #feature .s1 .img .b{width:513.1875px}.en #page_index #feature .s1 .img .b{height:315px}.en #page_index #feature .s1 .img .c{width:374.71875px}.en #page_index #feature .s1 .img .c{height:234.15px}.en #page_index #feature .s1 .img .a{top:145.6875px}.en #page_index #feature .s1 .img .a{left:652.3125px}.en #page_index #feature .s1 .img .b{top:517.125px}.en #page_index #feature .s1 .img .b{left:60.375px}.en #page_index #feature .s1 .img .c{top:820.3125px}.en #page_index #feature .s1 .img .c{left:0px}#page_index #feature .s2{margin-top:72.1875px}#page_index #feature .s2 .img{margin-top:-137.8125px}#page_index #feature .s2 .img{left:207.375px}#page_index #feature .s2 .img .i{width:1644.5625px}#page_index #feature .s2 .img .i{height:1153.6875px}#page_index #feature .s2 .balloon.a{width:275.70375px}#page_index #feature .s2 .balloon.a{height:114.436875px}#page_index #feature .s2 .balloon.b{width:238.95375px}#page_index #feature .s2 .balloon.b{height:129.373125px}#page_index #feature .s2 .balloon.c{width:266.398125px}#page_index #feature .s2 .balloon.c{height:127.3125px}#page_index #feature .s2 .balloon.a{top:286.125px}#page_index #feature .s2 .balloon.a{margin-left:-69.5625px}#page_index #feature .s2 .balloon.b{top:580.125px}#page_index #feature .s2 .balloon.b{margin-left:200.8125px}#page_index #feature .s2 .balloon.c{top:660.1875px}#page_index #feature .s2 .balloon.c{margin-left:-669.375px}#page_index #feature .s3 .head{margin-top:52.5px}#page_index #feature .s3 .bio{width:800.625px}#page_index #feature .s3 .bio{border-radius:26.25px}.ja #page_index #feature .s3 .bio{margin-top:65.625px}.ja #page_index #feature .s3 .bio{padding-top:22.3125px}.ja #page_index #feature .s3 .bio{padding-left:30.1875px}.ja #page_index #feature .s3 .bio{padding-right:26.25px}.ja #page_index #feature .s3 .bio{padding-bottom:13.125px}.en #page_index #feature .s3 .bio{margin-top:32.8125px}.en #page_index #feature .s3 .bio{padding-top:17.0625px}.en #page_index #feature .s3 .bio{padding-left:13.125px}.en #page_index #feature .s3 .bio{padding-right:13.125px}.en #page_index #feature .s3 .bio{padding-bottom:13.125px}#page_index #feature .s3 .bio p .t{font-size:18.375px}#page_index #feature .s3 .bio p .t:before{font-size:18.375px}.en #page_index #feature .s3 .bio p .t{margin-top:6.5625px}#page_index #feature .s3 .bio p .d{font-size:15.75px}.ja #page_index #feature .s3 .bio p .d{margin-bottom:2.625px}.en #page_index #feature .s3 .bio p .d{margin-left:19.6875px}.ja #page_index #feature .s3 .bio p+p{margin-top:2.625px}.en #page_index #feature .s3 .bio p+p{margin-top:2.625px}.ja #page_index #feature .s3 .bio p:nth-child(1)+p{margin-top:9.1875px}.en #page_index #feature .s3 .bio p:nth-child(1)+p,.en #page_index #feature .s3 .bio p:nth-child(2)+p{margin-top:10.5px}#page_index #feature .s3 .img{margin-top:34.125px}#page_index #feature .s3 .img .i{width:1745.625px}#page_index #feature .s3 .img .i{height:735px}#page_index #feature .s3 .img .i{left:229.6875px}#page_index #feature .s3 .img .i{margin-bottom:0}#page_index #function{padding-bottom:131.25px}#page_index #function .row{height:1173.375px}#page_index #function .row{margin-top:31.5px}#page_index #function .row .l p{width:656.25px}.ja #page_index #function .row .l p .cap{font-size:15.75px}.en #page_index #function .row .l p .cap{font-size:14.4375px}#page_index #function .row .l p .cap{margin-left:13.125px}#page_index #function .row .l p .cap{margin-bottom:13.125px}#page_index #function .row .l p img{width:656.25px}#page_index #function .row .r p{width:236.25px}#page_index #function .row .r p{height:236.25px}#page_index #function .row .r p img{width:236.25px}#page_index #function .row .r p img{height:236.25px}.ja #page_index #function .row .r .cap{font-size:14.4375px}.ja #page_index #function .row .r .cap{margin-top:5.25px}.en #page_index #function .row .r .cap{font-size:14.4375px}.en #page_index #function .row .r .cap{margin-top:6.5625px}#page_index #cover{padding-bottom:150.9375px}#page_index #cover .type{margin-top:56.4375px}#page_index #cover .type+.type{margin-top:89.25px}#page_index #cover .type .row{width:1017.84375px}#page_index #cover .type .row .l{width:656.90625px}#page_index #cover .type .row .l{height:656.90625px}#page_index #cover .type .row .l p .b{width:131.25px}#page_index #cover .type .row .l p .b{height:80.0625px}.ja #page_index #cover .type .row .l p .b{top:-26.25px}.ja #page_index #cover .type .row .l p .b{left:-26.25px}.en #page_index #cover .type .row .l p .b{top:-52.5px}.en #page_index #cover .type .row .l p .b{left:-45.9375px}.en #page_index #cover .type .row .r .d{width:328.125px}.ja #page_index #cover .type .row .r .d p{font-size:18.375px}.en #page_index #cover .type .row .r .d p{font-size:18.375px}#page_index #cover .type .row .r .d p .note{font-size:13.125px}#page_index #cover .type .row .r .i{width:328.125px}#page_index #cover .type .row .r .i img{width:328.125px}#page_index #cover .type .row .r .cap{margin-top:5.25px}.ja #page_index #cover .type .row .r .cap{font-size:14.4375px}.en #page_index #cover .type .row .r .cap{font-size:14.4375px}#page_index #use .row{width:1181.25px}#page_index #use .row{margin-top:39.375px}.ja #page_index #use .row p .cap{font-size:13.125px}.en #page_index #use .row p .cap{font-size:13.78125px}#page_index #use .row p .cap{bottom:13.125px}#page_index #use .row p .cap{left:13.125px}#page_index #use .row p img{width:1181.25px}#page_index #use .row p img{height:1773.1875px}#page_index #tool{margin-top:65.625px}#page_index #tool{padding-bottom:82.6875px}#page_index #tool .img{margin-top:13.125px}#page_index #tool .img{width:1680px}.ja #page_index #tool .img img{width:1680px}.ja #page_index #tool .img img{height:1438.5px}.en #page_index #tool .img img{width:1680px}.en #page_index #tool .img img{height:1438.5px}#page_index #example .article_inner{padding-top:131.25px}#page_index #example .article_inner{padding-bottom:131.25px}#page_index #example h3{top:-32.8125px}#page_index #example .row{width:958.125px}#page_index #example .row{margin-top:65.625px}#page_index #example .l{width:459.375px}#page_index #example .l .num{width:65.625px}#page_index #example .l .num{height:91.875px}#page_index #example .l .num{margin-bottom:-6.5625px}#page_index #example .l h4{font-size:26.25px}#page_index #example .l h4{padding-bottom:6.5625px}#page_index #example .l h4:before{height:6.5625px}.en #page_index #example .l h4:before{bottom:-6.5625px}.ja #page_index #example .l .d p{font-size:18.375px}.en #page_index #example .l .d p{font-size:18.375px}#page_index #example .r{width:459.375px}#page_index #example .r .i ._c{width:63.21px}#page_index #example .r .i ._c{height:253.5225px}#page_index #example .r .i ._c{top:0px}#page_index #example .r .i ._c{right:-65.625px}#page_index #product{padding-bottom:131.25px}#page_index #btm_info{padding-bottom:131.25px}#page_index #btm_info h2{width:597.975px}#page_index #btm_info h2{height:393.75px}#page_index #btm_info h2{top:-105px}#page_index #btm_info h2{margin-bottom:-39.375px}#page_index #btm_info time{font-size:15.75px}}@media (min-width: 781px) and (min-width: 1680px){#kv .obj.a{margin-left:-315px}#kv .obj.b{margin-left:-262.5px}[data-obj=a]{margin-left:-420px}[data-obj=b]{margin-left:420px}[data-obj=c]{margin-left:-498.75px}[data-obj=d]{margin-left:420px}[data-obj=g]{margin-left:-472.5px}[data-obj=h]{margin-left:-78.75px}footer .row.b{column-gap:26.25px}#page_index #head_wrap #kv{max-height:1074.9375px}#page_index #head_wrap #kv .inner{margin-left:-6.5625px}#page_index #head_wrap .nav{margin-top:65.625px}#page_index #head_wrap .nav{margin-bottom:131.25px}#page_index #head_wrap .nav{height:52.5px}#page_index #head_wrap .nav{border-width:3.9375px}#page_index #head_wrap .nav ul{column-gap:24.9375px}#page_index #head_wrap .nav ul li:before{right:-13.125px}.ja #page_index #feature .s2 .head{width:721.875px}.ja #page_index #feature .s3 .head{width:721.875px}#page_index #function .row{column-gap:26.25px}#page_index #use .row .c p img{width:590.625px}#page_index #use .row .c p img{height:590.625px}}@media (max-width: 780px){body,html{scroll-padding-top:25.641025641vw}.loading .i1{width:51.9881305638vh}.isSafari .loading .i1{width:47.5691394659vh}.loading .i1{height:68.2540059347vh}.isSafari .loading .i1{height:62.4524154303vh}.loading .i2{width:56.528189911vh}.isSafari .loading .i2{width:51.7232937685vh}.loading .i2{height:66.9881305638vh}.isSafari .loading .i2{height:61.2941394659vh}.loading .i3{width:65.5192878338vh}.isSafari .loading .i3{width:59.950148368vh}.loading .i3{height:57.2106824926vh}.isSafari .loading .i3{height:52.3477744807vh}.loading .i4{width:73.8716617211vh}.isSafari .loading .i4{width:67.5925704748vh}.loading .i4{height:58.3820474777vh}.isSafari .loading .i4{height:53.4195734421vh}.loading .i5{width:87.5296735905vh}.isSafari .loading .i5{width:80.0896513353vh}.loading .i5{height:26.2166172107vh}.isSafari .loading .i5{height:23.9882047478vh}.loading .i6{width:70.1038575668vh}.isSafari .loading .i6{width:64.1450296736vh}.loading .i6{height:66.3649851632vh}.isSafari .loading .i6{height:60.7239614243vh}#kv .obj.a{width:82.0512820513vw}#kv .obj.b{width:92.3076923077vw}[data-obj=a]{width:66.6666666667vw}[data-obj=b]{width:61.5384615385vw}[data-obj=c]{width:58.9743589744vw}[data-obj=d]{width:51.2820512821vw}[data-obj=e]{width:100%}[data-obj=g]{width:66.6666666667vw}[data-obj=h]{width:97.4358974359vw}header{height:12.8205128205vw}header .logo_bobo{width:29.7435897436vw}header .logo_bobo{height:3.5897435897vw}header .logo_bobo{margin-left:2.5641025641vw}.en header .logo_bobo{width:38.4615384615vw}.en header .logo_bobo{height:3.5897435897vw}.en header .logo_bobo{margin-top:.7692307692vw}header .logo_onepiece{width:11.9153846154vw}header .logo_onepiece{height:10.2564102564vw}header .lang{width:13.9vw}header .lang{height:1.8717948718vw}header .lang{margin-right:2.5641025641vw}.en header .lang{width:15.8230769231vw}.en header .lang{height:2.3076923077vw}footer{padding-top:14.1025641026vw}footer{padding-bottom:12.8205128205vw}.ja footer p,.ja footer a{font-size:3.0769230769vw}.en footer p,.en footer a{font-size:2.3076923077vw}footer p,footer a{line-height:150%}.en footer .contact a{font-size:3.0769230769vw}footer .logo{width:89.2051282051vw}footer .logo{height:5.1282051282vw}.ja footer .row.a{column-gap:12.8205128205vw}.en footer .row.a{column-gap:12.8205128205vw}footer .row.a{margin-top:7.6923076923vw}footer .row.b{margin-top:6.4102564103vw}footer .share{column-gap:2.5641025641vw}footer .share ul{column-gap:3.8461538462vw}footer .share a img{width:6.4102564103vw}footer .share a img{height:6.4102564103vw}footer .copyright{font-size:2.5641025641vw}footer .copyright{margin-top:5.1282051282vw}[data-style=head_img]{height:23.0769230769vw}[data-style=head_img] img{height:23.0769230769vw}[data-style=article_ttl]{width:89.7435897436vw}[data-style=article_ttl]{height:28.3871794872vw}[data-style=article_ttl]{margin-top:-3.8461538462vw}[data-style=head_desc]{margin-top:3.8461538462vw}.ja [data-style=head_desc] p{font-size:4.1025641026vw}.ja [data-style=head_desc] p{line-height:150%}.en [data-style=head_desc] p{font-size:3.8461538462vw}.en [data-style=head_desc] p{line-height:138.6666666667%}[data-style=ttl_sub]{width:76.9230769231vw}[data-style=ttl_sub]{height:22.3076923077vw}#page_index #head_wrap #kv{padding-top:8.9743589744vw}#page_index #head_wrap #kv .inner{width:100%}#page_index #head_wrap #kv .inner{height:119.2307692308vw}#page_index #head_wrap #kv .badge{width:23.0769230769vw}#page_index #head_wrap #kv .badge{height:23.0769230769vw}#page_index #head_wrap #yodogawa{width:92.3076923077vw}#page_index #head_wrap #yodogawa{height:120.5128205128vw}#page_index #head_wrap #yodogawa{margin-top:1.5384615385vw}.ja #page_index #head_wrap #yodogawa h2{width:48.2051282051vw}.ja #page_index #head_wrap #yodogawa h2{height:11.8948717949vw}.ja #page_index #head_wrap #yodogawa h2{margin-top:0vw}.ja #page_index #head_wrap #yodogawa h2 img{width:48.2051282051vw}.en #page_index #head_wrap #yodogawa h2{width:62.8205128205vw}.en #page_index #head_wrap #yodogawa h2{font-size:6.9230769231vw}.en #page_index #head_wrap #yodogawa h2{margin-top:2.5641025641vw}.en #page_index #head_wrap #yodogawa h2{line-height:96.2962962963%}.ja #page_index #head_wrap #yodogawa .d{width:62.8205128205vw}.ja #page_index #head_wrap #yodogawa .d{margin-top:7.1794871795vw}.en #page_index #head_wrap #yodogawa .d{width:64.1025641026vw}.en #page_index #head_wrap #yodogawa .d{margin-top:3.8461538462vw}.ja #page_index #head_wrap #yodogawa .d p{font-size:3.5897435897vw}.ja #page_index #head_wrap #yodogawa .d p{line-height:150%}.en #page_index #head_wrap #yodogawa .d p{font-size:3.3846153846vw}.en #page_index #head_wrap #yodogawa .d p{line-height:128.5714285714%}#page_index #head_wrap #yodogawa .d p+p{margin-top:2.5641025641vw}#page_index #head_wrap #yodogawa .d .notes{font-size:2.5641025641vw!important}#page_index #head_wrap #yodogawa .d .notes{margin-top:2.5641025641vw}#page_index #head_wrap #yodogawa .d .notes{margin-bottom:2.5641025641vw}#page_index #head_wrap .nav ul li a{height:8.9743589744vw}#page_index #head_wrap .nav ul li a img{height:5.758974359vw}.ja #page_index #feature section .head{width:92.3076923077vw}.ja #page_index #feature section .head{height:30.2564102564vw}.ja #page_index #feature section .head{padding-left:20vw}.en #page_index #feature section .head{width:92.3076923077vw}.en #page_index #feature section .head{padding-left:20vw}#page_index #feature section .head{border-width:.7692307692vw}.ja #page_index #feature section .head .d{margin-top:2.0512820513vw}.en #page_index #feature section .head .d{margin-top:2.0512820513vw}.en #page_index #feature section .head .d{padding-bottom:2.0512820513vw}.ja #page_index #feature section .head .d p{font-size:3.3333333333vw}.ja #page_index #feature section .head .d p{line-height:153.8461538462%}.en #page_index #feature section .head .d p{font-size:3.3333333333vw}.en #page_index #feature section .head .d p{line-height:140%}#page_index #feature section .head .h{width:17.9487179487vw}#page_index #feature section .head .h{height:39.2230769231vw}.ja #page_index #feature section .head .h{left:0vw}.en #page_index #feature section .head .h{left:0vw}#page_index #feature section .head h3{margin-top:2.0512820513vw}.ja #page_index #feature section .head.h1 h3{width:41.7564102564vw}.ja #page_index #feature section .head.h1 h3{height:11.5923076923vw}.ja #page_index #feature section .head.h2 h3{width:52.3307692308vw}.ja #page_index #feature section .head.h2 h3{height:11.7205128205vw}.ja #page_index #feature section .head.h3 h3{width:60.4641025641vw}.ja #page_index #feature section .head.h3 h3{height:11.8871794872vw}.en #page_index #feature section .head h3{font-size:5.8974358974vw}.en #page_index #feature section .head h3{line-height:113.0434782609%}.ja #page_index #feature .s1{margin-top:10.2564102564vw}.en #page_index #feature .s1{margin-top:10.2564102564vw}.ja #page_index #feature .s1 .img{margin-top:2.0512820513vw}.en #page_index #feature .s1 .img{margin-top:2.0512820513vw}#page_index #feature .s1 .img{left:0vw}#page_index #feature .s1 .img .i{width:100%}#page_index #feature .s1 .img .i{height:265.3846153846vw}.ja #page_index #feature .s1 .img .a{width:75.6923076923vw}.ja #page_index #feature .s1 .img .a{height:30.0512820513vw}.ja #page_index #feature .s1 .img .b{width:87.2820512821vw}.ja #page_index #feature .s1 .img .b{height:46.7692307692vw}.ja #page_index #feature .s1 .img .c{width:62.8717948718vw}.ja #page_index #feature .s1 .img .c{height:32.2051282051vw}.ja #page_index #feature .s1 .img .a{top:154.358974359vw}.ja #page_index #feature .s1 .img .a{left:12.3076923077vw}.ja #page_index #feature .s1 .img .b{top:60vw}.ja #page_index #feature .s1 .img .b{left:8.4615384615vw}.ja #page_index #feature .s1 .img .c{top:104.8717948718vw}.ja #page_index #feature .s1 .img .c{left:7.6923076923vw}.en #page_index #feature .s1 .img .a{width:72.8205128205vw}.en #page_index #feature .s1 .img .a{height:27.9487179487vw}.en #page_index #feature .s1 .img .b{width:87.1794871795vw}.en #page_index #feature .s1 .img .b{height:51.7948717949vw}.en #page_index #feature .s1 .img .c{width:62.8205128205vw}.en #page_index #feature .s1 .img .c{height:32.3076923077vw}.en #page_index #feature .s1 .img .a{top:154.358974359vw}.en #page_index #feature .s1 .img .a{left:13.0769230769vw}.en #page_index #feature .s1 .img .b{top:55.1282051282vw}.en #page_index #feature .s1 .img .b{left:8.4615384615vw}.en #page_index #feature .s1 .img .c{top:104.8717948718vw}.en #page_index #feature .s1 .img .c{left:7.6923076923vw}#page_index #feature .s2{margin-top:7.6923076923vw}#page_index #feature .s2 .img{margin-top:-14.358974359vw}#page_index #feature .s2 .img{left:0vw}#page_index #feature .s2 .img .i{width:100%}#page_index #feature .s2 .img .i{height:234.6153846154vw}#page_index #feature .s2 .balloon.a{width:56.9230769231vw}#page_index #feature .s2 .balloon.a{height:23.5897435897vw}#page_index #feature .s2 .balloon.b{width:48.7179487179vw}#page_index #feature .s2 .balloon.b{height:26.1538461538vw}#page_index #feature .s2 .balloon.c{width:55.1282051282vw}#page_index #feature .s2 .balloon.c{height:26.6666666667vw}#page_index #feature .s2 .balloon.a{top:37.4358974359vw}#page_index #feature .s2 .balloon.a{margin-left:5.641025641vw}#page_index #feature .s2 .balloon.b{top:73.8461538462vw}#page_index #feature .s2 .balloon.b{margin-left:24.358974359vw}#page_index #feature .s2 .balloon.c{top:150.7692307692vw}#page_index #feature .s2 .balloon.c{margin-left:-21.5384615385vw}#page_index #feature .s3 .head{margin-top:8.4615384615vw}#page_index #feature .s3 .bio{width:89.7435897436vw}#page_index #feature .s3 .bio{border-radius:5.1282051282vw}.ja #page_index #feature .s3 .bio{margin-top:5.1282051282vw}.ja #page_index #feature .s3 .bio{padding-top:3.0769230769vw}.ja #page_index #feature .s3 .bio{padding-left:6.4102564103vw}.ja #page_index #feature .s3 .bio{padding-right:6.4102564103vw}.ja #page_index #feature .s3 .bio{padding-bottom:2.0512820513vw}.en #page_index #feature .s3 .bio{margin-top:5.1282051282vw}.en #page_index #feature .s3 .bio{padding-top:3.8461538462vw}.en #page_index #feature .s3 .bio{padding-left:2.5641025641vw}.en #page_index #feature .s3 .bio{padding-right:6.4102564103vw}.en #page_index #feature .s3 .bio{padding-bottom:3.0769230769vw}#page_index #feature .s3 .bio p .t{font-size:3.5897435897vw}#page_index #feature .s3 .bio p .t:before{font-size:3.5897435897vw}.en #page_index #feature .s3 .bio p .t{margin-top:1.2820512821vw}#page_index #feature .s3 .bio p .d{font-size:3.0769230769vw}.ja #page_index #feature .s3 .bio p .d{margin-bottom:0vw}.en #page_index #feature .s3 .bio p .d{line-height:116.6666666667%}.en #page_index #feature .s3 .bio p .d{margin-left:3.8461538462vw}.ja #page_index #feature .s3 .bio p+p{margin-top:.7692307692vw}.en #page_index #feature .s3 .bio p+p{margin-top:.7692307692vw}.ja #page_index #feature .s3 .bio p:nth-child(1)+p{margin-top:1.2820512821vw}.en #page_index #feature .s3 .bio p:nth-child(1)+p,.en #page_index #feature .s3 .bio p:nth-child(2)+p{margin-top:1.2820512821vw}#page_index #feature .s3 .img{margin-top:5.1282051282vw}#page_index #feature .s3 .img .i{width:100%}#page_index #feature .s3 .img .i{height:58.9743589744vw}#page_index #feature .s3 .img .i{left:0vw}#page_index #feature .s3 .img .i{margin-bottom:-5.3846153846vw}#page_index #function{padding-bottom:67.9487179487vw}#page_index #function .row{height:229.2307692308vw}#page_index #function .row{margin-top:4.6153846154vw}#page_index #function .row .l p{width:94.8717948718vw}.ja #page_index #function .row .l p .cap{font-size:3.0769230769vw}.ja #page_index #function .row .l p .cap{line-height:150%}.en #page_index #function .row .l p .cap{font-size:3.0769230769vw}.en #page_index #function .row .l p .cap{line-height:118.1818181818%}#page_index #function .row .l p .cap{margin-left:2.0512820513vw}#page_index #function .row .l p .cap{margin-bottom:1.2820512821vw}#page_index #function .row .l p img{width:94.8717948718vw}#page_index #function .row .r p{width:46.1538461538vw}#page_index #function .row .r p{height:46.1538461538vw}#page_index #function .row .r p img{width:46.1538461538vw}#page_index #function .row .r p img{height:46.1538461538vw}.ja #page_index #function .row .r .cap{font-size:2.8205128205vw}.ja #page_index #function .row .r .cap{line-height:154.5454545455%}.ja #page_index #function .row .r .cap{margin-top:1.0256410256vw}.en #page_index #function .row .r .cap{font-size:2.8205128205vw}.en #page_index #function .row .r .cap{line-height:118.1818181818%}.en #page_index #function .row .r .cap{margin-top:1.0256410256vw}#page_index #cover{padding-bottom:11.5384615385vw}#page_index #cover .type{margin-top:15.3846153846vw}#page_index #cover .type+.type{margin-top:15.3846153846vw}#page_index #cover .type .row{width:100%}#page_index #cover .type .row .l{width:100%}#page_index #cover .type .row .l{height:100%}#page_index #cover .type .row .l p .b{width:25.641025641vw}#page_index #cover .type .row .l p .b{height:15.641025641vw}.ja #page_index #cover .type .row .l p .b{top:-11.0256410256vw}.ja #page_index #cover .type .row .l p .b{left:1.2820512821vw}.en #page_index #cover .type .row .l p .b{top:-11.0256410256vw}.en #page_index #cover .type .row .l p .b{left:1.2820512821vw}.en #page_index #cover .type .row .r .d{width:89.7435897436vw}.ja #page_index #cover .type .row .r .d p{font-size:3.5897435897vw}.ja #page_index #cover .type .row .r .d p{line-height:150%}.en #page_index #cover .type .row .r .d p{font-size:3.5897435897vw}.en #page_index #cover .type .row .r .d p{line-height:138.5714285714%}#page_index #cover .type .row .r .d p .note{font-size:2.5641025641vw}#page_index #cover .type .row .r .d p .note{line-height:200%}#page_index #cover .type .row .r .i{width:76.9230769231vw}#page_index #cover .type .row .r .i img{width:76.9230769231vw}#page_index #cover .type .row .r .cap{margin-top:1.0256410256vw}.ja #page_index #cover .type .row .r .cap{font-size:2.8205128205vw}.ja #page_index #cover .type .row .r .cap{line-height:154.5454545455%}.en #page_index #cover .type .row .r .cap{font-size:2.8205128205vw}.en #page_index #cover .type .row .r .cap{line-height:118.1818181818%}#page_index #use .row{width:100%}#page_index #use .row{margin-top:3.8461538462vw}.ja #page_index #use .row p .cap{font-size:2.5641025641vw}.ja #page_index #use .row p .cap{line-height:150%}.en #page_index #use .row p .cap{font-size:2.6923076923vw}.en #page_index #use .row p .cap{line-height:120%}#page_index #use .row p .cap{bottom:2.5641025641vw}#page_index #use .row p .cap{left:2.5641025641vw}#page_index #use .row p img{width:100.0025641026vw}#page_index #use .row p img{height:141.0256410256vw}#page_index #tool{margin-top:5.1282051282vw}#page_index #tool{padding-bottom:16.1538461538vw}#page_index #tool .img{margin-top:2.5641025641vw}#page_index #tool .img{width:100%}.ja #page_index #tool .img img{width:100%}.ja #page_index #tool .img img{height:369.4871794872vw}.en #page_index #tool .img img{width:100%}.en #page_index #tool .img img{height:371.2820512821vw}#page_index #example .article_inner{padding-top:10.2564102564vw}#page_index #example .article_inner{padding-bottom:25.641025641vw}#page_index #example h3{top:-3.8461538462vw}#page_index #example .row{width:100%}#page_index #example .row{margin-top:11.5384615385vw}#page_index #example .l{width:89.7435897436vw}#page_index #example .l .num{width:12.8205128205vw}#page_index #example .l .num{height:17.9487179487vw}#page_index #example .l .num{margin-bottom:-.7692307692vw}#page_index #example .l h4{font-size:5.1282051282vw}#page_index #example .l h4{padding-bottom:1.2820512821vw}.ja #page_index #example .l h4{line-height:150%}.en #page_index #example .l h4{line-height:115%}#page_index #example .l h4:before{height:1.2820512821vw}.en #page_index #example .l h4:before{bottom:-1.2820512821vw}.ja #page_index #example .l .d p{font-size:3.5897435897vw}.ja #page_index #example .l .d p{line-height:150%}.en #page_index #example .l .d p{font-size:3.5897435897vw}.en #page_index #example .l .d p{line-height:128.5714285714%}#page_index #example .r{width:89.7435897436vw}#page_index #example .r .i ._c{width:12.3487179487vw}#page_index #example .r .i ._c{height:49.5282051282vw}#page_index #example .r .i ._c{top:25.641025641vw}#page_index #example .r .i ._c{right:-15.3846153846vw}#page_index #product{padding-bottom:25.641025641vw}#page_index #btm_info{padding-bottom:12.8205128205vw}#page_index #btm_info h2{width:94.8717948718vw}#page_index #btm_info h2{height:62.3076923077vw}#page_index #btm_info h2{top:-24.358974359vw}#page_index #btm_info h2{margin-bottom:-14.1025641026vw}#page_index #btm_info time{font-size:3.0769230769vw}}@media not screen and (min-width: 781px){body{z-index:10;backface-visibility:hidden;-webkit-backface-visibility:hidden}.switch_pc,br{display:none}br.sp{display:inherit}.loading .i1{top:20%;left:6.5%}.loading .i2{top:2%;left:75%}.loading .i3{top:34%;left:65%}.loading .i4{top:65%;left:16%}.loading .i5{top:88%;left:82%}.loading .i6{top:69%;left:87%}#kv .obj.a{top:46.1538461538vw;left:10.2564102564vw}#kv .obj.b{top:35.8974358974vw;left:5.1282051282vw}[data-obj=a]{transform:rotate(-25deg)}[data-obj=a]{top:82.0512820513vw;left:-5.1282051282vw}[data-obj=b]{transform:rotate(15deg)}[data-obj=b]{top:341.0256410256vw;left:43.5897435897vw}[data-obj=c]{transform:rotate(-20deg)}[data-obj=c]{top:605.1282051282vw;left:-2.5641025641vw}[data-obj=d]{transform:rotate(-16deg)}[data-obj=d]{top:648.7179487179vw;left:52.5641025641vw}[data-obj=e]{top:61.5384615385vw}[data-obj=g]{transform:rotate(-18deg)}[data-obj=g]{top:61.5384615385vw;left:-3.8461538462vw}[data-obj=h]{transform:rotate(-12deg) translate(-50%)}[data-obj=h]{top:17.9487179487vw;left:50%}.bg{background-image:url(/store/techo/ja/one-piece/assets/img/webp/bg_g_sp.webp)}.bg._base{background-image:url(/store/techo/ja/one-piece/assets/img/webp/bg_sp.webp)}[data-plx]{transform:translateY(0)!important}footer .row.b{display:block}footer .row.b p+p{margin-top:2.5641025641vw}[data-style=head_desc]{padding:0 3.8461538462vw}.en [data-style=head_desc] p{letter-spacing:-.01em}#page_index #head_wrap #kv .badge{top:32.0512820513vw;left:69.7435897436vw}#page_index #head_wrap #kv .badge span{top:0;left:0}#page_index #head_wrap #yodogawa:before{background-image:url(/store/techo/ja/one-piece/assets/img/yodogawa_frame_sp.png)}#page_index #head_wrap .nav{padding:7.6923076923vw 0 12.8205128205vw}#page_index #head_wrap .nav{background:linear-gradient(180deg,rgba(255,230,33,0) 0%,rgba(255,230,33,.7) 10%,rgba(255,230,33,.85) 100%)}#page_index #head_wrap .nav ul{margin:0 auto;flex-direction:column;border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);border-width:.5128205128vw}.ja #page_index #head_wrap .nav ul{width:48.7179487179vw}.en #page_index #head_wrap .nav ul{width:61.5384615385vw}#page_index #head_wrap .nav ul li+li{width:100%;text-align:center}#page_index #head_wrap .nav ul li+li:before{content:"";width:100%;height:.5128205128vw;display:block;background-image:url(/store/techo/ja/one-piece/assets/img/gnav_line_sp.png);background-repeat:repeat-x;background-position:center;background-size:48.7179487179vw;position:absolute;top:0;left:0;z-index:2;pointer-events:none}#page_index #head_wrap .nav ul li a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding-top:.7692307692vw}.ja #page_index #head_wrap .nav ul li a{width:48.7179487179vw}.en #page_index #head_wrap .nav ul li a{width:61.5384615385vw}#page_index #feature section .head .d p{white-space:nowrap}.en #page_index #feature section .head .d p{white-space:inherit;font-weight:700}#page_index #feature section .head .h{margin-top:-2.8205128205vw;margin-left:-.2564102564vw}.ja #page_index #feature .s3 .head{height:35.3846153846vw}.en #page_index #feature .s3 .bio p{line-height:.5em}.en #page_index #feature .s3 .bio p .t{line-height:1em}#page_index #feature .s3 .bio p .d{line-height:150%}#page_index #feature .s3 .bio p .d{margin-top:.2564102564vw;margin-right:1em}.ja #page_index #feature .s3 .bio p .d{white-space:nowrap}#page_index #feature .s3 .img .i{transform:inherit!important}#page_index #function .row .r{margin-top:2.5641025641vw;display:flex;flex-wrap:wrap;gap:2.5641025641vw}#page_index #function .l p,#page_index #function .r p{margin:0 auto;height:auto!important}#page_index #function .l p+p,#page_index #function .r p+p{margin-top:2.5641025641vw}#page_index #function .l .cap,#page_index #function .r .cap{height:auto!important}#page_index #function .r{padding-left:2.5641025641vw}#page_index #cover .type .row .r{align-items:center}#page_index #cover .type .row .r .d{padding:3.8461538462vw 3.8461538462vw 0}.ja #page_index #cover .type .row .r .d p{letter-spacing:-.03em}#page_index #cover .type .row .r .d p .note{display:block}#page_index #cover .type .row .r .i{margin-top:5.1282051282vw}#page_index #cover .type .row .r .i+.i{margin-top:3.8461538462vw}#page_index #use .row .c p{width:100vw;height:100vw;object-fit:cover;object-position:center}#page_index #example .row{text-align:center}#page_index #example .row+.row{margin-top:8.9743589744vw}#page_index #example .l{margin:0 auto}#page_index #example .l .num{margin:0 auto}#page_index #example .l h4:before{width:76.9230769231vw}#page_index #example .l h4:before{left:50%;transform:translate(-50%)}#page_index #example .l .d{margin-top:3.8461538462vw}#page_index #example .l .img{margin-top:3.8461538462vw}#page_index #example .r{margin-left:5.1282051282vw;margin-top:3.8461538462vw}}@media (max-width: 780px) and (max-aspect-ratio: 780/1348){.loading .i1{width:89.8461538462vw}.isSafari .loading .i1{width:82.2092307692vw}.loading .i1{height:117.9569230769vw}.isSafari .loading .i1{height:107.9305846154vw}.loading .i2{width:97.6923076923vw}.isSafari .loading .i2{width:89.3884615385vw}.loading .i2{height:115.7692307692vw}.isSafari .loading .i2{height:105.9288461538vw}.loading .i3{width:113.2307692308vw}.isSafari .loading .i3{width:103.6061538462vw}.loading .i3{height:98.8717948718vw}.isSafari .loading .i3{height:90.4676923077vw}.loading .i4{width:127.6653846154vw}.isSafari .loading .i4{width:116.8138269231vw}.loading .i4{height:100.8961538462vw}.isSafari .loading .i4{height:92.3199807692vw}.loading .i5{width:151.2692307692vw}.isSafari .loading .i5{width:138.4113461538vw}.loading .i5{height:45.3076923077vw}.isSafari .loading .i5{height:41.4565384615vw}.loading .i6{width:121.1538461538vw}.isSafari .loading .i6{width:110.8557692308vw}.loading .i6{height:114.6923076923vw}.isSafari .loading .i6{height:104.9434615385vw}}@media (max-width: 780px) and (max-height: 600px){.loading .i1{width:311.9287833828px}.isSafari .loading .i1{width:285.4148367953px}.loading .i1{height:409.5240356083px}.isSafari .loading .i1{height:374.7144925816px}.loading .i2{width:339.1691394659px}.isSafari .loading .i2{width:310.3397626113px}.loading .i2{height:401.9287833828px}.isSafari .loading .i2{height:367.7648367953px}.loading .i3{width:393.115727003px}.isSafari .loading .i3{width:359.7008902077px}.loading .i3{height:343.2640949555px}.isSafari .loading .i3{height:314.0866468843px}.loading .i4{width:443.2299703264px}.isSafari .loading .i4{width:405.5554228487px}.loading .i4{height:350.2922848665px}.isSafari .loading .i4{height:320.5174406528px}.loading .i5{width:525.178041543px}.isSafari .loading .i5{width:480.5379080119px}.loading .i5{height:157.2997032641px}.isSafari .loading .i5{height:143.9292284866px}.loading .i6{width:420.6231454006px}.isSafari .loading .i6{width:384.8701780415px}.loading .i6{height:398.1899109792px}.isSafari .loading .i6{height:364.343768546px}}