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)}@media screen and (max-width:767px){body.contents .common-header{display:flex;justify-content:flex-end}body.contents .common-header #siteID{margin:0}}body.contents .pageContainer{min-height:calc(100vh - 80px - 124px)}@media screen and (max-width:767px){body.contents .pageContainer{min-height:auto}}body.contents section#head{margin-top:6em;text-align:center}body.contents section#head h2{flex-direction:column;margin-bottom:2em}@media screen and (max-width:767px){body.contents section#head{margin-top:110px}body.contents section#head h2{margin-bottom:0}}body.contents section#contents .wrap .page.items{justify-content:flex-start;flex-wrap:wrap;display:none}body.contents section#contents .wrap .page.items.show{display:flex}body.contents section#contents .wrap .page.items .item{width:31.5%;position:relative;display:block;margin-right:2.6%;margin-bottom:2.6%;background-color:#fff}body.contents section#contents .wrap .page.items .item:nth-child(3n){margin-right:0}body.contents section#contents .wrap .page.items .item .main{width:100%;height:236px;object-fit:cover;display:block}body.contents section#contents .wrap .page.items .item .cat{position:absolute;top:0;right:0;height:236px;width:30px;padding:10px 7px;display:flex;justify-content:center}body.contents section#contents .wrap .page.items .item .cat img{width:100%;height:100%}body.contents section#contents .wrap .page.items .item .box{padding:1em;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}body.contents section#contents .wrap .page.items .item .box h4{font-size:16px}body.contents section#contents .wrap .page.items .item .box h3{font-size:23px}body.contents section#contents .wrap .page.items .item .box .date{font-size:14px;color:#0042bc}body.contents section#contents .wrap .page.items .item .box .tags{line-height:1em}body.contents section#contents .wrap .page.items .item .box .tags a{display:inline-block;font-size:14px;white-space:nowrap;line-height:1em;color:#646464;margin-right:.5em}body.contents section#contents .wrap .page.items .item .box .tags a:hover{color:#0042bc}@media screen and (max-width:1200px){body.contents section#contents .wrap .page.items .item .box h4{font-size:14px}body.contents section#contents .wrap .page.items .item .box h3{font-size:18px}}body.contents section#contents .wrap .page.items .item:hover{animation:bubble .2s linear}body.contents section#contents .wrap .page.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){body.contents section#contents .wrap .page.items .item.comingsoon .main{background-size:70%}}body.contents section#contents .wrap .page.items .item.comingsoon .cat{background-color:#a3a3a3}body.contents section#contents .wrap .page.items .item.comingsoon .box h4{height:16px;background-color:#c3c3c3;margin-bottom:1em;width:12em}body.contents section#contents .wrap .page.items .item.comingsoon .box h3{height:23px;background-color:#c3c3c3;margin-bottom:.5em;display:block}body.contents section#contents .wrap .page.items .item.comingsoon .box h3.c1{width:8em}body.contents section#contents .wrap .page.items .item.comingsoon .box h3.c2{width:7em}body.contents section#contents .wrap .page.items .item.comingsoon .box h3.c3{width:7em}body.contents section#contents .wrap .page.items .item.comingsoon .box .date{height:14px;background-color:#c3c3c3;margin-bottom:1em;width:8em}body.contents section#contents .wrap .page.items .item.comingsoon .box .tags{height:14px;background-color:#c3c3c3;width:80%}body.contents section#contents .wrap .page.items .item.sports .cat{background-color:#00aaea}body.contents section#contents .wrap .page.items .item.sustainable .cat{background-color:#8dc21f}body.contents section#contents .wrap .page.items .item.outdoor .cat{background-color:#f18d00}body.contents section#contents .wrap .pagenation{display:flex;justify-content:center;width:100%;align-items:center;margin-top:5em}body.contents section#contents .wrap .pagenation.hide{display:none}body.contents section#contents .wrap .pagenation .button{display:flex;border-radius:25px;background-color:#0042bc;width:50px;height:50px;justify-content:center;align-items:center;margin-right:.5em;color:#fff}body.contents section#contents .wrap .pagenation .button.hide{display:none}body.contents section#contents .wrap .pagenation .button.next:after,body.contents section#contents .wrap .pagenation .button.prev:after{content:"";background:url(/jp/sakana_x/data/images/svg/icon_arrow.svg) no-repeat 0 50%;display:flex;width:20px;height:100%;background-size:contain}body.contents section#contents .wrap .pagenation .button.prev:after{transform:rotate(180deg)}body.contents section#contents .wrap .pagenation .buttons{display:flex;justify-content:center;align-items:center}body.contents section#contents .wrap .pagenation .buttons .button{background-color:#fff;border:1px solid #0042bc;color:#0042bc}body.contents section#contents .wrap .pagenation .buttons .button.selected{color:#fff;background-color:#0042bc}@media screen and (max-width:767px){body.contents section#contents{margin-top:50px}body.contents section#contents .wrap{padding:10vw 0}body.contents section#contents .wrap .page.items .item{width:100%;display:flex;flex-direction:row;margin-bottom:5vw}body.contents section#contents .wrap .page.items .item .main{width:40%;height:auto;max-height:100vw}body.contents section#contents .wrap .page.items .item .cat{height:100%;width:6vw;padding:5vw 1vw}body.contents section#contents .wrap .page.items .item .cat img{max-width:3vw}body.contents section#contents .wrap .page.items .item .box{min-height:40vw;padding-right:7vw}body.contents section#contents .wrap .page.items .item .box h4{font-size:3vw}body.contents section#contents .wrap .page.items .item .box h3{font-size:3.5vw}body.contents section#contents .wrap .page.items .item .box .date{font-size:3vw;margin-top:1em}body.contents section#contents .wrap .page.items .item .box .tags a{font-size:3vw}body.contents section#contents .wrap .pagenation{flex-wrap:wrap}body.contents section#contents .wrap .pagenation .buttons{order:1;width:100%;justify-content:center;margin-bottom:3vw}body.contents section#contents .wrap .pagenation .button.prev{order:2;margin-right:5vw}body.contents section#contents .wrap .pagenation .button.next{order:3;margin-right:0}body.contents section#contents .wrap .pagenation .button{width:10vw;height:10vw;font-size:3vw}body.contents section#contents .wrap .pagenation .button.next:after,body.contents section#contents .wrap .pagenation .button.prev:after{width:5vw}body.contents section#contents .wrap .pagenation .buttons .button{width:10vw;height:10vw}}body.contents section#categories .wrap{padding:3% 5% 0}body.contents section#categories .wrap .items{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:50px}body.contents section#categories .wrap .items .item{max-width:31.5%;height:25px;position:relative;display:block;margin-right:2.6%;margin-bottom:50px}body.contents section#categories .wrap .items .item:nth-child(3n){margin-right:0}body.contents section#categories .wrap .items .item svg{width:100%;height:100%}@media screen and (max-width:767px){body.contents section#categories .wrap{padding-bottom:4%}body.contents section#categories .wrap .items .item{width:49%;max-width:48%;height:3.5vw;margin-right:0;margin-bottom:8vw}}body.contents section#tags .wrap{padding:4% 5% 7%;border-top:2px solid #707070;border-bottom:2px solid #707070;position:relative}body.contents section#tags .wrap .items{display:flex;flex-wrap:wrap}body.contents section#tags .wrap .items .item{display:block;background-color:#ededed;color:#747474;margin-right:.5em;margin-bottom:.5em;padding:.2em .5em}body.contents section#tags .wrap .items .item:hover{background-color:#0042bc;color:#fff}body.contents section#tags .wrap .all{border:1px solid #747474;color:#747474;padding:.2em .5em;position:absolute;right:0;bottom:1em}@media screen and (max-width:767px){body.contents section#tags .wrap{text-align:center;margin:0 5%}body.contents section#tags .wrap .items{flex-wrap:wrap}body.contents section#tags .wrap .items .item{margin-bottom:.5em;font-size:3vw}body.contents section#tags .wrap .all{display:inline-block;position:static;text-align:center;margin:1em auto 0;font-size:3vw}}body.contents section#tags{margin-bottom:6em}body.contents.category section#head h2 svg{width:100%;height:50px}@media screen and (max-width:767px){body.contents.category section#head h2 svg{height:7vw}}body.contents.tag section#head h2{color:#747474}