1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4239],{9003:function(n,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contents/[artist_cd]/column",function(){return a(1341)}])},1264:function(n,t,a){"use strict";var e=a(5893),i=a(1664),r=a.n(i),o=a(1163);t.Z=n=>{let{href:t,linkBtnClass:a,linkBtnText:i}=n,s=(0,o.useRouter)(),l=t?(0,e.jsx)(r(),{href:t,className:"backLinkBtn__btn",children:i}):(0,e.jsx)("a",{onClick:function(n){n.preventDefault(),s.back()},className:"backLinkBtn__btn",children:i});return(0,e.jsx)("div",{className:a?"backLinkBtn ".concat(a):"backLinkBtn",children:l})}},1341:function(n,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return z},artistColumnListPageInfo:function(){return R},default:function(){return N}});var e=a(5893),i=a(1664),r=a.n(i),o=a(1163),s=a(7294),l=a(2910),d=a(6869),c=a(4900),p=a(1264),m=a(6996),x=a(6210),b=a(721),g=a(9346),h=a(467),f=n=>{var t;let{data:a,firstItem:i,scrollRef:r}=n,{first:o,rest:l,scrollTarget:d}=function(n){let t=0!==n.length?n[n.length-1].data[0]:void 0,[a,...e]=n.flatMap(n=>n.data);return{first:a,rest:e,scrollTarget:t}}(a),{gridRef:c}=(0,h.$)({data:l,getId:n=>null==n?void 0:n.id,gutter:n=>n<=1023?31:47}),[p,m]=(0,s.useState)(24);if((0,s.useEffect)(()=>{function n(){m(window.innerWidth<=1023?10:24)}return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]),(null===(t=a[0])||void 0===t?void 0:t.data.length)===0)return(0,e.jsx)("ul",{className:"columnLists",children:(0,e.jsx)("li",{children:"è¨äºãããã¾ããã"})});let x=o?(0,e.jsx)("ul",{className:"columnLists",style:{marginBottom:0},children:(0,e.jsx)(u,{data:o})}):null;return(0,e.jsxs)(e.Fragment,{children:[x,(0,e.jsx)("ul",{className:"columnLists",ref:c,style:{marginTop:0,marginBottom:40},children:l.map(n=>(0,e.jsx)(w,{data:n,scrollRef:n===d?r:void 0,padding:p},n.id))})]})};function u(n){let{data:t,scrollRef:a}=n;return(0,e.jsxs)("li",{className:"columnList columnList--first","data-scroll-target":t.id,ref:a,children:[(0,e.jsx)("div",{className:"columnList__date columnList__date--column",children:(0,e.jsx)(k,{data:t})}),(0,e.jsx)(_,{data:t}),(0,e.jsxs)("div",{className:"columnList__data",children:[(0,e.jsx)("div",{className:"columnList__date columnList__date--flex",children:(0,e.jsx)(k,{data:t})}),(0,e.jsx)(L,{data:t})]})]})}function w(n){let{data:t,scrollRef:a,padding:i}=n;return(0,e.jsxs)("li",{className:"columnList grid-item","data-grid-item-id":t.id,"data-scroll-target":t.id,ref:a,style:{paddingTop:i,paddingBottom:i},children:[(0,e.jsx)("div",{className:"columnList__date",children:(0,e.jsx)(k,{data:t})}),(0,e.jsx)(_,{data:t}),(0,e.jsx)(L,{data:t})]})}function _(n){let{data:{id:t,image:a}}=n,i=a.url?(0,e.jsx)("img",{src:a.url,alt:a.alt,className:"columnList__img"}):null;return(0,e.jsx)(r(),{href:{pathname:"/column/[column_id]",query:{column_id:t}},className:"columnList__imgLink",children:(0,e.jsx)("div",{className:"columnList__imgWrap",children:i})})}function k(n){let{data:t}=n,a=(0,g.sG)(t.date),i=a.toISOString(),r=(0,b.mJ)(a);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(x.Z,{at:a}),(0,e.jsx)("time",{className:"columnList__date__time",dateTime:i,children:r})]})}function L(n){let{data:{id:t,title:a,tags:i=[]}}=n;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("p",{className:"columnList__title",children:(0,e.jsx)(r(),{href:{pathname:"/column/[column_id]",query:{column_id:t}},dangerouslySetInnerHTML:{__html:a}})}),(0,e.jsx)("ul",{className:"columnList__tags",children:i.map(n=>(0,e.jsx)(y,{data:n},n.id))})]})}function y(n){let{data:{id:t,label:a}}=n;return(0,e.jsx)("li",{className:"columnList__tag",children:(0,e.jsx)(r(),{href:{pathname:"/archive",query:{tag:t}},children:"#".concat(a)})})}var A=a(506),v=a(8609),T=a(7444),C=a(6688),B=a(8062),j=a(5611),W=a(744),z=!0,N=n=>{var t;let{artist:a,initialColumnList:i}=n,x=(0,o.useRouter)(),b=null!==(t=(0,C.Z)(x.query.page))&&void 0!==t?t:1,g=(0,s.useRef)(null),{groupList:h,nextHref:u,hasNext:w,isLoadingNext:_}=(0,v.T)({currentPage:b,previousPageSizeToFetch:5,initialData:i,fetchData(n){let{page:t}=n;return(0,T.YW)({artistCd:a.artist_cd,page:t})},onFetchedPrevious(n){var t;n&&(null==g||null===(t=g.current)||void 0===t||t.scrollIntoView())}}),k=R(a),L=[(0,B.homePageInfo)(),(0,j.artistListPageInfo)(),(0,W.artistPageInfo)(a),k],y=w()?_?(0,e.jsx)("div",{className:"allContsBtnWrap",children:(0,e.jsx)("button",{className:"allContsBtn",disabled:!0,children:"ãã£ã¨è¦ã"})}):(0,e.jsx)("div",{className:"allContsBtnWrap",children:(0,e.jsx)(r(),{className:"allContsBtn",href:u(n=>({pathname:x.pathname,query:{artist_cd:a.artist_cd,page:n}})),shallow:!0,replace:!0,scroll:!1,children:"ãã£ã¨è¦ã"})}):null;return(0,e.jsxs)(l.Z,{breadcrumbs:L,css:"@charset \"UTF-8\";\n/**\n * modulesã§ä½¿ãããæ³å®ã®cssã¯ãã¡ãã«éç´\n */\n/**\n * Colors\n */\n/*-----------------------------------------------------------------\n * mixin â¦åã»ã¯ã·ã§ã³ããã¼ã¸ã§å
±éãã¦ããscssãã¾ã¨ããè¦ç´ *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 01. breakpoint / liquid\n* 02. effect\n* 03. button\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n01. breakpoint / liquid\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n02. effect\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n03. button\n----------------------------------------------------------------- */\n/**\n* primaryBtn\n */\n/**\n* secondaryBtn\n* $type:normal(ã¢ã¤ã³ã³ãªã),right(
1å³ç¢å°),left(å·¦ç¢å°)\n */\n/*-----------------------------------------------------------------\n * atoms : New *\n-----------------------------------------------------------------*/\n.new {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n align-items: center;\n background-image: linear-gradient(103deg, #063e93 6%, #ac77f0 96%);\n color: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: presicav, sans-serif;\n justify-content: center;\n line-height: 1;\n}\n\n@media screen and (min-width: 1024px) {\n .new {\n font-size: 12px;\n height: 16px;\n width: 44px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .new {\n font-size: 10px;\n height: 12px;\n width: 36px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .new.new--l {\n font-size: 12px;\n height: 16px;\n width: 44px;\n }\n}\n\n/*-----------------------------------------------------------------\n * molecules : AllcontentsTitle *\n-----------------------------------------------------------------*/\n.allContentsTitle {\n padding: 30px 0 22px;\n text-align: center;\n}\n\n@media screen and (max-width: 1023px) {\n .allContentsTitle {\n padding: 20px 0 12px;\n }\n}\n\n.allContentsTitle__ja {\n color: #707070;\n font-weight: normal;\n margin-bottom: 20px;\n}\n\n@media screen and (max-width: 1023px) {\n .allContentsTitle__ja {\n font-size: 12px;\n margin-bottom: 10px;\n }\n}\n\n.allContentsTitle__en {\n font-size: 34px;\n font-weight: bold;\n line-height: 1.5;\n overflow-wrap: break-word;\n padding-left: 10px;\n padding-right: 10px;\n}\n\n@media screen and (max-width: 1023px) {\n .allContentsTitle__en {\n font-size: 24px;\n line-height: 1.5;\n }\n}\n\n/*-----------------------------------------------------------------\n * molecules : PageSubTitle *\n-----------------------------------------------------------------*/\n.pageSubTitle {\n font-size: 28px;\n font-weight: bold;\n line-height: 1.39;\n padding-left: 20px;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .pageSubTitle {\n font-size: 22px;\n line-height: 1.77;\n padding-left: 16px;\n }\n}\n\n.pageSubTitle::before {\n -webkit-transform: translate(-50%, -50%);\n background-color: #000;\n content: '';\n height: 32px;\n left: 0;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 4px;\n}\n\n@media screen and (max-width: 1023px) {\n .pageSubTitle::before {\n height: 24px;\n }\n}\n\n/*-----------------------------------------------------------------\n * molecules : BuyBtn *\n-----------------------------------------------------------------*/\n.buyBtns {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -ms-flex-wrap: wrap;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n gap: 0 20px;\n justify-content: center;\n margin-top: 40px;\n}\n\n@media screen and (max-width: 1023px) {\n .buyBtns {\n margin-top: 25px;\n }\n}\n\n.buyBtns.buyBtns--discographyList {\n gap: 0 12px;\n}\n\n@media screen and (min-width: 1024px) {\n .buyBtns.buyBtns--discographyList {\n -ms-flex-pack: start;\n -webkit-box-pack: start;\n justify-content: flex-start;\n margin-top: 16px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .buyBtns.buyBtns--discographyList {\n margin-top: 4px;\n width: 100%;\n }\n}\n\n.buyBtns.buyBtns--discographyDetail {\n margin-top: 20px;\n}\n\n@media screen and (max-width: 1023px) {\n .buyBtns.buyBtns--discographyDetail {\n margin-top: 12px;\n }\n}\n\n.buyBtns.buyBtns--releaseDetail {\n margin-top: 28px;\n}\n\n@media screen and (max-width: 1023px) {\n .buyBtns.buyBtns--releaseDetail {\n margin-top: 12px;\n }\n}\n\n.buyBtn {\n height: 52px;\n width: auto;\n}\n\n.buyBtns--discographyList .buyBtn {\n height: 38px;\n}\n\n.buyBtnLink {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: background-color 0.3s, color 0.3s;\n align-items: center;\n background-color: #000;\n border: solid 1px #000;\n border-radius: 26px;\n color: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 18px;\n font-weight: bold;\n height: 52px;\n justify-content: center;\n padding-left: 40px;\n padding-right: 40px;\n position: relative;\n text-align: center;\n transition: background-color 0.3s, color 0.3s;\n}\n\n.buyBtnLink:hover, .buyBtnLink:active {\n background-color: #fff;
1\n color: #000;\n}\n\n.buyBtns--discographyList .buyBtnLink {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: background-color 0.3s, color 0.3s;\n align-items: center;\n background-color: #000;\n border: solid 1px #000;\n border-radius: 19px;\n color: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n height: 38px;\n justify-content: center;\n padding-left: 40px;\n padding-right: 40px;\n position: relative;\n text-align: center;\n transition: background-color 0.3s, color 0.3s;\n}\n\n.buyBtns--discographyList .buyBtnLink:hover, .buyBtns--discographyList .buyBtnLink:active {\n background-color: #fff;\n color: #000;\n}\n\n/*-----------------------------------------------------------------\n * molecules : BackLinkBtn *\n-----------------------------------------------------------------*/\n/**\n * button\n */\n.backLinkBtn {\n -ms-flex-pack: center;\n -webkit-box-pack: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n}\n\n@media screen and (min-width: 1024px) {\n .backLinkBtn + .backLinkBtn {\n margin-top: 56px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .backLinkBtn + .backLinkBtn {\n margin-top: 40px;\n }\n}\n\n.backLinkBtn__btn {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: all 0.3s;\n align-items: center;\n border: solid 1px #000;\n border-radius: 22px;\n color: #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n height: 44px;\n justify-content: center;\n padding-left: 52px;\n padding-right: 40px;\n position: relative;\n text-align: center;\n transition: all 0.3s;\n vertical-align: bottom;\n}\n\n@media screen and (min-width: 1024px) {\n .backLinkBtn__btn:hover {\n background-color: #000;\n color: #fff;\n cursor: pointer;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .backLinkBtn__btn:active {\n background-color: #000;\n color: #fff;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .backLinkBtn__btn:hover:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n@media screen and (max-width: 1023px) {\n .backLinkBtn__btn:active:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n.backLinkBtn__btn:before {\n -webkit-transform: translate(-50%, -50%);\n background: url(\"/assets/img/common/icon_arrow.svg\") no-repeat;\n background-size: contain;\n content: '';\n display: block;\n height: 12px;\n left: 40px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 8px;\n}\n\n.backLinkBtn--more .backLinkBtn__btn:before {\n display: none;\n}\n\n.backLinkBtn--right .backLinkBtn__btn {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: all 0.3s;\n align-items: center;\n border: solid 1px #000;\n border-radius: 22px;\n color: #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n height: 44px;\n justify-content: center;\n padding-left: 40px;\n padding-right: 52px;\n position: relative;\n text-align: center;\n transition: all 0.3s;\n vertical-align: bottom;\n}\n\n@media screen and (min-width: 1024px) {\n .backLinkBtn--right .backLinkBtn__btn:hover {\n background-color: #000;\n color: #fff;\n cursor: pointer;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .backLinkBtn--right .backLinkBtn__btn:active {\n background-color: #000;\n color: #fff;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .backLinkBtn--right .backLinkBtn__btn:hover:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n@media screen and (max-width: 1023px) {\n .backLinkBtn--right .backLinkBtn__btn:active:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n.backLinkBtn--right .backLinkBtn__btn:before {\n -webkit-transform: translate(-50%, -50%) rotate(180deg);\n background: url(\"/assets/img/common/icon_arrow.svg\") no-repeat;\n background-size: contain;\n content: '';\n display: block;\n height: 12px;\n left: auto;\n position: absolute;\n right: 32px;\n top: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n width: 8px;\n}\n\n/*-----------------------------------------------------------------\n * organisms : TabArea *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 01. common\n* 02. allC
1onts\n* 03. pickup\n* 04. search\n* 04. home\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n01. common\n----------------------------------------------------------------- */\n.tabAreaWrap {\n padding-left: 48px;\n padding-right: 48px;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .tabAreaWrap {\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: auto;\n overflow-x: scroll;\n overflow-y: hidden;\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n\n.tabAreaWrap:before {\n background-color: #000;\n bottom: -1px;\n content: '';\n height: 1px;\n left: 0;\n position: absolute;\n right: 0;\n}\n\n@media screen and (max-width: 1023px) {\n .tabAreaWrap:before {\n bottom: 7px;\n }\n}\n\n.tabAreaWrap::-webkit-scrollbar {\n -webkit-appearance: none;\n display: none;\n}\n\n.tabArea {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n@media screen and (min-width: 1024px) {\n .tabArea {\n -ms-flex-pack: center;\n -webkit-box-pack: center;\n justify-content: center;\n }\n}\n\n.tabArea__list {\n background-color: #eaeaea;\n}\n\n@media screen and (max-width: 1023px) {\n .tabArea__list {\n -ms-flex: 1 0 50px;\n -webkit-box-flex: 1;\n flex: 1 0 50px;\n margin-bottom: 8px;\n position: relative;\n }\n .tabArea__list:before {\n background-color: #000;\n bottom: -1px;\n content: '';\n height: 1px;\n left: -1px;\n position: absolute;\n right: 0;\n }\n}\n\n.tabArea__list:first-child,\n.tabArea__list:first-child .tabArea__current {\n border-radius: 8px 0 0 0;\n}\n\n@media screen and (max-width: 1023px) {\n .tabArea__list:first-child,\n .tabArea__list:first-child .tabArea__current {\n border-radius: 4px 0 0 0;\n }\n}\n\n.tabArea__list:last-child,\n.tabArea__list:last-child .tabArea__current {\n border-radius: 0 8px 0 0;\n}\n\n@media screen and (max-width: 1023px) {\n .tabArea__list:last-child,\n .tabArea__list:last-child .tabArea__current {\n border-radius: 0 4px 0 0;\n }\n}\n\n.tabArea__list:not(:first-child) {\n border-left: 1px solid #cbcbcc;\n}\n\n.tabArea__current,\n.tabArea__link {\n display: block;\n font-weight: bold;\n text-align: center;\n}\n\n@media screen and (min-width: 1024px) {\n .tabArea__current,\n .tabArea__link {\n font-size: 16px;\n padding-bottom: 8px;\n padding-top: 11px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .tabArea__current,\n .tabArea__link {\n line-height: 1;\n padding-bottom: 9px;\n padding-top: 9px;\n white-space: nowrap;\n }\n}\n\n.tabArea__current {\n position: relative;\n}\n\n.tabArea__list .tabArea__current {\n background-color: #000;\n color: #fff;\n}\n\n.tabArea__current::before {\n -webkit-transform: translate(-50%, -50%);\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-top: 10px solid #000;\n bottom: -16px;\n content: '';\n left: 50%;\n position: absolute;\n right: 50%;\n transform: translate(-50%, -50%);\n}\n\n@media screen and (max-width: 1023px) {\n .tabArea__current::before {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 8px solid #000;\n bottom: -13px;\n }\n}\n\n.tabArea__link {\n -webkit-transition: all 0.3s;\n color: #000;\n transition: all 0.3s;\n}\n\n.tabArea__link:hover {\n color: #3c51b2;\n font-weight: bold;\n}\n\n.tabArea__link:active {\n color: #3c51b2;\n font-weight: bold;\n}\n\n/* ----------------------------------------------------------------\n02. allConts\n----------------------------------------------------------------- */\n.allContsTabAreaWrap {\n position: relative;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowLeft::before,\n.allContsTabAreaWrap .tabAreaWrap--arrowRight::before {\n background-color: rgba(112, 112, 112, 0.7);\n content: '';\n height: 32px;\n position: absolute;\n top: 0;\n width: 20px;\n z-index: 100;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowLeft::after,\n.allContsTabAreaWrap .tabAreaWrap--arrowRight::after {\n border-style: solid;\n content: '';\n height: 0;\n position: absolute;\n top: 10px;\n width: 0;\n z-index: 101;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowLeft::before {\n left: 0;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowLeft::after {\n border-color: transparent #fff transparent transparent;\n border-width: 5px 10px 5px 0;\n left: 3px;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowRight::before {\n right: 0;\n}\n\n.allContsTabAreaWrap .tabAreaWrap--arrowRight::after {\n border-color: transparent transparent transparent #fff;\n border-width: 5px 0 5px 10px;\n right: 3px;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabAreaWrap .tabArea {\n margin: 0 auto;\n max-width: 1270px;\n width: calc(100vw - 96px);\n }\n}\n\n.allContsTabAreaWrap .tabArea__list {\n -ms-flex-positive: 1;\n -webkit-box-flex: 1;\n flex-grow: 1;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabAreaWrap .tabArea__link,\n .allContsTabAreaWrap .tabArea__current {\n padding-left: clamp(13px, 1.92vw, 32px);\n padding-right: clamp(13px, 1.92vw, 32px);\n }\n}\n\n@media screen and (min-width: 1024px) and (max-width: 1199px) {\n .allContsTabAreaWrap .tabArea__link,\n .allContsTabAreaWrap .tabArea__current {\n padding-left: clamp(13px, 1.29vw, 32px);\n padding-right: clamp(13px, 1.29vw, 32px);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsTabAreaWrap .tabArea__link,\n .allContsTabAreaWrap .tabArea__current {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n\n/* ----------------------------------------------------------------\n03. pickup\n----------------------------------------------------------------- */\n.pickupTabAreaWrap .tabArea__list {\n width: calc(100% / 4);\n}\n\n/* ----------------------------------------------------------------\n04. home\n----------------------------------------------------------------- */\n.topTabAreaWrap .tabArea__list {\n width: calc(100% / 4);\n}\n\n/* ----------------------------------------------------------------\n04. search\n----------------------------------------------------------------- */\n.searchTabAreaWrap {\n position: relative;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowLeft::before,\n.searchTabAreaWrap .tabAreaWrap--arrowRight::before {\n background-color: rgba(112, 112, 112, 0.7);\n content: '';\n height: 32px;\n position: absolute;\n top: 0;
1\n width: 20px;\n z-index: 100;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowLeft::after,\n.searchTabAreaWrap .tabAreaWrap--arrowRight::after {\n border-style: solid;\n content: '';\n height: 0;\n position: absolute;\n top: 10px;\n width: 0;\n z-index: 101;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowLeft::before {\n left: 0;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowLeft::after {\n border-color: transparent #fff transparent transparent;\n border-width: 5px 10px 5px 0;\n left: 3px;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowRight::before {\n right: 0;\n}\n\n.searchTabAreaWrap .tabAreaWrap--arrowRight::after {\n border-color: transparent transparent transparent #fff;\n border-width: 5px 0 5px 10px;\n right: 3px;\n}\n\n@media screen and (min-width: 1024px) {\n .searchTabAreaWrap .tabArea__list {\n width: calc(100% / 5);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .searchTabAreaWrap .tabArea__link,\n .searchTabAreaWrap .tabArea__current {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n\n/*-----------------------------------------------------------------\n * organisms : TagList *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 01. common\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n01. common\n----------------------------------------------------------------- */\n.tagListsWrap {\n margin-bottom: 40px;\n margin-top: 28px;\n}\n\n@media screen and (max-width: 1023px) {\n .tagListsWrap {\n margin-bottom: 24px;\n margin-top: 25px;\n }\n}\n\n.tagLists {\n -ms-flex-align: center;\n -ms-flex-pack: start;\n -ms-flex-wrap: wrap;\n -webkit-box-align: center;\n -webkit-box-pack: start;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n gap: 16px 8px;\n justify-content: flex-start;\n}\n\n.tagList__current,\n.tagList__link {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n align-items: center;\n border-radius: 17px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 18px;\n font-weight: bold;\n height: 34px;\n justify-content: center;\n line-height: 1.2;\n padding: 0 16px;\n}\n\n@media screen and (max-width: 1023px) {\n .tagList__current,\n .tagList__link {\n border-radius: 16px;\n font-size: 16px;\n height: 32px;\n }\n}\n\n.tagList__current {\n background-color: #000;\n color: #fff;\n}\n\n.tagList__link {\n -webkit-transition: color 0.3s;\n background-color: #eaeaea;\n transition: color 0.3s;\n}\n\n.tagList__link:hover, .tagList__link:active {\n color: #3c51b2;\n}\n\n/*-----------------------------------------------------------------\n * organisms : ColumnList *\n-----------------------------------------------------------------*/\n.columnLists {\n -ms-flex-align: start;\n -ms-flex-wrap: wrap;\n -webkit-box-align: start;\n align-items: flex-start;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n gap: 24px 48px;\n}\n\n@media screen and (min-width: 1024px) {\n .columnLists {\n margin-top: 40px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists {\n gap: 0 32px;\n margin: 16px auto 24px;\n }\n}\n\n.columnLists.columnLists--allcontentsTop {\n margin-bottom: 38px;\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists.columnLists--allcontentsTop {\n margin: 6px auto 24px;\n max-width: 880px;\n }\n}\n\n.columnList {\n border-bottom: 1px solid #000;\n /* BEGIN all contents top */\n /* END all contents top */\n}\n\n@media screen and (min-width: 1024px) {\n .columnList {\n padding-bottom: 16px;\n width: calc((100% - 96px) / 3);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList {\n padding: 10px 0;\n width: calc((100% - 32px) / 2);\n }\n}\n\n.columnList.columnList--first {\n width: 100%;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList.columnList--first {\n -ms-flex-align: center;\n -ms-flex-pack: justify;\n -webkit-box-align: center;\n -webkit-box-pack: justify;
1\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: space-between;\n padding: 0 0 24px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList.columnList--first {\n padding-top: 0;\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList.columnList--first {\n -ms-flex-align: center;\n -ms-flex-pack: justify;\n -webkit-box-align: center;\n -webkit-box-pack: justify;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: space-between;\n padding: 0 0 10px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnLists--allcontentsTop .columnList {\n border-bottom: none;\n padding-bottom: 0;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList {\n -ms-flex-align: start;\n -ms-flex-pack: start;\n -ms-flex-wrap: wrap;\n -webkit-box-align: start;\n -webkit-box-pack: start;\n align-items: flex-start;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n padding: 12px 0;\n width: 100%;\n }\n}\n\n.columnList a {\n color: inherit;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList a:hover {\n color: #3c51b2;\n font-weight: bold;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList a:active {\n color: #3c51b2;\n font-weight: bold;\n }\n}\n\n.columnList__date {\n -ms-flex-align: center;\n -webkit-box-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n gap: 10px;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__date {\n margin-bottom: 16px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__date {\n margin-bottom: 10px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList.columnList--first .columnList__date {\n margin-bottom: 10px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList.columnList--first .columnList__date {\n margin-bottom: 8px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList__date {\n width: 100%;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__date.columnList__date--column {\n display: none;\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList__date.columnList__date--column {\n display: none;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__date.columnList__date--flex {\n display: none;\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList__date.columnList__date--flex {\n display: block;\n }\n}\n\n.columnList__date__time {\n color: #707070;\n font-family: presicav, sans-serif;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__date__time {\n font-size: 12px;\n line-height: 1.33333;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__date__time {\n font-size: 10px;\n }\n}\n\n.columnList__imgLink {\n display: block;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__imgLink {\n margin-bottom: 12px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__imgLink {\n margin-bottom: 10px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__imgLink:active .columnList__img {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__imgLink:hover {\n cursor: pointer;\n }\n .columnList__imgLink:hover .columnList__img {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList.columnList--first .columnList__imgLink {\n margin-bottom: 0;\n width: 488px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList.columnList--first .columnList__imgLink {\n margin-left: auto;\n margin-right: auto;\n width: 276px;\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList.columnList--first .columnList__imgLink {\n margin-left: 0;\n margin-right: 12px;\n max-width: 488px;\n width: 47.7vw;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnLists--allcontentsTop .columnList__imgLink {\n margin-bottom: 13px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList__imgLink {\n margin-bottom: 0;\n width: 120px;\n }\n}\n\n.columnList__imgWrap {\n overflow: hidden;\n}\n\n.columnList__img {\n -o-object-fit: contain;\n -webkit-transition: -webkit-transform 0.3s;\n height: auto;\n object-fit: contain;\n transition: -webkit-transform 0.3s;\n transition: transform 0.3s;\n transition: transform 0.3s, -webkit-transform 0.3s;\n width: 100%;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__img {\n max-height: calc((100vw - 192px) / 3 * 0.6649);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__img {\n max-height: calc((100vw - 64px) / 2 * 0.6649);\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList.columnList--first .columnList__img {\n max-height: 325px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList.columnList--first .columnList__img {\n max-height: 184px;\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList.columnList--first .columnList__img {\n max-height: calc(47.7vw * 0.6649);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList__img {\n max-height: 80px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__data {\n width: calc(100% - 488px - 40px);\n }\n}\n\n@media screen and (min-width: 767px) and (max-width: 1023px) {\n .columnList__data {\n -ms-flex: 1 1 100px;\n -webkit-box-flex: 1;\n flex: 1 1 100px;\n }\n}\n\n.columnList__title {\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n display: -webkit-box;\n font-weight: bold;\n overflow: hidden;\n word-break: break-all;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__title {\n font-size: 18px;\n }\n .columnList.columnList--first .columnList__title {\n font-size: 22px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__title {\n font-size: 12px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnLists--allcontentsTop .columnList__title {\n font-size: 16px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList__title {\n font-size: 14px;\n margin-left: 16px;\n width: calc(100% - 120px - 16px);\n }\n}\n\n.columnList__tags {\n -ms-flex-wrap: wrap;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__tags {\n gap: 10px 12px;\n margin-top: 10px;\n }\n .columnList.columnList--first .columnList__tags {\n margin-top: 12px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__tags {\n gap: 6px 12px;\n margin-top: 6px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .columnLists--allcontentsTop .columnList__tags {\n margin-top: 12px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnLists--allcontentsTop .columnList__tags {\n margin-top: 10px;\n width: 100%;\n }\n}\n\n.columnList__tag {\n color: #707070;\n line-height: 1.5;\n word-break: break-all;\n}\n\n@media screen and (min-width: 1024px) {\n .columnList__tag {\n font-size: 12px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .columnList__tag {\n font-size: 10px;\n }\n}\n\n/*-----------------------------------------------------------------\n * pages : ã¢ã¼ãã£ã¹ã/ä½å詳細ã®pageè¦ç´ ç¨css *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 01. common wrap\n* 02. contents wrap\n* 03. parts\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n01. c
1ommon wrap\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n02. contents wrap\n----------------------------------------------------------------- */\n/**\n * all contents wrap\n */\n.allContsTabAreaWrap.allContsTabAreaWrap--allcontentsTop {\n margin-bottom: 120px;\n}\n\n@media screen and (max-width: 1023px) {\n .allContsTabAreaWrap.allContsTabAreaWrap--allcontentsTop {\n margin-bottom: 112px;\n }\n}\n\n/**\n * all contents\n */\n.allContsTabArea {\n margin: 0 auto;\n padding-bottom: 120px;\n padding-top: 56px;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea {\n max-width: 1270px;\n width: calc(100vw - 96px);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsTabArea {\n padding-bottom: 112px;\n padding-top: 24px;\n width: calc(100% - 32px);\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea.allContsTabArea--discographyDetail {\n padding-top: 0;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea.allContsTabArea--pcMax {\n max-width: 100%;\n width: 100%;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea.allContsTabArea--pcMid {\n max-width: 1000px;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea.allContsTabArea--pcMin {\n max-width: 880px;\n width: calc(100vw - 96px);\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsTabArea.allContsTabArea--pcProf {\n max-width: 720px;\n width: calc(100vw - 96px);\n }\n}\n\n.allContsTabArea.allContsTabArea--allcontentsTop {\n margin-bottom: 44px;\n padding-bottom: 0;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .allContsTabArea.allContsTabArea--allcontentsTop {\n margin-bottom: 54px;\n }\n}\n\n.allContsTabArea.allContsTabArea--allcontentsTop:before {\n -webkit-transform: translateX(-50%);\n background-color: #000;\n bottom: 0;\n content: '';\n display: block;\n height: 4px;\n left: 50%;\n position: absolute;\n transform: translateX(-50%);\n width: 100vw;\n}\n\n/**\n * all contents top section\n */\n.allConts {\n margin: 0 auto;\n padding-bottom: 64px;\n position: relative;\n}\n\n@media screen and (min-width: 1024px) {\n .allConts:not(:last-of-type) {\n margin-bottom: 60px;\n }\n .allConts:not(:last-of-type):before {\n -webkit-transform: translateX(-50%);\n background-color: #000;\n bottom: 0;\n content: '';\n display: block;\n height: 1px;\n left: 50%;\n max-width: 1270px;\n position: absolute;\n transform: translateX(-50%);\n width: calc(100vw - 96px);\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allConts {\n padding-bottom: 48px;\n }\n}\n\n.allConts.allConts--pcMid {\n max-width: 1000px;\n}\n\n.allConts.allConts--pcMin {\n max-width: 880px;\n}\n\n/**\n * post relation area\n */\n.postRelateArea {\n border-top: solid 1px #000;\n margin: 64px 51px 0 49px;\n padding-top: 65px;\n}\n\n@media screen and (max-width: 1023px) {\n .postRelateArea {\n margin: 48px 16px 0;\n padding-top: 32px;\n }\n}\n\n.postRelateArea.postRelateArea--discographyDetail {\n border-top: none;\n margin: 0 auto 66px;\n max-width: 880px;\n padding-top: 0;\n}\n\n@media screen and (max-width: 1023px) {\n .postRelateArea.postRelateArea--discographyDetail {\n margin-bottom: 48px;\n padding-top: 0;\n width: calc(100vw - 32px);\n }\n}\n\n/* ----------------------------------------------------------------\n03. parts\n----------------------------------------------------------------- */\n.allContsMoreBtnWrap,\n.allContsBtnWrap {\n -ms-flex-pack: center;\n -webkit-box-pack: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n}\n\n.allContsMoreBtnWrap {\n margin: 0 auto;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsBtnWrap {\n margin: 40px auto 48px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsBtnWrap {\n margin: 24px auto 40px;\n }\n}\n\n.allContsBtn {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: all 0.3s;\n align-items: center;\n border: solid 1px #000;\n border-radius: 22px;\n color: #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n height: 44px;\n justify-content: center;\n padding-left: 40px;\n padding-right: 40px;\n position: relative;\n text-align: center;\n transition: all 0.3s;\n vertical-align: bottom;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsBtn:hover {\n background-color: #000;\n color: #fff;\n cursor: pointer;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsBtn:active {\n background-color: #000;\n color: #fff;\n }\n}\n\n.allContsMoreBtn {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n -webkit-box-align: center;\n -webkit-box-pack: center;\n -webkit-transition: all 0.3s;\n align-items: center;\n border: solid 1px #000;\n border-radius: 22px;\n color: #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: bold;\n height: 44px;\n justify-content: center;\n padding-left: 40px;\n padding-right: 52px;\n position: relative;\n text-align: center;\n transition: all 0.3s;\n vertical-align: bottom;\n}\n\n@media screen and (min-width: 1024px) {\n .allContsMoreBtn:hover {\n background-color: #000;\n color: #fff;\n cursor: pointer;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsMoreBtn:active {\n background-color: #000;\n color: #fff;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .allContsMoreBtn:hover:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n@media screen and (max-width: 1023px) {\n .allContsMoreBtn:active:before {\n background-image: url(\"/assets/img/common/icon_arrow-white.svg\");\n }\n}\n\n.allContsMoreBtn:before {\n -webkit-transform: translate(-50%, -50%) rotate(180deg);\n background: url(\"/assets/img/common/icon_arrow.svg\") no-repeat;\n background-size: contain;\n content: '';\n display: block;\n height: 12px;\n left: auto;\n position: absolute;\n right: 32px;\n top: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n width: 8px;\n}\n",children:[(0,e.jsx)(d.H,{pageInfo:k}),(0,e.jsx)("div",{className:"contents contents--page",children:(0,e.jsxs)("section",{className:"pageConts pageConts--contents",children:[(0,e.jsx)(c.Z,{title:a.artist_name,subTitle:"ã¢ã¼ãã£ã¹ãã»ä½å"}),(0,e.jsxs)("div",{className:"allContsTabAreaWrap",children:[(0,e.jsx)(A.Z,{pageType:"allcontents",artistCd:a.artist_cd,currentType:"column"}),(0,e.jsxs)("div",{className:"allContsTabArea",children:[(0,e.jsx)(m.Z,{pageSubtitleText:"ã³ã©ã ä¸è¦§"}),(0,e.jsx)(f,{data:h,scrollRef:g,firstItem:!0}),y,(0,e.jsx)(p.Z,{linkBtnText:"æ»ã"})]})]})]})})]})};function R(n){return{title:"ã³ã©ã ä¸è¦§",fullTitle:"ã³ã©ã | ".concat(n.artist_name," | ã¢ã¼ãã£ã¹ãã»ä½å | ã¨ã¤ããã¯ã¹ã»ãã¼ã¿ã«"),description:"ã¨ã¤ããã¯ã¹ã»ã¨ã³ã¿ãã¤ã³ã¡ã³ãã®ã¢ã¼ãã£ã¹ãã»ä½åã«é¢ããã³ã©ã ä¸è¦§ã§ãã",image:"",canonical:"",href:"/contents/".concat(n.artist_cd,"/column"),artistCd:n.artist_cd}}}},function(n){n.O(0,[843,8751,4772,3506,2546,4937,8918,5863,7478,744,7444,2888,9774,179],function(){return n(n.s=9003)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.