@charset "utf-8";
/* CSS Document */

/*--- Normalize ---*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    min-width: inherit;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
* {zoom: 1;}
li {
    list-style:none;
}
ul,ol,li {
    zoom:normal;
}

/* [「display: inline-block;」の文字間を詰めて隙間を削除する */
ul {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul li {
    letter-spacing: normal; /* 文字間を通常に戻す */
}


/*--- main ---*/
html {
    font-family:sans-serif;
    font-size: 62.5%;
}
@font-face {
    font-family:Noto Sans Japanese Light;
    font-style:normal;
    font-weight:200;
    src:url(../font/NotoSansCJKjp-Light.woff) format("woff"), url(../font/NotoSansCJKjp-Light.ttf) format("truetype")
}
@font-face {
    font-family:Noto Sans Japanese Medium;
    font-style:normal;
    font-weight:500;
    src:url(../font/NotoSansCJKjp-Medium.woff) format("woff"), url(../font/NotoSansCJKjp-Medium.ttf) format("truetype")
}
@font-face {
	font-family:Noto Sans Japanese Bold;
	font-style:normal;
	font-weight:700;
	src:url(../font/NotoSansCJKjp-Bold.woff) format("woff"), url(../font/NotoSansCJKjp-Bold.ttf) format("truetype")
}
img {
    -ms-interpolation-mode:bicubic;
    height:auto;
}
body, html {
    width:auto;
    height:auto;
    font-weight:200;
    font-family:Noto Sans Japanese Light, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, Meiryo, メイリオ, sans-serif;
}
body {
    margin:0;
    padding:80px 0 0 0; /* メニュー固定用 */
    text-align:center;
    color:#000;
    font-style:normal;
    font-variant:normal;
    font-size:14px;
    font-size:1.4rem;
    line-height:160%;
    background-color:#fff;
    vertical-align:top;
    text-align:top;
}
* html body {
    overflow:hidden; /* メニュー固定用 */
}
p {
    text-align:left;
    letter-spacing:0;
}
.txt p {
    margin-bottom:1.5em;
}
h2 {
    margin:60px 0 60px -6px;
    padding:0;
    font-size:60px;
    font-size:6.0rem;
    color:#000;
    float:left;
}
#p-home h2,
#p-home-test h2 {
    width:100%;
    margin:0 0 60px 0;
    float:none;
    text-align:center;
    display:block;
    clear:both;
    line-height:120%;
}
h3 {
    margin:0 0 30px 0;
    padding:0;
    font-size:30px;
    font-size:3.0rem;
    color:#000;
    display:table;
    clear:both;
    line-height:110%;
}
b,
strong,
h3,
#newsDetail .title,
#profile .artistNameEn,
#profile-test .artistNameEn,
.release-info .artist,
.release-info .title,
.readMore a.button[class~=black],
.buylink a.button[class~=black],
.newslink a.button[class~=black],
#photoList .date,
#photoList .title,
#goodsList .title,
#goodsList .soldout,
.newsList .title .category,
#newsDetail .title .category,
#member .name,
#links dt,
#other-release dt,
#other-release .or-artist,
#other-release .or-title {
    font-weight:500;
    font-family:Noto Sans Japanese Medium, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, Meiryo, メイリオ, sans-serif;
}
.txt {
    word-wrap:break-word;
    text-align:left;
}
.red {
    color:#CC0000;
}
.nowrap {
    white-space:nowrap;
}
.category {
    line-height:110%;
}
.jp,
.en{
	width:100%;
}
.photoBy {
	width:100%;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	text-align:right;
}
hr {
    border:none;
    border-width:0;
    border-bottom:1px dotted #000;
    margin:2em 0;
    display:block;
    clear:both;
    height:1px;
}
select {
    color:#000;
    border:1px solid #FFF;
}
iframe {
    box-sizing: border-box;
}
.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    }
.movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#floatBlock {
    display:block;
    clear:both;
    line-height:1px;
    height:1px;
    width:100%;
}
/* テキスト非表示 */
#language a,
#toPageTop a,
.pagetop a,
.snsIcon a,
.dateSet .kara {
    white-space:nowrap;
    text-indent:100%;
    overflow:hidden;
    display:block;
}
a {
    color:#FFCC00;
    cursor:pointer;
}
a:link,
a:visited {
    text-decoration:none;
}
a:hover,
a:active {
    text-decoration:underline;
}
#footer a,
.newsList a,
h2 a {
    color:#000;
}
#footer a:link,
#footer a:visited,
.newsList a:link,
.newsList a:visited,
h2 a:link,
h2 a:visited {
    text-decoration:none;
    color:#000;
}
.newsList a:hover,
.newsList a:active,
h2 a:hover,
h2 a:active {
    text-decoration:none;
    color:#FFCC00;
}
.newsList a:hover .dateSet,
.newsList a:active .dateSet {
    border:2px solid #FFCC00;
}
.newsList a:hover .dateSet .kara,
.newsList a:active .dateSet .kara {
    background-color:#FFCC00;
}
#header a {
    color:#fff;
}
#header a:link,
#header a:visited {
    text-decoration:none;
    color:#fff;
}
#header a:hover,
#header a:active {
    text-decoration:none;
    color:#FFCC00;
}
.txt a {
    color:#cc9900;
}
.txt a:link,
.txt a:visited {
    text-decoration:underline;
    color:#cc9900;
}
.txt a:hover,
.txt a:active {
    text-decoration:none;
    color:#cc9900;
}
/*-- ロールオーバー透過 --*/
a:hover img {
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter:"alpha( opacity=50 )";
}
#header a img{
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"alpha( opacity=100 )";
}
#member a:hover .photo,
#member a:active .photo,
#links a:hover img,
#links a:active img,
#other-release a:hover img,
#other-release a:active img,
#photoList a:hover img,
#photoList a:active img,
#goodsList a:hover img,
#goodsList a:active img,
a:hover .yt,
a:active .yt {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"alpha( opacity=100 )";
    border:1px solid #FFCC00 !important;
}
.pagetop {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
}
.pagetop a {
    display:block;
    width:40px;
    height:40px;
    background-image:url(../img/gototop.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:40px 80px;
    line-height:40px;
}
.pagetop a:hover,
.pagetop a:active{
    background-position:0 -40px;
}
#link_to_top {
    margin-top:-80px; /* 固定ナビの高さ分のネガティブマージン */
    padding-top:80px; /* 打ち消し用のパディング */
}
#under_construction{
    margin:200px auto;
    text-align:center;
    font-size:30px;
    font-size:3.0rem
}
#live_under_construction{
    margin:100px auto;
    text-align:center;
}
#footer {
    width:100%;
    margin:0;
    padding:150px 0 40px 0;
    text-align:center;
    display:table;
    clear:both;
    color:#000;
}
#footer em {
    font-style:normal;
    margin-right:5px;
}
.float_clear {
    width:100%;
    display:block;
    clear:both;
    line-height:1px;
    height:1px;
}
#sb-site {
    margin:0;
    padding:80px 0 0 0 !important; /* メニュー固定用 */
    text-align:center;
    width:100%;
    display:table;
    clear:both;
    background-color:#fff;
}
#innerBox {
    width:880px;
    min-width:920px;
    display:block;
    margin:0 auto;
    padding:0 20px;
    text-align:left;
    box-sizing:border-box;
    overflow:hidden;
}
#header {
    margin:0;
    padding:0;
    width:100%;
    background-color:#000;
    text-align:center;
    height:80px; /* メニュー固定用 */
    position:fixed; /* メニュー固定用 */
    /* position:absolute; メニュー固定用 */
    top:0; /* メニュー固定用 */
    left:0; /* メニュー固定用 */
    z-index:100;
    border-bottom:1px solid #fff;
}
#header h1 {
    width:140px;
    height:140px;
    margin:10px 0 0 0;
    padding:0;
    display:block;
    float:left;
}
#header h1 img {
    width:150px;
}


/* =common関連
------------------------------------------------------------ */
#commonDetail .txt {
    margin:1em 0 0 0;
    padding:0;
    display:block;
    clear:both;
    width:100%;
}
.page404{
    width:100%;
    margin:0 auto;
    padding:20px 0;
    display:block;
    clear:both;
    text-align:center;
}
.page404 p{
    width:100%;
    font-size:15px;
    margin:2em 0;
    text-align:center;
    line-height:160%;
}
.page404 dl,
.page404 dt,
.page404 dd{
    margin:0 auto;
    padding:0;
    display:block;
    clear:both;
    text-align:center;
    line-height:130%;
}
.page404 dt{
    font-size:60px;
}
.page404 dd{
    font-size:30px;
    padding:0 0 1em 0 !important;
}
.page404 .btnBox{
    padding:1em 0 2em 0;
}

/* =PC向け非表示設定
------------------------------------------------------------ */
.for_mobile {
    display:none;
}

@media only screen and (max-width: 960px) {
    body {
    min-width:initial;
    }
    /* =HOME関連
    ------------------------------------------------------------ */
    #home-news,
    #home-live,
    #home-profile,
    #home-profile-test,
    #home-video,
    #home-link,
    #home-officialaccount {
    background-attachment:local;
    }
}

@media only screen and (max-width: 768px) {

/* =PC向け非表示設定
------------------------------------------------------------ */
    .for_pc{
    display:none;
    }
    .for_mobile {
    display:block;
    }
    body {
    font-size:14px;
    font-size:1.4rem;
    }
    h2 {
    width:50%;
    margin:0 0 0 -3px;
    padding:22px 0 0 0;
    font-size:40px;
    font-size:4.0rem;
    }
    h3 {
    margin:0 0 30px 0;
    padding:0;
    font-size:30px;
    font-size:3.0rem;
    color:#000;
    display:table;
    clear:both;
    }
    #other-release h3 {
    font-size:20px;
    font-size:2.0rem;
    }
    img.size-full,
    img.size-large,
    img.size-medium,
    img.size-thumbnail,
    #profile .artistPhoto img,
    #profile-test .artistPhoto img{
    width:100% !important;
    max-width:100% !important;
    height:auto;
    }
    img.alignnone,
    img.alignleft,
    img.alignright,
    img.aligncenter,
    #artistDetail img{
        display: block !important;
        clear: both !important;
        margin: 0 0 2em 0 !important;
    }
    img.img-border{
    border:1px solid #000;
    }
    img.img-border{
    border:1px solid #000;
    }
    #footer,
    #innerBox {
    width:100%;
    min-width:100%;
    }
    #footer {
    width:100%;
    min-width:100%;
    padding:100px 0 40px 0;
    }
    #header {
    background-color:#000;
    /* border-bottom:none; */
    height:50px; /* メニュー固定用 */
    }
    body {
    padding:60px 0 0 0; /* メニュー固定用 */
    }
    #link_to_top {
    margin-top:-60px; /* 固定ナビの高さ分のネガティブマージン */
    padding-top:60px; /* 打ち消し用のパディング */
    }
    #under_construction{
    margin:100px auto;
    text-align:center;
    font-size:24px;
    font-size:2.4rem
    }
    #sb-site {
    padding:70px 0 0 0 !important; /* メニュー固定用 */
    }
    /* #header h1 {
    width:100px;
    margin:10px auto 0 auto;
    padding:0;
    float:none;
    line-height:0;
    }
    #header h1 img {
    width:90px;
    margin:-30px 0 0 0;
    padding:0;
    } */
    #header h1 {
    width:110px;
    margin:3px auto 0 auto;
    padding:0;
    float:none;
    line-height:0;
    }
    #header h1 img {
    width:110px;
    margin:0;
    padding:0;
    }
    #language {
    position:absolute;
    top:0;
    right:20px;
    }
    #language li {
    margin:10px 0 0 5px;
    }
    #language a {
    width:40px;
    height:40px;
    line-height:40px;
    background-size:40px 40px;
    }
    .pagetop {
    bottom:20px;
    right:20px;
    }
    .pagetop a {
    width:40px;
    height:40px;
    background-size:40px 80px;
    line-height:40px;
    }
    .pagetop a:hover,
    .pagetop a:active{
    background-position:0 -40px;
    }
    .txt{
    word-break:break-all;
    }

    /* =common関連
    ------------------------------------------------------------ */
    .page404{
    padding:0;
    margin-top:-40px;
    }
    .page404 dd{
    padding:0 0 1em 0;
    }
    .page404 .btnBox{
    padding:0;
    }
}