@charset "UTF-8";
/* ---------------------------------------------
	default
--------------------------------------------- */
body, html {
  min-width: 1246px;
}

html {
  font-size: 75%;
  line-height: 1.4;
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
}
/*
* Noto Sans SC
 */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format("opentype");
}
/*
* Noto Sans TC
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype");
}
body,
input,
textarea {
  font-family: "Roboto", "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", sans-serif;
  color: #000;
}

html[lang="zh-cn"] body, input, textarea {
  font-family: "Roboto", "Noto Sans SC", "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", sans-serif;
}

html[lang="zh-tw"] body, input, textarea {
  font-family: "Roboto", "Noto Sans TC", "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", sans-serif;
}

html[lang="en"] body, input, textarea {
  font-family: "Roboto", "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", sans-serif;
}

#foot .global-menu a, #foot .cont-menu a, #foot .profile-menu em, #foot .cont-menu em, .headline h1, .more-link a span, .lower-cont .headline .nav-open-btn, .discography-area .lower-nav li a, #prof-index .lower-nav li a, .btn-back a span, #top-cont #today .world-watch, #top-cont #news .news-list .update, #top-cont #news .notice h2, #other section h1, #sns-account .ttl em, #prof-index h2, #prof-detail h2, #prof-detail .prof-main h1 .en, #prof-detail .prof-main dl dt, #prof-detail .discography-area h3, #prof-detail .discography-area .buy li, #key-visual .title, .prof-link li a, #news-cont .headline .lower-nav li a, #news-cont .archive .news-bloc .date, #news-cont .archive-nav a span, #news-detail .title .date {
  font-family: "Roboto Condensed", sans-serif;
}

a {
  text-decoration: none;
  color: #000;
  -moz-transition: ease-in-out 0.1s;
  -o-transition: ease-in-out 0.1s;
  -webkit-transition: ease-in-out 0.1s;
  transition: ease-in-out 0.1s;
}

::selection {
  background: rgba(200, 200, 200, 0.4);
}

::-moz-selection {
  background: rgba(200, 200, 200, 0.4);
}

.inner {
  width: 1080px;
  margin: 0 auto;
}

.bg-black, .music-video {
  background: #000;
  color: #FFF;
}
.bg-black a, .music-video a {
  color: #FFF;
}

.dN {
    display: none;
}


/*-----------------------------------------------
 pc / mobile
-----------------------------------------------*/
@media screen and (max-width: 767px) {
  .pc, .slide-area .slide-controller, #today-slide .slide-nav, #prof-detail .disc-nav {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .smp, #menu-open, #sp-head-nav, #sp-foot-nav, .lower-cont .headline .nav-open-btn {
    display: none !important;
  }
}


/*-----------------------------------------------
 icon font
-----------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url('../image/fonts/icomoon.eot?q0orv6&1494943798');
  src: url('../image/fonts/icomoon.eot?q0orv6&1494943798#iefix') format("embedded-opentype"), url('../image/fonts/icomoon.ttf?q0orv6&1494943798') format("truetype"), url('../image/fonts/icomoon.woff?q0orv6&1494943798') format("woff"), url('../image/fonts/icomoon.svg?q0orv6&1494943798#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
}
.slide-area .slide-controller a, #today-slide .slide-nav a, [class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-businessman:before {
  content: "\e900";
}

.icon-mail:before {
  content: "\e901";
}

.icon-arw_down:before {
  content: "\e902";
}

.icon-arw_next:before, #today-slide .slide-nav a.next:before {
  content: "\e903";
}

.icon-arw_prev:before, #today-slide .slide-nav a.prev:before {
  content: "\e904";
}

.icon-arw_up:before {
  content: "\e905";
}

.icon-blank:before {
  content: "\e906";
}

.icon-internet:before {
  content: "\e907";
}

.icon-link:before {
  content: "\e908";
}

.icon-phone:before {
  content: "\e909";
}

.icon-u-turn:before {
  content: "\e90a";
}

.icon-w_next:before, .slide-area .slide-controller a.next:before {
  content: "\e90b";
}

.icon-w_prev:before, .slide-area .slide-controller a.prev:before {
  content: "\e90c";
}

.icon-archive:before {
  content: "\e90e";
}

.icon-blog:before {
  content: "\e90d";
}

.icon-blg:before {
  content: "\e90f";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-tumblr:before {
  content: "\eab9";
}

.icon-weibo:before {
  content: "\e910";
}

.icon-line:before {
  content: "\e911";
}

.icon-tiktok:before {
  content: "\eaba";
}

.icon-cl:before {
  content: url(../image/management/icon/cl.png);
}

.icon-twitch:before {
  content: url(../image/management/icon/twitch.png);
}

.icon-openrec:before {
  content: url(../image/management/icon/openrec.png);
}

.icon-weverse:before {
  content: url(../image/management/icon/weverse.png);
}