@charset "UTF-8";a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;background:0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ul li{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:inherit}table{border-collapse:collapse;border-spacing:0}img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}sup{vertical-align:text-top;font-size:75%}sub{vertical-align:text-bottom;font-size:75%}input,select,textarea{z-index:auto;font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle}audio:not([controls]){display:none}time{display:inline}[hidden]{display:none}input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden;display:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input{outline:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}small{font-size:85%}em,i{font-weight:400;font-style:normal}b{font-weight:700}html{scroll-behavior:smooth;font-size:62.5%}body{font-family:"Noto Sans JP",sans-serif;font-weight:400;font-size:1.6rem}input::placeholder,textarea::placeholder{color:#666}.wrapper{clear:both}.common-header{padding:15px 20px;background-color:#fff;position:fixed;left:0;top:0;width:100%}.common-header #siteID{width:120px;margin:0 auto}.common-header #siteID img{width:100%;height:auto;display:block}body.type-r .common-header{display:flex;justify-content:flex-end}body.type-r .common-header #siteID{margin:0}body.type-l .common-header{display:flex;justify-content:flex-start}body.type-l .common-header #siteID{margin:0}.common-footer{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row-reverse;line-height:1.4;position:relative}.common-footer .brand{width:110px;padding:10px 0}.common-footer .brand img{display:block}.common-footer ul{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px}.common-footer ul li{margin-left:2.5em;font-size:1.4rem}.common-footer ul li a{color:#000;text-decoration:none;transition:all .3s ease}@media (hover:hover){.common-footer ul li a:hover{color:#fa0014;text-decoration:underline}}.common-footer p.copyright{position:absolute;right:20px;bottom:20px;font-size:1.2rem}.page-top{width:40px;height:40px;position:fixed;right:40px;bottom:40px;transition:all .3s ease;opacity:0;pointer-events:none;z-index:1}.page-top a{width:40px;height:40px;border-radius:50%;background:#999;text-indent:-9999px;overflow:hidden;display:block}.page-top a::before{content:"";border:2px #fff solid;width:13px;height:13px;border-width:3px 3px 0 0;transform:rotate(-45deg);display:block;position:absolute;left:12px;top:15px}.page-top.show{display:block;opacity:1;width:40px;height:40px;pointer-events:auto}.page-top.stop{bottom:120px}@media (max-width:767px){.wrapper{min-width:375px}.common-header{padding:15px}.common-header #siteID{width:90px}.common-footer{padding:0;display:block;padding-bottom:15px}.common-footer .brand{width:88px;padding:10px 0;margin:0 auto}.common-footer ul{justify-content:space-between;flex-wrap:wrap}.common-footer ul li{margin-left:0;font-size:1rem;border:1px #d9d9d9 solid;border-width:0 1px 1px 0;width:50%}.common-footer ul li a{padding:6px;display:block;text-align:center}.common-footer ul li:nth-child(even){border-right:0}.common-footer p.copyright{position:static;text-align:center;font-size:1rem}.page-top{right:10px;bottom:10px}.page-top.stop{bottom:10px}}:root{--animation-time:.5s;--animation-delay:.5s;--ease-curve:cubic-bezier(0.770, 0.000, 0.175, 1.000)}@font-face{font-family:"PT Mono";src:url(/jp/sakana_x/data/fonts/PTMono-Bold.ttf);font-weight:700}@font-face{font-family:"PT Mono";src:url(/jp/sakana_x/data/fonts/PTMono-Regular.ttf);font-weight:400}.under768{display:none}.under450{display:none}@media screen and (max-width:767px){.under768{display:inline-block}}@media screen and (max-width:450px){.under450{display:inline-block}}.over768{display:none}.over450{display:none}@media screen and (min-width:768px){.over768{display:inline-block}}@media screen and (min-width:451px){.over450{display:inline-block}}.common-header{z-index:1000;transition:all .5s}.common-header #siteID a img{transition:transform .3s}.common-header .sakanax_logo{position:absolute;left:15px;color:#000}.common-header .sakanax_logo svg{height:35px;width:169px;margin-top:-.3em}.common-header .menu{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .5s}.common-header .menu a{text-decoration:none}.common-header .menu ul{display:flex;align-items:center;margin-right:2em;font-size:15px}.common-header .menu ul li:before{content:"|";margin:0 1em}.common-header .menu ul li a{color:#646464;font-weight:700}.common-header .menu ul li:first-child:before{display:none}.common-header .menu ul li.cat{display:none}.common-header .menu ul li.instagram{display:none}.common-header .menu-trigger,.common-header .menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}.common-header .menu-trigger{position:relative;width:30px;height:20px;background:0 0;border:none;appearance:none;cursor:pointer;display:none;margin-left:1em}.common-header .menu-trigger span{position:absolute;left:0;width:100%;height:3px;background-color:#646464}.common-header .menu-trigger span:nth-of-type(1){top:0}.common-header .menu-trigger span:nth-of-type(2){top:8.5px}.common-header .menu-trigger span:nth-of-type(3){bottom:0}.common-header .menu-trigger.active{transform:rotate(360deg)}.common-header .menu-trigger.active span:nth-of-type(1){transform:translateY(8.5px) rotate(-45deg)}.common-header .menu-trigger.active span:nth-of-type(2){transform:translateY(0) rotate(45deg)}.common-header .menu-trigger.active span:nth-of-type(3){opacity:0}@media screen and (max-width:960px){.common-header{display:flex;justify-content:flex-end}.common-header .menu-trigger{display:inline-block}.common-header .menu{display:block;position:absolute;top:100%;left:0;transform:none;background-color:#f0f0f0;padding:0 5vw;box-sizing:border-box;height:0;width:100vw;overflow:hidden}.common-header .menu ul{width:100%;left:0;display:flex;flex-direction:column;align-items:center;padding-bottom:15vw}.common-header .menu ul li{font-size:4vw;padding:0}.common-header .menu ul li a{font-weight:700;display:flex;align-items:center;width:100%;height:100%;position:relative}.common-header .menu ul li a:after{content:"";position:absolute;right:1.4vw;width:8.3vw;height:8.3vw;background:url(/jp/sakana_x/data/images/svg/button_blue.svg) center/contain no-repeat}.common-header .menu ul li{margin-bottom:2.5vw;height:10.4vw;display:flex;align-items:center;width:100%;text-align:left;position:relative}.common-header .menu ul li:before{display:none}.common-header .menu ul li.cat{display:flex;border-bottom:none;background-color:#fff;border-radius:5.2vw;padding-left:5vw}.common-header .menu ul li.cat a{display:flex;align-items:center;justify-content:flex-start}.common-header .menu ul li.cat img{height:6.2vw;display:block}.common-header .menu ul li.instagram{border:none;display:block;border-top:1px solid #646464;padding-top:10vw}.common-header .menu ul li.instagram a{font-family:"PT Mono";color:#0042bc;font-size:26px;line-height:1em;display:flex;justify-content:center;align-items:center}.common-header .menu ul li.instagram a div{text-align:left}.common-header .menu ul li.instagram a span{display:block;font-size:12px;line-height:12px}.common-header .menu ul li.instagram a img{margin-left:.5em;display:block}.common-header .menu ul li.instagram a:after{display:none}}@media screen and (max-width:767px){.common-header{display:flex;justify-content:flex-end}.common-header .sakanax_logo svg{height:30px;width:150px;margin-top:-.3em}.common-header #siteID{margin:0}}body.menu-open{overflow:hidden}body.menu-open .common-header .menu{height:calc(100vh - 100%);padding-top:5vw;padding-bottom:5vw;overflow-y:auto}.page-container{font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.75;font-weight:500;padding-top:57px;width:100%;opacity:0;animation:begin .5s ease-in-out .5s forwards}@media screen and (max-width:767px){.page-container{padding-top:50px}}.page-container a{text-decoration:none}.page-container section{padding:0;position:relative;max-width:100%;min-width:auto;margin:0}.page-container section .wrap{max-width:1100px;margin:0 auto;padding:100px 0}.page-container section .wrap .two-cols{display:flex;justify-content:space-between}@media screen and (max-width:1200px){.page-container section .wrap{max-width:100%;padding-left:5%!important;padding-right:5%!important}}@media screen and (max-width:767px){.page-container section .wrap{padding:15vw 0}}.page-container section h1,.page-container section h2,.page-container section h3,.page-container section h4{font-feature-settings:"palt"}.page-container section a,.page-container section div,.page-container section h1,.page-container section h2,.page-container section h3,.page-container section h4,.page-container section p{font-weight:700}.page-container section h2{font-size:40px;font-weight:700;border:none;margin-bottom:1em}.page-container section h2.red{font-family:"PT Mono";letter-spacing:.05em;color:#0042bc;display:flex;align-items:center;line-height:1em;white-space:nowrap}.page-container section h2.red a{color:inherit}.page-container section h2.red span{font-size:14px;margin-left:1em;line-height:1.2em;letter-spacing:0}@media screen and (max-width:767px){.page-container section h2.red{font-size:7vw!important}}@media screen and (max-width:360px){.page-container section h2.red{font-size:20px}.page-container section h2.red span{font-size:12px}}.page-container section h3,.page-container section h4{margin:0;border:0;color:#646464}.page-container section div,.page-container section p{color:#646464;margin:0}.page-container section .smallest{font-size:14px}.page-container section a.more{display:flex;background-color:#0042bc;color:#fff;width:400px;height:50px;align-items:center;justify-content:center;font-family:"PT Mono";font-size:20px;font-weight:700;position:relative}.page-container section a.more:after{content:"";background:url(/jp/sakana_x/data/images/svg/icon_arrow.svg) no-repeat 0 50%;display:block;width:25px;height:100%;position:absolute;right:.5em;background-size:contain}@media screen and (max-width:767px){.page-container section a.more{width:100%;font-size:5vw;height:13vw}.page-container section a.more:after{width:6vw}}.page-container section a.more:hover{animation:bubble .2s linear}.page-container section .fadein{transition:all 1s;opacity:0;transform:translateY(50px)}.page-container section .fadein.active{opacity:1;transform:translateY(0)}.page-container section#hero{overflow:hidden;max-height:750px;height:100vh;background:url(/jp/sakana_x/data/images/hero_bg.webp) center/cover no-repeat}.page-container section#hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s;display:flex;justify-content:center;align-items:center}.page-container section#hero .overlay .logo{width:377px;height:283px;color:#001b5f;fill:#001b5f;opacity:0;animation:begin .5s ease-in-out 1s forwards}.page-container section#hero .overlay a{display:block;position:absolute}.page-container section#hero .overlay a#video-play{bottom:2em;right:2em;width:62px;height:87px}.page-container section#hero .overlay a#video-play svg{position:absolute;width:100%;height:100%;object-fit:contain;transition:all .5s}.page-container section#hero .overlay a#video-play svg.close{left:2px;width:96%;transform:translateX(30vw)}.page-container section#hero .overlay a#video-play svg.start{transform:translateX(0)}.page-container section#hero .overlay a#video-volume{bottom:9em;right:1.5em;width:65px;height:40px;transform:translateX(30vw);transition:all .5s .1s}.page-container section#hero .overlay a#video-volume svg{position:absolute;width:100%;height:100%;object-fit:contain}.page-container section#hero .overlay a#video-volume svg.on{display:block;left:2px;width:96%}.page-container section#hero .overlay a#video-volume svg.off{display:none}.page-container section#hero .overlay a:hover{animation:bubble .2s linear}@media screen and (max-width:960px){.page-container section#hero .overlay .logo{width:50vw}}@media screen and (max-width:767px){.page-container section#hero{max-height:85vh}.page-container section#hero .overlay a#video-play{width:12vw;height:12vw;right:3vw;bottom:3vw}.page-container section#hero .overlay a#video-volume{width:8vw;height:8vw;right:3vw;top:3vw}}.page-container section#new{background-color:#f6f6f6}.page-container section#new .wrap{padding:80px 0}.page-container section#new .wrap .two-cols .left{max-width:65%;padding-right:5%}.page-container section#new .wrap .two-cols .left .category{width:204px;height:24px;margin-bottom:.5em}.page-container section#new .wrap .two-cols .left h4{font-size:16px}.page-container section#new .wrap .two-cols .left h3{font-size:23px}.page-container section#new .wrap .two-cols .left .date{color:#0042bc;margin:.5em 0 1.8em}.page-container section#new .wrap .two-cols .right{width:35%}.page-container section#new .wrap .two-cols .right img{max-width:100%;height:100%;object-fit:cover}@media screen and (max-width:960px){.page-container section#new .wrap .two-cols .left{max-width:50%}.page-container section#new .wrap .two-cols .left img{max-width:100%}.page-container section#new .wrap .two-cols .right{width:40%}}@media screen and (max-width:767px){.page-container section#new .wrap{padding:10vw 0}.page-container section#new .wrap .two-cols{flex-direction:column}.page-container section#new .wrap .two-cols .left{width:100%;max-width:100%;padding-right:0}.page-container section#new .wrap .two-cols .left .category{width:40vw;height:10vw}.page-container section#new .wrap .two-cols .left h4{font-size:3vw}.page-container section#new .wrap .two-cols .left h3{font-size:5vw}.page-container section#new .wrap .two-cols .left .date{font-size:3vw}.page-container section#new .wrap .two-cols .right{display:none}}.page-container section#about{overflow:hidden}.page-container section#about .wrap{text-align:center;overflow:visible}.page-container section#about .wrap .two-cols{display:flex;justify-content:center}.page-container section#about .wrap .two-cols .left{width:auto}.page-container section#about .wrap .two-cols .left svg{color:#000;width:270px;height:203px;margin-right:4em}.page-container section#about .wrap .two-cols .right{width:auto;text-align:left}.page-container section#about .wrap .two-cols .right p{font-size:20px}@media screen and (max-width:960px){.page-container section#about .wrap .two-cols .right p br{display:none}}@media screen and (max-width:767px){.page-container section#about .wrap .two-cols .right p{text-align:center;font-size:3.9vw}.page-container section#about .wrap .two-cols .right p br{display:inline!important}}@media screen and (max-width:767px){.page-container section#about .wrap .two-cols{flex-direction:column}.page-container section#about .wrap .two-cols .left svg{width:60vw;height:45vw;margin:0 0 5vw 0}}.page-container section#about .wrap #animation{font-family:"PT Mono";letter-spacing:0;display:flex;left:0;width:100%;justify-content:center;align-items:center;overflow:visible;margin:80px auto}.page-container section#about .wrap #animation h2{white-space:nowrap;margin:0;line-height:1em;color:#000}.page-container section#about .wrap #animation h3{white-space:nowrap;margin:0;line-height:1em}.page-container section#about .wrap #animation h2 span{font-weight:700;margin:0;padding:0;display:inline-block;letter-spacing:.1em;line-height:1em;font-size:50px;margin-top:5px}.page-container section#about .wrap #animation h3 span{margin:0;padding:0;display:inline-block;letter-spacing:.1em;line-height:1em;font-size:50px;margin-top:5px}@media screen and (max-width:960px){.page-container section#about .wrap #animation h2 span,.page-container section#about .wrap #animation h3 span{font-size:35px}}@media screen and (max-width:767px){.page-container section#about .wrap #animation h2 span{line-height:.5em}.page-container section#about .wrap #animation h2 span,.page-container section#about .wrap #animation h3 span{font-size:10vw;margin-top:0}}.page-container section#about .wrap #animation .items{position:relative;height:70px;width:450px}.page-container section#about .wrap #animation .items .item{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;top:0}.page-container section#about .wrap #animation .items .item .x{width:96px;height:70px;position:relative;margin:0 33px 0}.page-container section#about .wrap #animation .items .item .x svg{position:absolute;left:0;top:0;width:100%;height:100%;color:#000}.page-container section#about .wrap #animation .items .item .t1,.page-container section#about .wrap #animation .items .item .t10,.page-container section#about .wrap #animation .items .item .t11,.page-container section#about .wrap #animation .items .item .t12,.page-container section#about .wrap #animation .items .item .t13,.page-container section#about .wrap #animation .items .item .t2,.page-container section#about .wrap #animation .items .item .t3,.page-container section#about .wrap #animation .items .item .t4,.page-container section#about .wrap #animation .items .item .t5,.page-container section#about .wrap #animation .items .item .t6,.page-container section#about .wrap #animation .items .item .t7,.page-container section#about .wrap #animation .items .item .t8,.page-container section#about .wrap #animation .items .item .t9,.page-container section#about .wrap #animation .items .item .x1,.page-container section#about .wrap #animation .items .item .x2,.page-container section#about .wrap #animation .items .item .x3{transform:translateX(100vw)}.page-container section#about .wrap #animation .items #anim-cat-sports .color{color:#00b6f1}.page-container section#about .wrap #animation .items #anim-cat-sustainable .color{color:#8dc21f}.page-container section#about .wrap #animation .items #anim-cat-wellness .color{color:#005bab}.page-container section#about .wrap #animation .items #anim-cat-outdoor .color{color:#f18d00}.page-container section#about .wrap #animation .items .item.show .x1{animation:show calc(var(--animation-time) + 0s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .x3{animation:show calc(var(--animation-time) + .1s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .x2{animation:show calc(var(--animation-time) + .2s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t1{animation:show calc(var(--animation-time) + .3s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t2{animation:show calc(var(--animation-time) + .4s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t3{animation:show calc(var(--animation-time) + .5s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t4{animation:show calc(var(--animation-time) + .6s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t5{animation:show calc(var(--animation-time) + .7s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t6{animation:show calc(var(--animation-time) + .8s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t7{animation:show calc(var(--animation-time) + .9s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t8{animation:show calc(var(--animation-time) + 1s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t9{animation:show calc(var(--animation-time) + 1.1s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t10{animation:show calc(var(--animation-time) + 1.2s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.show .t11{animation:show calc(var(--animation-time) + 1.3s) var(--ease-curve) var(--animation-delay) forwards}.page-container section#about .wrap #animation .items .item.hide .x1{animation:hide calc(var(--animation-time) + 0s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .x2{animation:hide calc(var(--animation-time) + .1s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .x3{animation:hide calc(var(--animation-time) + .2s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t1{animation:hide calc(var(--animation-time) + .3s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t2{animation:hide calc(var(--animation-time) + .4s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t3{animation:hide calc(var(--animation-time) + .5s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t4{animation:hide calc(var(--animation-time) + .6s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t5{animation:hide calc(var(--animation-time) + .7s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t6{animation:hide calc(var(--animation-time) + .8s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t7{animation:hide calc(var(--animation-time) + .9s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t8{animation:hide calc(var(--animation-time) + 1s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t9{animation:hide calc(var(--animation-time) + 1.1s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t10{animation:hide calc(var(--animation-time) + 1.2s) var(--ease-curve) 0s forwards}.page-container section#about .wrap #animation .items .item.hide .t11{animation:hide calc(var(--animation-time) + 1.3s) var(--ease-curve) 0s forwards}@media screen and (max-width:767px){.page-container section#about .wrap #animation{height:60vw;flex-direction:column;overflow:visible;margin:0}.page-container section#about .wrap #animation .items{width:100vw;height:30vw}.page-container section#about .wrap #animation .items .item{flex-direction:column;width:100%;overflow:hidden}.page-container section#about .wrap #animation .items .item .x{width:18vw;height:25vw}}.page-container section#about .wrap .umios-logo{max-height:40px;margin:0 auto 1em}.page-container section#about .wrap .short{font-size:16px;margin:2em 0 4em}.page-container section#about .wrap .more{margin:0 auto}@media screen and (max-width:767px){.page-container section#about .wrap .maruha-nichiro-logo{width:60vw;height:15vw}.page-container section#about .wrap .short{font-size:3vw;margin-top:0}}.page-container section#contents{background-color:#f6f6f6}.page-container section#contents .wrap .items{display:flex;justify-content:space-between;flex-wrap:wrap}.page-container section#contents .wrap .items .item{width:31.5%;position:relative;display:block;margin-bottom:3%;background-color:#fff}.page-container section#contents .wrap .items .item .main{width:100%;height:236px;object-fit:cover;display:block}.page-container section#contents .wrap .items .item .cat{position:absolute;top:0;right:0;height:236px;width:30px;padding:10px 7px;display:flex;justify-content:center}.page-container section#contents .wrap .items .item .cat img{width:100%;height:100%}.page-container section#contents .wrap .items .item .box{padding:1em;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.page-container section#contents .wrap .items .item .box h4{font-size:16px;line-height:1.5;padding-bottom:5px}.page-container section#contents .wrap .items .item .box h3{font-size:23px;line-height:1.5}.page-container section#contents .wrap .items .item .box .date{font-size:14px;color:#0042bc}.page-container section#contents .wrap .items .item .box .tags{line-height:1em}.page-container section#contents .wrap .items .item .box .tags a{display:inline-block;font-size:14px;white-space:nowrap;line-height:1em;color:#646464;margin-right:.5em}.page-container section#contents .wrap .items .item .box .tags a:hover{color:#0042bc}@media screen and (max-width:1200px){.page-container section#contents .wrap .items .item .box h4{font-size:14px}.page-container section#contents .wrap .items .item .box h3{font-size:18px}}.page-container section#contents .wrap .items .item:hover{animation:bubble .2s linear;text-decoration:none}.page-container section#contents .wrap .items .item.comingsoon .main{background:#c3c3c3 url(/jp/sakana_x/data/images/svg/icon_comingsoon.svg) no-repeat 35% 50%}@media screen and (max-width:1200px){.page-container section#contents .wrap .items .item.comingsoon .main{background-size:70%}}.page-container section#contents .wrap .items .item.comingsoon .cat{background-color:#a3a3a3}.page-container section#contents .wrap .items .item.comingsoon .box h4{height:16px;background-color:#c3c3c3;margin-bottom:1em;width:12em}.page-container section#contents .wrap .items .item.comingsoon .box h3{height:23px;background-color:#c3c3c3;margin-bottom:.5em;display:block}.page-container section#contents .wrap .items .item.comingsoon .box h3.c1{width:8em}.page-container section#contents .wrap .items .item.comingsoon .box h3.c2{width:7em}.page-container section#contents .wrap .items .item.comingsoon .box h3.c3{width:7em}.page-container section#contents .wrap .items .item.comingsoon .box .date{height:14px;background-color:#c3c3c3;margin-bottom:1em;width:8em}.page-container section#contents .wrap .items .item.comingsoon .box .tags{height:14px;background-color:#c3c3c3;width:80%}.page-container section#contents .wrap .items .item.sports .cat{background-color:#00aaea}.page-container section#contents .wrap .items .item.sustainable .cat{background-color:#8dc21f}.page-container section#contents .wrap .items .item.outdoor .cat{background-color:#f18d00}.page-container section#contents .wrap .items .item.trend .cat{background-color:#5f1985}.page-container section#contents .wrap .items .item.travel .cat{background-color:#005bab}.page-container section#contents .wrap .items .item.wellbeing .cat{background-color:#00a63c}.page-container section#contents .wrap .items .item.talk .cat{background-color:#e4006e}.page-container section#contents .wrap .more{margin:3em auto 0}@media screen and (max-width:767px){.page-container section#contents .wrap .more{margin:10vw auto 0}}@media screen and (max-width:767px){.page-container section#contents .wrap .items{flex-direction:column}.page-container section#contents .wrap .items .item{width:100%;display:flex;flex-direction:row;margin-bottom:5vw;min-height:44vw}.page-container section#contents .wrap .items .item .main{width:40%;height:auto;max-height:100vw}.page-container section#contents .wrap .items .item .cat{height:100%;width:6vw;padding:5vw 1vw}.page-container section#contents .wrap .items .item .cat img{max-width:3vw}.page-container section#contents .wrap .items .item .box{min-height:40vw;padding-right:7vw}.page-container section#contents .wrap .items .item .box h4{font-size:3vw}.page-container section#contents .wrap .items .item .box h3{font-size:3.5vw}.page-container section#contents .wrap .items .item .box .date{font-size:3vw;margin-top:1em}.page-container section#contents .wrap .items .item .box .tags a{font-size:3vw}.page-container section#contents .wrap .items .item.comingsoon .main{background-size:80%}.page-container section#contents .wrap .items .item.comingsoon .box h4{height:2vw}.page-container section#contents .wrap .items .item.comingsoon .box h3{height:2.4vw}.page-container section#contents .wrap .items .item.comingsoon .box .date{height:2vw}.page-container section#contents .wrap .items .item.comingsoon .box .tags{height:2vw;width:80%}}.page-container section#news .wrap .items{border-bottom:2px solid #646464}.page-container section#news .wrap .items .item{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #646464;padding:2em 0 2em 1em;position:relative}.page-container section#news .wrap .items .item .date{display:inline-block;color:#646464;margin-right:1em;white-space:nowrap;width:15%;line-height:1.3em}.page-container section#news .wrap .items .item p{display:inline-block;text-align:left;width:70%;padding:0 5%;line-height:1.3em}.page-container section#news .wrap .items .item:after{content:"";display:block;height:4em;width:8em;background:url(/jp/sakana_x/data/images/svg/button_more.svg) no-repeat 100% 50%;background-size:contain}.page-container section#news .wrap .items .item:hover:after{animation:bubble2 .2s linear}@media screen and (max-width:767px){.page-container section#news .wrap .items .item{padding:4vw 0 4vw 2vw}.page-container section#news .wrap .items .item .date{width:18%;font-size:3.5vw}.page-container section#news .wrap .items .item p{width:80%;border-left:1px solid #646464;padding:0 3%;font-size:3.5vw}.page-container section#news .wrap .items .item:after{width:15%;background-image:url(/jp/sakana_x/data/images/svg/button_more_mobile.svg)}}.page-container section#others{background-color:#f6f6f6}.page-container section#others .wrap h2.red{margin-bottom:.5em!important;line-height:.8em}.page-container section#others .wrap h2.red a{display:flex;align-items:center}.page-container section#others .wrap img.icon{margin-left:.4em}.page-container section#others .wrap .instagram{margin-bottom:6em}.page-container section#others .wrap .instagram .items{display:grid;grid-template-columns:repeat(5,1fr);gap:0 1.8%}.page-container section#others .wrap .instagram .items .item{width:100%;display:block;margin-bottom:10%;margin-right:0;aspect-ratio:1/1;overflow:hidden}.page-container section#others .wrap .instagram .items .item img{width:100%;height:100%;object-fit:cover;display:block}.page-container section#others .wrap .instagram .items .item video{width:100%;height:100%;object-fit:cover;display:block}.page-container section#others .wrap .instagram #instagram-more{background-color:#0042bc;color:#fff;display:flex}.page-container section#others .wrap .instagram #instagram-more:after{transform:rotate(90deg)}.page-container section#others .wrap .instagram #instagram-more.hide{opacity:0}.page-container section#others .wrap h2.pickup{letter-spacing:-.03em}.page-container section#others .wrap .pickuplinks{display:flex;justify-content:space-between}.page-container section#others .wrap .pickuplinks .item{width:23.5%;display:block}.page-container section#others .wrap .pickuplinks .item img{width:100%;display:block}@media screen and (max-width:767px){.page-container section#others .wrap img.icon{height:7vw}.page-container section#others .wrap .instagram .items{grid-template-columns:repeat(3,1fr)}.page-container section#others .wrap .pickuplinks{flex-wrap:wrap}.page-container section#others .wrap .pickuplinks .item{width:48%;margin-bottom:3.5vw}}body.muted section#hero .overlay a#video-volume svg.on{display:none}body.muted section#hero .overlay a#video-volume svg.off{display:block}body.play section#hero video{filter:blur(0)}body.play section#hero .overlay{background-color:transparent}body.play section#hero .overlay .logo{display:none}body.play section#hero .overlay a#video-play svg.start{transform:translateX(30vw)}body.play section#hero .overlay a#video-play svg.close{transform:translateX(0)}body.play section#hero .overlay a#video-volume{transform:translateX(0)}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;justify-content:center;align-items:center}#overlay .box{position:relative}#overlay .box .close-overlay{color:#fff;font-size:30px;position:absolute;right:0;top:-2em;cursor:pointer}body.open-overlay #overlay{display:flex}@keyframes begin{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{transform:translateX(100vw)}100%{transform:translateX(0)}}@keyframes hide{0%{transform:translateX(0)}100%{transform:translateX(-100vw);opacity:0}}@keyframes bubble{0%{transform:scale(100%)}20%{transform:scale(103%)}60%{transform:scale(98%)}100%{transform:scale(100%)}}@keyframes bubble2{0%{transform:translateX(0)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}100%{transform:translateX(0)}}#footer-nav{display:none;background-color:#efefef;padding:0}body.article #footer-nav{display:block}#footer-nav .wrap{max-width:800px;min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}#footer-nav .wrap ul{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 15px;list-style:none;padding:0;margin:0}#footer-nav .wrap ul li:nth-child(odd){justify-self:end}#footer-nav .wrap ul li a{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:50px;width:294px;height:46px;padding:0 10px 0 20px;box-sizing:border-box;text-decoration:none;transition:all .2s}#footer-nav .wrap ul li a img{height:25px;width:auto}#footer-nav .wrap ul li a .arrow{display:block;width:30px;height:30px;background:url(/jp/sakana_x/data/images/svg/button_blue.svg) center/contain no-repeat;flex-shrink:0}#footer-nav .wrap ul li a:hover{animation:bubble .2s linear}#footer-nav .wrap .logo{text-align:center;margin-top:50px}#footer-nav .wrap .logo svg{width:254px;height:53px;color:#000}@media screen and (max-width:767px){#footer-nav{padding:20vw 5vw 10vw}#footer-nav .wrap ul{grid-template-columns:1fr;gap:3vw;margin-bottom:5vw;width:100%}#footer-nav .wrap ul li{width:100%}#footer-nav .wrap ul li a{width:100%;height:10.5vw;padding:0 1.2vw 0 5vw;border-radius:10vw}#footer-nav .wrap ul li a img{height:5vw;width:auto}#footer-nav .wrap ul li a .arrow{width:8.3vw;height:8.3vw}#footer-nav .wrap .logo{margin-top:6.8vw}#footer-nav .wrap .logo svg{width:50vw;height:10.4vw}}#company-name-notification{max-width:800px;margin:0 auto 6em;font-size:14px;color:gray}@media screen and (max-width:767px){#company-name-notification{max-width:100%;padding:0 5vw;margin-bottom:3em;font-size:3vw}}