@charset "UTF-8";
.pc { display: none; }

.sp { display: block; }

body { overflow-y: scroll !important; }

#spnavi { display: block; position: absolute; top: 0; width: 100%; }

.contents .logo { display: none; }

/******* 背景画像 *******/
.bg_top { background-image: none; }

.bg_top::before, .bg_top.bg_mypage::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/top_bg_sp_170913.png"); background-position: center; background-size: cover; }

.bg_news::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/news_bg_sp_170913.png"); background-position: center; background-size: cover; }

.bg_profile::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url("/img/profile_bg_sp_170913.png") no-repeat; background-position: center; background-size: cover; }

.bg_discography::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/discography_bg_sp_170913.png"); background-position: center; background-size: cover; }

.bg_live::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/live_bg_sp_170913.png"); background-position: center; background-size: cover; }

.bg_fanclub::before, .bg_regist::before, .bg_login::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/fanclub_bg_sp_170913.png"); background-position: center; background-size: cover; }

.bg_mypage::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/img/fanclub_bg_sp_170913.png"); background-position: center; background-size: cover; }

/******* グローバルナビ *******/
#header { z-index: 1; }

.bg_news #header, .bg_profile #header, .bg_discography #header, .bg_live #header, .bg_fanclub #header, .bg_mypage #header, .bg_regist #header, .bg_login #header { background: none; }

.bg_news { background-color: #000; }

.bg_profile { background-color: #003e3e; }

.bg_discography { background-color: #c2c4c6; }

.bg_live { background-color: #b5d6e6; }

.bg_fanclub { background-color: #a2b0c0; }

.bg_top #global_navigation { display: block !important; }

.bg_top .memberNav { display: none; }

.bg_top #spnavi .memberNav { display: block; }

#global_navigation { display: none; }

#header { height: 0; }

.bg_top #header { width: 100%; background: none !important; }

.bg_top #global_navigation { height: 100%; position: relative; }

.bg_top #global_navigation ul { width: 60%; margin: 150px 0; position: absolute; top: 50%; left: 20px; padding: 0 !important; }

#global_navigation ul li { display: block !important; float: none; width: 60%; margin-bottom: 3em; padding: 0; }

#global_navigation ul li:last-child { margin-bottom: 0; }

#global_navigation ul li a { background-size: contain; text-indent: 0; padding: 2px; width: 60%; }

#global_navigation li .top { display: none; }

#global_navigation ul li em { display: none; }

#global_navigation ul li span { text-align: left; visibility: hidden; }

#spnavi { display: block !important; }

#spnavi .icon_wrapper { position: absolute; right: 0; }

#spnavi .menu_icon { display: block; padding: 1.2em 1.2em 2em 2em; }

#spnavi .menu_icon span { padding: 1.2em; display: block; background: url("/img/menu_icon_170913.png") no-repeat; background-size: contain; }

#spnavi .sp_menu ul { margin-top: 46px; }

#spnavi .sp_menu li { padding: 0 1em 0; line-height: 3em; }

#spnavi .sp_menu li a { color: #fff; font-size: 20px; }

/* 会員用Navi Side */
#spnavi .sns ul { margin: 0; }
#spnavi .sns .instagram img { height: 24px; width: auto; }
#spnavi .chlink ul { margin-top: 5px; }
#spnavi .chlink .youtube img { height: 24px; width: auto; }
#spnavi .twlink ul { margin-top: 5px; }
#spnavi .twlink .twitter img { height: 24px; width: auto; }
#spnavi .mNlinks ul { margin-top: 5px; }
#spnavi .mNlinks .immortal img { height: 24px; width: auto; }
#spnavi .memberNav ul { margin: 1.5em 0 0; }
#spnavi .memberNav ul li { line-height: 3em; }
#spnavi .memberNav ul.loginCase { display: flex; flex-direction: column-reverse; }
#spnavi .memberNav ul.loginCase li { line-height: 2.5em; font-size: 20px; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn { margin: 0.5em 0 0; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn em { padding: 0 0 0 15px; line-height: 1.5; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn em span { display: inline-block; padding: 0 0 0 0.5em; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn .memberInfo ul { margin: 0; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn .memberInfo ul li { line-height: 2.5em; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn .memberInfo ul li.memberNum { display: none; }
#spnavi .memberNav ul.loginCase li.memberInfoBtn .memberInfo ul li a { padding: 0; }

/* 会員用Navi Top */
#global_navigation { /*
.memberNav{ position: fixed; top: 0; width: 100%; //background: rgba(255, 255, 255, 0.8); text-align: right; ul{ margin: 0.5em; li{ background: rgba(255, 255, 255, 0.8); .memberInfo{ background: none; ul{ top: 0; left: 0; width: 100%; margin: 0; background: rgba(255, 255, 255, 0.8); li{ display: block; position: static; margin: 0; padding: 0; width: 100%; background: none; &.memberNum{ padding: 1em 0; } a{ width: auto; height: auto; max-height: none; } } } } } &.loginCase{ position: static; width: auto; padding: 0; li{ &:hover{ .memberInfo{ display: block; } } } .memberInfoBtn{ display: inline-block !important; width: auto; height: auto; max-height: none; margin: 0; em{ border: none; } span{ height: auto; max-height: none; padding: 0; visibility: visible; } } } } .loginCase > li{ display: inline-block !important; width: auto; }
}
*/ }
#global_navigation .memberNav { position: fixed; top: 0; width: 100%; }
#global_navigation .memberNav ul { position: static; width: auto; margin: 0; padding: 0; }
#global_navigation .memberNav ul li { float: left; width: auto; margin: 0; }
#global_navigation .memberNav ul li a { display: inline-block; width: auto; padding: 1em; background: rgba(240, 240, 240, 0.8); }
#global_navigation .memberNav ul li.joinBtn:hover { background: #eee; }
#global_navigation .memberNav ul li.joinBtn a { background: rgba(240, 240, 240, 0.8); }
#global_navigation .memberNav ul li.joinBtn a:hover { text-decoration: none; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn { float: right; margin: 0 0 0 0.5em; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn em { padding: 1em; background: rgba(240, 240, 240, 0.8); border: none; }
#global_navigation .memberNav ul.loginCase li.memberInfoBtn em span { visibility: visible; }
#global_navigation .memberNav ul.loginCase li .memberInfo { border-top: 1px solid #999; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li { width: 100%; padding: 0; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li a { display: block; padding: 1em 0.5em; background: none; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li a:hover { text-decoration: none; }
#global_navigation .memberNav ul.loginCase li .memberInfo ul li.memberNum { display: none !important; }

/******* h1タイトル *******/
.bg_news h1 em { background-image: url("/img/news_button_w_170913.png"); }

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

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

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

.bg_regist h1 em, .bg_login h1 em, .bg_fanclub h1 em { background-image: url("/img/fanclub_button_w_170913.png"); }

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

/******* コンテンツ部分 *******/
.content { width: 100%; min-width: 100%; padding: 12em 0 0 0; }

.content .items { padding: 0.8em; height: 100%; margin: 0 1.5em; }

/******* top *******/
.enter .pc { display: none; }

.enter .sp { display: block; }

#global_navigation li .news { background: url("/img/news_button_d_170913.png") no-repeat; background-size: contain; }

#global_navigation li .profile { background: url("/img/profile_button_d_170913.png") no-repeat; background-size: contain; }

#global_navigation li .discography { background: url("/img/discography_button_d_170913.png") no-repeat; background-size: contain; }

#global_navigation li .live { background: url("/img/live_button_d_170913.png") no-repeat; background-size: contain; }

#global_navigation li .fanclub { background: url("/img/fanclub_button_d_170913.png") no-repeat; background-size: contain; }

/******* news *******/
.news_list { height: auto; }

.news_list .icon_more { display: none; }

.news_list .date { width: 100%; }

.news_list .title { width: 100%; }

.max_image, .maxheight_image, .goods_image { height: auto; width: 100%; }
.max_image img, .maxheight_image img, .goods_image img { height: auto; width: 100%; }
.max_image .album_title, .maxheight_image .album_title, .goods_image .album_title { display: block; width: 100%; height: 3em; padding-top: 1em; }

.max_imageFC { margin-bottom: 3em; height: auto; width: 100%; }
.max_imageFC img { height: auto; width: 100%; }
.max_imageFC .album_title { padding-top: 1em; }

/******* profile *******/
.profile_photo li:first-child { display: none; }

.profile_photo li:last-child { display: block !important; }

.profile_photo img { width: 100%; }

.profile_info { margin-top: 2em; }

/******* discography *******/
.disc_img { position: relative; }

.album_type, .album_content { width: 100%; margin-top: 1em; }

.album_content dl { margin: 0; }

.album_information, .album_number, .album_name, .release_date, .album_type, .album_content { margin: 0; }

.album_content { padding: 1em 0 0 0; }

.discography .item { border-bottom: 1px dotted #444; height: auto; margin-bottom: 1em; padding-bottom: 1em; }

.jacketphoto_double .disc_img { margin: 0; float: none; height: auto; }
.jacketphoto_double .disc_img img { width: auto; height: 200px; }

.DLlink { margin: 60px 0 0 0; }

/******* fanclub *******/
.fanclub_menu { top: 14em; width: 83%; }

.fanclub_info .tablist li { padding: 0.5em 1em; }

.fanclub_contents { margin-top: 120px;}

.bg_fanclub #spnavi .menu_icon span { background: rgba(0, 0, 0, 0) url("/img/menu_icon_b_170913.png") no-repeat scroll 0 0 / contain }

/******* mypage *******/
.bg_mypage .mypage.top ul li { padding: 0.5em 0; }

.mypage_contents { z-index: 9999999; }