1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6082],{5598:function(n,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contents/[artist_cd]/discography/[discography_id]",function(){return a(8109)}])},1383:function(n,t,a){"use strict";var e=a(5893),i=a(6356);t.Z=n=>{let{name:t,artistCd:a,trackDisplay:r}=n,[s]=(0,i.uo)([t],a);return"ã»"===r?(0,e.jsx)("li",{className:"cmsDisc--list",dangerouslySetInnerHTML:{__html:s}}):(null==r?void 0:r.match(/\d+/))?(0,e.jsx)("li",{className:"cmsDisc--num","data-track-number":r,dangerouslySetInnerHTML:{__html:s}}):(0,e.jsx)("li",{className:"cmsDisc--none",dangerouslySetInnerHTML:{__html:s}})}},8109:function(n,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return T},artistDiscographyPageInfo:function(){return B},default:function(){return H}});var e=a(5893),i=a(2910),r=a(6869),s=a(4900),o=a(1264),l=a(6996),c=a(7294),d=a(6210),p=a(8301),x=a(1383),g=a(721),m=a(6356),h=a(9149),b=a(9346),_=n=>{let{data:{id:t,title:a,artist_cd:i,sales_type:r,"tie-up_contents":s,release_contents:o,products:l}}=n,x="discography-header-".concat(t),[g,_]=(0,c.useState)(l[0]);function D(n){(0,h.d)("#".concat(x)),_(n)}(0,c.useEffect)(()=>{_(l[0])},[t]);let{title:C,contents:v,recording_contents:A,image:{url:L,alt:j},product_cd:T,label:H,release_date:B,product_type:W,ec_urls:P,download_urls:z,price:N}=g,M=B?(0,b.sG)(B):void 0,[S,I,R,E]=(0,m.uo)([a,o,s,v],i),Z=A.length?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",{children:"åé²å
容"}),A.map((n,t)=>(0,e.jsx)(k,{data:n,index:t,artistCd:i},t))]}):null;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"discographyDetailHeader",id:x,children:[(0,e.jsxs)("div",{className:"discographyDetailHeader__data sp--only",children:[(0,e.jsxs)("div",{className:"discographyDetailHeader__category",children:[(0,e.jsx)(d.Z,{at:M}),(0,e.jsx)(f,{salesType:r})]}),(0,e.jsx)("h1",{className:"discographyDetailHeader__title",dangerouslySetInnerHTML:{__html:S}}),(0,e.jsx)("table",{className:"discographyDetailHeader__tbl",children:(0,e.jsxs)("tbody",{children:[(0,e.jsx)(w,{releaseDate:B}),(0,e.jsxs)("tr",{children:[(0,e.jsx)("th",{className:"discographyDetailHeader__tblTh",children:"ååå½¢æ
"}),(0,e.jsx)("td",{className:"discographyDetailHeader__tblTd",children:W})]})]})})]}),(0,e.jsxs)("div",{className:"discographyDetailHeader__jacket",children:[(0,e.jsxs)("div",{className:"discographyDetailHeader__imgWrap",children:[(0,e.jsx)("img",{src:L,alt:(0,m.Ur)(j,i),className:"discographyDetailHeader__img"}),(0,e.jsxs)("div",{className:"discographyDetailHeader__packageData",children:[(0,e.jsx)(y,{data:N}),(0,e.jsx)("span",{children:T}),(0,e.jsx)("span",{children:H})]})]}),(0,e.jsx)(p.Z,{buyBtnClass:"buyBtns--discographyDetail",ec:P,downloads:z})]}),(0,e.jsxs)("div",{className:"discographyDetailHeader__data",children:[(0,e.jsxs)("div",{className:"discographyDetailHeader__category pc--only",children:[(0,e.jsx)(d.Z,{at:M}),(0,e.jsx)(f,{salesType:r})]}),(0,e.jsx)("h1",{className:"discographyDetailHeader__title pc--only",dangerouslySetInnerHTML:{__html:S}}),(0,e.jsx)("table",{className:"discographyDetailHeader__tbl pc--only",children:(0,e.jsxs)("tbody",{children:[(0,e.jsx)(w,{releaseDate:B}),(0,e.jsxs)("tr",{children:[(0,e.jsx)("th",{className:"discographyDetailHeader__tblTh",children:"ååå½¢æ
"}),(0,e.jsx)("td",{className:"discographyDetailHeader__tblTd",children:W})]})]})}),(0,e.jsx)("p",{className:"discographyDetailHeader__desc",dangerouslySetInnerHTML:{__html:R}})]})]}),(0,e.jsx)("div",{className:"discographyDetailContents",children:(0,e.jsxs)("div",{className:"discographyDetailContents__cms",children:[(0,e.jsx)("div",{dangerouslySetInnerHTML:{__html:I}}),Z,(0,e.jsxs)("h2",{children:["å½¢æ
æ°ï¼",l.length]}),(0,e.jsx)("div",{className:"cmsPackages",children:l.map((n,t)=>(0,e.jsx)(u,{data:n,onSelect:D,artistCd:i},t))}),(0,e.jsx)("div",{dangerouslySetInnerHTML:{__html:E}})]})})]})};function f(n){let{salesType:t}=n;if(!t)return null;let a=(0,g.Iw)(t);return(0,e.jsx)("div",{className:"discographyDetailHeader__categoryLabel",children:a})}function w(n){let{releaseDate:t}=n,a=t?(0,g.mJ)((0,b.sG)(t)):"-";return(0,e.jsxs)("tr",{children:[(0,e.jsx)("th",{className:"discographyDetailHeader__tblTh",children:"ãªãªã¼ã¹æ¥"}),(0,e.jsx)("td",{className:"discographyDetailHeader__tblTd",children:a})]})}function y(n){let{data:t}=n;return t?(0,e.jsxs)("span",{children:[(0,g.wU)(t),"ï¼ç¨è¾¼ï¼"]}):null}function k(n){let{data:{tracks:t,disk_name:a},index:i,artistCd:r}=n,[s]=(0,m.uo)(["".concat(i+1,".").concat(a)],r);return 0===t.length?null:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h3",{dangerouslySetInnerHTML:{__html:s}}),(0,e.jsx)("ul",{className:"cmsDisc",children:t.map((n,t)=>{let{name:a,track_display:i}=n;return(0,e.jsx)(x.Z,{name:a,artistCd:r,trackDisplay:i},t)})})]})}function u(n){let{data:t,onSelect:a,artistCd:i}=n,{product_type:r,image:{url:s,alt:o}}=t;return(0,e.jsx)("div",{className:"cmsPackage",children:(0,e.jsxs)("a",{href:"",onClick:function(n){n.preventDefault(),a(t)},children:[(0,e.jsx)("div",{className:"cmsPackage__img",suppressHydrationWarning:!0,children:(0,e.jsx)("img",{src:s,alt:(0,m.Ur)(o,i)})}),(0,e.jsx)("div",{className:"cmsPackage__text",children:r})]})})}var D=a(7897),C=a(506),v=a(8062),A=a(5611),L=a(744),j=a(1189),T=!0,H=n=>{let{artist:t,discography:a,discographyList:c}=n,d=B(t,a),p=[(0,v.homePageInfo)(),(0,A.artistListPageInfo)(),(0,L.artistPageInfo)(t),(0,j.artistDiscographyListPageInfo)(t),d];return(0,e.jsxs)(i.Z,{breadcrumbs:p,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 : DiscographyDetail *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 00. wrap\n* 01. header\n* 02. contents\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n00. wrap\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n01. header\n----------------------------------------------------------------- */\n.discographyDetailHeader {\n -ms-flex-align: center;\n -ms-flex-pack: justify;\n -ms-flex-wrap: wrap;\n -webkit-box-align: center;\n -webkit-box-pack: justify;\n -webkit-box-sizing: border-box;\n align-items: center;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0 auto 26px;\n max-width: 1270px;\n position: relative;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader {\n margin-bottom: 54px;\n padding: 0 48px;\n }\n .discographyDetailHeader:before {\n -webkit-transform: translateX(-50%);\n background-color: #000;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader {\n margin-bottom: 32px;\n padding-bottom: 32px;\n width: 100%;\n }\n .discographyDetailHeader:before {\n background-color: #cbcbcc;\n left: 0;\n width: 100%;\n }\n}\n\n.discographyDetailHeader:before {\n bottom: 0;\n content: '';\n display: block;\n height: 1px;\n position: absolute;\n}\n\n.discographyDetailHeader__jacket,\n.discographyDetailHeader__data {\n position: relative;\n width: 50%;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__jacket,\n .discographyDetailHeader__data {\n width: 100%;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__jacket:before,\n .discographyDetailHeader__data:before {\n background-color: #000;\n bottom: 0;\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n\n/**\n * jacket\n */\n.discographyDetailHeader__jacket {\n -ms-flex-align: center;\n -ms-flex-flow: column;\n -webkit-box-align: center;\n -webkit-box-direction: normal;\n -webkit-box-orient: vertical;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-flow: column;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__jacket {\n padding: 48px 40px 48px 0;\n }\n .discographyDetailHeader__jacket:before {\n right: -0.5px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__jacket {\n padding: 32px 13px;\n }\n}\n\n.discographyDetailHeader__imgWrap {\n font-size: 0;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__imgWrap {\n max-width: 400px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__imgWrap {\n max-width: 640px;\n }\n}\n\n.discographyDetailHeader__img {\n -o-object-fit: contain;\n display: block;\n height: 100%;\n object-fit: contain;\n width: 100%;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__img {\n max-height: 400px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__img {\n max-height: 640px;\n }\n}\n\n/* package data */\n.discographyDetailHeader__packageData {\n color: #707070;\n font-size: 16px;\n line-height: 1.63;\n margin-top: 10px;\n text-align: center;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__packageData {\n font-size: 14px;\n line-height: 1.5;\n margin-top: 12px;\n }\n}\n\n.discographyDetailHeader__packageData span {\n position: relative;\n}\n\n.discographyDetailHeader__packageData span:nth-child(2) {\n padding-left: 16px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__packageData span:nth-child(2) {\n padding-left: 14px;\n }\n}\n\n.discographyDetailHeader__packageData span:nth-child(2):before {\n content: '/';\n display: block;\n left: 5px;\n line-height: 1;\n position: absolute;\n top: 1px;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__packageData span:nth-child(3) {\n padding-left: 16px;\n }\n .discographyDetailHeader__packageData span:nth-child(3):before {\n content: '/';\n display: block;\n left: 5px;\n line-height: 1;\n position: absolute;\n top: 1px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__packageData span:nth-child(3) {\n display: block;\n text-align: center;\n }\n}\n\n/**\n * data\n */\n@media screen and (min-width: 1024px) {\n .discographyDetailHeader__data {\n padding: 48px 0 48px 40px;\n }\n .discographyDetailHeader__data:before {\n left: -0.5px;\n }\n}\n\n.discographyDetailHeader__category {\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: 0 8px;\n justify-content: flex-start;\n margin-bottom: 12px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__category {\n margin-bottom: 10px;\n }\n}\n\n.discographyDetailHeader__categoryLabel {\n border: 1px solid #707070;\n color: #707070;\n display: inline-block;\n font-size: 12px;\n font-weight: bold;\n line-height: 1.17;\n padding: 1px 3px 0;\n}\n\n.discographyDetailHeader__title {\n font-size: 28px;\n line-height: 1.5;\n overflow-wrap: break-word;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__title {\n font-size: 22px;\n }\n}\n\n.discographyDetailHeader__title svg.svgCms {\n fill: #000;\n height: 28px;\n vertical-align: text-bottom;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__title svg.svgCms {\n height: 22px;\n }\n}\n\n/* tbl */\n.discographyDetailHeader__tbl {\n border-top: 1px solid #cbcbcc;\n margin: 19px 0 13px;\n width: 100%;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__tbl {\n margin: 15px 0 0;\n }\n}\n\n.discographyDetailHeader__tblTh,\n.discographyDetailHeader__tblTd {\n border-bottom: 1px solid #cbcbcc;\n padding: 8px 0;\n word-break: break-all;\n}\n\n.discographyDetailHeader__tblTh {\n font-size: 14px;\n font-weight: bold;\n text-align: left;\n width: 93px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailHeader__tblTh {\n width: 103px;\n }\n}\n\n.discographyDetailHeader__tblTd {\n font-size: 16px;\n line-height: 1.4;\n}\n\n/* description */\n.discographyDetailHeader__desc {\n font-size: 14px;\n line-height: 2;\n overflow-wrap: break-word;\n}\n\n/* ----------------------------------------------------------------\n02. contents\n----------------------------------------------------------------- */\n/**\n * wrap\n */\n.discographyDetailContents {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0 auto;\n margin-bottom: 64px;\n max-width: 720px;\n padding-bottom: 96px;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents {\n margin-bottom: 32px;\n padding-bottom: 56px;\n }\n}\n\n.discographyDetailContents: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 position: absolute;\n transform: translateX(-50%);\n width: calc(100vw - 96px);\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents:before {\n width: calc(100vw - 32px);\n }\n}\n\n/**\n * cms\n */\n.discographyDetailContents__cms {\n font-size: 18px;\n line-height: 2;\n overflow-wrap: break-word;\n /**\n * ãªãªã¼ã¹CMSç¨ ç¹æ®ã³ã³ãã³ã\n */\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms {\n font-size: 16px;\n }\n}\n\n.discographyDetailContents__cms svg.svgCms {\n fill: #000;\n height: 18px;\n vertical-align: text-bottom;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms svg.svgCms {\n height: 16px;\n }\n}\n\n.discographyDetailContents__cms h2 {\n font-size: 28px;\n font-weight: bold;\n line-height: 1.39;\n margin: 52px 0 20px;\n padding-left: 19px;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms h2 {\n font-size: 22px;\n line-height: 1.5;\n margin-bottom: 12px;\n margin-top: 38px;\n padding-left: 15px;\n }\n}\n\n.discographyDetailContents__cms h2:before {\n background-color: #000;\n content: '';\n display: block;\n height: calc(100% - 7px);\n left: 0;\n position: absolute;\n top: 3px;\n width: 4px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms h2:before {\n height: calc(100% - 9px);\n top: 4px;\n }\n}\n\n.discographyDetailContents__cms h3 {\n font-size: 22px;\n font-weight: bold;\n line-height: 1.5;\n margin: 22px 0 14px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms h3 {\n font-size: 18px;\n line-height: 1.56;\n margin: 16px 0 12px;\n }\n}\n\n.discographyDetailContents__cms h4 {\n background-color: #eaeaea;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.33;\n margin: 26px 0 12px;\n padding: 4px 10px;\n width: 100%;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms h4 {\n margin: 18px 0 16px;\n }\n}\n\n.discographyDetailContents__cms p {\n margin-bottom: 12px;\n margin-top: 16px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms p {\n margin-bottom: 6px;\n margin-top: 10px;\n }\n}\n\n.discographyDetailContents__cms div + div {\n margin-top: 8px;\n}\n\n.discographyDetailContents__cms a {\n -webkit-transition: color 0.3s, font-weight 0.3s;\n display: inline-block;\n position: relative;\n text-decoration: underline;\n transition: color 0.3s, font-weight 0.3s;\n word-break: break-all;\n}\n\n.discographyDetailContents__cms a:hover, .discographyDetailContents__cms a:active {\n color: #3c51b2;\n font-weight: bold;\n}\n\n.discographyDetailContents__cms a[href^='http']:hover:after, .discographyDetailContents__cms a[href^='http']:active:after {\n background-image: url(/assets/img/common/icon_blanklink-hover.svg);\n}\n\n.discographyDetailContents__cms a[href^='http']:after {\n -webkit-transition: background-image 0.3s;\n background: url(/assets/img/common/icon_blanklink-black.svg) 0 0 no-repeat;\n background-size: 100% 100%;\n content: '';\n display: inline-block;\n height: 16px;\n margin-left: 8px;\n margin-right: 5px;\n text-decoration: none;\n transition: background-image 0.3s;\n width: 16px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms a[href^='http']:after {\n height: 14px;\n width: 14px;\n }\n}\n\n.discographyDetailContents__cms img {\n -webkit-transition: all 0.3s;\n display: inline-block;\n height: auto !important;\n margin: 10px auto;\n max-width: 100%;\n transition: all 0.3s;\n width: auto;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms img {\n max-width: 100%;\n }\n}\n\n.discographyDetailContents__cms strong {\n font-weight: bold;\n}\n\n.discographyDetailContents__cms sub,\n.discographyDetailContents__cms sup {\n display: inline-block;\n font-size: 10px;\n}\n\n.discographyDetailContents__cms sub {\n vertical-align: sub;\n}\n\n.discographyDetailContents__cms sup {\n vertical-align: super;\n}\n\n.discographyDetailContents__cms blockquote {\n background-color: rgba(0, 0, 0, 0.05);\n border: 1px solid rgba(0, 0, 0, 0.3);\n margin: 12px 0;\n padding: 24px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms blockquote {\n padding: 16px;\n }\n}\n\n.discographyDetailContents__cms ul,\n.discographyDetailContents__cms ol {\n margin: 10px 0;\n}\n\n.discographyDetailContents__cms ul li,\n.discographyDetailContents__cms ol li {\n position: relative;\n}\n\n.discographyDetailContents__cms ul li:not(:last-child),\n.discographyDetailContents__cms ol li:not(:last-child) {\n margin-bottom: 4px;\n}\n\n.discographyDetailContents__cms ul li {\n padding-left: 15px;\n}\n\n.discographyDetailContents__cms ul li:before {\n background-color: #000;\n border-radius: 50%;\n content: '';\n display: block;\n height: 6px;\n left: 2px;\n position: absolute;\n top: 14px;\n width: 6px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms ul li:before {\n top: 13px;\n }\n}
1\n\n.discographyDetailContents__cms ol {\n counter-reset: numCount;\n}\n\n.discographyDetailContents__cms ol li {\n counter-increment: numCount;\n padding-left: 18px;\n}\n\n.discographyDetailContents__cms ol li:before {\n content: counter(numCount) \".\";\n display: block;\n left: -9px;\n position: absolute;\n text-align: right;\n top: 0;\n width: 24px;\n}\n\n.discographyDetailContents__cms iframe {\n background-color: #fff;\n display: block;\n height: revert-layer;\n margin: 20px auto;\n max-width: 100%;\n}\n\n.discographyDetailContents__cms iframe.instagram-media {\n aspect-ratio: auto;\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n.discographyDetailContents__cms iframe.iframe-youtube-landscape {\n aspect-ratio: 16 / 9;\n height: 100%;\n}\n\n.discographyDetailContents__cms .twitter-tweet,\n.discographyDetailContents__cms .tiktok-embed {\n margin-left: auto;\n margin-right: auto;\n}\n\n.discographyDetailContents__cms iframe.iframe-youtube-vertical {\n aspect-ratio: 433 / 770;\n height: 100%;\n max-height: 100%;\n max-width: 70vw;\n}\n\n.discographyDetailContents__cms .tiktok-embed {\n background-color: transparent;\n border: none;\n padding: 0;\n}\n\n.discographyDetailContents__cms .cmsDisc {\n border-top: 1px solid #cbcbcc;\n margin-bottom: 24px;\n /* BEGIN çªå·ä»ã */\n /* END çªå·ä»ã */\n /* BEGIN ãã«ã°ã */\n /* END ãã«ã°ã */\n /* BEGIN è£
飾ç¡ã */\n /* END è£
飾ç¡ã */\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsDisc {\n margin-bottom: 18px;\n }\n}\n\n.discographyDetailContents__cms .cmsDisc li.cmsDisc--num {\n padding-bottom: 10px;\n padding-left: 58px;\n padding-top: 10px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsDisc li.cmsDisc--num {\n padding-left: 69px;\n }\n}\n\n.discographyDetailContents__cms .cmsDisc li.cmsDisc--num:before {\n color: #707070;\n content: attr(data-track-number) \".\";\n display: block;\n font-family: presicav, sans-serif;\n font-size: 18px;\n left: 0;\n line-height: 1.2;\n position: absolute;\n text-align: left;\n top: 12px;\n width: 50px;\n background-color: initial;\n border-radius: initial;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsDisc li.cmsDisc--num:before {\n font-size: 16px;\n }\n}\n\n.discographyDetailContents__cms .cmsDisc li.cmsDisc--list {\n padding-left: 14px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsDisc li.cmsDisc--list {\n padding-left: 16px;\n }\n}\n\n.discographyDetailContents__cms .cmsDisc li.cmsDisc--list:before {\n top: 18px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsDisc li.cmsDisc--list:before {\n top: 17px;\n }\n}\n\n.discographyDetailContents__cms .cmsDisc li.cmsDisc--none:before {\n display: none;\n}\n\n.discographyDetailContents__cms .cmsDisc li {\n border-bottom: 1px solid #cbcbcc;\n font-weight: bold;\n line-height: 1.5;\n padding: 8px 0;\n}\n\n.discographyDetailContents__cms .cmsDisc li:not(:last-child) {\n margin-bottom: 0;\n}\n\n.discographyDetailContents__cms .cmsPackages {\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 gap: 36px;\n justify-content: flex-start;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPackages {\n gap: 24px;\n margin-top: 28px;\n }\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage {\n font-size: 0;\n margin-top: 0;\n width: calc((100% - 36px - 36px - 36px) / 4);\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPackages .cmsPackage {\n width: calc((100% - 24px) / 2);\n }\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a {\n display: block;\n font-size: 0;\n text-decoration: none;\n width: 100%;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a:hover img, .discographyDetailContents__cms .cmsPackages .cmsPackage a:active img {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a:hover .cmsPackage__text, .discographyDetailContents__cms .cmsPackages .cmsPackage a:active .cmsPackage__text {\n color: #3c51b2;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a:hover .cmsPackage__text svg.svgCms, .discographyDetailContents__cms .cmsPackages .cmsPackage a:active .cmsPackage__text svg.svgCms {\n fill: #3c51b2;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a .cmsPackage__img {\n font-size: 0;\n overflow: hidden;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a img {\n -webkit-transition: -webkit-transform 0.3s;\n display: block;\n margin: 0 auto;\n max-width: 100%;\n transition: -webkit-transform 0.3s;\n transition: transform 0.3s;\n transition: transform 0.3s, -webkit-transform 0.3s;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a .cmsPackage__text {\n -webkit-transition: color 0.3s;\n color: #000;\n font-size: 16px;\n font-weight: bold;\n margin-top: 10px;\n text-decoration: none;\n transition: color 0.3s;\n}\n\n.discographyDetailContents__cms .cmsPackages .cmsPackage a .cmsPackage__text svg.svgCms {\n -webkit-transition: fill 0.3s;\n fill: #000;\n height: 16px;\n transition: fill 0.3s;\n vertical-align: text-bottom;\n}\n\n.discographyDetailContents__cms .cmsPrivilege {\n -ms-flex-align: center;\n -ms-flex-pack: justify;\n -ms-flex-wrap: wrap;\n -webkit-box-align: center;\n -webkit-box-pack: justify;\n align-items: center;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 28px auto 13px;\n padding-top: 32px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege {\n margin-bottom: 14px;\n margin-top: 20px;\n padding-top: 3px;\n }\n}\n\n.discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeJacket {\n font-size: 0;\n margin-top: 0;\n width: 47.7%;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeJacket {\n -ms-flex-order: 1;\n -webkit-box-ordinal-group: 2;\n order: 1;\n width: 100%;\n }\n}\n\n.discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeJacket img {\n border: solid 1px #efefef;\n display: block;\n margin: 0 auto;\n max-width: 100%;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeJacket img {\n max-width: calc(100% - 104px);\n }\n}\n\n.discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeData {\n margin-top: 0;\n width: calc(100% - 47.7% - 30px);\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeData {\n padding-bottom: 17px;\n width: 100%;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeData h3 {\n margin-bottom: 0;\n }\n}\n\n.discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeData .cmsPrivilegeData__desc {\n color: #707070;\n font-size: 16px;\n line-height: 1.75;\n margin-top: 8px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyDetailContents__cms .cmsPrivilege .cmsPrivilegeData .cmsPrivilegeData__desc {\n margin-top: 6px;\n }\n}\n\n/*-----------------------------------------------------------------\n * organisms : DiscographyList *\n-----------------------------------------------------------------*/\n/* ----------------------------------------------------------------\n* 00. wrap\n* 01. tag\n* 02. link\n* 03. thumbnail\n* 04. data\n----------------------------------------------------------------- */\n/* ----------------------------------------------------------------\n00. wrap\n----------------------------------------------------------------- */\n.discographyLists {\n margin: 40px auto;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyLists {\n margin: 24px auto;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .postRelateArea--discographyDetail .discographyLists {\n margin-top: 52px;\n }\n}\n\n.discographyList {\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 border-bottom: 1px solid #000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n gap: 0 48px;\n justify-content: flex-start;\n padding: 40px 0;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList {\n gap: 8px 16px;\n padding: 20px 0;\n }\n}\n\n.discographyList:first-of-type {\n padding-top: 0;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList:first-of-type {\n padding-top: 0;\n }\n}\n\n/* ----------------------------------------------------------------\n01. tag\n----------------------------------------------------------------- */\n.discographyList__tags {\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: 0 10px;\n justify-content: flex-start;\n width: 100%;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyList__tags {\n margin-bottom: 4px;\n }\n}\n\n.discographyList__tag {\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 border: 1px solid #707070;\n color: #707070;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-wrap: wrap;\n font-size: 11px;\n height: 16px;\n justify-content: center;\n line-height: 1;\n padding: 0 4px;\n}\n\n/* ----------------------------------------------------------------\n02. link\n----------------------------------------------------------------- */\n.discographyList__link {\n -webkit-transition: color 0.3s;\n transition: color 0.3s;\n word-break: break-all;\n}\n\n.discographyList__thumbWrap .discographyList__link {\n display: block;\n font-size: 0;\n width: 100%;\n}\n\n.discographyList__link:hover .discographyList__thumb, .discographyList__link:active .discographyList__thumb {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n}\n\n.discographyList__link.discographyList__link--text:hover, .discographyList__link.discographyList__link--text:active {\n color: #3c51b2;\n}\n\n.discographyList__link.discographyList__link--text:hover svg.svgCms, .discographyList__link.discographyList__link--text:active svg.svgCms {\n fill: #3c51b2;\n}\n\n.discographyList__link.discographyList__link--text svg.svgCms {\n -webkit-transition: fill 0.3s;\n fill: #000;\n height: 14px;\n transition: fill 0.3s;\n vertical-align: middle;\n}\n\n/* ----------------------------------------------------------------\n03. thumbnail\n----------------------------------------------------------------- */\n.discographyList__thumbWrap {\n font-size: 0;\n margin: 0 auto;\n overflow: hidden;\n}\n\n@media screen and (min-width: 1024px) {\n .discographyList__thumbWrap {\n max-width: 200px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__thumbWrap {\n max-width: 120px;\n }\n}\n\n.discographyList__thumb {\n -o-object-fit: contain;\n -webkit-transition: -webkit-transform 0.3s;\n display: block;\n height: 100%;\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 .discographyList__thumb {\n max-height: 200px;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__thumb {\n max-height: 120px;\n }\n}\n\n/* ----------------------------------------------------------------\n04. data\n----------------------------------------------------------------- */\n/**\n * wrap\n */\n.discographyList__data {\n width: calc(100% - 200px - 48px);\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__data {\n width: calc(100% - 120px - 16px);\n }\n}\n\n/**\n * title\n */\n.discographyList__title {\n font-size: 18px;\n font-weight: bold;\n line-height: 1.71;\n margin-bottom: 4px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__title {\n font-size: 14px;\n line-height: 1.5;\n }\n}\n\n/**\n * data\n */\n.discographyList__dataLists {\n font-size: 0;\n margin-bottom: 10px;\n}\n\n.discographyList__dataList {\n display: inline;\n font-size: 16px;\n line-height: 1.63;\n position: relative;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__dataList {\n font-size: 12px;\n line-height: 1.5;\n }\n}\n\n.discographyList__dataList:not(:first-of-type) {\n padding-left: 14px;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__dataList:not(:first-of-type) {\n padding-left: 10px;\n }\n}\n\n.discographyList__dataList:not(:first-of-type):before {\n content: '/';\n display: block;\n left: 5px;\n line-height: 1;\n position: absolute;\n top: 0;\n}\n\n@media screen and (max-width: 1023px) {\n .discographyList__dataList:not(:first-of-type):before {\n left: 4px;\n }\n}\n\n/**\n * info\n */\n.discographyList__tbl {\n border-top: 1px solid #cbcbcc;\n width: 100%;\n}\n\n.discographyList__tblTh,\n.discographyList__tblTd {\n border-bottom: 1px solid #cbcbcc;\n padding: 4px 0;\n}\n\n.discographyList__tblTh {\n font-size: 12px;\n font-weight: bold;\n text-align: left;\n width: 77px;\n}\n\n.discographyList__tblTd {\n font-size: 12px;\n line-height: 1.5;\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)(r.H,{pageInfo:d}),(0,e.jsx)("div",{className:"contents contents--page",children:(0,e.jsxs)("section",{className:"pageConts pageConts--contents",children:[(0,e.jsx)(s.Z,{title:t.artist_name,subTitle:"ã¢ã¼ãã£ã¹ãã»ä½å"}),(0,e.jsxs)("div",{className:"allContsTabAreaWrap",children:[(0,e.jsx)(C.Z,{pageType:"allcontents",artistCd:t.artist_cd,currentType:"discography"}),(0,e.jsxs)("div",{className:"allContsTabArea allContsTabArea--pcMax allContsTabArea--discographyDetail",children:[(0,e.jsx)(_,{data:a}),(0,e.jsxs)("div",{className:"postRelateArea postRelateArea--discographyDetail",children:[(0,e.jsx)(l.Z,{pageSubtitleText:"é¢é£åå",pageSubtitleTag:"h2"}),(0,e.jsx)(D.Z,{data:c}),(0,e.jsx)(o.Z,{href:{pathname:"/contents/[artist_cd]/discography",query:{artist_cd:t.artist_cd}},linkBtnText:"ä¸è¦§ã¸æ»ã"})]})]})]})]})})]})};function B(n,t){var a,e;return{title:t.title,fullTitle:"".concat(t.title," | ãã£ã¹ã³ã°ã©ãã£ã¼ | ").concat(n.artist_name," | ã¢ã¼ãã£ã¹ãã»ä½å | ã¨ã¤ããã¯ã¹ã»ãã¼ã¿ã«"),description:t.release_contents||"",image:(null===(e=t.products[0])||void 0===e?void 0:null===(a=e.image)||void 0===a?void 0:a.url)||"",canonical:"",href:{pathname:"
1contents/[artist_cd]/discography/[discography_id]",query:{artist_cd:n.artist_cd,discography_id:t.id}},artistCd:n.artist_cd}}}},function(n){n.O(0,[843,8751,4772,3506,2546,4937,8918,5863,7478,744,1189,2888,9774,179],function(){return n(n.s=5598)}),_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.