@media print, screen and (min-width:768px){
/*===========================================

 → Public
  
=========================================*/	
	
* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {width:100%; height:100%; color:#050000;}
#wrapper {width:100%; height:100%;}

.for_sp {display:none;}

.sp {
	display:hone !important;
	}

/*===========================================

 → Header
  
=========================================*/	
#header {
	width:100%;
	height:auto;
	background:#fff !important;
	min-height:80px;
}
.header_inner {
	width:98%;
	max-width:1000px;
	margin:0 auto;
	
}

/*===========================================

 → Header  → SNS
  
=========================================*/	
#sns_bloc {
	text-align:right;
	padding-top:5px;
	vertical-align:top;
	}

#sns_icon {
	display:inline-block;
	max-width:21px;
	width:100%;
	height:auto;
	}
#sns_icon a, #sns_icon a img{
	display:block;
	width:100%;
	height:auto;
	max-width:21px;
	max-height:21px;
}


/*===========================================

 → Header  → Global Menu
  
=========================================*/	
#global_menu {
	max-width:1000px;
	width:98%;
	height:auto;
	margin-top:5px;
}

#global_menu ul {
	list-style-type:none;
	text-align:center;
	vertical-align:top;
	
}

#global_menu ul li {display:inline-block; color:#808080; padding:0 5%; font-family: 'Cinzel', serif !Important; letter-spacing:0.8px;}
#global_menu ul li a {color:#808080 !important;text-decoration:none;font-size:20px;display:block;}


#global_menu ul li a:hover,
#b-release ul li.mn02 a,
#b-proflie ul li.mn03 a,
#b-live ul li.mn04 a,
#b-media ul li.mn05 a {color: #e00000 !important;}



/*===========================================

 → Main Contents 
  
=========================================*/	

#pcblockwidth {max-width:520px; margin:0 auto;}


#block_basic {position:relative;}
.white_ver {background:url(../img/public/bg.jpg) repeat-x left top;}


.contents_top_bloc {
	background:url(../img/public/bg.jpg) repeat-x left top;
	height:155px;
		}
		
.contents_top_black {background:#050000; min-height:155px;} 
.contents_top_white {height:155px;}


#logo {
	max-width:300px;
	width:100%;
	height:auto;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}

#logo img, #logo a img{display:block;width:100%; height:auto;}

#headline {
	font-weight:300;
	letter-spacing:2px;
	text-align:center;
	font-size:20px;
	margin-bottom:30px;
	color:#050000;
	font-family: 'Cinzel', serif !Important;
	}

#headline.blackver {color:#f5f5f5;}

/*===========================================

 → New Release BLOCK
  
=========================================*/	
.new_release_bloc {
	background:url(../img/public/bg.gif) repeat-x left top #fff;
	text-align:center;
	 padding:60px 0 90px;
	 }
	 

#new_release_box {
	display:inline-block;
	max-width:459px;
	height:auto;
	width:45%;
	margin:0 2% 30px;
	vertical-align:top;

	}
 
.new_release_inner {
	width:98%;
	margin:0 auto;
	max-width:1000px;
} 

#release_title, #release_title2, #release_title3, .disc_titles {font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif !Important;  font-weight:300;}

#release_title, #release_title2, #release_title3 { line-height: 160%; font-size: 24px; padding-bottom: 0; margin-bottom: 3%; letter-spacing: 2px;}

#release_title {color:#e00000;}
#release_title2 { color:#0050FF;}
#release_title3 {color:#d41075;	}

#release_title span, #release_title2 span, #release_title3 span {font-size: 18px;}

#new_disc {
	max-height:460px;
	min-width:10px;
	min-height:10px;
	max-width:460px;
	width:100%;
	height:auto;
	margin-bottom:10px;
	background-size:cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position:relative;
	overflow:hidden;
}


#new_disc a {
	display:block;
	max-height:460px;
	min-width:10px;
	min-height:10px;
	max-width:460px;
	width:100%;
	height:auto;
	position:relative;
}
#new_disc a:hover {
	-webkit-box-shadow: 0 0 20px 225px rgba(58,58,58,.6) inset;
	-moz-box-shadow: 0 0 20px 225px rgba(58,58,58,.6) inset;
	box-shadow: 0 0 20px 225px rgba(58,58,58,.6) inset;
	} 


#new_disc a:after {
	content:"More Info";
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:#fff;
	background:url(../img/public/logo_over.png) no-repeat 49% 44% rgba(255,255,255,.9);
	background-size:47%;
	display:block;
	font-size:34px;
	color:#262626;
	font-family: 'Cinzel', serif !Important;
	padding:47% 0;
	text-align:center;
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
	
}
#new_disc a:hover:after {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
#new_disc img, #new_disc a img {display:block; width:100%; height:auto;}

.disc_titles {font-size:13px;}


/* COMING */
.coming {background-image:url(../img/release/coming.jpg);}

/* PANDEMIC */
.disc01 {background:url(../img/release/single/pandemic_premium.jpg) no-repeat;}
.disc02 {background:url(../img/release/single/pandemic_nomal.jpg) no-repeat;}

/* LIAR LIAR */
.disc03 {background:url(../img/release/single/liarliar_premium_a.jpg) no-repeat;}
.disc04 {background:url(../img/release/single/liarliar_premium_b.jpg) no-repeat;}
.disc05 {background:url(../img/release/single/liarliar_nomal.jpg) no-repeat;}

/* 2nd Single */
.disc06 {background:url(../img/release/single/gr13_0006.jpg) no-repeat;}
.disc07 {background:url(../img/release/single/gr13_0007.jpg) no-repeat;}
.disc08 {background:url(../img/release/single/gr13_0008.jpg) no-repeat;}

/* 3rd Single */
.disc09 {background:url(../img/release/single/gr13_0009.jpg) no-repeat;}
.disc10 {background:url(../img/release/single/gr13_0010.jpg) no-repeat;}
.disc11 {background:url(../img/release/single/gr13_0011.jpg) no-repeat;}

/* 1st EP */
.disc12 {background:url(../img/release/single/gr13_0012.jpg) no-repeat;}
.disc13 {background:url(../img/release/single/gr13_0013.jpg) no-repeat;}
	
/* 2nd EP URGE */
.disc14 {background:url(../img/release/single/gr13_0015.jpg) no-repeat;}
.disc15 {background:url(../img/release/single/gr13_0016.jpg) no-repeat;}
.disc16 {background:url(../img/release/single/gr13_0017.jpg) no-repeat;}
	
/* 3rd EP LAMENT */
.disc17 {background:url(../img/release/single/gr13_0018.jpg) no-repeat;}
.disc18 {background:url(../img/release/single/gr13_0019.jpg) no-repeat;}
.disc19 {background:url(../img/release/single/gr13_0020.jpg) no-repeat;}
	
/* 4th EP ALONE */
.disc20 {background:url(../img/release/single/gr13-0021.jpg) no-repeat;}
.disc21 {background:url(../img/release/single/gr13-0022.jpg) no-repeat;}
.disc22 {background:url(../img/release/single/gr13-0023.jpg) no-repeat;}

/* 1st unplugged single  SILENCE VOLUME */
.disc23 {background:url(../img/release/single/gr13-0024.jpg) no-repeat;}

/* LIVE会場限定販売CD 第二弾  瞳孔 */
.disc24 {background:url(../img/release/single/gr13-0025.jpg) no-repeat;}

/* 2nd Full Album「ENIGMA」 */
.disc26 {background:url(../img/release/single/gr13_0026.jpg) no-repeat;}
.disc27 {background:url(../img/release/single/gr13_0027.jpg) no-repeat;}

/* 2nd unplugged single「SILENCE VOLUME II」 */
.disc28 {background:url(../img/release/single/gr13_0028.jpg) no-repeat;}

/* 3rd unplugged single「SILENCE VOLUME Ⅲ」 */
.disc29 {background:url(../img/release/single/GR13-0030jacket.jpg) no-repeat;}

/* 4th unplugged single「SILENCE VOLUME Ⅳ」 */
.disc30 {background:url(../img/release/single/gr13_0031.jpg) no-repeat;}

/* 5th E.P「ICY」 */
.disc31 {background:url(../img/release/single/gr13_0033.jpg) no-repeat;}
.disc32 {background:url(../img/release/single/gr13_0034.jpg) no-repeat;}

/* 5th unplugged single「SILENCE VOLUME V」 */
.disc33 {background:url(../img/release/single/gr13_0036.jpg) no-repeat;}

/* 5th Anniversary 有観客配信LIVE「Fear kills growth」 */
.disc34 {background:url(../img/release/single/gr13_0035.jpg) no-repeat;}
.disc34w {background:url(../img/release/single/gr13_0035w.jpg) no-repeat;}

/* 6th E.P.「GLITTER」 */
.disc35 {background:url(../img/release/single/gr13_0037.jpg) no-repeat;}
.disc36 {background:url(../img/release/single/gr13_0038.jpg) no-repeat;}
.disc37 {background:url(../img/release/single/gr13_0039.jpg) no-repeat;}

.disc35w {background:url(../img/release/single/gr13_0037w.jpg) no-repeat;}
.disc36w {background:url(../img/release/single/gr13_0038w.jpg) no-repeat;}
.disc37w {background:url(../img/release/single/gr13_0039w.jpg) no-repeat;}

/* 7th unplugged single「SILENCE VOLUME Ⅵ」 */
.disc38 {background:url(../img/release/single/gr13_0040.jpg) no-repeat;}

/* 8th unplugged single「A World of Villains」 */
.disc39 {background:url(../img/release/single/coming.jpg) no-repeat;}

/* 8th unplugged single「A World of Villains」 */
.disc40 {background:url(../img/release/single/gr13-0045.jpg) no-repeat;}


/*===========================================

 → MOVIE BLOCK
  
=========================================*/	
.movie {
	background:#fff;
	padding:90px 0;
	
	overflow:hidden;
	margin-bottom:90px;
	 }
	 
.movie_inner {
	width:100%;
	margin:0 auto !important;
	
}

#movie_box {
	max-width:950px;
	position: relative;


    overflow: hidden;
	width:100% !important;
	margin:auto !important;
	
	 }


/*===========================================

 → FOOTER 
  
=========================================*/	
#footer {
	width:100%;
	height:auto;
	background:url(../img/public/bg_footer.jpg) repeat-x left top;
	max-height:403px;
	padding:80px 0 130px;

}
.foot_inner {
	width:98%;
	margin:0 auto;
	max-width:1000px;
}


#f_logo {
	width:100%;
	max-width:166px;
	height:auto;
	margin:0 auto 10px;
}
#f_logo img {max-width:100%; height:auto; display:block;}


#copy {text-align:center; font-size:11px; color:#fff;}



/*===========================================

 → footer  → foot SNS
  
=========================================*/	
#f_sns_bloc {
	text-align:center;
	vertical-align:top;
	margin-bottom:40px;
	}

#sns_icon {
	display:inline-block;
	max-width:21px;
	width:100%;
	height:auto;
	}
#sns_icon a, #sns_icon a img{
	display:block;
	width:100%;
	height:auto;
	max-width:21px;
	max-height:21px;
}



/*===========================================

 → PAGE TOP
  
=========================================*/	
#page-top {bottom: 0px;	right: 15px;}
#page-top a {width:80px;font-size:14px;}




@font-face {
  font-family: "LigatureSymbols";
  src: url("../font/LigatureSymbols-2.11.eot");
  src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../font/LigatureSymbols-2.11.woff") format("woff"),
           url("../font/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 5px;
  background-color: #d70430;
}

.general-button:before  {
  border-radius: 5px;
  border-bottom: 0px solid rgba(139,2,31, 0);
  background-color: rgba(139,2,31, 0);
}

.button-content  {
  border-radius: 0px 0px 5px 5px;
  padding: 6px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(139,2,31, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1.5em;
  font-size: 18px;
}

.icon-font  {
  padding: 0px 7.5px;
  font-size: 27px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -3px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #e60433;
}

.general-button:hover:before  {
  border-bottom: 3px solid rgba(139,2,31, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 3px 0px 0px rgba(139,2,31, 1);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #bd032a;
  box-shadow: 0px 1.6px 0px 0px rgba(114,2,25, 1) inset;
}

.general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(139,2,31, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(139,2,31, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 2 */
.btn-2 {
	background: #E30004;
	color: #fff;
	box-shadow: 0 6px #ab3c3c;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2c */
.btn-2c {
	border-radius: 5px;
}

.btn-2c:hover {
	box-shadow: 0 4px #ab3c3c;
	top: 2px;
}

.btn-2c:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}

.btn-2c a {
	color:#ffffff;
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.btn_youtube {
	text-align:center;
	}

.btn_youtube a {
	font-size:10px;
	text-decoration:none;
	text-align:center;
	margin:auto;
	display:inline;
	padding:10px;
	background-color:#E30004;
	color:#fff;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}


.btn_youtube a:hover {
	background-color:#A30002;
	color:#fff;
	}

.goods_image {
	padding-top:10px;
}
.goods_image img {
	width:auto;
	height: 240px;
}

/*============================================================================================================
2022/06/17
=============================================================================================================*/
#main_contents.bg_black {padding: 45px 0 0;}

#logo.inner {margin-bottom: 45px !important;}

/*------------------------------------------------------------------------------------------------------- */
#pcblockwidth p{ margin-bottom: 15px; line-height: 160%;}

}