×

注意!页面内容来自https://avexnet.jp/contents/BMARS-XXXX-XXXX/profile,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

  Powered by Google 翻訳翻訳

<>@charset "UTF-8"; /** * modulesで使われる想定のcssはこちらに集約 */ /** * Colors */ /*----------------------------------------------------------------- * mixin …各セクションやページで共通しているscssをまとめた要素 * -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- * 01. breakpoint / liquid * 02. effect * 03. button ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 01. breakpoint / liquid ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 02. effect ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 03. button ----------------------------------------------------------------- */ /** * primaryBtn */ /** * secondaryBtn * $type:normal(アイコンなし),right(右矢印),left(左矢印) */ /*----------------------------------------------------------------- * atoms : New * -----------------------------------------------------------------*/ .new { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-image: linear-gradient(103deg#063e93 6%#ac77f0 96%); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: presicavsans-serif; justify-content: center; line-height: 1; } @media screen and (min-width: 1024px) { .new { font-size: 12px; height: 16px; width: 44px; } } @media screen and (max-width: 1023px) { .new { font-size: 10px; height: 12px; width: 36px; } } @media screen and (max-width: 1023px) { .new.new--l { font-size: 12px; height: 16px; width: 44px; } } /*----------------------------------------------------------------- * molecules : AllcontentsTitle * -----------------------------------------------------------------*/ .allContentsTitle { padding: 30px 0 22px; text-align: center; } @media screen and (max-width: 1023px) { .allContentsTitle { padding: 20px 0 12px; } } .allContentsTitle__ja { color: #707070; font-weight: normal; margin-bottom: 20px; } @media screen and (max-width: 1023px) { .allContentsTitle__ja { font-size: 12px; margin-bottom: 10px; } } .allContentsTitle__en { font-size: 34px; font-weight: bold; line-height: 1.5; overflow-wrap: break-word; padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1023px) { .allContentsTitle__en { font-size: 24px; line-height: 1.5; } } /*----------------------------------------------------------------- * molecules : PageSubTitle * -----------------------------------------------------------------*/ .pageSubTitle { font-size: 28px; font-weight: bold; line-height: 1.39; padding-left: 20px; position: relative; } @media screen and (max-width: 1023px) { .pageSubTitle { font-size: 22px; line-height: 1.77; padding-left: 16px; } } .pageSubTitle::before { -webkit-transform: translate(-50%-50%); background-color: #000; content: ''; height: 32px; left: 0; position: absolute; top: 50%; transform: translate(-50%-50%); width: 4px; } @media screen and (max-width: 1023px) { .pageSubTitle::before { height: 24px; } } /*----------------------------------------------------------------- * molecules : ProfileCassette * -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- * 00. wrap * 01. thumbnail * 02. text ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 00. wrap ----------------------------------------------------------------- */ .artistProfileCassette { margin-top: 36px; } @media screen and (max-width: 1023px) { .artistProfileCassette { margin-top: 16px; } } /* ---------------------------------------------------------------- 01. thumbnail ----------------------------------------------------------------- */ .profCst__thumbnailWrap { font-size: 0; margin: 0 auto; } @media screen and (min-width: 1024px) { .profCst__thumbnailWrap { max-width: 480px; } } @media screen and (max-width: 1023px) { .profCst__thumbnailWrap { max-width: calc(100vw - 76px); } } .profCst__thumbnail { -o-object-fit: contain; display: block; height: 100%; object-fit: contain; width: 100%; } @media screen and (min-width: 1024px) { .profCst__thumbnail { max-height: 480px; } } @media screen and (max-width: 1023px) { .profCst__thumbnail { max-height: calc(100vw - 76px); } } /* ---------------------------------------------------------------- 02. text ----------------------------------------------------------------- */ .profCst__text { font-size: 18px; line-height: 2; margin-bottom: 64px; margin-top: 28px; overflow-wrap: break-word; } @media screen and (max-width: 1023px) { .profCst__text { margin-bottom: 40px; margin-top: 20px; } } @media screen and (max-width: 1023px) { .profCst__text { font-size: 16px; } } .profCst__text svg.svgCms { fill: #000; height: 18px; vertical-align: text-bottom; } @media screen and (max-width: 1023px) { .profCst__text svg.svgCms { height: 16px; } } .profCst__text h2 { font-size: 28px; font-weight: bold; line-height: 1.39; margin: 52px 0 20px; padding-left: 19px; position: relative; } @media screen and (max-width: 1023px) { .profCst__text h2 { font-size: 22px; line-height: 1.5; margin-bottom: 12px; margin-top: 38px; padding-left: 15px; } } .profCst__text h2:before { background-color: #000; content: ''; display: block; height: calc(100% - 7px); left: 0; position: absolute; top: 3px; width: 4px; } @media screen and (max-width: 1023px) { .profCst__text h2:before { height: calc(100% - 9px); top: 4px; } } .profCst__text h3 { font-size: 22px; font-weight: bold; line-height: 1.5; margin: 22px 0 14px; } @media screen and (max-width: 1023px) { .profCst__text h3 { font-size: 18px; line-height: 1.56; margin: 16px 0 11px; } } .profCst__text h4 { background-color: #eaeaea; font-size: 18px; font-weight: bold; line-height: 1.33; margin: 26px 0 12px; padding: 4px 10px; width: 100%; } @media screen and (max-width: 1023px) { .profCst__text h4 { margin: 18px 0 16px; } } .profCst__text p { margin-bottom: 12px; margin-top: 16px; } @media screen and (max-width: 1023px) { .profCst__text p { margin-bottom: 6px; margin-top: 10px; } } .profCst__text div + div { margin-top: 8px; } .profCst__text a { -webkit-transition: color 0.3sfont-weight 0.3s; display: inline-block; position: relative; text-decoration: underline; transition: color 0.3sfont-weight 0.3s; } .profCst__text a:hover.profCst__text a:active { color: #3c51b2; font-weight: bold; } .profCst__text a[href^='http']:hover:after.profCst__text a[href^='http']:active:after { background-image: url(/assets/img/common/icon_blanklink-hover.svg); } .profCst__text a[href^='http']:after { -webkit-transition: background-image 0.3s; background: url(/assets/img/common/icon_blanklink-black.svg) 0 0 no-repeat; background-size: 100% 100%; content: ''; display: inline-block; height: 16px; margin-left: 8px; margin-right: 5px; text-decoration: none; transition: background-image 0.3s; width: 16px; } @media screen and (max-width: 1023px) { .profCst__text a[href^='http']:after { height: 14px; width: 14px; } } .profCst__text img { -webkit-transition: all 0.3s; display: block; height: auto !important; margin: 10px auto; max-width: 100%; transition: all 0.3s; width: auto; } @media screen and (max-width: 1023px) { .profCst__text img { max-width: 100%; } } .profCst__text strong { font-weight: bold; } .profCst__text sub, .profCst__text sup { display: inline-block; font-size: 10px; } .profCst__text sub { vertical-align: sub; } .profCst__text sup { vertical-align: super; } .profCst__text blockquote { background-color: rgba(0000.05); border: 1px solid rgba(0000.3); margin: 12px 0; padding: 24px; } @media screen and (max-width: 1023px) { .profCst__text blockquote { padding: 16px; } } .profCst__text ul, .profCst__text ol { margin: 10px 0; } .profCst__text ul li, .profCst__text ol li { position: relative; } .profCst__text ul li:not(:last-child), .profCst__text ol li:not(:last-child) { margin-bottom: 4px; } .profCst__text ul li { padding-left: 15px; } .profCst__text ul li:before { background-color: #000; border-radius: 50%; content: ''; display: block; height: 6px; left: 2px; position: absolute; top: 14px; width: 6px; } @media screen and (max-width: 1023px) { .profCst__text ul li:before { top: 13px; } } .profCst__text ol { counter-reset: numCount; } .profCst__text ol li { counter-increment: numCount; padding-left: 18px; } .profCst__text ol li:before { content: counter(numCount) "."; display: block; left: -9px; position: absolute; text-align: right; top: 0; width: 24px; } .profCst__text iframe { background-color: #fff; display: block; height: revert-layer; margin: 20px auto; max-width: 100%; } .profCst__text iframe.instagram-media { aspect-ratio: auto; margin-left: auto !important; margin-right: auto !important; } .profCst__text iframe.iframe-youtube-landscape { aspect-ratio: 16 / 9; height: 100%; } .profCst__text .twitter-tweet, .profCst__text .tiktok-embed { margin-left: auto; margin-right: auto; } .profCst__text iframe.iframe-youtube-vertical { aspect-ratio: 433 / 770; height: 100%; max-height: 100%; max-width: 70vw; } .profCst__text .tiktok-embed { background-color: transparent; border: none; padding: 0; } /*----------------------------------------------------------------- * molecules : BackLinkBtn * -----------------------------------------------------------------*/ /** * button */ .backLinkBtn { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } @media screen and (min-width: 1024px) { .backLinkBtn + .backLinkBtn { margin-top: 56px; } } @media screen and (max-width: 1023px) { .backLinkBtn + .backLinkBtn { margin-top: 40px; } } .backLinkBtn__btn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition: all 0.3s; align-items: center; border: solid 1px #000; border-radius: 22px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: bold; height: 44px; justify-content: center; padding-left: 52px; padding-right: 40px; position: relative; text-align: center; transition: all 0.3s; vertical-align: bottom; } @media screen and (min-width: 1024px) { .backLinkBtn__btn:hover { background-color: #000; color: #fff; cursor: pointer; } } @media screen and (max-width: 1023px) { .backLinkBtn__btn:active { background-color: #000; color: #fff; } } @media screen and (min-width: 1024px) { .backLinkBtn__btn:hover:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } @media screen and (max-width: 1023px) { .backLinkBtn__btn:active:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } .backLinkBtn__btn:before { -webkit-transform: translate(-50%-50%); background: url("/assets/img/common/icon_arrow.svg") no-repeat; background-size: contain; content: ''; display: block; height: 12px; left: 40px; position: absolute; top: 50%; transform: translate(-50%-50%); width: 8px; } .backLinkBtn--more .backLinkBtn__btn:before { display: none; } .backLinkBtn--right .backLinkBtn__btn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition: all 0.3s; align-items: center; border: solid 1px #000; border-radius: 22px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: bold; height: 44px; justify-content: center; padding-left: 40px; padding-right: 52px; position: relative; text-align: center; transition: all 0.3s; vertical-align: bottom; } @media screen and (min-width: 1024px) { .backLinkBtn--right .backLinkBtn__btn:hover { background-color: #000; color: #fff; cursor: pointer; } } @media screen and (max-width: 1023px) { .backLinkBtn--right .backLinkBtn__btn:active { background-color: #000; color: #fff; } } @media screen and (min-width: 1024px) { .backLinkBtn--right .backLinkBtn__btn:hover:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } @media screen and (max-width: 1023px) { .backLinkBtn--right .backLinkBtn__btn:active:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } .backLinkBtn--right .backLinkBtn__btn:before { -webkit-transform: translate(-50%-50%) rotate(180deg); background: url("/assets/img/common/icon_arrow.svg") no-repeat; background-size: contain; content: ''; display: block; height: 12px; left: auto; position: absolute; right: 32px; top: 50%; transform: translate(-50%-50%) rotate(180deg); width: 8px; } /*----------------------------------------------------------------- * organisms : TabArea * -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- * 01. common * 02. allConts * 03. pickup * 04. search * 04. home ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 01. common ----------------------------------------------------------------- */ .tabAreaWrap { padding-left: 48px; padding-right: 48px; position: relative; } @media screen and (max-width: 1023px) { .tabAreaWrap { -ms-overflow-: none; -webkit-overflow-scrolling: auto; overflow-x: scroll; overflow-y: hidden; padding-left: 16px; padding-right: 16px; } } .tabAreaWrap:before { background-color: #000; bottom: -1px; content: ''; height: 1px; left: 0; position: absolute; right: 0; } @media screen and (max-width: 1023px) { .tabAreaWrap:before { bottom: 7px; } } .tabAreaWrap::-webkit-scrollbar { -webkit-appearance: none; display: none; } .tabArea { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1024px) { .tabArea { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } } .tabArea__list { background-color: #eaeaea; } @media screen and (max-width: 1023px) { .tabArea__list { -ms-flex: 1 0 50px; -webkit-box-flex: 1; flex: 1 0 50px; margin-bottom: 8px; position: relative; } .tabArea__list:before { background-color: #000; bottom: -1px; content: ''; height: 1px; left: -1px; position: absolute; right: 0; } } .tabArea__list:first-child, .tabArea__list:first-child .tabArea__current { border-radius: 8px 0 0 0; } @media screen and (max-width: 1023px) { .tabArea__list:first-child, .tabArea__list:first-child .tabArea__current { border-radius: 4px 0 0 0; } } .tabArea__list:last-child, .tabArea__list:last-child .tabArea__current { border-radius: 0 8px 0 0; } @media screen and (max-width: 1023px) { .tabArea__list:last-child, .tabArea__list:last-child .tabArea__current { border-radius: 0 4px 0 0; } } .tabArea__list:not(:first-child) { border-left: 1px solid #cbcbcc; } .tabArea__current, .tabArea__link { display: block; font-weight: bold; text-align: center; } @media screen and (min-width: 1024px) { .tabArea__current, .tabArea__link { font-size: 16px; padding-bottom: 8px; padding-top: 11px; } } @media screen and (max-width: 1023px) { .tabArea__current, .tabArea__link { line-height: 1; padding-bottom: 9px; padding-top: 9px; white-space: nowrap; } } .tabArea__current { position: relative; } .tabArea__list .tabArea__current { background-color: #000; color: #fff; } .tabArea__current::before { -webkit-transform: translate(-50%-50%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #000; bottom: -16px; content: ''; left: 50%; position: absolute; right: 50%; transform: translate(-50%-50%); } @media screen and (max-width: 1023px) { .tabArea__current::before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #000; bottom: -13px; } } .tabArea__link { -webkit-transition: all 0.3s; color: #000; transition: all 0.3s; } .tabArea__link:hover { color: #3c51b2; font-weight: bold; } .tabArea__link:active { color: #3c51b2; font-weight: bold; } /* ---------------------------------------------------------------- 02. allConts ----------------------------------------------------------------- */ .allContsTabAreaWrap { position: relative; } .allContsTabAreaWrap .tabAreaWrap--arrowLeft::before, .allContsTabAreaWrap .tabAreaWrap--arrowRight::before { background-color: rgba(1121121120.7); content: ''; height: 32px; position: absolute; top: 0; width: 20px; z-index: 100; } .allContsTabAreaWrap .tabAreaWrap--arrowLeft::after, .allContsTabAreaWrap .tabAreaWrap--arrowRight::after { border-: solid; content: ''; height: 0; position: absolute; top: 10px; width: 0; z-index: 101; } .allContsTabAreaWrap .tabAreaWrap--arrowLeft::before { left: 0; } .allContsTabAreaWrap .tabAreaWrap--arrowLeft::after { border-color: transparent #fff transparent transparent; border-width: 5px 10px 5px 0; left: 3px; } .allContsTabAreaWrap .tabAreaWrap--arrowRight::before { right: 0; } .allContsTabAreaWrap .tabAreaWrap--arrowRight::after { border-color: transparent transparent transparent #fff; border-width: 5px 0 5px 10px; right: 3px; } @media screen and (min-width: 1024px) { .allContsTabAreaWrap .tabArea { margin: 0 auto; max-width: 1270px; width: calc(100vw - 96px); } } .allContsTabAreaWrap .tabArea__list { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; } @media screen and (min-width: 1024px) { .allContsTabAreaWrap .tabArea__link, .allContsTabAreaWrap .tabArea__current { padding-left: clamp(13px1.92vw32px); padding-right: clamp(13px1.92vw32px); } } @media screen and (min-width: 1024px) and (max-width: 1199px) { .allContsTabAreaWrap .tabArea__link, .allContsTabAreaWrap .tabArea__current { padding-left: clamp(13px1.29vw32px); padding-right: clamp(13px1.29vw32px); } } @media screen and (max-width: 1023px) { .allContsTabAreaWrap .tabArea__link, .allContsTabAreaWrap .tabArea__current { padding-left: 16px; padding-right: 16px; } } /* ---------------------------------------------------------------- 03. pickup ----------------------------------------------------------------- */ .pickupTabAreaWrap .tabArea__list { width: calc(100% / 4); } /* ---------------------------------------------------------------- 04. home ----------------------------------------------------------------- */ .topTabAreaWrap .tabArea__list { width: calc(100% / 4); } /* ---------------------------------------------------------------- 04. search ----------------------------------------------------------------- */ .searchTabAreaWrap { position: relative; } .searchTabAreaWrap .tabAreaWrap--arrowLeft::before, .searchTabAreaWrap .tabAreaWrap--arrowRight::before { background-color: rgba(1121121120.7); content: ''; height: 32px; position: absolute; top: 0; width: 20px; z-index: 100; } .searchTabAreaWrap .tabAreaWrap--arrowLeft::after, .searchTabAreaWrap .tabAreaWrap--arrowRight::after { border-: solid; content: ''; height: 0; position: absolute; top: 10px; width: 0; z-index: 101; } .searchTabAreaWrap .tabAreaWrap--arrowLeft::before { left: 0; } .searchTabAreaWrap .tabAreaWrap--arrowLeft::after { border-color: transparent #fff transparent transparent; border-width: 5px 10px 5px 0; left: 3px; } .searchTabAreaWrap .tabAreaWrap--arrowRight::before { right: 0; } .searchTabAreaWrap .tabAreaWrap--arrowRight::after { border-color: transparent transparent transparent #fff; border-width: 5px 0 5px 10px; right: 3px; } @media screen and (min-width: 1024px) { .searchTabAreaWrap .tabArea__list { width: calc(100% / 5); } } @media screen and (max-width: 1023px) { .searchTabAreaWrap .tabArea__link, .searchTabAreaWrap .tabArea__current { padding-left: 16px; padding-right: 16px; } } /*----------------------------------------------------------------- * pages : アーティスト/作品詳細のpage要素用css * -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- * 01. common wrap * 02. contents wrap * 03. parts ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 01. common wrap ----------------------------------------------------------------- */ /* ---------------------------------------------------------------- 02. contents wrap ----------------------------------------------------------------- */ /** * all contents wrap */ .allContsTabAreaWrap.allContsTabAreaWrap--allcontentsTop { margin-bottom: 120px; } @media screen and (max-width: 1023px) { .allContsTabAreaWrap.allContsTabAreaWrap--allcontentsTop { margin-bottom: 112px; } } /** * all contents */ .allContsTabArea { margin: 0 auto; padding-bottom: 120px; padding-top: 56px; } @media screen and (min-width: 1024px) { .allContsTabArea { max-width: 1270px; width: calc(100vw - 96px); } } @media screen and (max-width: 1023px) { .allContsTabArea { padding-bottom: 112px; padding-top: 24px; width: calc(100% - 32px); } } @media screen and (min-width: 1024px) { .allContsTabArea.allContsTabArea--discographyDetail { padding-top: 0; } } @media screen and (min-width: 1024px) { .allContsTabArea.allContsTabArea--pcMax { max-width: 100%; width: 100%; } } @media screen and (min-width: 1024px) { .allContsTabArea.allContsTabArea--pcMid { max-width: 1000px; } } @media screen and (min-width: 1024px) { .allContsTabArea.allContsTabArea--pcMin { max-width: 880px; width: calc(100vw - 96px); } } @media screen and (min-width: 1024px) { .allContsTabArea.allContsTabArea--pcProf { max-width: 720px; width: calc(100vw - 96px); } } .allContsTabArea.allContsTabArea--allcontentsTop { margin-bottom: 44px; padding-bottom: 0; position: relative; } @media screen and (max-width: 1023px) { .allContsTabArea.allContsTabArea--allcontentsTop { margin-bottom: 54px; } } .allContsTabArea.allContsTabArea--allcontentsTop:before { -webkit-transform: translateX(-50%); background-color: #000; bottom: 0; content: ''; display: block; height: 4px; left: 50%; position: absolute; transform: translateX(-50%); width: 100vw; } /** * all contents top section */ .allConts { margin: 0 auto; padding-bottom: 64px; position: relative; } @media screen and (min-width: 1024px) { .allConts:not(:last-of-type) { margin-bottom: 60px; } .allConts:not(:last-of-type):before { -webkit-transform: translateX(-50%); background-color: #000; bottom: 0; content: ''; display: block; height: 1px; left: 50%; max-width: 1270px; position: absolute; transform: translateX(-50%); width: calc(100vw - 96px); } } @media screen and (max-width: 1023px) { .allConts { padding-bottom: 48px; } } .allConts.allConts--pcMid { max-width: 1000px; } .allConts.allConts--pcMin { max-width: 880px; } /** * post relation area */ .postRelateArea { border-top: solid 1px #000; margin: 64px 51px 0 49px; padding-top: 65px; } @media screen and (max-width: 1023px) { .postRelateArea { margin: 48px 16px 0; padding-top: 32px; } } .postRelateArea.postRelateArea--discographyDetail { border-top: none; margin: 0 auto 66px; max-width: 880px; padding-top: 0; } @media screen and (max-width: 1023px) { .postRelateArea.postRelateArea--discographyDetail { margin-bottom: 48px; padding-top: 0; width: calc(100vw - 32px); } } /* ---------------------------------------------------------------- 03. parts ----------------------------------------------------------------- */ .allContsMoreBtnWrap, .allContsBtnWrap { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } .allContsMoreBtnWrap { margin: 0 auto; } @media screen and (min-width: 1024px) { .allContsBtnWrap { margin: 40px auto 48px; } } @media screen and (max-width: 1023px) { .allContsBtnWrap { margin: 24px auto 40px; } } .allContsBtn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition: all 0.3s; align-items: center; border: solid 1px #000; border-radius: 22px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: bold; height: 44px; justify-content: center; padding-left: 40px; padding-right: 40px; position: relative; text-align: center; transition: all 0.3s; vertical-align: bottom; } @media screen and (min-width: 1024px) { .allContsBtn:hover { background-color: #000; color: #fff; cursor: pointer; } } @media screen and (max-width: 1023px) { .allContsBtn:active { background-color: #000; color: #fff; } } .allContsMoreBtn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition: all 0.3s; align-items: center; border: solid 1px #000; border-radius: 22px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: bold; height: 44px; justify-content: center; padding-left: 40px; padding-right: 52px; position: relative; text-align: center; transition: all 0.3s; vertical-align: bottom; } @media screen and (min-width: 1024px) { .allContsMoreBtn:hover { background-color: #000; color: #fff; cursor: pointer; } } @media screen and (max-width: 1023px) { .allContsMoreBtn:active { background-color: #000; color: #fff; } } @media screen and (min-width: 1024px) { .allContsMoreBtn:hover:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } @media screen and (max-width: 1023px) { .allContsMoreBtn:active:before { background-image: url("/assets/img/common/icon_arrow-white.svg"); } } .allContsMoreBtn:before { -webkit-transform: translate(-50%-50%) rotate(180deg); background: url("/assets/img/common/icon_arrow.svg") no-repeat; background-size: contain; content: ''; display: block; height: 12px; left: auto; position: absolute; right: 32px; top: 50%; transform: translate(-50%-50%) rotate(180deg); width: 8px; }
アーティスト・作品

ブルーノ・マーズ

プロフィール

ブルーノ・マーズ
ブルーノ・マーズ
出身 :ハワイ州ホノルル(父:プエルトリコ系アメリカ人 母:フィリピン人) 
生年月日 :1985年10月8日

ブルーノ・マーズはグラミー賞で21部門にノミネート、そして4部門を受賞した輝かしい功績を持つ。シンガー、ソングライター、プロデューサーとして偉大な才能を発揮し、ブルーノ・マーズは世界中で1億7,000万枚のシングルセールスを達成し、名実ともにトップアーティストとしての立ち位置を確立。

最新アルバムの「24K Magic」はリリースして間もなく“プラチナ”アルバムセールスを達成。 トップデジタルアルバムと、R&B/HIP-HOPアルバムチャートで1位を獲得。「24K Magic」は、iTunes総合チャートとシングルチャート両方で初週同時1位を獲得。ビルボードHot100でも4位を獲得し、正式に“プラチナ”シングルとして認定された。

ブルーノの最新シングル「That's What Like?」はビルボードHot100で1位になり、14週連続トップ10にチャートイン、Hot R&B Songsチャートでも初週に1位を記録。ブルーノが「Nothin' On You」で自身初のビルボードHot100の1位を獲得して以来、7年ぶりの1位達成を成し遂げた。

ブルーノは、過去リリースした3枚のスタジオアルバムからシングルカットされた曲で全米1位を獲得しており、さらにその曲が自身によるプロデュース作品であることは非常に稀なことである。

ビルボード1位を7曲獲得した偉業は、エルビス・プレスリー、フィル・コリンズ、フランキー・ヴェリーと肩を並べる大記録となっている。 また、ここ10年でも男性ソロアーティストとしての1位獲得回数はジャスティン・ビーバー、ドレイク、エミネム、そしてウィークエンドなど錚々たるアーティストをしのいでの記録達成となっている。 ビルボードシングルチャートで1位を5回獲得した最年少記録はエルヴィス・プレスリー以来の歴史を塗り替える形となった。

現在、ブルーノは1日で100万枚以上のチケットセールスを記録した大規模な世界ツアー“24K Magic World Tour”を回っている。
また、2015年にはシングル「Uptown Funk」が世界中のチャートを席巻し、この大ヒットは、ビルボードHot100シングルで14週1位を達成。2010年代で最長のチャートイン記録となっており、さらに57年の歴史の中でも10番目に長くチャートインしたシングルとなった。

この「Uptown Funk」は、グラミー賞で“the coveted Record of the Year”の受賞を含む3冠を獲得した。

2016年2月には、第50回スーパーボウルのハーフタイムショーでビヨンセとコールドプレイと共演。これは2度目の出演で、 前回の2014年のパフォーマンスは最年少出場記録であり、さらに視聴者総数1億1,530万人というNFL歴史上最多の記録を樹立している。

歌手、ソングライター、プロデューサーとして、ブルーノ・マーズは全米総合チャートにすでに36曲ものヒット曲を送り込んでいる。まさに名実ともに世界をリードしているヒットメーカーである。

グラミー賞受賞暦
第53回 最優秀ポップ・男性ボーカル・パフォーマンス賞“Just the Way You Are” 
第56回 最優秀ポップ・ボーカル・アルバム賞“Unorthodox Jukebox” 
第58回 最優秀レコード賞“Uptown Funk/Mark Ronson ft. Bruno Mars” 最優秀ポップ・デュオ/グループ・パフォーマンス賞“Uptown Funk/Mark Ronson ft. Bruno Mars”
第60回 最優秀アルバム賞、最優秀レコード賞、最優秀R&Bアルバム賞"24K Magic"
最優秀楽曲賞、最優秀R&Bソング賞、最優秀R&Bパフォーマンス賞"That's What I Like"

問合せ窓口:
エイベックス株式会社
インターナショナル事業本部
[email protected]