@charset "UTF-8";
/* RESET - ADAPTED FROM MEYER RESET URL - http://meyerweb.com/eric/tools/css/reset/ LICENSE - PUBLIC DOMAIN */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,u, ul, var, video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;}ol, ul{list-style:none;}blockquote, q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}body{line-height:1;}
/* YUI 3.14.1 (build 63049cb) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
/*12 COLUMN :RESPONSIVE GRID SYSTEM DEVELOPER :DENIS LEBLANC URL :http://responsive.gs VERSION :3.0 LICENSE :GPL & MIT */
/* SET ALL ELEMENTS TO BOX-SIZING :BORDER-BOX */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*MAIN CONTAINER Set the width to whatever you want the width of your site to be. */
.container{width:100%; max-width:1120px; margin:0 auto; padding:0 6%;}
/*SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}
/* DEFAULT ROW STYLES Set bottom padding according to preference */
.row{padding:auto; margin:0 auto;}
/* DEFAULT COLUMN STYLES */
.col{display:block;float:left;width:100%;}
.reverse .col{float:right;}
@media(min-width:769px){
	.container{width:1120px; padding:0 20px;}
	.gutters .col{margin-left:2%;}
	.gutters .col:first-child{margin-left:0;}
	.reverse .gutters .col{margin-left:0; margin-right:2%;}
	.reverse .gutters .col:first-child{margin-right:0;}
}
/*COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */
@media(min-width:769px){
.span_1 {width:8.33333333333%;}
.span_2 {width:16.6666666667%;}
.span_3 {width:25%;}
.span_4 {width:33.3333333333%;}
.span_5 {width:41.6666666667%;}
.span_6 {width:50%;}
.span_7 {width:58.3333333333%;}
.span_8 {width:66.6666666667%;}
.span_9 {width:75%;}
.span_10{width:83.3333333333%;}
.span_11{width:91.6666666667%;}
.span_12{width:100%;}
.gutters .span_1 {width:6.5%;}
.gutters .span_2 {width:15.0%;}
.gutters .span_3 {width:23.5%;}
.gutters .span_4 {width:32.0%;}
.gutters .span_5 {width:40.5%;}
.gutters .span_6 {width:49.0%;}
.gutters .span_7 {width:57.5%;}
.gutters .span_8 {width:66.0%;}
.gutters .span_9 {width:74.5%;}
.gutters .span_10{width:83.0%;}
.gutters .span_11{width:91.5%;}
.gutters .span_12{width:100%;}
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?40979728');
  src: url('font/fontello.eot?40979728#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?40979728') format('woff2'),
       url('font/fontello.woff?40979728') format('woff'),
       url('font/fontello.ttf?40979728') format('truetype'),
       url('font/fontello.svg?40979728#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  margin-left: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cancel:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */

// COLOR
@black:#111;
@white:#FFF;
@gray:#666;
@grayD:#282828;
@grayL:#bebebe;
@grayLL:#eee;
@pink:rgba(242, 79, 124,1);
@red:#c1090b;
@ncc:no-repeat center center;

// MIXIN
.trans{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.inline{display:-moz-inline-box; display:inline-block;}

/*BASE*/
html,body{width:100%; margin:0;}
body{line-height:1; color:@black; background:@pink; -webkit-text-size-adjust:100%; color:@black; font-weight:normal; font-weight:400; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-feature-settings:"palt";
font-family:"Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"游ゴシック体","游ゴシック Medium","Yu Gothic Medium","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
img{max-width:100%; height:auto; vertical-align:middle;}

/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}

/*LETTER*/
strong{.fb();}
.wf{font-family:"urw-din"; font-weight:500;}
.attention{color:@red;}
.fontsmall{font-size:85%!important;}
.fontlarge{font-size:124%!important;}
::selection{background:@pink; color:@white;}
::-moz-selection{background:@black; color:@white;}

/*LINK*/
a:link{color:@pink; .tdu(); .trans();}
a:visited{color:@pink; .tdu();}
a:hover{color:@black; .tdu();}
a:active{color:@pink; .tdu();}
a img{border:none; .tdn(); .trans();}
a img:hover{border:none; opacity:0.7; .tdn();}

/*LOADING*/
div#loadingWrap{position:fixed; top:0; left:0; width:100%; height:100vh; z-index:10000;
	background:@grayLL;
	background-attachment:fixed; .bgsc();
	img{position:absolute; top:50%; left:50%; max-width:200px; margin:-150px 0 0 -100px; width:auto;}
}
.lds-ellipsis {
  display: inline-block;
  position: absolute;
  top:calc(~'50% + 80px');
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #111;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/*SP NAV*/
button.spmenu{z-index:9998; position:absolute; top:20px; right:20px; height:22px; width:34px;
	background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; appearance:none;
	span{position:absolute; left:0; width:100%; height:2px; border-radius:2px; background-color:@white; .inline; .trans;}
	span:nth-of-type(1){top:0px;}
	span:nth-of-type(2){top:10px;}
	span:nth-of-type(3){bottom:0px;}
}
button.spmenu.active{position:fixed;
	span{background-color:@white;}
	span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	span:nth-of-type(2){opacity:0;}
	span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(-45deg); transform:translateY(-10px) rotate(-45deg);}
}
div#spnav{z-index:9997; position:fixed; visibility:hidden; top:0; left:0; width:100%; height:100vh; opacity:0; background:rgba(0,0,0,0.6); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); .trans();
	nav{padding:50px 0 0;
		ul{font-size:124%; .tac(); 
			li{width:50%; float:left;
				i{font-size:154%;}
				a{display:block; padding:20px 0;}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@white; .tdn();}
				a:active{color:@white; .tdn();}
			}
			li:first-child{float:none; width:50%; margin:0 auto;}
		}
		ul.splink{font-size:85%; margin:6% auto 0;
			li{width:44%; margin:0 0 4% 4%;
				a{display:block; padding:12px 0;}
			}
			li:first-child{float:left; width:44%; margin:0 0 4% 4%;}
		}
	}
}
div#spnav.active{right:0; opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); visibility:visible;}

/*HEADER*/
header{position:relative; width:100%; padding:22px 20px; margin:0 auto; background:rgba(0,0,0,0.9);
	h1{width:160px;}
}

/*LAYER*/
main{clear:both; display:block; width:100%; padding:0 0 12%; position:relative;}
div.wrapper{position:relative; display:block; width:100%;}

/*TOP*/
div.topteaser{position:relative; width:100%; margin:0 auto 6%; position:relative;}

div.topdisc{margin:0 auto 6%; padding:4.5%; border-radius:26px; background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);
	img{border-radius:26px; display:block; margin:0 auto 4.5%; box-shadow:0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 10%) inset;}
	a{color:@pink;}
}
div.ticker{width:100%; z-index:1; position:relative; overflow:hidden; white-space:nowrap; padding:10px 0; border:1px solid @pink; border-radius:26px; .trans();
	ul{.inline(); animation:hscroll 40s linear infinite;
		li{.inline(); font-size:14px;}
	}
}
div.ticker:hover{background:@pink; border:1px solid @pink; color:@white;}

div.topnews{margin:0 auto 6%; background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); border-radius:26px;
	h2{font-size:189%; padding:24px 30px; display:block; border-bottom:1px solid @pink; color:@pink; font-weight:600;}
	ul{padding:30px;
		li{display:block; margin:0 0 30px;
			span.wf{color:@pink; .inline(); margin:0 0 5px;}
		}
		li:last-child{margin:0;}
		a{display:block; line-height:1.7;}
		a:link{color:@black; .tdn(); .trans();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@gray; .tdu();}
		a:active{color:@black; .tdn();}
	}
}
div.topbn{margin:0 auto; border-radius:24px;
	a{display:block; border-radius:24px;
		img{border-radius:24px; background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
	}
}

/*PAGE TITLE*/
section.pagetitle{padding:90px 0;
	h2{font-size:300%; color:@black; font-weight:600; color:@white;}
}

/*PAGE*/
div.pagebody{margin:0 auto 6%; background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); border-radius:26px;
	article{position:relative;
		span.postdate{background:@white; color:@black; font-size:154%; position:absolute; top:-10px; left:-10px; .inline();}
		span.releasedate{font-size:132%; white-space:nowrap;}
		h3.postttl{font-size:132%; padding:18px 15px 15px; line-height:1.6; background:@black; color:@white; .fb(); border-radius:0 26px 0 0;}
		h3.discname{font-size:182%; line-height:1.4;}
		div.postbody>section{margin-bottom:6%;}
		div.postbody>section:last-child{margin-bottom:0;}
		div.postbody{padding:6%; word-wrap:break-word; line-height:1.7;
			h4{font-size:124%; padding:0 0 1%; margin-bottom:4%; border-bottom:2px solid @black; .fb();}
			h5{font-size:108%; padding:0 0 1%; .fb();}
			img{margin-bottom:6%;}
			img.width50{max-width:50%; height:auto;}
			p{margin-bottom:6%; line-height:1.9;}
			p > img{margin-bottom:0;}
			p:last-child{margin-bottom:0;}
			table th p{margin-bottom:0;}
			table td p{margin-bottom:0;}
			section.imglist{width:100%; 
				display:-webkit-flex; display:flex;
				-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
				-webkit-justify-content:space-between; justify-content:space-between;
				-webkit-align-items:flex-start; align-items:flex-start;
				img{width:32.3%;}
			}
		}
	}
}
.single{
	div.pagebody{padding:0;
		article{margin-bottom:0;}
	}
}
.page-video{
	section.pagetitle{padding-left:6%;}
}
.page-discography{
	section.pagetitle{
		h2{.tac();}
	}
}
.page-discography-child{
	div.noisebg{opacity:0.2;}
	div.noisebg::before{background-image:url(../img/bg/noisebk.png);}
	div.pagenation{
		a div{background:rgba(0,0,0,0.3);}
	}
	div.pagebody{padding:0; background:rgba(255,255,255,0.85);}
}
/*TABLE*/
table{width:100%; line-height:1.6; margin:0 auto 4%;
	tr{width:100%; background:@white;
		th{padding:5px; background:@grayLL; border:1px solid @grayL; white-space:nowrap; vertical-align:middle; .fb();}
		td{padding:5px; border:1px solid @grayL; vertical-align:middle;}
	}
}

/*PAGENATION*/
div.pagenation{margin:0 auto; font-size:108%; .tac();
	a div{display:block; padding:15px; background:rgba(0,0,0,0.3); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); border-radius:26px; .trans();}
	a div:hover{background:@pink;}
	div.next{float:right;}	
	div.prev{float:left;}
	a:link{color:@white; .tdn();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@white; .tdn();}
}
div.backtolist{width:60%; margin:auto;}

/*NEWS*/
ul.newslist{padding:6%;
	li{display:block; margin:0 0 6%; padding:0 0 6%; border-bottom:1px dashed @grayL;
		span.wf{background:@black; color:@white; .inline(); margin:0 0 5px;}
		a{display:block; line-height:1.7; margin:5px 0 0;}
		a:link{color:@black; .tdn(); .trans();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@grayD; .tdu();}
		a:active{color:@black; .tdn();}
	}
	li:last-child{margin:0;}
}
/*MOVIE*/
ul.movielist{width:88%; margin:0 auto 18%;
	li{margin:0 0 6%;
		h3{font-size:124%; margin:0 0 3%; .inline(); background:@white;}
	}
}
/*DISCOGRAPHY*/
ul.disctab{width:94%; margin:0 auto 6%; .tac();
	display:-webkit-flex; display:flex;
	-webkit-flex-flow:row wrap; flex-flow:row wrap; 
	-webkit-justify-content:flex-start; justify-content:flex-start;
	-webkit-align-items:center; align-items:center;
	li{width:48%; font-size:139%; padding:12px 0; margin:0 0 4%; cursor:pointer; border-radius:26px; color:@white; background:rgba(0,0,0,0.3); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
	li:nth-child(even){margin:0 0 4% 4%;}
	li.current{background:@pink; color:@white;}
}
ul.disclist{width:94%; margin:0 auto 12%; height:auto; min-height:500px;
	display:-webkit-flex; display:flex;
	-webkit-flex-flow:row wrap; flex-flow:row wrap; 
	-webkit-justify-content:flex-start; justify-content:flex-start;
	-webkit-align-items:center; align-items:center;
	li{width:32%; margin:0 auto 4%;
		a{display:block;}
	}
}
div.buybtn{
	a{background:@black; .inline(); padding:10px 20px;}
	a:link{color:@white; .tdn(); .trans();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn(); background:@pink;}
	a:active{color:@white; .tdn();}
}
/*PROFILE*/
.page-profile{
	main{margin:0;}
	section.profmem{padding:60px 0;}
	div.pagebody{margin:0 auto; padding:0; background:none;
		div.postbody{padding:0;
			h3{font-size:154%; margin:0 0 6%; color:@black; letter-spacing:3px; .fb();}
			p{color:@black;}
			img.profgg{border-radius:22px; box-shadow:0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 10%) inset;}
		}
	}
}
ul.memberlist{margin:0 auto 18%;
	display:-webkit-flex; display:flex;
	-webkit-flex-flow:row wrap; flex-flow:row wrap; 
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:flex-start; align-items:flex-start;
	li{width:50%; background:@black;}
}
div.vbox-inline{height:auto!important; max-width:90vw!important; background:none!important;}
.vbox-overlay{backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.vbox-close{
	color:@white!important;
	background:none!important;
	cursor:pointer;
	position:fixed;
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	top:0;
	right:3%;
	padding:0;
	font-size:64px;
	line-height:1;
	z-index:1050;
	text-align:center;
}
div.lightbox{color:@white; .tac(); text-shadow:1px 1px 1px @black;
	section:first-child{margin:0 0 20px;
		img:first-child{}
	}
	h1{font-size:182%; margin:0 0 10px;}
	h2{font-size:108%; letter-spacing:1px; .fb(); margin:0 0 20px;}
	p{line-height:1.5; margin:0 0 28px;
		a:link{color:@white; .tdu(); .trans();}
		a:visited{color:@white; .tdu();}
		a:hover{color:@pink; .tdu();}
		a:active{color:@white; .tdu();}
	}
}
/*FOOTER*/
footer{position:relative; width:100%; padding:3% 0; line-height:1.8; .tac(); background:rgba(0,0,0,0.9);
	small{display:block; font-size:77%; color:@white;}
}
li.btn{margin:0 auto;
	a{display:block; padding:10px; border-radius:5px; .tac(); .trans();}
	a.btn_um{background:@gray;}
	a.btn_tw{background:#55acee;}
	a.btn_fb{background:#3B5998;}
	a.btn_line{background:#1dcd00;}
	a:link{color:@white; .tdn(); .trans();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@black!important; background:@white; .tdn();}
	a:active{color:@white; .tdn();}
}

/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:769px){
html,body{min-width:1120px;}
.sp{display:none;}
.leftbox{padding-right:15px;}
.rightbox{padding-left:15px;}

/*LOADING*/
div#loadingWrap{
	img{max-width:260px; margin:-170px 0 0 -130px;}
}
.lds-ellipsis{top:calc(~'50% + 110px');}

/*HEADER*/
header{min-width:1020px; padding:30px;
	h1{float:left; width:230px;}
	nav{float:right;
		ul{display:block; padding:5px 0 0;
			li{font-size:108%; .inline(); .tac();
				a{display:block; padding:0 12px 0;}
				a:link{color:@white; .tdn(); .trans();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@pink; .tdn();}
				a:active{color:@white; .tdn();}
			}
		}
	}
}

/*LAYER*/
main{padding:0 0 120px;}

/*TOP*/
div.topteaser{min-width:1080px; width:88%; margin:0 auto 60px; padding-top:30px;
	img{border-radius:24px; box-shadow:0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 10%) inset;}
}
div.toprow{display:flex;
	-webkit-flex-flow:row-reverse nowrap; flex-flow:row-reverse nowrap; 
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:flex-start; align-items:flex-start;
	section{width:47%;}
	section:last-child{width:50%;}
}
div.topdisc{margin:0; padding:36px;
	img{margin:0 auto 36px;}
}
div.ticker{padding:16px 0;
	ul{animation:hscroll 40s linear infinite;
		li{font-size:18px;}
	}
}
div.ticker:hover{background:@pink; border:1px solid @pink;}

div.topnews{width:100%; margin:0 0 28px;
	h2{font-size:220%;}
	ul{height:354px; overflow:hidden; overflow-y:scroll;
		a{line-height:1.7; font-size:116%;}
	}
}
div.topbn{width:100%; margin:0;}

/*PAGE TITLE*/
section.pagetitle{padding:108px 0 116px;
	h2{font-size:420%;}
}

/*PAGE*/
div.pagebody{width:100%;
	article{
		span.postdate{font-size:200%; top:-15px;}
		span.releasedate{font-size:169%;}
		h3.postttl{font-size:167%; padding:30px;}
		h3.discname{font-size:250%;}
		div.postbody>section{margin-bottom:30px;}
		div.postbody{padding:5%;
			h4{padding:0 0 10px; margin-bottom:20px; font-size:139%;}
			h5{padding:0 0 2%; font-size:124%;}
			img{margin-bottom:20px;}
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			img.nomargin{margin-bottom:0;}
			img.width50{max-width:50%; height:auto;}
			.size-thumbnail{width:320px; height:auto;}
			.size-medium{width:320px; height:auto;}
			.size-large{width:600px; height:auto;}
			.aligncenter{clear:both; display:block; overflow:hidden; margin: 0 auto 20px;}
			.alignleft{float:left; margin:0 20px 20px 0; .inline();}
			.alignright{float:right; margin:0 0 20px 20px; .inline();}
			p{margin-bottom:20px;}
			p > img{margin-bottom:0;}
		}
	}
}
.single{
	div.pagebody{}
}
/*TABLE*/
table{line-height:1.7; font-size:100%; margin:0 auto 30px;
	tr{
		th{padding:10px;}
		td{padding:10px;}
	}
}
/*PAGENATION*/
div.pagenation{font-size:139%;
	a div{padding:20px;}
}
div.backtolist{width:40%; margin:6% auto 0;}

/*NEWS*/
ul.newslist{
	li{margin:0 0 30px; padding:0 0 30px; font-size:132%;
		a{margin:10px 0 0;}
	}
}
/*MOVIE*/
ul.movielist{margin:0 auto 6%;
	li{float:left; width:48%; margin:0 0 4% 4%;
		h3{font-size:154%;}
	}
	li:nth-child(odd){margin:0 0 4% 0;}
}
/*DISCOGRAPHY*/
ul.disctab{width:94%; margin:0 auto 4%;
	li{width:23.5%; font-size:169%; padding:16px 0; margin:0 2% 0 0; border-radius:32px; .trans();}
	li:hover{background:@pink; color:@white; .trans();}
	li:nth-child(even){margin:0 2% 0 0;}
	li:last-child{margin:0;}
}
ul.disclist{height:auto; min-height:500px;
	li{width:32%; margin:0 auto 4%;}
}
ul.disclist{width:96%; margin:0 auto;
	-webkit-justify-content:flex-start; justify-content:flex-start;
	li{width:15%; margin:0 0 3% 1.5%; position:relative; 
		a{display:block; overflow:hidden;
			img{opacity:1!important;}
		}
		a:hover{transform:scale(1.1,1.1);}
	}
}
ul.disclist:hover li a:not(:hover){filter:brightness(110%) contrast(130%) saturate(20%) blur(2px);}

/*PROFILE*/
.page-profile{
	section.profmem{padding:0 0 90px; .tac();}
	div.pagebody{width:100%;
		div.postbody{text-shadow:none;
			div.profbox{width:66.6%; margin:0 auto;
				h3{font-size:250%; margin:30px auto; padding:0; border:none; .tac();}
				p{font-size:124%;}
			}
		}
	}
}
ul.memberlist{margin:0 auto 6%;
	li{width:25%; position:relative; overflow:hidden;
		a{display:block;
			img{opacity:1!important;}
		}
	}
}
ul.memberlist:hover li a:not(:hover){filter:contrast(90%) saturate(50%) blur(7px);}
div.lightbox{
	padding:0 3%;
	text-align:left;
	display:-webkit-flex; display:flex;
	-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:flex-start; align-items:flex-start;
	section:first-child{width:40%;}
	section:last-child{width:56%;}
	img{margin:0;}
	h1{font-size:240%; margin:0 0 15px;}
	h2{font-size:124%; letter-spacing:2px; margin:0 0 20px;}
	p{font-size:108%;}
}
.vbox-close{
	top:3%;
	right:3%;
	font-size:96px;
}
/*FOOTER*/
footer{padding:20px 0; 
	nav.footnav{margin:0 0 20px;
		ul{
			li{width:190px; padding:0 10px; .inline();
				a{font-size:92%;}
			}
		}
	}
}

}
/************************ SP ************************/
@media(max-width:768px){
	.pc{display:none;}
	.spmb{margin-bottom:6%;}
	div.video_box{margin-bottom:6%;}
}
/************************ VIDEO ************************/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; padding-top:0; height:0; margin-bottom:20px;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/************************ ANIM ************************/
@keyframes hscroll {
	0%{transform:translateX(4px);}
	100%{transform:translateX(-100%);}
}
/************************ NOISE ************************/
div.noisewrap{
    position:absolute;
    display:block;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
div.noisebg{
    width:100%;
    height:100%;
    opacity:0.15;
}
div.noisebg::before {
    content:'';
    position:absolute;
    display:block;
    background-image:url(../img/bg/noisebk.png);
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    will-change:transform;
    animation:noiseBGS 0.9s steps(4) infinite;
}
@keyframes noiseBGS {
  0% {
    transform: translate(0);
  }
  10% {
    transform: translate(-5%, -5%);
  }
  20% {
    transform: translate(-10%, 5%);
  }
  30% {
    transform: translate(5%, -10%);
  }
  40% {
    transform: translate(-5%, 15%);
  }
  50% {
    transform: translate(-10%, 5%);
  }
  60% {
    transform: translate(15%);
  }
  70% {
    transform: translateY(10%);
  }
  80% {
    transform: translate(-15%);
  }
  90% {
    transform: translate(10%, 5%);
  }
  100% {
    transform: translate(5%);
  }
 }
/*-----------------------------------------------------
 6px = 46.1%    7px = 53.8%    8px = 61.5%    9px = 69.2%
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/