/* Table of Content
====================================================================================================
#Grid Styles
#Site Styles
#Page Styles
#Media Queries 801px-1184px
#800px- Tablet(Portrait) & Mobile (Landscape) & Mobile (Portrait)
==================================================================================================== */
/* #Grid Styles
==================================================================================================== */
.disp{
	/* width:100vw; */
	/* background-image: url(../img/bg.jpg); */
	background: rgb(55,54,51);
	background: -webkit-linear-gradient(bottom left, rgba(55,54,51,1) 0%, rgba(15,12,23,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, from(rgba(55,54,51,1)), to(rgba(15,12,23,1)));
	background: linear-gradient(to top right, rgba(55,54,51,1) 0%, rgba(15,12,23,1) 100%);
	display: -ms-grid;
	display: grid;
	 -ms-grid-columns:50px 1fr 50px;
	grid-template-columns:50px 1fr 50px;
	 -ms-grid-rows: 45px 1fr 90px;
	grid-template-rows: 45px 1fr 90px;
	line-height:0;
}
.main{
	 -ms-grid-column: 2;
	grid-column: 2;
	 -ms-grid-row: 2;
	grid-row: 2;
	color:#fff;
	height:calc(100vh - 137px);
	height:calc(var(--vh, 1vh) * 100 - 137px);
	border-width: 10px;
	border-style: solid;
	border-color: #72716a;
	background: #2b2b2b;
	overflow-y: auto;
	z-index: 10;
	line-height: 1.6;
}

.foot_logo{
	 -ms-grid-column: 2;
	grid-column: 2;
	 -ms-grid-row: 3;
	grid-row: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color:#fff;
}
.foot_logo .foot_menu{
	-ms-flex-preferred-size: 30%;
	    flex-basis: 30%;
	z-index: 2;
}
.foot_logo .foot_logos{
	-ms-flex-preferred-size: 40%;
	    flex-basis: 40%;
	text-align: center;
}
.foot_logo .foot_logos p{
	width: 100%;
}
.foot_logo .foot_link{
	-ms-flex-preferred-size: 30%;
	    flex-basis: 30%;
}
.spl{
	 -ms-grid-column: 1;
	 -ms-grid-column-span: 2;
	grid-column: 1;
	 -ms-grid-row: 2;
	 -ms-grid-row-span: 4;
	grid-row: 2 / 4;
}
.spl_img{
	position: absolute;
	left: 5px;
	bottom: 5px;
}
.spr{
	 -ms-grid-column: 3;
	 -ms-grid-column-span: 4;
	grid-column: 3 / 4;
	 -ms-grid-row: 3;
	 -ms-grid-row-span: 5;
	grid-row: 2 / 4;
	position: relative;
	z-index: 1;
}
.spr_img{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.cont {
	min-height: calc(100vh - 45px - 90px - 22px);
	position: relative;
}
/* #Site Styles
==================================================================================================== */
body                 {
	font-size: 16px;/*全体のフォントサイズ*/
	line-height: 1.6;
	background: rgba(29,29,29,1);
	color: #ffffff;
	position: relative;
	word-break: break-all;
}
a                    { color: #d6d6d6; text-decoration: underline; -webkit-transition: all 0.5s; transition: all 0.5s; }
a:hover              { color: #ffffff; text-decoration: none; }
header,footer        { color:rgb(255,255,255);}
.jihen_common        { display: none; }
.pc_view             { display: inline-block;}
.sp_view             { display: none;}
h1                   { width: 100%; margin: 25px auto 0 auto; }
.overflowy_hidden    { overflow-y:hidden; }
.txt_right           { text-align: right;}
.copyright           { font-size: 60%; padding: 23px 5px 5px 10px; position: absolute; bottom: 0; right: 0; color: #72716a;}
/* svg -----------------------------------------------*/
svg.logo            { height: 30px; width: 182px; fill: #595757; -webkit-transition: all 0.5s; transition: all 0.5s; }
h1 a:hover svg.logo { fill: #ffffff; -webkit-transition: all 0.5s; transition: all 0.5s;}
svg.menu_num        { width: 10.4px; height: 13px; fill: rgba(51,51,51,1); }
svg.menu_vtxt       { width: 103.2px;height: 12px; fill: rgba(51,51,51,1); }
svg.menu_ltxt       { width: 103.2px;height: 12px; fill: rgba(51,51,51,1); }
svg.ttl_logo        { width: 47px; height: 36px; margin-right: 20px; fill: rgba(255,255,255,1); }
svg.ttl_txt         { width: 244px; height: 26px; fill: rgba(255,255,255,1); margin-bottom: 3px; }
svg.ttl_sub         { height: 14px; fill: rgba(255,255,255,1); }
svg.sub_new         { width: 104.46px; }
svg.sub_single      { width: 51.69px; }
svg.sub_album       { width: 53.31px; }
svg.sub_dvd         { width: 98.54px; }
svg.sub_other       { width: 50.08px; }
svg.link_logo       { width: 40px; height: 30px; fill: rgba(255,255,255,1);}
svg.link_logo2       { width: 116px; height: 30px; fill: rgba(255,255,255,1);}
svg.link_logo3       { width: 116px; height: 30px; fill: rgba(255,255,255,1);}
/* svg -----------------------------------------------*/
.youtube { width: 80%;}
/* 左メニューリスト ---------------------------------------------------*/
.menu               { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0 0 40px; }
.menu ul            { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style: none; }
.menu ul li         { line-height: 1; display: inline-block; width: 25px; height: 25px; margin: 0 2px; padding: 5px 0px 2px;
											text-align: center; border-radius: 4px; background: #65635c;
											-webkit-transition: all 0.5s; transition: all 0.5s;}
.menu ul li.current { background: #c6000b;}
.menu ul li:hover   { background: #c6000b;}
.menu ul li a       { font-weight: bold; display: block; width: 100%; height: 100%; color: #333333; }
.menu ul li a:hover { text-decoration: none; }
.menu a img         { width: 10.4px; height: 13px;}
.menu_text          { font-weight: bold; line-height: 1; width: 144px/*9em*/; height: 25px; margin-left: 8px; padding: 3px 2px 0px 2px;
											text-align: center; color: #333333; border: 3px solid #72716a; background: #a6b9b8; }
/* コントローラーメニュー -----------------------------------------------*/
nav         { position: fixed; z-index: 12;top: 0; left: 0; width: 100%; height: 100%; padding: 5px;
							-webkit-transform: translate(-100%); transform: translate(-100%);background-color: rgba(0,0,0,0);
							-webkit-transition: all 0.5s; transition: all 0.5s; }
nav.open    { -webkit-transform: translate(0); transform: translate(0);
							-webkit-transition: all 0.5s; transition: all 0.5s;}
nav.active  { -webkit-transform: translate(-100%); transform: translate(-100%); }
.menu_switch                                     { padding: 30px 40px 0 0; text-align: right; }
.menu_switch button                              { width: 22px; height: 22px; border: none; border-radius: 4px; background: #e40012;
																									-webkit-animation: item_fadein 3s infinite; animation: item_fadein 3s infinite; margin-top: 2px;}
.menu_switch .remotecontrol                      {line-height: 1; width: 100%;height: 100%; padding: 20px; text-align: center; }
.menu_switch .remotecontrol .contmenu            { max-width: 200px; padding: 20px; border: 10px solid #c8c9ca; border-radius: 20px;
																									background: #888888; }
.menu_switch .remotecontrol .contmenu img        { max-width: 120px; }
.menu_switch .remotecontrol .contmenu ul         { margin: 10px 0 0 0; }
.menu_switch .remotecontrol .contmenu li         { margin: 0 0 15px 0; padding: 4px 0 2px 0; list-style: none; text-align: center;
																									border-radius: 4px; background: #c8c9ca; }
.menu_switch .remotecontrol .contmenu li.current { background: #e40012; }
.menu_switch .remotecontrol .contmenu li a       { display: block; width: 100%;  color: rgba(51,51,51,1); }
.menu_switch .remotecontrol .contmenu li a:hover { text-decoration: none; }
ul.sns_menu      { display: inline-block; margin: 0 0 0 0; list-style: none; }
ul.sns_menu li   { float: left; padding: 0 5px 0 5px; color: #595757; -webkit-transition: all 0.5s; transition: all 0.5s; width: 33px;}
ul.sns_menu li a { color: #595757; }
ul.sns_menu li:hover a { color: #ffffff;}
.fa-1x {font-size: 27px;}
.news_cont,.bio_cont,.live_cont,.disco_cont,.stream_cont,.link_cont { max-width: 1200px; margin: 0 auto; }
h2            { margin: 0; padding: 30px 10px 20px 10px; }
.bio_cont h2,
.live_cont h2 { border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.disco_cont h2 { border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.link_cont h2 { border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.stream_cont h2 { border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.bt_post_close i,
.bt_disco_close i {
	line-height: 0;
	position: fixed;
	top: 67px;
	right: 85px;
	display: block;
	width: 29px;
	height: 29px;
	padding: 14px 0 3px 0;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	background: #c6000b;
	-webkit-animation: item_fadein 3s infinite;
	        animation: item_fadein 3s infinite;
}
@-webkit-keyframes item_fadein {
	50%  { background: #e9b1b5; }
	0%,
	100% { background: #c6000b; }
}
@keyframes item_fadein {
	50%  { background: #e9b1b5; }
	0%,
	100% { background: #c6000b; }
}
/* #Page Styles
==================================================================================================== */
/* TOP images -----------------------------------------------------*/
.main_contents.top {
	height: 100%;
}
.main_contents .top_image {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 50px - 73px - 30px);
	margin: 0;
}
.main_contents .top_image img {
	/* IE対策 */
	font-family: 'object-fit: cover; object-position: 50% center;';
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.main_contents .top_image img.fiximg {
	/* IE対策 */
	font-family: 'object-fit: cover; object-position: 50% center;';
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.top_txtblk {
	position: absolute;
	display: block;
	padding: 20px 30px 20px 20px;
	max-width: 50%;
}
.main_contents .top_image .top_txtblk img {
	width: 100%;
	height: auto;
}
.top_txtblk.topl {
	top:0;
	left: 0;
}
.top_txtblk.topr {
	top:0;
	right: 0;
	text-align: right;
}
.top_txtblk.btoml {
	bottom: 0;
	left: 0;
}
.top_txtblk.btomr {
	bottom: 0;
	right: 0;
	text-align: right;
}
.top_txtblk.cmblk {
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
}
/* scroll -----------------*/
.scroll          { position: absolute; right: 15px; bottom: -40px; width: 19px; height: 260px;
									-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);
									-webkit-transform-origin: center center; transform-origin: center center;
									-ms-writing-mode: tb-rl; -ms-writing-mode: tb-rl; opacity: 1;
									-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; filter: alpha(opacity=0); }
.scroll-text     { font-size: 12px; line-height: 19px; position: relative; width: 100%; height: 100%;
									-webkit-transform: translateY(-10px); transform: translateY(-10px);
									-webkit-animation: scroll-text 3s cubic-bezier(0.56,0.07,0.44,0.91) infinite;
									animation: scroll-text 3s cubic-bezier(0.56,0.07,0.44,0.91) infinite;
									letter-spacing: 4px; color: #ffffff;
									-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); }
.clip::after     { position: absolute; right: 9px; bottom: 124px; display: inline-block; width: 0; height: 0; content: '';
									border-width: 0px 0 12px 8px; border-style: solid; border-color: transparent transparent transparent #ffffff;
									-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); }
.scroll-bar-clip { position: absolute; top: -10px; right: 1em; overflow: hidden; width: 1px; height: 140px; background-color: #ffffff;
									-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); }
.scroll-bar      { position: absolute; top: -255px; right: 0; width: 1px; height: 255px;
									-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
									-webkit-animation: scroll-bar 3s cubic-bezier(0.400,0.03,0.500,0.900) infinite;
									animation: scroll-bar 3s cubic-bezier(0.400,0.03,0.500,0.900) infinite; background-color: #1e1d23; }
@-webkit-keyframes scroll-text {
	0%      {-webkit-transform:translateY(0);transform:translateY(0)}
	40%,50% {-webkit-transform:translateY(8px);transform:translateY(8px)}
	100%    {-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scroll-text {
	0%      {-webkit-transform:translateY(0);transform:translateY(0)}
	40%,50% {-webkit-transform:translateY(8px);transform:translateY(8px)}
	100%    {-webkit-transform:translateY(0);transform:translateY(0)}
}@-webkit-keyframes scroll-bar{
	0%,5%   {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%    {-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}
}@keyframes scroll-bar{
	0%,5%   {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%    {-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0)}
}
/* /TOP images -----------------------------------------------------*/
/* TOP_news -----------------------------------------------------*/
.post {
	border-width: 0px 0px 1px 0;
	border-style: solid;
	border-color: #72716a;
	background: rgba(44, 44, 44, 0.7);
	/* -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1);
	        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1); */
}
.post:first-of-type {
	border-width: 1px 0px 1px 0;
}
.last {
	display: none;
	border-width: 0px 0px 1px 0px;
	/* -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 1);
	        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 1); */
}
.post h3 {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.6;
	position: relative;
	margin: 0;
	padding: 30px 60px 30px 60px;
	cursor: pointer;
	background: #363636;
	-webkit-transition: background 0.5s; transition: background 0.5s;
}
.post h3:hover { background: #3e3e3e;}
.post h3::before {
	position: absolute;
	top: 25px;
	left: 23px;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	border-radius: 50%;
	background: #ffffff;
}
.post h3::after {
	font-family: 'FontAwesome';
	position: absolute;
	top: 27px;
	left: 36px;
	content: '\f0da';
	text-align: center;
	color: rgba(29,29,29,1);
}
.post .post_cont .post_dtl {
	display: none;
}
/* post_openの時 */
.post .post_cont.post_open {
	position: fixed;
	z-index: 2;
	top: 55px;
	right: 59px;
	bottom: 100px;
	left: 60px;
	overflow: auto;
	padding: 20px;
	background: rgba(43, 43, 43, 1);
}
.post .post_cont.post_open img { max-width: 80%; height: auto; }
.post .post_cont.post_open .post_dtl {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
}
.post .post_cont.post_open h3 {
	font-size: 120%;
	font-weight: bold;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 60px 30px 0px;
	background: transparent;
	-webkit-transition: background 0s; transition: background 0s;
}
.post .post_cont.post_open h3::before {
	display: none;
}
.post .post_cont.post_open h3::after {
	display: none;
}

.post .buybt {
	padding: 10px; 
	margin: 10px 0 30px; 
	background-color: #C50D10; 
	color: #FFFFFF; 
	font-weight: bold;
	width: 325px;
text-align: center;
}

.post_dtl table {
	width: auto;
}
/* もっと見る */
.morebtn { text-align: center; padding: 20px 0 40px 0;}
.morebtn button { line-height: 0; padding: 16px 10px; background: #3e3e3e;
									border-radius: 4px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #72716a;
								-webkit-transition: all 0.5s; transition: all 0.5s;}
.morebtn button::before { content: '\f0d7'; font-family: 'FontAwesome'; padding-right: 5px; }
.morebtn button:hover { background: #72716a;}
/* もっと見る（次のページへ） */

.last .nextpage_btn {
	margin: 20px auto 30px auto;
}
.last .nextpage_btn a { width: 13em; text-decoration: none;
												text-align: center; margin: 0 auto; padding: 20px 0 40px 0; display: block;
												line-height: 0; padding: 16px 10px; background: #3e3e3e;
												border-radius: 4px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #72716a;
												-webkit-transition: all 0.5s; transition: all 0.5s;}
.last .nextpage_btn a::before { content: '\f0da'; font-family: 'FontAwesome'; padding-right: 5px; }
.last .nextpage_btn a:hover { background: #72716a;}

/* TOP_news -----------------------------------------------------*/
/* biography ----------------------------------------------------*/
.biography {
	padding: 0px 20px 40px 20px;
}
.bio_cont p.bio_txt {
	padding-bottom: 40px;
	border-width: 0 0px 1px 0;
	border-style: solid;
	border-color: #72716a;
}
.bio_cont h3 {
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
	padding: 0px 0px 20px 0px;
}
.bio_cont h3 span {
	font-size: 70%;
}
.bio_cont h3 span:first-child {
	font-size: 60%;
	display: block;
}
.menber_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2em 0 0 0;
	border-width: 0 0px 1px 0;
	border-style: solid;
	border-color: #72716a;
}
.menber_img {
	width: 200px;
}
.menber_img img {
	width: 100%;
	min-width: 200px;
	height: auto;
}
.menber_txt {
	margin: 0 0 40px 0;
	padding: 0 1em;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.menber_txt p {
	margin-top: 0;
	margin-bottom: 1em;
}
/* biography ----------------------------------------------------*/
/* live ---------------------------------------------------------*/
.live {
	padding: 0 0 40px 0;
}
.live_dtl {
	padding: 0px 20px 40px 20px;
}
.live_post_cont {
	border-width: 1px 0px 0px 0;
	border-style: solid;
	border-color: #72716a;
	padding-top: 1em;
	background: #3e3e3e;
}
.live h3 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.6;
	position: relative;
	margin: 0;
	padding: 30px 30px 30px 30px;
}
.live_post {
	border-width: 0 0px 1px 0;
	border-style: solid;
	border-color: #72716a;
	background: rgba(44, 44, 44, 0.7);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1);
	        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1);
}
.past_live {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.6;
	padding: 30px 30px 30px 10px;
	margin: 0;
	background: #2b2b2b;
	border-width: 0px 0px 1px 0;
	border-style: solid;
	border-color: #72716a;
}
.past_live p {
	margin: 0;
}
.live_post h3 {
	cursor: pointer;
	-webkit-transition: all 0.5s; transition: all 0.5s;
	background: #363636;
}
.live_post h3:hover {
	background: #3e3e3e;
}
.live_post h3::after {
	font-family: 'FontAwesome';
	position: absolute;
	top: 26px;
	right: 25px;
	content: '\f0d7';
	text-align: center;
	color: rgba(0, 0, 0, 1);
	background: rgba(255,255,255,1);
	border-radius: 50%;
	padding: 1px 8px 0 8px;
}
.live_post h3.open::after {
	font-family: 'FontAwesome';
	position: absolute;
	top: 26px;
	right: 25px;
	content: '\f0d8';
	text-align: center;
	color: rgba(0, 0, 0, 1);
	background: rgba(255,255,255,1);
	border-radius: 50%;
	padding: 0px 8px 0 8px;
}
.live_dtl tr,.live_dtl th,.live_dtl td {
	border-style: solid;
	border-color: #72716a;
}
.live_dtl tr {
	border-width: 1px 0px 1px 1px;
}
.live_dtl th {
	width: 20%;
	border-width: 0px 1px 0px 0px;
}
.live_dtl td {
	border-width: 0px 1px 0px 0px;
}
/* live ---------------------------------------------------------*/
/* discography --------------------------------------------------*/
.discography { padding: 0px 20px 0px 20px; }
/* disco_submenu */
.disco_menu             { padding: 0 5px 15px 5px; border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.disco_menu ul          { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.disco_menu ul li       { line-height: 0; width: calc(20% - 20px); margin: 15px 10px 0px 10px; text-align: center;
													border-width: 1px 1px 1px 1px; border-style: solid; border-color: #72716a; border-radius: 4px;
													background: #3e3e3e; -webkit-transition: all 0.5s; transition: all 0.5s;}
.disco_menu ul li a     { display: block; width: 100%; padding: 8px 8px 6px 8px; }
.disco_menu ul li:hover { background: #72716a; }
/* /disco_submenu */
.discography.newrelease { display: block; }
.discography.listview   { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;padding-top: 20px;}
.disco_track td a       { color:#ffffff;}
.disco_track td a:hover { color:#d6d6d6;}

/* newreleaseでの表示 */
.newrelease .disco_post      { padding: 20px 20px 40px 20px; border-width: 0 0px 1px 0; border-style: solid; border-color: #72716a; }
.newrelease .disco_dtl       { display: -webkit-box; display: -ms-flexbox; display: flex;  margin-bottom: 30px;}
.newrelease .disco_dtl_other { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-bottom: 30px;}
.newrelease .disco_img       { padding: 0px 10px 0px 10px;}
.newrelease .disco_img img   { width: 300px; height: auto;}
.newrelease .disco_txt       { padding: 0px 10px 0px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.newrelease .disco_txt h3    { margin: 0 0 1em 0; font-size: 130%; }
.newrelease .disco_txt ul    { list-style: none; }
.newrelease .disco_track h4  { font-size: 110%; background: #72716a; padding: 8px 5px 5px 15px; line-height: 1;margin: 0;}
.newrelease .disco_track tr  { background: #2d2d2d; border-width: 0 0 1px 1px; border-style: solid; border-color: #72716a; }
.newrelease .disco_track tr:first-child     { border-width: 1px 0 1px 1px; }
.newrelease .disco_track tr:nth-child(even) { background: #333333;}
.newrelease .disco_track td  { padding: 5px; border-width: 0 1px 0px 0; border-style: solid; border-color: #72716a; }
.newrelease .disco_track td:first-child { width: 10%; white-space: nowrap; }
.newrelease .disco_track td:last-child { width: 10%; }
.newrelease .disco_track .TNo { text-align: center; }
/* listviewでの表示 */
.listview .disco_post         { -ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px; text-align: center; width: 20%; cursor: pointer; -webkit-transition: background 0.5s; transition: background 0.5s;}
.listview .disco_post:hover   { background: #363636;}
.listview .disco_txt .txt_dtl { display: none;}
.listview .disco_dtl_other    { display: none;}
.listview .disco_track        { display: none;}
.listview .disco_dtl h3       { text-align: center; font-size: 100%;}
.listview .disco_img          { max-width: 170px; max-height: 170px; margin: 0 auto; }
.listview .disco_img img      { width: auto; max-height: 170px;}

.listview .disco_open { width: calc(100% - 60px - 60px); text-align: left; }
	.listview .disco_open .disco_txt .txt_dtl { display: block;}
	.listview .disco_open .disco_dtl          {  }
	.listview .disco_open .disco_dtl_other    { display: block; }
	.listview .disco_open .disco_track        { display: block; max-width: 1200px; margin: 0 auto 30px auto; }
	.listview .disco_open .disco_dtl h3       { text-align: left; font-size: 130%;}
.disco_post.disco_open        { position: fixed; z-index: 2; top: 55px; right: 59px; bottom: 100px; left: 60px;
																overflow: auto; padding: 20px; background: rgba(43, 43, 43, 1); cursor: default;}
/* listviewでdisco_openの表示 */
.listview .disco_open .disco_dtl_on,
.listview .disco_open .disco_dtl       { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1200px; margin: 0 auto 30px auto;}
.listview .disco_open .disco_dtl_other { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
																					max-width: 1200px; margin: 0 auto 30px auto; }
.listview .disco_open .disco_img       { padding: 0px 10px 0px 10px; max-width: none; max-height:none; margin: 0;}
.listview .disco_open .disco_img img   { width: 300px; height: auto; max-height:none; }
.listview .disco_open .disco_txt       { padding: 0px 10px 0px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.listview .disco_open .disco_txt h3    { margin: 0 0 1em 0; font-size: 130%; }
.listview .disco_open .disco_txt ul    { list-style: none; }
.listview .disco_open .disco_track     { max-width: 1200px; margin: 0 auto 30px auto; }
.listview .disco_open .disco_track h4  { font-size: 110%; background: #72716a; padding: 8px 5px 5px 15px; line-height: 1;margin: 0;}
.listview .disco_open .disco_track tr  { background: #2d2d2d; border-width: 0 0 1px 1px; border-style: solid; border-color: #72716a; }
.listview .disco_open .disco_track tr:first-child     { border-width: 1px 0 1px 1px; }
.listview .disco_open .disco_track tr:nth-child(even) { background: #333333;}
.listview .disco_open .disco_track td  { padding: 5px; border-width: 0 1px 0px 0; border-style: solid; border-color: #72716a; }
.listview .disco_open .disco_track td:first-child { width: 10%; white-space: nowrap; }
.listview .disco_open .disco_track td:last-child { width: 10%; }
.listview .disco_open .disco_track .TNo { text-align: center; }

/* ライナーノーツ */
.Specialblock { padding: 20px 0px 40px 0px; border-width: 0 0 1px 0; border-style: solid; border-color: #72716a;}
.Specialblock h3 { margin: 0 0 1em 0; font-size: 130%;}
.Specialblock h4 { margin: 1em 0 1em 0; font-size: 120%;}
.Specialblock p { margin-top: 0;}
.Specialblock dl { margin-bottom: 2em;}
.Specialblock dl dt {
	margin: 0 0 0 0px;
	padding: 0.1em 0.1em 0.1em 0.5em;
	line-height: 1.6em;
}
.Specialblock dl dd {
	margin: -1.9em 0 0 3em;
	padding: 0.2em 0.2em 1.2em 1em;
	line-height: 1.6;
	border-left: 1px dotted #72716a;
}
.back_btn { text-align: center; margin: 40px 0;}
.back_btn button { padding: 5px 25px; border-radius: 4px;  border-color: #72716a;}
.back_btn button:hover { background: #72716a;}
.buy_btn                            { padding-top: 10px; padding-bottom: 10px;}
.buy_btn a                          { padding: 10px 10px 9px 36px; border-color: transparent; background: #65635c; color: #ffffff;
																					font-size: 90%; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s;
																				border-radius: 4px;text-decoration: none;line-height: 1; margin-right: 10px;}
 /* ie */
_:-ms-fullscreen, :root .buy_btn a { padding: 10px 10px 7px 36px; }
/* Edge */
@supports (-ms-ime-align:auto) { .buy_btn a { padding: 10px 10px 7px 36px; } }
.buy_btn a::after                  { font-family: 'FontAwesome'; margin-right: 5px; color: #65635c; position: absolute;left: 10px; top: 12px;}
.buy_btn a.buy_btn::after    { content: '\f07a';}
.buy_btn a.stream_btn::after { content: '\f0ed';}
.buy_btn a::before {
	position: absolute;
	content: '';
	background: #ffffff;
	border-radius: 50%;
	padding: 11px;
	left: 6px;
	top: 8px;
}
.buy_btn a:active { background: #a5a5a5; }
.buy_btn a:hover { background: #a5a5a5; color: #ffffff;}

ul.link_btn { font-size: 80%; margin-top: 2em;margin-left: -7px;}
ul.link_btn li.sp_link p,
ul.link_btn li.movie_link p {
	margin: 0 0 8px 0;
	padding: 0px 0px 0px 5px;
	padding-left: 30px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.5s; transition: all 0.5s;
}
ul.link_btn li.sp_link p::before,
ul.link_btn li.movie_link p::before {
	font-family: 'FontAwesome';
	display: inline-block;
	width: 30px;
	text-align: center;
	margin-left: -30px;
}
ul.link_btn li.sp_link p::before {
	content: '\f0da';
}
ul.link_btn li.movie_link p::before {
	content: '\f008';
}
ul.link_btn li a { color: #ffffff;
	letter-spacing: -0.5px;}
ul.link_btn li.sp_link p:hover a,
ul.link_btn li.movie_link p:hover a {
	color: #ffffff;
}

/* discography --------------------------------------------------*/
/* link ---------------------------------------------------------*/
.link_blk {
	padding: 20px 20px 40px 20px;
}
.link_blk a svg {
	font-size: 110%;
	-webkit-transition: all 0.5s; transition: all 0.5s;
}
.link_blk a {color: #ffffff;}
.link_blk a:hover {}
.link_blk h3 {
	font-size: 110%;
}

.link_blk dl {
	margin-left: 1em;
}
.link_blk dt {
	float: left;
	margin-right: 10px;
}
.link_blk dd {
	margin-bottom: 30px;
}
.link_blk dd:last-child {
	margin-bottom: 40px;
}

.link_blk dl.link_dl,
.link_blk dl.link_stream {
	margin-bottom: 30px;
}
.link_blk dl.link_dl dt,
.link_blk dl.link_stream dt {
	float: none;
	margin-bottom: 20px;
}
.link_blk dl.link_dl dt:last-child,
.link_blk dl.link_stream dt:last-child {
}
/* link ---------------------------------------------------------*/
/* stream -------------------------------------------------------*/
.stream {
	padding: 20px 20px 40px 20px;
}
.stream_post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #72716a;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.stream_img { max-width: 200px; }
.stream_txt {
	padding: 0 20px;
	width: calc(100% - 40px - 170px);
}
.stream_txt h3 {
	font-size: 110%;
	margin: 0 0 10px 0;
}
.stream_txt p {
	margin: 0 0 10px 0;
}
.stream_txt table {
	width: 70%;
}
.stream_txt td:last-child {
	width: 20%;
}
.stream_txt tr  { background: #2d2d2d; border-width: 0 0 1px 1px; border-style: solid; border-color: #72716a; }
.stream_txt tr:first-child     { border-width: 1px 0 1px 1px; }
.stream_txt tr:nth-child(odd) { background: #333333;}
.stream_txt td  { padding: 10px; border-width: 0 1px 0px 0; border-style: solid; border-color: #72716a; }
.stream_txt td.stream_play a { color: #ffffff; }
.stream_txt td.stream_play a:hover { color: #d6d6d6; }

/* stream -------------------------------------------------------*/

/* #Media Queries 801px-1184px
==================================================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1184px) {
	/* #Site Styles
	==================================================================================================== */
	.main_contents .top_image {
		height: calc(100vh - 50px - 73px - 30px);
		height:calc(var(--vh, 1vh) * 100 - 153px);
}
	/* 左メニューリスト ---------------------------------------------------*/
	/* svg -----------------------------------------------*/
	_:lang(x)::-ms-backdrop, svg.menu_vtxt       { width: 68.03px;height: 12px; fill: rgba(51,51,51,1); }
	/* .menu { display: none; } */
	/* コントローラーメニュー -----------------------------------------------*/
	.listview .disco_post { width: 33.3333%; text-align: center;}
	.listview .disco_open { width: calc(100% - 60px - 60px); text-align: left;}
	.listview .disco_open .disco_img { max-width: none; max-height:none;}
	.listview .disco_open .disco_img img { max-height:none;}
	.newrelease .disco_img img { width: 200px;}
	.listview .disco_open .disco_img img { width: 200px;}
	.buy_btn a { display: inline-block; margin-bottom: 1em; letter-spacing: 0px;}
}
/*  #800px- Tablet(Portrait) & Mobile (Landscape) & Mobile (Portrait)
==================================================================================================== */
@media only screen and (max-width: 800px) {
	/* #Grid Styles
	==================================================================================================== */
	.disp {
		grid-template-columns: 10px 1fr 10px;
		grid-template-rows: 10px 1fr 70px;
	}
	.main {
		overflow-y: scroll;
		height: calc(100vh - 80px);
		height: calc(var(--vh, 1vh) * 100 - 80px);
		border-width: 2px;
	}
	.foot_logo .foot_menu {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
	.foot_logo .foot_logos {
		height: 70px;
	}
	/* #Site Styles
	==================================================================================================== */
	.pc_view             { display: none;}
	.sp_view             { display: inline-block;}
	h1                   { width: 100%; margin: 23px auto 0 auto; }
	svg.logo             { width: 116px; height: 20px; }
	a.sp_link            { display: block; margin-bottom: 0.5em;}
	/* 左メニューリスト ---------------------------------------------------*/
	.menu                { display: none; }
	/* コントローラーメニュー -----------------------------------------------*/
	nav.open             { overflow: auto; }
	.menu_switch                              { padding: 0; }
	.menu_switch .remotecontrol               { max-width: 100%; }
	.menu_switch .remotecontrol .contmenu     { max-width: 180px; margin: 0 auto; border: 10px solid #c8c9ca;
																							border-radius: 20px; background: #888888; }
	.menu_switch .remotecontrol .contmenu img { width: 80%; }
	.menu_switch .remotecontrol .contmenu li  { font-size: 70%; line-height: 1.4; }
	.menu_switch .btn_switch                  { position: fixed; z-index: 12; top: 20px; right: 20px; }
	.menu_switch button                       { width: 27px; height: 29px; padding-top: 0px; }
	.menu_switch button::before               { font-size: 50%;position: absolute; bottom: -15px; left: 1px; display: inline-block;
																							width: 24px; height: 1em; content: 'menu'; color: #ffffff;}
	ul.sns_menu                               { margin: 20px 10px 0 0; }
	ul.sns_menu li                            { width: auto;}
	svg.ttl_logo        { width: 39px; height: 30px; margin-right: 10px; }
	svg.ttl_txt         { width: 188px; height: 20px; }
	.bt_post_close i,.bt_disco_close i     { top: 20px; right: 20px; }
	.youtube { width: 100%;}

	/* #Page Styles
	==================================================================================================== */
	/* TOP images -----------------------------------------------------*/
	.main_contents.top { height: auto; }
	.main_contents .top_image { height: auto; }
	.main_contents .top_image img { -o-object-fit: contain; object-fit: contain; }
	.main_contents .top_image img.fiximg { width: 100%; }
	.scroll { display: none;}
	.top_txtblk {
		padding: 10px 10px 10px 10px;
		max-width: 100%;
	}

	/* /TOP images -----------------------------------------------------*/
	/* TOP_news -----------------------------------------------------*/
	.main .news_cont     { padding-bottom: 73px; }
	.post                {  }
	.post h3             { padding: 30px 15px 30px 50px; }
	.post h3::before     { top: 28px; left: 9px; }
	.post h3::after      { top: 31px; left: 22px; }
	.post:last-child     { margin-bottom: 10px; }
	.post .post_cont.post_open     { top: 11px; left: 12px; right: 12px; bottom: 73px; }
	.post .post_cont.post_open h3             { padding: 0px 18px 10px 0px; }
	.post .post_cont.post_open h3::before     { top: 0px; left: -4px; }
	.post .post_cont.post_open h3::after      { top: 1px; left: 9px; }
	.post .post_cont.post_open img { max-width: 80%; height: auto; }
	.bt_post_close       { }
	/* もっと読む */
	.morebtn { padding-bottom: 20px;}
	/* TOP_news -----------------------------------------------------*/
	/* biography ----------------------------------------------------*/
	.menber_cont    { display: block; }
	.menber_img     { width: 100%; margin: 0 auto; text-align: center; }
	.menber_img img { max-width: 80%; }
	.menber_txt     { padding: 0 0; }
	/* biography ----------------------------------------------------*/
	/* live ---------------------------------------------------------*/
	.live_logo {
		text-align: center;
	}
	.live_logo img {
		width: 80%;
		height: auto;
	}
	.live h3 { padding: 30px 50px 30px 30px; }
	.live_dtl tr {
		border-width: 1px 1px 1px 1px;
	}
	.live_dtl th {
		display: block;
		width: 100%;
		border-width: 0px 0px 1px 0px;
	}
	.live_dtl td {
		display: block;
		width: 100%;
		padding: 5px 5px;
		border-width: 0px 0px 0px 0px;
	}
	/* live ---------------------------------------------------------*/
	/* discography --------------------------------------------------*/
	.discography            { padding: 0px 5px 40px 5px;}
	.newrelease .disco_post { padding: 20px 0px 40px 0px;}
	/* disco_submenu */
	.disco_menu { padding: 0 5px 10px 5px; }
	.disco_menu ul li { width: calc(50% - 20px); margin: 10px 10px 0px 10px;}
	.disco_menu ul li:first-child { width: 100%; }
	/* disco_submenu */
	/* newreleaseでの表示 */
	.newrelease .disco_dtl { display: block; }
	.newrelease .disco_dtl_other { display: block; }
	.newrelease .disco_img { width: 100%; text-align: center;}
	.newrelease .disco_img img { width: 80%; max-width: 80%;}
	.newrelease .disco_txt { width: 100%; padding: 10px 0px 0px 0px;}
	.newrelease .disco_track td { font-size: 80%;}
	/* listviewでの表示 */
	.listview .disco_post { width: 50%; padding: 20px 10px;}
	.listview .disco_post:hover   { background: #2b2b2b;}
	.listview .disco_post:active   { background: #2b2b2b;}
	.listview .disco_post .disco_img     { max-height: 150px;}
	.listview .disco_post .disco_img img { max-height: 130px;}
	/* listviewでdisco_openの表示 */
	.disco_post.disco_open { top: 11px; left: 12px; right: 12px; bottom: 72px; width: auto;}
	.listview .disco_open .disco_dtl { display: block;}
	.listview .disco_open .disco_dtl_other { display: block; }
	.listview .disco_open .disco_img { width: 100%; text-align: center; max-width: none; max-height: none;}
	.listview .disco_open .disco_img img { width: 80%; max-width: 80%; max-height: none;}
	.listview .disco_open .disco_txt { width: 100%; padding: 10px 0px 0px 0px;}
	.listview .disco_open .disco_track td { font-size: 80%;}
	.buy_btn                    { margin-top: -10px;}
	.buy_btn a                  { display: inline-block; margin-bottom: 20px; font-size: 70%; padding: 10px 10px 9px 30px; text-align: left;
																margin-bottom: 1em;}
	.buy_btn a:hover            { background: #65635c; color:#ffffff;}
	.buy_btn a::before          { padding: 9px; top: 6px;}
	.buy_btn a::after           { top: 10px; left: 9px; }
	.buy_btn a.stream_btn { letter-spacing: 0px;}
	ul.link_btn { margin-left: 0px;}
	/* discography --------------------------------------------------*/
	/* link ---------------------------------------------------------*/
	.link_blk {
		padding: 0px 5px 40px 5px;
	}
	.link_blk dl {
		margin-left: 0.5em;
	}
	.link_blk dd {
		font-size: 90%;
		padding-top: 0.2em;
	}
	/* link ---------------------------------------------------------*/
	/* stream -------------------------------------------------------*/
	.stream {
		padding: 20px 0px 40px 0px;
	}
	.stream_post {
		display: block;
	}
	.stream_img {
		text-align: center;
		width: 100%;
		max-width: none;
	}
	.stream_txt {
		width: 100%;
	}
	.stream_txt table { width: 100%; }
	.stream_txt td:last-child { width: 10%;}
	/* stream -------------------------------------------------------*/

}




/* TOP_news 追加　210803 -----------------------------------------------------*/
.post .post_cont.post_open table.post_table,
.post .post_cont.post_open table.post_table_disco{
	width: 100%;
	margin-top: 20px;
}
@media only screen and (max-width: 800px) {
	.post .post_cont.post_open table.post_table img{
		max-width: 100%;
	}
	.post .post_cont.post_open table.post_table .post_table_img{
		padding: 1em 0;
		vertical-align: top;
	}

	.post .post_cont.post_open table.post_table_disco td{
		display: block;
	}
	.post .post_cont.post_open table.post_table_disco td.post_table_disco_img{
		text-align: center;
	}
	.post .post_cont.post_open table.post_table_disco td.post_table_disco_img img{
		max-width: 60%;
	}
}
.post .post_cont.post_open .post_boder-bottom{
	border-bottom: solid 1px #72716a;
}

/* /TOP_news 追加　210803 -----------------------------------------------------*/

/* TOP_news 追加　211007 -----------------------------------------------------*/
.post .post_cont.post_open .post_dtl .row{
	display: flex;
}
.post .post_cont.post_open .post_dtl .row .col-2{
	width: 50%;
}
.post .post_cont.post_open .post_dtl .mb-20{
	margin-bottom: 20px;
}
.post .post_cont.post_open .post_dtl .f-color_red{
	color: #c6000b;
}
@media only screen and (max-width: 800px) {
	.post .post_cont.post_open .post_dtl .row{
		display: block;
	}
	.post .post_cont.post_open .post_dtl .row .col-2{
		width: auto;
	}
}


/* /TOP_news 追加　211007 -----------------------------------------------------*/

/* TOP_news 追加　211119 -----------------------------------------------------*/
.table_20211119 td{
	width: 25%;
	vertical-align: top;
}
.table_20211119 td img{
	max-width: 100%;
}
.post_dtl .col_red{
	color: red;
}
@media only screen and (max-width: 800px) {
	.table_20211119 tr{
		display: flex;
		flex-wrap: wrap;
	}
	.table_20211119 td{
		width: 50%;
	}
}

.user-select-none img{
	pointer-events: none;
	-webkit-touch-callout:none;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none; 
}
/* /TOP_news 追加　211119 -----------------------------------------------------*/

/* TOP_news 追加　220113 -----------------------------------------------------*/
.table_imgLeft td{
 vertical-align: top;
}
@media only screen and (max-width: 800px) {
	.table_imgLeft,
	.table_imgLeft tbody,
	.table_imgLeft tbody tr,
	.table_imgLeft td{
		display: block;
		padding: 0;
	}
}
/* /TOP_news 追加　220113 -----------------------------------------------------*/