@charset "UTF-8";
/*----------------------------------------
	clearfix
----------------------------------------*/
.c, .fl, .fr, #global_navigation ul, .memberInfoTable, .image, .image ul { zoom: 1; }
.c:before, .fl:before, .fr:before, #global_navigation ul:before, .memberInfoTable:before, .image:before, .image ul:before, .c:after, .fl:after, .fr:after, #global_navigation ul:after, .memberInfoTable:after, .image:after, .image ul:after { content: ""; display: table; }
.c:after, .fl:after, .fr:after, #global_navigation ul:after, .memberInfoTable:after, .image:after, .image ul:after { clear: both; }

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

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace,monospace; _font-family: 'courier new',monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

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

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

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

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

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

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

input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: .5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
sup, sub { height: 0; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: 1px; }

sub { top: 1px; font-size: .6em; }

em { font-weight: bold; font-style: normal; }

strong { font-weight: bold; }

small { font-size: 85%; }

pre { width: 90%; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }

/* 会員情報変更 */
.editMemberInfo { text-align: center; }
.editMemberInfo h2, .editMemberInfo h3, .editMemberInfo h4, .editMemberInfo h5, .editMemberInfo p, .editMemberInfo li { text-align: left; }
.editMemberInfo table { width: 100%; margin: 1em 0; text-align: left; }
.editMemberInfo table tr { width: 100%; }
.editMemberInfo table tr th { width: 20%; padding: 1em 0.5em; vertical-align: middle; background: none; text-align: left; color: #000; }
.editMemberInfo table tr td { padding: 1em; vertical-align: middle; }
.editMemberInfo .btn { display: inline-block; margin: 0 auto; }

#global_navigation .memberNav ul li { text-align: left; }

#global_navigation .memberNav ul.loginCase li .memberInfo ul li:nth-of-type(3), #global_navigation .memberNav ul.loginCase li .memberInfo ul li:nth-of-type(4), #global_navigation .memberNav ul.loginCase li .memberInfo ul li:nth-of-type(5) { padding: .25em 0 0 .75em; }

.c, .fl, .fr, #global_navigation ul, .memberInfoTable, .image, .image ul { zoom: 1; }
.c:before, .fl:before, .fr:before, #global_navigation ul:before, .memberInfoTable:before, .image:before, .image ul:before, .c:after, .fl:after, .fr:after, #global_navigation ul:after, .memberInfoTable:after, .image:after, .image ul:after { content: ""; display: table; }
.c:after, .fl:after, .fr:after, #global_navigation ul:after, .memberInfoTable:after, .image:after, .image ul:after { clear: both; }

/* タグ
-------------------------------------------------*/
html, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; cursor: default; }

select, option { white-space: nowrap; }

html { overflow-y: scroll; overflow-x: auto; }

body { margin: 0; padding: 0; color: #000; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.45; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

::selection, ::-moz-selection { background: #e574d9; }

/* Tag format -------------------------*/
ul, ol { margin: 0; padding: 0; list-style: none; }

dl dt { font-weight: normal; }
dl dd { margin: 0; }

strong { font-weight: normal; }

a { color: #000; color: #000; outline: 0; }

a:link { color: #000; text-decoration: none; outline: 0; }

a:visited { color: #000; text-decoration: none; }

a:active { color: #0f529a; text-decoration: none; }

a:hover { color: #333; text-decoration: underline; }

a:focus { -moz-outline-style: none; }

em { font-weight: normal; font-style: normal; }

img { border: 0; -ms-interpolation-mode: bicubic; }

label { padding: 0 2em 0 .5em; }

ul li a { display: block; }

a, button, a:hover, button:hover { transition: color .35s ease-in-out; transition: background-color .35s ease-in-out; }

button, input { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Utility
---------------------------------------------------*/
.clear { clear: both; }

.fl { float: left !important; }

.fr { float: right !important; }

.full { clear: both; width: 100%; }

.ac { text-align: center !important; }
.ac .icon { display: inline-block; }

.al { text-align: left; }

.ar { text-align: right; }

.mt05 { margin: 5px 0 0 0 !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.position_second { position: absolute; z-index: 0; }

.w20, .w30, .w40, .w50, .w60, .w70, .w80, .w90 { box-sizing: border-box; }

.w20 { width: 20%; }

.w30 { width: 30%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w100 { width: 100%; }

.w05em { width: 5em !important; }

.w06em { width: 6em !important; }

.w07em { width: 7em !important; }

.w08em { width: 8em !important; }

.w09em { width: 9em !important; }

.w10em { width: 10em !important; }

.w11em { width: 11em !important; }

.w12em { width: 12em !important; }

.w13em { width: 13em !important; }

.w14em { width: 14em !important; }

.w15em { width: 15em !important; }

.break-word { display: inline-block; max-width: 15em; word-wrap: break-word; }

.max_image { width: 100%; height: auto; text-align: center; }

/* Common
---------------------------------------------------*/
html, body { width: 100%; font-size: 14px; }

.wrapper { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; }

/* header */
/* ------------------------------------------------------- */
#header { width: 100%; padding: 10px 0 3px; position: fixed; background-color: #fff; z-index: 5000000; }

#global_navigation { max-width: 1110px; width: 85%; min-width: 1110px; margin: 0 auto; position: relative; font-size: 10px; line-height: 1; /* 会員ナビ */ }
#global_navigation ul { text-align: center; margin: 0 auto; padding: 0.5em 0 0.25em; }
#global_navigation ul li { display: inline-block; width: auto; height: 21px; max-height: 21px; text-align: center; padding: 0 32px; }
#global_navigation ul li em { display: inline-block; height: 18px; max-height: 18px; padding: 0 8px; }
#global_navigation ul li span { display: inline-block; height: 18px; max-height: 18px; }
#global_navigation ul li.current em { border-bottom: solid 2px #000; }
#global_navigation a { height: 21px; max-height: 21px; width: auto; }
#global_navigation a img { height: 13px; }
#global_navigation a:hover { text-decoration: none; }
#global_navigation a:hover em { border-bottom: solid 2px #000; }
#global_navigation a.top span { width: 33px; }
#global_navigation a.news span { width: 48px; }
#global_navigation a.profile span { width: 66px; }
#global_navigation a.discography span { width: 121px; }
#global_navigation a.live span { width: 35px; }
#global_navigation a.fanclub span { width: 80px; }
#global_navigation .memberNav { float: left; width: calc( 100% - 230px );margin-bottom: 10px;}
#global_navigation .memberNav ul { padding: 0; text-align: right; }
#global_navigation .memberNav ul li { height: auto; max-height: none; padding: 0; }
#global_navigation .memberNav ul li a { height: auto; max-height: none; padding: 0.5em 1em; letter-spacing: 0.25em; }
#global_navigation .memberNav ul li a:hover { text-decoration: underline; }
#global_navigation .memberNav ul li.joinBtn { display: inline-block; height: auto; max-height: none; background: #fff; border: 1px solid #999; }
#global_navigation .memberNav ul li.joinBtn:hover { background: #eee; }
#global_navigation .memberNav ul li.joinBtn a { display: block; padding: 0.5em 1em; }
#global_navigation .memberNav ul li.joinBtn a:hover { text-decoration: none; }
#global_navigation .memberNav ul.loginCase li { display: inline-block; position: relative; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn em { display: inline-block; height: auto; max-height: none; padding: 0.5em 1em; border: 1px solid #999; letter-spacing: 0.05em; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn em span { height: auto; padding: 0 0 0 0.5em; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn em:hover { text-decoration: none; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn:hover .memberInfo { display: block; }
#global_navigation .memberNav ul.loginCase li .memberInfo { display: none; position: absolute; width: 100%; background: rgba(240, 240, 240, 0.8); }
#global_navigation .memberNav ul.loginCase li .memberInfo ul { padding: 0.5em; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li { padding: 0.5em 0; display: block; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li span { height: auto; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li a { padding: 0.5em 0; letter-spacing: 0.05em; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li.memberNum { margin: 0 0 0.25em; padding: 0.5em 0 1em; border-bottom: 1px solid #000; letter-spacing: 0.05em; }

#global_navigation .sns { float: right; width: 22px;margin-bottom: 10px;}
#global_navigation .sns ul { padding: 0 0 0 .25em; }
#global_navigation .sns ul li { height: 22px; padding: 0; width: 22px; }
#global_navigation .sns ul li img { height: 24px; width: auto; margin-top: -3px; }

#global_navigation .chlink { float: right; width: auto;height: 22px;margin-bottom: 10px;}
#global_navigation .chlink ul { padding: 0 0 0 1.75em; }
#global_navigation .chlink ul li { height: 22px; padding: 0; width: auto; }
#global_navigation .chlink ul li img { height: 24px; width: auto; margin-top: -3px;}

#global_navigation .twlink { float: right; width: auto;height: 22px;margin-bottom: 10px;}
#global_navigation .twlink ul { padding: 0 0 0 1.75em; }
#global_navigation .twlink ul li { height: 22px; padding: 0; width: auto; }
#global_navigation .twlink ul li img { height: 24px; width: auto; margin-top: -3px;}

#global_navigation .mNlinks { float: right; width: auto;height: 22px;margin-bottom: 10px;}
#global_navigation .mNlinks ul { padding: 0 0 0 1.75em; }
#global_navigation .mNlinks ul li { height: 22px; padding: 0; width: auto; }
#global_navigation .mNlinks ul li img { height: 20px; width: auto; }

#spnavi { display: none; }

/* contents */
/* ------------------------------------------------------- */
.contents { height: 100%; width: 100%; }

.enter { background: url("/img/slide01_170913.jpg") 50% 50% no-repeat; background: url("/img/slide02_170913.jpg") 50% 50% no-repeat; /*background:image-url("/css/slide03.jpg") 50% 50% no-repeat;*/ background: url("/img/logo_170913.png") 50% 50% no-repeat; margin: auto; height: 100%; width: 100%; position: relative; }
.enter h1 { display: block; width: 100%; height: 100%; }
.enter a, .enter a:visited { display: block; width: 100%; height: 100%; position: relative; text-indent: -999px; }
.enter a:hover { background: url("/img/enter_170913.png") 50% 50% no-repeat; }

.bg_top, .bg_news, .bg_profile, .bg_discography, .bg_live, .bg_fanclub, .bg_mypage, .bg_mypage.bg_top, .bg_login { background-attachment: fixed; background-color: #fff; background-size: cover; background-position: 0 55px; background-repeat: no-repeat; }

.bg_top { background-image: url("/img/top_bg_170913.png"); }

.bg_news { background-image: url("/img/news_bg2_170913.png"); }

.bg_profile { background-image: url("/img/profile_bg2_170913.png"); }

.bg_discography { background-image: url("/img/discography_bg2_170913.png"); }

.bg_live { background-image: url("/img/live_bg2_170913.png"); }

.bg_fanclub { background-image: url("/img/fanclub_bg2_170913.png"); }

.bg_mypage { background-image: url("/img/fanclub_bg2_170913.png"); }

.bg_mypage.bg_top { background-image: url("/img/top_bg_170913.png"); }

.bg_login { background-image: none; }
.bg_login .copyright:before, .bg_login .copyright span:before { content: none; }

.content { width: 49%; height: 350px; max-width: 1100px; min-width: 450px; position: relative; margin: 0 auto 6em auto; padding: 100px 0 0 0; }
.content .logo { position: absolute; top: 231px; bottom: 0; right: -305px; }
.content .logo img { width: auto; height: 180px; }

.content_title h1 { height: 17px; padding: 0 20px; }
.content_title h1 em { background-position: 0; background-repeat: no-repeat; background-size: contain; font-size: 18px; display: block; height: 18px; text-indent: -999em; padding: 0 20px; }

.items { background: rgba(255, 255, 255, 0.8); padding: 20px; z-index: 100; height: 450px; }
.items table th, .items table td { text-align: left; }
.items table th { white-space: nowrap; }

#footer { color: rgba(255, 255, 255, 0.85); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8), 0 -1px 1px rgba(0, 0, 0, 0.8); width: 100%; height: auto; position: fixed; bottom: .5em; }

.copyright { width: 100%; height: 100%; font-size: 75%; text-align: center; text-transform: uppercase; }
.copyright:before,.bg_top.bg_mypage .copyright:before { content: ""; float: right; padding: 0 1em 0 0; text-transform: none; }

.bg_top .copyright:before,.bg_news .copyright:before, .bg_profile .copyright:before, .bg_discography .copyright:before, .bg_fanclub .copyright:before { content: "Photo by KUROFIN"; }

@media screen and (max-width: 639px) { .copyright:before { float: none; display: block; padding: 0 0 .25em 0; }
  .bg_fanclub .copyright span:before { display: block; float: none; padding: 0 0 .5em 0; } }
/*.top .copyright,
.fanclub .copyright,
.news .copyright { color: #fff;
}*/
.bg_profile .content_title h1 em { background-image: url("/img/profile_button_w_170913.png"); }

.bg_news .content_title h1 em { background-image: url("/img/news_button_w_170913.png"); }

.bg_discography .content_title h1 em { background-image: url("/img/discography_button_w_170913.png"); }

.bg_live .content_title h1 em { background-image: url("/img/live_button_w_170913.png"); }

.bg_fanclub .content_title h1 em { background-image: url("/img/fanclub_h1_b_170913.png"); }

.bg_mypage .content_title h1 em { background-image: url("/img/mypage_button_w_170913.png"); }

.blog .content_title h1 em { background-image: url("/img/blog_button_w_170913.png"); }

/*  NEWS
-------------------------*/
.bg_news .content_title h1 em { background-image: url("/img/news_button_w_170913.png"); }

.news_list { height: 45em; }
.news_list li { padding: 10px 0; }
.news_list a { line-height: 1.4; text-decoration: none; }
.news_list .date, .news_list .title, .news_list .icon_more { display: inline-block; font-style: normal; font-weight: normal; vertical-align: top; }
.news_list .date { width: 13%;min-width: 87px;white-space: nowrap; }
.news_list .title { width: 68%; }
.news_list .title:hover { text-decoration: underline; }
.news_list .icon_more { background: #fff; float: right; font-size: 10px; padding: 3px 5px; text-align: center; vertical-align: middle; width: 7%; white-space: nowrap; }
.news_list .icon_more:hover { background: #333; color: #fff; }

.bg_news p { margin: 0; padding: 0.5em 0; }

.max_image { display: inline-block; height: auto; width: 19%; }
.max_image img { height: 100px; width: auto; }
.max_image .album_title { display: block; width: 100%; height: 3em; padding-top: 0.5em; }

.goods_image { display: inline-block; height: 50%; margin-bottom: 2em; width: auto; text-align: center; }
.goods_image img { height: 300px; width: auto; }
.goods_image .album_title { display: block; width: 100%; height: 3em; padding-top: 0.5em; }

.max_imageFC { display: inline-block; height: auto; margin-bottom: 2em; width: 48%; text-align: center; }
.max_imageFC img { height: 120px; width: auto; }
.max_imageFC .album_title { display: block; width: 100%; height: 3em; padding-top: 0.5em; }

.maxheight_image { display: inline-block; height: 15%; margin-bottom: 2em; width: auto; text-align: center; }
.maxheight_image img { height: 120px; width: auto; }
.maxheight_image .album_title { display: block; width: 100%; height: 3em; padding-top: 0.5em; }

strong { font-size: 14px; padding: 0 3px; color: #2e7cfe; }

/*  PROFILE
-------------------------*/
.profile_photo { width: 100%; margin-bottom: 20px; }
.profile_photo img { max-width: 100%; }

.profile_photo li:first-child { display: block; }

.profile_photo li:last-child { display: none; }

.profile_info { width: 100%; max-width: 841px; margin-bottom: 20px; }
.profile_info li { padding-bottom: 30px; }

.box { height: 35em; }

.movie { padding-top: 56.25%; position: relative; width: 100%; }
.movie iframe { height: 100% !important; position: absolute; top: 0; right: 0; width: 100% !important; }

.items h2 em, .items p em, .content_title em, .title em { color: #2e7cfe; }

/*  BLOG
-------------------------*/
.contents .items.blog { background: none; margin: 0 1em; padding: 0; }
.contents .items.blog .post { margin: 1em 0 2em; padding: 2em; background: rgba(255, 255, 255, 0.8); }
.contents .items.blog .post:first-child { margin-top: 0; }
.contents .items.blog .post .author h2 { margin: 0; }
.contents .items.blog .post .text { margin: 1em 0; }
.contents .items.blog .post .text .imgBox { /* 画像位置 */ text-align: center; }
.contents .items.blog .post .text .imgBox.left { text-align: left; }
.contents .items.blog .post .text .imgBox.center { text-align: center; }
.contents .items.blog .post .text .imgBox.right { text-align: right; }
.contents .items.blog .post .text .imgBox .imgInner { display: inline-block; max-width: 90%; height: 245px; /* 画像サイズ
&.small{ width: 25%; }
&.medium{ width: 50%; }
&.large{ width: 100%; }
*/ }
.contents .items.blog .post .text .imgBox .imgInner img { height: 100%; }
.contents .items.blog .post .dateTime ul { text-align: right; }
.contents .items.blog .post .dateTime ul li { display: inline-block; }
.contents .items.blog .post .dateTime ul li.year:after, .contents .items.blog .post .dateTime ul li.month:after { content: "/"; padding: 0 0 0 0.5em; }
.contents .items.blog .post .dateTime ul li.week span { padding: 0 0.25em; }

em.red { color: red; }

.error { background-position: 0; }
.error .content { padding-top: 24em; }
.error .content .items { height: auto; text-align: center; margin: 0 auto; width: 420px; }
.error .content_title h1 { height: auto; text-align: center; }
.error .content_title h1 em { color: #fff; font-weight: bold; height: auto; text-indent: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5); padding: 0; }
.error ul li { text-align: center; }

.text p strong { color: #F15be2; font-size: 10px; padding: 0; }
.text p .forte { color: #2e7cfe; }
.text p em { color: #000; font-weight: bold; }
.text p .piano { color: #ccc; }
.text p strong em, .text p em strong { font-weight: bold; }

.image .small { width: 25%; }
.image .medium { width: 50%; }
.image .large { width: 100%; }
.image ul { clear: both; padding: 0 0 1em 0; }
.image ul li { box-sizing: border-box; float: left; padding: 0 .25em .75em; }
.image ul li span, .image ul li em { display: block; text-align: center; }
.image ul li em { padding: .25em 0 0 0; }
.image ul li span img { width: auto; max-width: 100%; height: auto; max-height: 270px; }
.image ul li em { font-size: 10px; font-style: normal; font-weight: normal; word-break: break-all; }
.image ul .full img { width: 100%; height: auto; max-height: inherit; }