@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, 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;}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding: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 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container{width:100%; max-width:1120px; margin:0 auto; padding:0 5%;}
.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}
.row{padding:auto; margin:0 auto;}
.col{display:block; float:left; width:100%;}
.reverse .col{float:right;}
@media(min-width:769px){
	.container{width:1120px; padding:0 20px;}
}
@font-face {
  font-family:'fontello';
  src:url('font/fontello.eot?94586018');
  src:url('font/fontello.eot?94586018#iefix') format('embedded-opentype'),
      url('font/fontello.woff2?94586018') format('woff2'),
      url('font/fontello.woff?94586018') format('woff'),
      url('font/fontello.ttf?94586018') format('truetype'),
      url('font/fontello.svg?94586018#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-down-open-big:before { content: '\e800'; } /* '' */
.icon-up-open-big:before { content: '\e801'; } /* '' */
.icon-right-small:before { content: '\e802'; } /* '' */
.icon-up-small:before { content: '\e803'; } /* '' */
.icon-left-small:before { content: '\e804'; } /* '' */
.icon-down-small:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-youtube-play-1:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */

// COLOR
@black:#1D1D1D;
@white:#FFF;
@gray:#999;
@grayD:#666;
@grayDD:#333;
@grayL:#bebebe;
@grayLL:#eee;
@grayLLL:#FAFAFA;
@red:#E20303;

@yellowL:#FDF8E2;
@yellow:#FDDD54;
@yellowD:#EAC93F;
@blue:#1383E3;
@green:#00A78C;
@pink:#FFC1CF;
@purple:#6F40C9;
@orange:#ed6d35;

// LESS
@ncc:no-repeat center center;
// MIXIN
.trans{-webkit-transition:0.3s; transition:0.3s;}
.fb{font-weight:700;}
.tac{text-align:center;}
.tar{text-align:right;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{-webkit-background-size:cover; background-size:cover;}
.inline{display:inline-block;}
/*BASE*/
html,body{height:100%; width:100%; margin:0;}
body{color:@black; line-height:1; -webkit-text-size-adjust:100%; font-weight:400; font-style:normal; font-feature-settings:"palt"; background:@white;
font-family:"Helvetica Neue",Helvetica,"Droid Sans",Arial,Avenir,Verdana,Roboto,"游ゴシック Medium","YuGothic M","游ゴシック体","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック","Meiryo UI","メイリオ",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:"Heebo"; font-weight:500!important;}
.midashi{font-family:"a-otf-midashi-go-mb31-pr6n"; font-weight:600;}
.attention{color:@red;}
.fontgray{color:@grayD;}
.fontsmall{font-size:85%!important;}
.fontlarge{font-size:124%!important;}
.italic{font-style:italic;}
i.rotate::before{font-size:120%; transform:rotate(-45deg);}
::selection{background:@purple; color:@white;}
::-moz-selection{background:@purple; color:@white;}
/*LINK*/
a:link{color:@black; .tdu(); .trans();}
a:visited{color:@black; .tdu();}
a:hover{color:@grayD; .tdu();}
a:active{color:@black; .tdn();}
a img{border:none; .tdn(); .trans();}
a img:hover{opacity:0.6; .tdn();}

/*HEADER*/
header#header{z-index:200; position:fixed; top:0; left:0; padding:18px 5%;
	h1{position:relative; width:60px;
		a{display:block;
			img{filter:brightness(100%);}
		}
	}
}

/*LINE BN*/
div.linebn{z-index:260; position:fixed; bottom:0; right:0; line-height:1.6; background:rgba(0,0,0,0.8); width:100%; .trans();
	a{font-size:15px; letter-spacing:2px; padding:20px; display:block; .tac(); white-space:nowrap;
		i{font-size:120%;}
	}
	a:link{color:@white; .tdn();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@white; .tdn();}
}
/*BBS BN*/
div.bbsbn{z-index:260; position:fixed; bottom:80px; right:4%; width:40%; max-width:86px; .trans();
	a{display:block;
		img{display:block; border-radius:8px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
	}
}
div.sppbn{z-index:260; position:fixed; bottom:80px; right:calc(~'4% + 96px'); width:40%; max-width:86px; .trans();
	a{display:block;
		img{display:block; border-radius:8px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
	}
}
div.sppbn2{z-index:260; position:fixed; bottom:80px; right:calc(~'4% + 192px'); width:40%; max-width:86px; .trans();
	a{display:block;
		img{display:block; border-radius:8px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
	}
}

/*BLACK*/
.page-about,.page-originalevent,.page-benefits{
	header#header{
		h1{
			img{filter:brightness(0);}
		}
	}
	/***button.spmenu{
		span{background-color:#000;}
	} ***/
}
.sec05{
	header#header{display:none;}
	/***button.spmenu{display:none;} ***/
	div.linebn{bottom:-70px; pointer-events:none;}
	div.sppbn,div.sppbn2,div.bbsbn{bottom:-90px; pointer-events:none;}
}
.sec03{
	header#header{
		h1{
			img{filter:brightness(100);}
		}
	}
	/***button.spmenu{
		span{background-color:#fff;}
	} ***/
}
.sec04{
	div.linebn{bottom:-70px; pointer-events:none;}
	div.sppbn,div.sppbn2,div.bbsbn{bottom:-90px; pointer-events:none;}
}
.sec02,.sec04{
	header#header{
		h1{
			img{filter:brightness(0);}
		}
	}
	/***button.spmenu{
		span{background-color:#000;}
	}***/
}
.single{
	header#header{
		h1{
			img{filter:brightness(0);}
		}
	}
	/***button.spmenu{
		span{background-color:#000;}
	}***/
	div.footcontact{display:none;}
}
.page-howto{
	div.footcontact{display:none;}
}
.page-contact{
	div.footcontact{display:none;}
}
#comicsg{
	header#header{
		h1{
			img{filter:brightness(100);}
		}
	}
	/***button.spmenu{
		span{background-color:#fff;}
	}***/
}

/*TOP KV*/
div.topteaser{position:relative; width:100%; height:100%; overflow:hidden;
	div.topkv{position:relative; width:100%; height:100%; overflow:hidden;
		div.topkvtxt{z-index:3; position:absolute; bottom:15%; left:0; background:rgba(255,255,255,0.9); padding:6%;
			h1{font-size:32px; letter-spacing:6px; line-height:1.4; margin:0 0 10px;
				span{display:block; font-size:15px; line-height:1.7; letter-spacing:2px; margin:0 0 5px;}
			}
			h2{font-size:12px; line-height:1.8; letter-spacing:1px;}
		}
		img.deco{z-index:2; position:absolute; pointer-events:none;}
		img.deco01{width:70px; top:-20px; left:25%;}
		img.deco02{width:66px; top:100px; right:5%;}
		img.deco03{width:70px; top:46%; left:-10px;}
		img.deco04{width:66px; bottom:10%; left:50%;}
	}
}
div.sliderbox{position:relative; width:100%; height:100%; overflow:hidden; pointer-events:none; background:@white;
	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;
	div.slider{position:relative; width:50%; height:100%; overflow:hidden; pointer-events:none;
		ul{z-index:1; position:relative; width:100%; pointer-events:none;
			li{display:flex; flex-direction:column; width:100%; height:auto; padding-bottom:12px; pointer-events:none;
				img{display:block; width:100%; height:auto; pointer-events:none;}
			}
		}
	}
}
div.sliderL{padding-right:6px;}
div.sliderR{padding-left:6px;}
.start{
	ul.slider01{transform:translateY(0); animation:slide1 50s -25s linear infinite; -webkit-animation:slide1 50s -25s linear infinite;}
	ul.slider02{transform:translateY(0); animation:slide2 50s linear infinite;  -webkit-animation:slide2 50s linear infinite;}
	ul.slider03{transform:translateY(0); animation:slide3 50s -25s linear infinite; -webkit-animation:slide3 50s -25s linear infinite;}
	ul.slider04{transform:translateY(0); animation:slide4 50s linear infinite;  -webkit-animation:slide4 50s linear infinite;}
}
div#teaser{
	div.topkvtxt{
		h1{
			span{opacity:0; blur:20px;}
			strong{opacity:0; blur:20px;}
		}
		h2{opacity:0; blur:20px;}
	}
}
div#teaser.starts{
	div.topkvtxt{
		h1{
			span{animation:blurIn 0.7s ease-out 0.1s forwards;}
			strong{animation:blurIn 0.75s ease-out 0.8s forwards;}
		}
		h2{animation:blurIn 0.7s ease-out 1.5s forwards;}
	}
}

/*LAYOUT*/
main{position:relative; clear:both; display:block;}

/*BTN*/
div.morebtn{position:relative; width:fit-content; margin:0 0 0 auto; .tar();
	a{font-size:18px; padding:0 43px 0 0; display:block; position:relative;
		span{position:relative; z-index:2; white-space:nowrap;}
		i{font-size:132%; vertical-align:middle;}
	}
	a:after{content:''; position:absolute; z-index:1; top:-26px; right:0; width:74px; height:74px; border-radius:50%; background:@green; .trans();}
	a:link{color:@black; .tdn();}
	a:visited{color:@black; .tdn();}
	a:hover{color:@black; .tdn();}
	a:active{color:@black; .tdn();}
}
div.morebtnmb{margin:0 0 9% auto;}
div.morebtn:hover{
	a{letter-spacing:2px; padding:0 33px 0 0;}
	a:after{.trans();
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
}
div.morebtn.pink{
	a:after{background:@pink;}
}
div.morebtn.blue{
	a:after{background:@blue;}
	a:link{color:@white; .tdn();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@white; .tdn();}
}
div.morebtn.yellow{
	a:after{background:@yellow;}
}

/*COMMON TTL*/
.normttl{font-size:28px; margin:0 auto 12%; letter-spacing:3px; white-space:nowrap;
	span{font-size:12px; display:block; letter-spacing:0; margin:0 0 10px; font-weight:400!important;}
}
h3.normttl{font-size:16px; letter-spacing:1px; margin:0 auto 6%; 
	span{font-size:9px;}
}

/*TOPBOX*/
div.topbns{width:90%; margin:90px auto 0;
	ul{
		li{margin:0 0 10px;
			a{display:block;}
		}
	}
}
.home{
	div.topbns{margin:0 auto 120px;}
}

div.topbox{margin:0 auto 12%;
	p{font-size:15px; line-height:1.8; margin:0 auto 12%;}
	article.faqbox{padding:9% 0 0;
		p{margin:0;}
	}
}
div.topabout{padding:15% 0 0; margin:0 auto 6%;
	div.toptxtbox{
		p{font-size:18px; letter-spacing:1px; margin:0 auto 17%;}
	}
}

div.topimgbox{position:relative; width:100%; margin:22px auto 17%; overflow:visible;
	div.waku{position:absolute; z-index:2; width:66%; top:-22px; right:calc(~'17% - 22px'); border:2px solid @blue;}
	div.bgimg{position:relative; z-index:1; margin:0 auto; width:66%; box-shadow:-22px 22px 0 @blue;}
	img.livekun{position:absolute; display:block; z-index:3; width:30%; left:0; bottom:65px;}
}
div.topimgbox.altver{
	div.waku{left:calc(~'17% - 22px'); right:auto; border:2px solid @orange;}
	div.bgimg{box-shadow:22px 22px 0 @orange;}
	img.livekun{width:26%; left:auto; right:6%; bottom:-64px;}
}

div.topfeature{
	>section{margin:0 0 15%;
		h5{font-size:20px; margin:0 0 6%; .tac();}
		ul.featurelist{margin:0 0 6%;
			li{margin:0; box-shadow:none; text-align:left;
				div{z-index:1; position:relative; padding:9% 6%;
					section{text-align:left;
						h4{.tac();}
					}
				}
			}
		}
	}
}

/*TICKER*/
div.rows{margin:0;
	display:-ms-grid;
	-ms-grid-columns:min-content;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
div.autoplay-slider{
	display:flex;
	min-width:100%;
	width:min-content;
	overflow:hidden;
	will-change:transform,animation;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
div.slide{
	position: relative;
	width:107px;
	height:auto;
	padding:0 20px;
	will-change:transform,animation;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
div.anim{
	animation:sliderAnimation 36s linear infinite;
}

div.topdata{
	div.container{position:relative;}
	img.livekun{position:absolute; display:block; width:80px; top:0; right:6%; z-index:2;}
	ul{position:relative; z-index:1;
		li{margin:0 0 6%;}
	}
}

/*TOPNEWS*/
div.topnews{padding:15% 0; margin:0; background:url("../img/bg/note.jpg"); background-size:1400px 850px;}
ul.newslist{margin:0 0 6%;
	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:47.5%; margin:0 0 6%;
		a{display:block;
			article{
				img{display:block; margin:0 0 10px;}
				span.postdate{color:@gray; font-weight:400!important; font-size:11px;}
				span.tag{color:@white; background:@black; font-size:8px; padding:4px 8px 3px;}
				h3{font-size:13px; margin:10px 0 0; line-height:1.5; .fb();}
			}
		}
		a:link{color:@black; .tdn();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@gray; .tdn();}
		a:active{color:@black; .tdn();}
	}
	ul{
		li{width:100%;}
	}
}

/*NEWS*/
div.pagebody{
	ul.newslist{display:block; margin:0 0 15%;
		li{display:block; width:100%; margin:0 0 6%; padding:6% 0 0; border-top:1px solid @grayLL;
			a{
				article{
					span.postdate{color:@grayL; font-size:13px;}
					span.tag{font-size:9px; padding:4px 8px 3px;}
					h3{font-size:15px; margin:12px 0 10px;}
					p.wf{font-size:14px; .tar();
						i{font-size:17px;}
					}
				}
			}
		}
	}
}
/*ARCHIVE*/
div.sidemenu{width:180px; margin:0 0 6% auto;
	select.yearselect{width:100%; padding:12px 15px; border:1px solid @gray; font-size:16px;
		-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;
		background:#fafafa url("../img/bg/arrow.png") 90% 50% no-repeat; background-size:10px,100%;
	}
}
/*TOPBLACK*/
div.topblack{background:@black; color:@grayLL;
	.normttl{color:@white;
		span{color:@grayLL;}
	}
}
/*LIVERLIST*/
ul.liverlist{
	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:47.5%; background:@white; margin:0 0 5%;
		article{position:relative; padding:10%; width:100%;}
		div.numtag{z-index:3; position:absolute; top:7px; left:9px; pointer-events:none;
			img{z-index:4; width:20px; margin:0; .inline();}
		}
		img{position:relative; z-index:1; margin:0 0 12%;}
		span.num{color:@white; z-index:2; position:absolute; top:0; left:0; width:42px; height:42px; line-height:42px; background:@black; font-size:13px; .fb(); .tac();}
		h3{font-size:15px; letter-spacing:1px; color:@black; white-space:nowrap; margin:0 0 12px; .fb();}
		a{font-size:10px;
			i::before{font-size:13px;}
		}
		a:link{color:@black; .tdu();}
		a:visited{color:@black; .tdu();}
		a:hover{color:@gray; .tdu();}
		a:active{color:@black; .tdu();}
	}
}
/*TOPLIVER*/
div.topliver{padding:12% 0;
	ul.liverlist{margin:0 0 18%;
		li:first-child{border:3px solid @yellow;}
		li:nth-child(2){border:3px solid @pink;}
		li:nth-child(3){border:3px solid @blue;}
		li:last-child{border:3px solid @green;}
		li{margin:0;
			h3{margin:0;}
		}
		li:nth-child(even){margin-top:6%;}
	}
}
/*LIVER PROFILE*/
div.pagebody{
	ul.liverlist{margin:0 0 18%;
		li:first-child{border:3px solid @yellow;}
		li:nth-child(2){border:3px solid @pink;}
		li:nth-child(3){border:3px solid @blue;}
		li:nth-child(4){border:3px solid @green;}
		li:nth-child(5){border:3px solid @yellow;}
		li:nth-child(6){border:3px solid @pink;}
		li:nth-child(7){border:3px solid @blue;}
		li:nth-child(8){border:3px solid @green;}
		li:nth-child(9){border:3px solid @yellow;}
		li:nth-child(10){border:3px solid @pink;}
		li:nth-child(11){border:3px solid @blue;}
		li:nth-child(12){border:3px solid @green;}
		li:nth-child(13){border:3px solid @yellow;}
		li:nth-child(14){border:3px solid @pink;}
		li:nth-child(15){border:3px solid @blue;}
		li:nth-child(16){border:3px solid @green;}
		li:nth-child(17){border:3px solid @yellow;}
		li:nth-child(18){border:3px solid @pink;}
		li:nth-child(19){border:3px solid @blue;}
		li:nth-child(20){border:3px solid @green;}
		li:nth-child(21){border:3px solid @yellow;}
		li:nth-child(22){border:3px solid @pink;}
		li:nth-child(23){border:3px solid @blue;}
		li:nth-child(24){border:3px solid @green;}
		li:nth-child(25){border:3px solid @yellow;}
		li:nth-child(26){border:3px solid @pink;}
		li:nth-child(27){border:3px solid @blue;}
		li:nth-child(28){border:3px solid @green;}
		li:nth-child(29){border:3px solid @yellow;}
		li:nth-child(30){border:3px solid @pink;}
		li:nth-child(31){border:3px solid @blue;}
		li:nth-child(32){border:3px solid @green;}
		li:nth-child(33){border:3px solid @yellow;}
		li:nth-child(34){border:3px solid @pink;}
		li:nth-child(35){border:3px solid @blue;}
		li:nth-child(36){border:3px solid @green;}
		li:nth-child(37){border:3px solid @yellow;}
		li:nth-child(38){border:3px solid @pink;}
		li:nth-child(39){border:3px solid @blue;}
		li:nth-child(40){border:3px solid @green;}
		li:nth-child(41){border:3px solid @yellow;}
		li:nth-child(42){border:3px solid @pink;}
		li:nth-child(43){border:3px solid @blue;}
		li:nth-child(44){border:3px solid @green;}
		li:nth-child(45){border:3px solid @yellow;}
		li:nth-child(46){border:3px solid @pink;}
		li:nth-child(47){border:3px solid @blue;}
		li:nth-child(48){border:3px solid @green;}
		li:nth-child(49){border:3px solid @yellow;}
		li:nth-child(50){border:3px solid @pink;}
		li:nth-child(51){border:3px solid @blue;}
		li:nth-child(52){border:3px solid @green;}
		li:nth-child(53){border:3px solid @yellow;}
		li:nth-child(54){border:3px solid @pink;}
		li:nth-child(55){border:3px solid @blue;}
		li:nth-child(56){border:3px solid @green;}
		li:nth-child(57){border:3px solid @yellow;}
		li:nth-child(58){border:3px solid @pink;}
		li:nth-child(59){border:3px solid @blue;}
		li:nth-child(60){border:3px solid @green;}
		li:nth-child(61){border:3px solid @yellow;}
		li:nth-child(62){border:3px solid @pink;}
		li:nth-child(63){border:3px solid @blue;}
		li:nth-child(64){border:3px solid @green;}
		li:nth-child(65){border:3px solid @yellow;}
		li:nth-child(66){border:3px solid @pink;}
		li:nth-child(67){border:3px solid @blue;}
		li:nth-child(68){border:3px solid @green;}
		li:nth-child(69){border:3px solid @yellow;}
		li:nth-child(70){border:3px solid @pink;}
		li:nth-child(71){border:3px solid @blue;}
		li:nth-child(72){border:3px solid @green;}
		li:nth-child(73){border:3px solid @yellow;}
		li:nth-child(74){border:3px solid @pink;}
		li:nth-child(75){border:3px solid @blue;}
		li:nth-child(76){border:3px solid @green;}
		li:nth-child(77){border:3px solid @yellow;}
		li:nth-child(78){border:3px solid @pink;}
		li:nth-child(79){border:3px solid @blue;}
		li:nth-child(80){border:3px solid @green;}
		li:nth-child(81){border:3px solid @yellow;}
		li:nth-child(82){border:3px solid @pink;}
		li:nth-child(83){border:3px solid @blue;}
		li:nth-child(84){border:3px solid @green;}
		li:nth-child(85){border:3px solid @yellow;}
		li:nth-child(86){border:3px solid @pink;}
		li:nth-child(87){border:3px solid @blue;}
		li:nth-child(88){border:3px solid @green;}
		li:nth-child(89){border:3px solid @yellow;}
		li:nth-child(90){border:3px solid @pink;}
		li:nth-child(91){border:3px solid @blue;}
		li:nth-child(92){border:3px solid @green;}
		li:nth-child(93){border:3px solid @yellow;}
		li:nth-child(94){border:3px solid @pink;}
		li:nth-child(95){border:3px solid @blue;}
		li:nth-child(96){border:3px solid @green;}
		li:nth-child(97){border:3px solid @yellow;}
		li:nth-child(98){border:3px solid @pink;}
		li:nth-child(99){border:3px solid @blue;}
		li:nth-child(100){border:3px solid @green;}
		li:nth-child(101){border:3px solid @yellow;}
		li:nth-child(102){border:3px solid @pink;}
		li:nth-child(103){border:3px solid @blue;}
		li:nth-child(104){border:3px solid @green;}
		li{margin:0;}
		li:nth-child(even){margin-top:6%;}
		li{
			a{display:block; .tdn();
				h3{margin:0;}
				i{position:absolute; bottom:6%; right:10%;}
				i::before{font-size:20px;}
			}
		}
	}
}
/*TOPNEWCOMER*/
div.topnewcomer{}

/*RANKING*/
div.topranking{padding:0 0 10%; margin:0 0 15%;
	p span{color:@gray;}
	ul.liverlist{
		li span.num{background:@grayD;}
		li.num01 span.num{background:#E0C65A;}
		li.num02 span.num{background:#D8D8D8;}
		li.num03 span.num{background:#E0A75A;}
		li.yrank{width:24%; margin:0 0 3%;
			article{padding:5%;}
			img{position:relative; z-index:1; margin:0 0 5%;}
			span.num{width:20px; height:20px; line-height:20px; background:@gray; font-size:9px;}
			h3{font-size:9px; letter-spacing:0; white-space:normal; margin:0 0 5px;}
			a{font-size:9px;
				i::before{font-size:9px;}
			}
		}
		li.yrank:last-child{margin-right:auto; margin-left:1.33%;}
	}
}
/*MENU TAB*/
ul.tabcontent{
	li.tabhide{display:none;}
	li.contentarea{display:block;}
}
ul.tabbox{font-size:12px; margin:0 0 12%; width:100%; .tac();
	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;
	li{/***width:32%;***/ width:47%; padding:0 0 15px; color:@grayL; font-weight:400!important; border-bottom:1px solid @grayL; cursor:pointer; white-space:nowrap;
		i{font-size:85%;}
	}
	li.tabselect{color:@white; padding:0 0 14px; border-bottom:2px solid @white; font-weight:700!important;}
}
/*PARTNER
div.toppartner{padding:10% 0;
	ul{
		display: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:47.5%; margin:0 0 5%;
			h3{font-size:85%; margin:0 0 10px; .tac(); .fb();}
		}
	}
	p{text-align:right; font-size:85%; margin:0 0 5%;}
}
div.toppartnerbn{width:100%; margin:0 auto 6%;}*/

/*TOP TOPICS
div.toptopics{position:relative;
	ul#carousel{position:relative; overflow:visible; margin:0 0 12%;
		li{margin:0 30px 0 0;
			a{display:block;
				article{
					img{display:block; margin:0 0 15px;}
					span.postdate{color:@grayD; font-weight:400!important; font-size:12px;}
					h3{font-size:14px; margin:10px 0 0; line-height:1.7; .fb();}
				}
			}
			a:link{color:@black; .tdn();}
			a:visited{color:@black; .tdn();}
			a:hover{color:@gray; .tdn();}
			a:active{color:@black; .tdn();}
		}
	}
	.slick-list{padding:0 15% 0 0!important;}
	.slick-prev,.slick-next{
		top:calc(~'-58px - 12%');
		width:42px;
		height:42px;
	}
	.slick-prev:before,.slick-next:before{
		font-size:16px;
	}
	.slick-prev{right:58px;}
	.slick-next{right:0; .trans();}
}*/

/*CAL*/
div.eo-fullcalendar{
	div.fc-toolbar{display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:center; align-items:center;
		div.fc-left{
			h2{font-size:16px!important;}
		}
		div.fc-right{
			button.fc-today-button{display:none;}
			div:last-child{display:none;}
		}
		div.fc-center{display:none;}
		div.fc-clear{display:none;}
	}
	table{
		tr{
			td.fc-event-container{
				a{.tdn(); .fb(); padding:5px; border:none!important; pointer-events:none;}
			}
		}
		thead{
			tr{
				th.fc-day-header{background:@black!important; color:@white; .fb(); padding:10px!important;}
			}
		}
	}
}
/*PAGE TTL*/
div.pagetitle{position:relative; padding:24% 0 12%; margin:0 0 6%; background:@black;
	section{color:@white;
		h1{font-size:12px; margin:0 0 10px; font-weight:400!important;}
		h2{font-size:28px; letter-spacing:3px; white-space:nowrap;}
		h2.multiple{line-height:1.4;}
	}
}
div.pagetitle.picver{padding:24% 0 36%; margin:0 0 30%;
	div.container{position:relative;}
	section:first-child{margin:0 0 12%;}
	section:last-child{position:absolute; width:90%;}
}
.page-data{
	div.pagetitle{background:@blue;}
}
.page-about{
	div.pagetitle{background:@yellow;
		section{color:@black;}
	}
	div.pagebody{margin:6% auto 0;}
}
.page-originalevent,.page-benefits{
	div.pagetitle{background:@yellow;
		section{color:@black;}
	}
}
.page-archive{
	div.pagetitle{background:@green;}
}
.category-interview{
	div.pagetitle{background:@purple;}
}
.category-event{
	div.pagetitle{background:@pink;}
}
.category-topics{
	div.pagetitle{background:@green;}
}
/*PAGE*/
article.introbox{margin: 0 0 12%;
	h3{font-size:24px; letter-spacing:1px; line-height:1.7;}
	p{font-size:15px; line-height:1.8;}
}
div.pagebody{margin:6% auto 18%;
	article{
		div.postbody{
			p{font-size:15px; line-height:1.8; margin:0 0 6%;}
			table{width:100%; line-height:1.8; font-size:14px;
				tr{border-bottom:1px solid @grayLL;
					th{width:100%; padding:20px 0 0; display:block; text-align:left; .fb();}
					td{width:100%; padding:5px 0 20px; display:block; }
				}
				tr:last-child{border-bottom:none;}
				tr:first-child{
					th{padding:0;}
				}
			}
		}
	}
	article.privacy{margin:0 auto 6%;
		div.postbody{
			h3{font-size:18px; line-height:1.8; margin:0 0 6%; .fb();}
			p{font-size:15px; line-height:1.8; margin:0 0 6%;}
		}
	}
}

/*ABOUT*/
ul.featurelist{margin:0 0 15%; 
	li{position:relative; margin:0 0 9% 10px; border:2px solid @green; box-shadow:-10px 10px 0 @green; .tac(); overflow:hidden;
		div{z-index:1; position:relative; padding:9% 6% 15%;}
		img{display:block; width:80px; margin:0 auto 6%;}
		h4{font-size:22px; letter-spacing:2px; margin:0 auto 6%;}
		p{font-size:15px; line-height:1.8;}
		span.bgnum{z-index:-1; pointer-events:none; position:absolute; line-height:0.6; vertical-align:bottom; bottom:0; right:0; font-size:100px; font-weight:700!important; color:@grayLLL;}
		section{font-size:15px; text-align:right; margin:20px 0 0;
			a{.tdn();
				i{background:@green; color:@white; width:30px; height:30px; line-height:30px; border-radius:50%; .inline(); .tac();}
			}
		}
	}
}
div.benebn{margin:0 0 50px; background:@yellow; padding:48px 0; .tac();
	h3{font-size:24px; margin:0 0 28px;}
	p{font-size:14px; line-height:1.7; margin:0 0 28px;}
	a{font-size:14px; letter-spacing:1px; display:block; width:80%; padding:24px 0 23px; margin:0 auto; background:@grayDD;}
	a:link{color:@white; .tdn();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@grayDD; .tdn(); background:@white;}
	a:active{color:@white; .tdn();}
}
div.aboutmov{margin:0 0 15%;}
article.voicebox{margin:0 0 15%;}
div.slickbox{
	ul{
		li{
			article{padding:0 2%;
				div.voicecon{background:@grayLL; padding:15px; border-radius:60px;
					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:center; align-items:center;
					section{.fb();
						img{border-radius:50%;}
						h4{font-size:10px; letter-spacing:1px; margin:0 0 8px; color:@grayD;}
						p{font-size:12px; line-height:1.6;}
					}
					section:first-child{width:24%;}
					section:last-child{width:72%; padding:0;}
				}
			}

		}
	}
}
article.faqbox{margin:0 0 15%;
	ul.faqlist{
		li{margin:0 0 2px;
			section:first-child{background:@yellow; padding:5%; width:100%; cursor:pointer; .trans(); 
				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:center; align-items:center;
				span{font-size:20px; width:5%;}
				h4{word-wrap:break-word; width:85%; font-size:15px; line-height:1.7; .fb();}
			}
			section:last-child{padding:5%; background:@yellowL;
				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;
				span{font-size:20px; width:5%;}
				p{font-size:14px; line-height:1.7; width:92%;}
			}
			section:first-child:hover{opacity:0.7;}
			section.none-submenu:after{width:5%; content:'▼'; font-family:'sans-serif'; font-size:75%; line-height:1; font-weight:normal; float:right;}
			section.active-submenu:after{width:5%; content:'▲'; font-family:'sans-serif'; font-size:75%; line-height:1; font-weight:normal; float:right;}
		}
	}
}
article.founderbox{padding:15% 0; background:@black; color:@white;
	h4{font-size:18px; letter-spacing:1px; line-height:1.7; margin:0 0 12%;}
	img.sp{margin:0 0 12%;}
	p{font-size:15px; letter-spacing:1px; line-height:1.8;
		span{font-size:18px; display:block; letter-spacing:3px;}
	}
}
/*ABOUT EVENT*/
article.eventbox{padding:9% 0;
	h3.normttl{font-size:21px; letter-spacing:1px; margin:0 0 9%; line-height:1;}
	img{margin:0 0 6%; border:1px solid @grayD;}
	p{font-size:15px; line-height:1.6; margin:0 0 7.5%;}
	section.links{width:fit-content; margin:0 0 0 auto;
		a{font-size:10px; text-align:right; .tdn(); padding:0 0 15px; border-bottom:1px solid @black;}
		a:hover{opacity:0.7;}
	}
}
/*ABOUT BENEFITS*/
div.benelist{margin:52px auto 74px;
	h3{font-size:16px; margin:0 auto 36px; letter-spacing:1px; .tac();}
	ul{width:88%; margin:0 auto;
		li{margin:0 0 15px; border:4px solid @yellow; box-shadow:6px 6px 0 @yellow;
			a{font-size:13px; display:block; padding:25px 30px; .tdn();}
		}
		li:nth-child(2){border:4px solid @pink; box-shadow:6px 6px 0 @pink;}
		li:nth-child(3){border:4px solid @green; box-shadow:6px 6px 0 @green;}
		li:nth-child(4){border:4px solid @blue; box-shadow:6px 6px 0 @blue;}
		li:nth-child(5){border:4px solid @red; box-shadow:6px 6px 0 @red;}
		li:nth-child(6){border:4px solid @purple; box-shadow:6px 6px 0 @purple;}
	}
}
article.benebox{
	h3{font-size:14px; letter-spacing:1px; margin:0 0 6%; line-height:1; background:@grayDD; padding:26px; color:@white;}
	h4{font-size:16px; line-height:1.6; margin:0 0 22px; .fb();}
	p{font-size:15px; line-height:1.7; margin:0 0 6%;}
	img.bdb{border:1px solid @gray;}
	a:link{color:@green; .tdu();}
	a:visited{color:@green; .tdu();}
	a:hover{color:@gray; .tdu();}
	a:active{color:@green; .tdu();}
	div.beneslider{margin:0 0 24%;
		ul{
			li{
				p{margin:0;}
				img{margin:0 0 22px;}
			}
		}
	}
	div.benedivide{
		section{margin:0 0 50px;
			img{display:block; margin:0 auto 22px;}
			p{font-size:12px;}
		}
		section:last-child{
			img{width:162px;}
		}
	}
	div.benelf{margin:0 0 50px;
		section{margin:0 0 22px;
			img{display:block; margin:0 auto 22px;}
		}
	}
}
article.benebox07{
	h3{background:@green;}
	div.benelf{margin:0 0 40px;}
	div.exbenefit{width:80%; margin:0 auto;
		div.plus{margin:0 0 40px; font-size:50px; .tac();}
		div.exbenebox{margin:0 0 40px; padding:26px 16px; border:2px solid @green;
			p{.tac(); margin:0;}
			img{display:block; margin:22px auto 0;}
		}
	}
}

.slick-prev,.slick-next{
	z-index:100;
	font-size:0;
	line-height:0;
	position:absolute;
	display:block;
	border-radius:50%;
	padding:0;
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	background:@grayL;
	.trans();
}
.slick-prev:hover,.slick-next:hover{background:@black;}
.slick-prev:before,.slick-next:before{
	position:relative;
	font-size:22px;
	opacity:1;
	line-height:1;
	color:@white;
	font-family:"fontello";
}
.slick-prev::before{content:"\e804";}
.slick-next::before{content:"\e802";}

article.benebox{
	.slick-prev,.slick-next{
		top:103%;
		width:54px;
		height:54px;
	}
	.slick-prev:before,.slick-next:before{
		font-size:24px;
	}
	.slick-prev{left:calc(~'50% - 64px');}
	.slick-next{right:calc(~'50%  - 64px');}
}

/*DATA*/
article.databox{
	img{display:block; margin:0 0 6%;}
}

/*PROFILE*/
div.vbox-content{margin-top:84px!important;}
div.vbox-overlay{z-index:10010;}
div.vbox-inline{height:auto!important; max-width:88vw!important; background:none!important;}
.vbox-close{z-index:10050; top:1%; right:6%; position:fixed; font-weight:400!important; color:@grayL!important; background:none!important;
	 padding:0; font-size:64px; line-height:1; width:auto; height:auto; text-align:center; cursor:pointer; overflow:hidden; display:block;
}
div.lightbox{background:@white; padding:6%;
	section.heading{margin:0 0 6%;
		.normttl{margin:0;
			span{color:@gray;}
		}
	}
	section{position:relative;}
	div.numtag{z-index:1; position:absolute; top:4px; left:4px; pointer-events:none;
		img{z-index:2; width:24px; margin:0; .inline();}
	}
	img{margin:0 0 6%;}
	table{width:100%; line-height:1.8; font-size:14px; border-top:1px solid @grayL; -webkit-backface-visibility:visible;
		tr{border-bottom:1px solid @grayL;
			th{padding:15px 0; white-space:nowrap; .tar(); .fb();}
			td{padding:15px 0 15px 20px;}
		}
	}
	div.watchbtn{margin:6% 0 0;
		a{display:block; width:fit-content; background:@black; padding:16px 32px; border-radius:24px; letter-spacing:1px; .fb();}
		a:link{color:@white; .tdn();}
		a:visited{color:@white; .tdn();}
		a:hover{background:@grayD; color:@white; .tdn();}
		a:active{color:@white; .tdn();}
	}
	ul.liversns{margin:6% 0 0;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:flex-start; justify-content:flex-start;
		-webkit-align-items:center; align-items:center;
		li{width:38px; margin:0 24px 0 0;}
		li.ig{width:35px;}
		li.tt{width:34px;}
		li:last-child{margin:0;}
	}
}
/*INTERVIEW*/
ul.interviewlist{margin:0 0 15%;
	li{margin:0 0 6%; border-top:1px solid @grayLL; padding:6% 0 0;
		a{font-size:14px;
			section:first-child{margin:0 0 15px;}
			section{
				h3{font-size:15px; line-height:1.7; .fb();}
				span.postdate{display:block; font-size:13px; margin:0 0 10px; font-weight:400!important; color:@grayL;}
			}
		}
		a:link{color:@black; .tdn();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@gray; .tdn();}
		a:active{color:@black; .tdn();}
	}
}
ul.comicslist{margin:0 0 15%;
	li{margin:0 0 6%; border-top:1px solid @grayLL; padding:6% 0 0;
		a{display:flex;
			-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
			-webkit-justify-content:space-between; justify-content:space-between;
			-webkit-align-items:center; align-items:center;
			section:first-child{width:36%;
				img{border:1px solid @grayL;}
			}
			section{width:56%;
				h3{font-size:15px; line-height:1.7; .fb();}
				span.postdate{display:block; font-size:13px; margin:0 0 10px; font-weight:400!important; color:@grayL;}
			}
		}
		a:link{color:@black; .tdn();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@gray; .tdn();}
		a:active{color:@black; .tdn();}
	}
}
/*SINGLE*/
main#single{
	div.pagebody{margin:24% 0 18%;
		article.newssg{
			section.postinfo{margin:0 0 2.5%;
				h3{font-size:24px; letter-spacing:1px; margin:0 0 10%; line-height:1.7; .fb();}
				span.postdate{display:block; font-size:13px; margin:0 0 10px; font-weight:400!important; color:@grayL;}
			}
			div.postbody>section{margin-bottom:5%;}
			div.postbody{line-height:1.9;
				img{margin-bottom:9%;}
				p{font-size:14px; margin-bottom:9%;}
				p>img{margin:0;}
				h4{font-size:18px; padding-bottom:6%; margin-bottom:6%; line-height:1.7; .fb(); border-bottom:solid 1px @black;}
			}
		}
	}
}
main#single.comics{padding:6% 0 0; background:#000;
	div.pagebody{
		article.newssg{
			section.postinfo{
				h3{color:@white;}
			}
			div.postbody{color:@white;
				h4{border-bottom:solid 1px @white;}
			}
		}
	}
	div.share{
		h3{color:@white;}
	}
	div.pagenation{
		a:link{color:@white; .tdn();}
		a:visited{color:@white; .tdn();}
		a:hover{color:@gray; .tdn();}
		a:active{color:@white; .tdn();}
	}
}
/*SHARE*/
div.share{padding:12% 0;
	display:-webkit-flex; display:flex;
	-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
	-webkit-justify-content:flex-end; justify-content:flex-end;
	-webkit-align-items:center; align-items:center;
	h3{font-size:13px; margin-right:4%; font-weight:400!important;}
	div{margin-right:4%; .tac();
		a{display:block; width:44px; height:44px; border-radius:50%;}
		a:hover{
			img{opacity:1;}
		}
	}
	div.tw{
		a{background:#55ACEE; padding-top:13.5px;
			img{width:22px;}
		}
		a:hover{background:@black;}
	}
	div.fb{
		a{background:#1877F2; padding-top:11px;
			img{width:12px;}
		}
		a:hover{background:@black;}
	}
	div.ln{margin-right:0%;
		a{background:#4CC764; padding-top:12px;
			img{width:22px;}
		}
		a:hover{background:@black;}
	}
}
/*PAGENAVI*/
div.pagenavi{margin:6% 0 12%;}
div.wp-pagenavi{
	span{width:40px; height:40px; line-height:40px; .inline(); background:@black; color:@white; border-radius:50%; margin:0 0.5em; .tac();}
	span:first-child{margin:0 0.5em 0 0;}
	span:last-child{margin:0 0 0 0.5em;}
	a:first-child{margin:0 0.5em 0 0;}
	a:last-child{margin:0 0 0 0.5em;}
	a{width:40px; height:40px; line-height:40px; .inline(); border-radius:50%; border:1px solid @gray; margin:0 0.5em; .tac();}
	a:link{color:@black; .tdn();}
	a:visited{color:@black; .tdn();}
	a:hover{color:@white; background:@black; .tdn();}
	a:active{color:@black; .tdn();}
}
/*PAGENATION*/
div.pagenation{padding:6% 0; border-top:1px solid @grayL; border-bottom:1px solid @grayL; font-size:15px;
	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;
	div{width:33%;}
	div:nth-child(2){width:34%; .tac();}
	div:last-child{.tar();}
	a:link{color:@black; .tdn();}
	a:visited{color:@black; .tdn();}
	a:hover{color:@gray; .tdn();}
	a:active{color:@black; .tdn();}
}
/*CONTACT*/
div.applyform{padding:6% 0 0;
	table.mailform{margin:0 auto; 
		textarea{width:100%; padding:15px; resize:vertical; font-size:16px;}
		input{width:100%; padding:15px; font-size:16px;}
		input::placeholder{color:@grayL;}
		textarea::placeholder{color:@grayL;}
		span.mwform-tel-field{
			input{width:auto;}
		}
		input[type="file"]{padding:0;}
		input[type="checkbox"]{width:auto!important; vertical-align:middle; .inline();}
	}
	input[type="submit"],button{-webkit-appearance:button; cursor:pointer; outline:none; border:none; background:none; background-color:none; border-radius:0;}
	div.btnsubmit{position:relative; width:100%; margin:0 auto;
		display:-webkit-flex; display:flex;
		-webkit-flex-flow:row wrap; flex-flow:row wrap; 
		-webkit-justify-content:center; justify-content:center;
		-webkit-align-items:center; align-items:center;
		div.g-recaptcha{width:100%; margin:0 auto 6%;}
		input.soushin{.inline(); width:auto; margin:0 10px 0 0; color:@black; cursor:pointer; font-size:15px; letter-spacing:1px; .tac(); .trans(); .fb();}
		div.arrow{.inline(); font-size:120%; color:@white; background:@black; width:42px; height:42px; line-height:42px; border-radius:50%; .tac(); .trans();}
	}
	div.btnsubmit:hover{
		input.soushin{color:@gray; margin:0 12px 0 0; letter-spacing:2px;}
		div.arrow{background:@gray;}
	}
}
/*HOWTO*/
ul.howtolist{width:90%; margin:0 auto;
	li{margin:0 0 10%;
		div{position:relative; width:100%; height:100%; margin:0 0 5%; .tac;
			span.num{.wf; z-index:2; position:absolute; top:-28px; left:-28px; width:56px; height:56px; line-height:56px; background:@yellow; color:@white; border-radius:50%; font-size:20px; .fb;}
			img{position:relative; z-index:1;}
		}
		h5{.fb; color:#06c755; line-height:1.7; font-size:16px; margin:0 0 4%; letter-spacing:1px;}
		p{line-height:1.7; font-size:14px; text-align:left; margin:0 0 7.5%;}
	}
	li:after{content:""; display:block; width:0; height:0; margin:0 auto;
		border-right:20px solid transparent;
		border-left:20px solid transparent;
		border-top:20px solid @yellow;
	}
	li:last-child:after{content:none; display:none;}
}
div.linebtn{
	a{display:block; .tac(); background:#06c755; padding:24px 15px; border-radius:6px;
		section{
			display:-webkit-flex; display:flex;
			-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
			-webkit-justify-content:center; justify-content:center;
			-webkit-align-items:center; align-items:center;
			/***img{width:36px;}***/
			p{margin:0; line-height:1; white-space:nowrap; letter-spacing:1px;}
			i{font-size:124%;}
		}
	}
	a:link{color:@white; .tdn(); .trans();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@white; .tdn();}
}

/*SP NAV*/
button.spmenu{z-index:9991; position:fixed; top:8px; right:6px; height:50px; width:50px; background:@black; border-radius:50%;
	border:none; cursor:pointer; outline:none; padding:0; appearance:none;
	span{z-index:9992; position:absolute; left:15px; width:20px; height:2px; border-radius:2px; background-color:@white; .inline(); .trans();}
	span:nth-of-type(1){top:16px;}
	span:nth-of-type(2){top:23px;}
	span:nth-of-type(3){top:30px;}
}
button.spmenu.active{
	span{background-color:@white;}
	span:nth-of-type(1){-webkit-transform:translateY(7px) rotate(45deg); transform:translateY(7px) rotate(45deg);}
	span:nth-of-type(2){opacity:0;}
	span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(-45deg); transform:translateY(-7px) rotate(-45deg);}
}
div#spnav{z-index:9990; position:fixed; top:0; right:0; width:100%; height:100%; opacity:0; background:rgba(255,255,255,0.7); visibility:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; .trans();
	nav{width:85%; min-height:100%; margin:0 0 0 15%; padding:75px 5% 0; background:rgba(0,0,0,0.9);}
}
div#spnav.active{right:0; opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); visibility:visible;}
ul.mainnav{
	li{
		>a{padding:0; margin:0 0 25px; display:block; font-size:16px;}
		b{display:block; font-size:17px; font-weight:400!important;}
		a:link{color:@white; .tdn(); .trans();}
		a:visited{color:@white; .tdn();}
		a:hover{color:@yellow; .tdn();}
		a:active{color:@white; .tdn();}
		section.trigger{color:@white; margin:0 0 25px; cursor:pointer; .cf(); .trans();}
		section.trigger:hover{color:@yellow; .trans();}
		section.none-submenu:before{content:'\e800'; font-family:'fontello'; font-size:125%; font-weight:normal; float:right;}
		section.active-submenu:before{content:'\e801'; font-family:'fontello'; font-size:125%; font-weight:normal; float:right;}
		section.submenu{margin:0 0 25px 20px;
			a{font-size:15px; display:block; margin:0 0 20px;}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@yellow; .tdn();}
			a:active{color:@white; .tdn();}
		}
	}
}
div.navfoot{margin-top:40px; padding:0 0 60px;
	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-end; align-items:flex-end;
}
ul.snsnav{
	li{padding-left:10px; .inline();
		a{display:block; font-size:150%; padding:0;
			img{width:17px; .inline(); vertical-align:top; margin-top:1.5px;}
		}
		a:link{color:@white; .tdn();}
		a:visited{color:@white; .tdn();}
		a:hover{color:@yellow; .tdn();}
		a:active{color:@white; .tdn();}
	}
	li:first-child{padding:0;}
}
div.copy{font-size:10px;
	small{color:@gray; padding-right:5px;}
	a:link{color:@gray; .tdn();}
	a:visited{color:@gray; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@gray; .tdn();}
}
/*FOOTER*/
footer{position:relative; z-index:11; padding:12% 0 6%; background:@black;
	h1{width:100px; margin:0;}
	div.foothead{margin:0 0 12%;
		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-end; align-items:flex-end;
	}
	ul.mainnav{padding:0 0 12%;}
}
/*FOOT CONTACT*/
div.footcontact{border-top:1px solid @grayLL;
	ul{
		li{position:relative; width:100%; padding:10% 5% 5%; overflow:hidden;
			.normttl{margin:0 0 6%;}
			p{font-size:14px; line-height:1.8; margin:0 0 5%;}
			a{display:block; .tar(); .fb(); margin:0 0 5%;
				span{.inline(); padding-right:10px; .trans();}
				i{.inline(); font-size:120%; width:40px; height:40px; line-height:40px; color:@white; background:@black; border-radius:50%; .tac(); .trans();}
			}
			a:link{color:@black; .tdn();}
			a:visited{color:@black; .tdn();}
			a:hover{color:@gray; .tdn();
				span{padding-right:12px; letter-spacing:1px;}
				i{-webkit-transform:scale(1.2); transform:scale(1.2);}
			}
			a:active{color:@black; .tdn();}
			div.contactlayer{position:relative; z-index:1; width:100%;}
			div.bgletter{position:absolute; z-index:-1; bottom:6%; left:-12%; color:@grayLLL; font-size:850%; font-weight:700!important; white-space:nowrap; overflow:hidden;}
		}
		li:first-child{border-bottom:1px solid @grayLL;}
	}
}
/*MODAL*/
div#topmodal{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; overflow:hidden!important;
	div.mov{width:90%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
}
div#modalclose{position:absolute; top:10%; right:10%; width:42px; display:block; cursor:pointer;}
div.topmodal{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; overflow:hidden!important;
	div.mov{width:90%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
}
div.modalclose{position:absolute; top:10%; right:10%; width:42px; display:block; cursor:pointer;}

/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:769px){
html,body,header#header{min-width:1120px;}
.sp{display:none!important;}

/*HEADER*/
header#header{width:100%; padding:40px 5%; opacity:1; .trans();
	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;
	h1{width:96px;}
}
/*nav{width:calc(~'100% - 180px'); margin:0; padding:15px 2% 0 0; .trans();
	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:center; align-items:center;
	ul.pcnav{
		display:-webkit-flex; display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:flex-start; justify-content:flex-start;
		-webkit-align-items:center; align-items:center;
		li{font-size:15px; padding:0 17px; white-space:nowrap; letter-spacing:0px;
			a{display:block; font-weight:400!important;}
			a:link{color:@white; .tdn(); .trans();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@gray; .tdn();}
			a:active{color:@white; .tdn();}
		}
		li.sns{padding:0 13px;
			i{font-size:135%; letter-spacing:0px;}
		}
		li.sns:last-child{padding-right:0;}
	}
}*/
/*LINE BN*/
div.linebn{bottom:4.5%; right:0; width:320px; border-radius:8px 0 0 8px;
	a{font-size:20px; letter-spacing:4px; padding:20px; text-align:left; white-space:normal;
		section{
			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:center; align-items:center;
		}
		i{font-size:200%;}
	}
}
/*BBS BN*/
div.bbsbn{bottom:80px; right:auto; left:4.5%; bottom:3%; width:10%; max-width:130px;
	a{
		img{opacity:0.7;}
		img:hover{opacity:1;}
	}
}
div.sppbn{bottom:80px; right:auto; left:calc(~'4.5% + 145px'); bottom:3%; width:10%; max-width:130px;
	a{
		img{opacity:0.7;}
		img:hover{opacity:1;}
	}
}
div.sppbn2{bottom:80px; right:auto; left:calc(~'4.5% + 290px'); bottom:3%; width:10%; max-width:130px;
	a{
		img{opacity:0.7;}
		img:hover{opacity:1;}
	}
}
/*BLACK*/
.home{
	header#header{
		h1{
			img{filter:brightness(0);}
		}
	}
}
.page-about,.page-originalevent,.page-benefits,.page-archive,.category-event,.category-topics{
	div.bread{
		p{color:@grayL;
			a:link{color:@black; .tdn(); .trans();}
			a:visited{color:@black; .tdn();}
			a:hover{color:@grayL; .tdn();}
			a:active{color:@black; .tdn();}
		}
	}
}
.sec02{
	header#header{
		h1{
			img{filter:brightness(0);}
		}
	}
}
.sec03{
	header#header{
		h1{
			img{filter:brightness(100%);}
		}
	}
}
.sec04,.sec05{
	header#header{opacity:0; pointer-events:none;}
	div.linebn{bottom:-110px;}
	div.sppbn,div.sppbn2,div.bbsbn{bottom:-130px;}
}
#comicsg{
	div.bread{z-index:1;
		p{color:@gray;
			a:link{color:@white; .tdn(); .trans();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@gray; .tdn();}
			a:active{color:@white; .tdn();}
		}
	}
}

/*TOP KV*/
div.topteaser{
	div.topkv{background:@white;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:center; align-items:center;
		div.topkvtxt{z-index:1; position:relative; width:calc(~'50% - 42px'); bottom:auto; left:auto; background:none; padding:3% 0 0 6%;
			h1{font-size:78px; letter-spacing:10px; line-height:1.3; margin:0 0 20px; white-space:nowrap;
				span{display:block; font-size:34px; line-height:1; letter-spacing:5px; margin:0 0 15px;}
			}
			h2{font-size:18px; line-height:2; letter-spacing:2px;}
		}
		img.deco{position:absolute; pointer-events:none;}
		img.deco01{width:98px; top:-18px; left:28%;}
		img.deco02{width:80px; top:120px; right:9%;}
		img.deco03{width:90px; top:48%; left:-8px;}
		img.deco04{width:100px; bottom:6%; left:48%;}
	}
}
div.sliderbox{width:calc(~'50% - 42px'); margin-right:42px;}


/*BTN*/
div.morebtn{
	a{font-size:20px; letter-spacing:0.5px; padding:0 72px 0 0;
		i{font-size:139%;}
	}
	a:after{top:-45px; right:0; width:114px; height:114px;}
}
div.morebtnmb{margin:0 0 60px auto;}
div.morebtn:hover{
	a{letter-spacing:2px; padding:0 90px 0 0;}
}

/*COMMON TTL*/
.normttl{font-size:40px; margin:0 auto 6%; letter-spacing:4px;
	span{font-size:16px; margin:0 0 20px;}
}
h3.normttl{font-size:40px; letter-spacing:3px;
	span{font-size:16px;}
}

/*TOPBOX*/
div.topbns{margin:75px auto 0; width:88%;
	ul{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;
		li{width:48%; margin:0;}
	}
}
.home{
	div.topbns{margin:0 auto 150px;}
}

div.topbox{margin:0 auto 120px;
	p{font-size:16px; letter-spacing:1px; line-height:1.9; margin:0 auto 60px;}
	article.faqbox{padding:120px 0 60px; margin:0;}
}
div.topabout{padding:280px 0 0px;
	div.container{position:relative;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:flex-start; justify-content:flex-start;
		-webkit-align-items:flex-start; align-items:flex-start;
	}
	div.toptxtbox{position:absolute; top:-120px; right:0;
		p{font-size:36px; letter-spacing:3px; margin:0;}
	}
}
div.topimgbox{width:45%; margin:0 10% 0 0;
	div.waku{width:88%; top:-44px; right:calc(~'6% - 44px'); border:4px solid @blue;}
	div.bgimg{margin:0 auto; width:88%; box-shadow:-44px 44px 0 @blue;}
	img.livekun{width:220px; left:30%; bottom:auto; top:-170px;}
}
div.topimgbox.altver{margin-top:300px; margin-right:0;
	div.waku{left:calc(~'6% - 44px'); right:auto; border:4px solid @orange;}
	div.bgimg{box-shadow:44px 44px 0 @orange;}
	img.livekun{width:190px; left:auto; right:-120px; top:auto; bottom:-150px;}
}

div.topfeature{
	>section{margin:0 0 180px;
		h5{font-size:25px; margin:0 0 60px;}
		ul.featurelist{margin:0 0 60px;
			li{width:100%; height:auto;
				div{padding:50px 60px 60px; 
					display:flex;
					-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
					-webkit-justify-content:flex-start; justify-content:flex-start;
					-webkit-align-items:flex-start; align-items:flex-start;
					img{width:128px; margin:10px 40px 0 0;}
					section{width:calc(~'100% - 168px');
						h4{font-size:36px; line-height:1; letter-spacing:3px; margin:0 0 20px; text-align:left;}
						p{font-size:16px; line-height:1.9; margin:0;}
					}
				}
			}
		}
	}
}

/*TICKER*/
div.slide{
	width:214px;
	padding:0 40px;
}
div.anim{
	animation:sliderAnimation 54s linear infinite;
}

div.topdata{
	img.livekun{width:163px; right:5%;}
	ul{
		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:49%; margin:0 0 20px;}
		li:first-child{width:100%;}
		li:last-child{width:100%; margin:0;}
	}
}

/*TOPNEWS*/
div.topnews{padding:90px 0; margin:0;}
ul.newslist{margin:0 0 6%; display:block; clear:both;
	li{width:47.5%; margin:0 0 6% auto;
		a{
			article{
				display:flex;
				-webkit-justify-content:space-between; justify-content:space-between;
				section{width:47.5%;}
				img{margin:0;}
				span.postdate{font-size:15px;}
				span.tag{font-size:13px; padding:4px 18px 3px;}
				h3{font-size:16px; margin:15px 0 0; line-height:1.8;}
			}
		}
	}
	ul{width:47.5%; display:block; position:sticky; top:20px; float:left;
		li{width:100%; margin:0; 
			a{
				article{display:block;
					section{width:100%;}
					section:first-child{margin:0 0 25px;}
				}
			}
		}
	}
}
ul.newslist2{margin:0 0 90px;
	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:47%; margin:0;
		a{
			article{display:block;
				section{width:100%;}
				img{margin:0 0 20px;}
				span.postdate{font-size:15px;}
				h3{font-size:16px; margin:12px 0 0; line-height:1.8;}
			}
		}
	}
}
/*NEWS*/
div.pagebody{
	ul.newslist{margin:0 0 15%;
		li{margin:0 0 3.5%; padding:3.5% 0 0;
			a{
				article{
					section:last-child{position:relative; padding:3.5% 0 0;}
					span.postdate{font-size:15px;}
					span.tag{font-size:13px; padding:4px 18px 3px;}
					h3{font-size:24px; margin:25px 0 0; line-height:1.8;}
					p.wf{position:absolute; right:0; bottom:0; width:100%; font-size:16px;
						i{font-size:20px;}
					}
				}
			}
		}
	}
}
/*ARCHIVE*/
div.sidemenu{width:300px;
	select.yearselect{padding:20px 25px;}
}
/*LIVERLIST*/
ul.liverlist{
	li{width:22%; margin:0 0 4%;
		div.numtag{top:8px; left:10px;
			img{width:26px; margin:0;}
		}
		span.num{width:64px; height:64px; line-height:64px; font-size:20px;}
		h3{font-size:16px; margin:0 0 18px;}
		a{font-size:13px;
			i::before{font-size:16px;}
		}
		a:link{color:@black; .tdn(); .trans();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@gray; .tdu();}
		a:active{color:@black; .tdn();}
	}
}
/*TOPLIVER*/
div.topliver{padding:12% 0 6%;
	ul.liverlist{margin:0 0 12%;
		li:first-child{border:4px solid @yellow;}
		li:nth-child(2){border:4px solid @pink;}
		li:nth-child(3){border:4px solid @blue;}
		li:last-child{border:4px solid @green;}
		li:nth-child(even){margin-top:4%;}
	}
}
/*LIVER PROFILE*/
div.pagebody{
	ul.liverlist{margin:0 0 15%;
		-webkit-justify-content:flex-start; justify-content:flex-start;
		li:first-child{border:4px solid @yellow;}
		li:nth-child(2){border:4px solid @pink;}
		li:nth-child(3){border:4px solid @blue;}
		li:nth-child(4){border:4px solid @green;}
		li:nth-child(5){border:4px solid @blue;}
		li:nth-child(6){border:4px solid @green;}
		li:nth-child(7){border:4px solid @yellow;}
		li:nth-child(8){border:4px solid @pink;}
		li:nth-child(9){border:4px solid @yellow;}
		li:nth-child(10){border:4px solid @pink;}
		li:nth-child(11){border:4px solid @blue;}
		li:nth-child(12){border:4px solid @green;}
		li:nth-child(13){border:4px solid @blue;}
		li:nth-child(14){border:4px solid @green;}
		li:nth-child(15){border:4px solid @yellow;}
		li:nth-child(16){border:4px solid @pink;}
		li:nth-child(17){border:4px solid @yellow;}
		li:nth-child(18){border:4px solid @pink;}
		li:nth-child(19){border:4px solid @blue;}
		li:nth-child(20){border:4px solid @green;}
		li:nth-child(21){border:4px solid @blue;}
		li:nth-child(22){border:4px solid @green;}
		li:nth-child(23){border:4px solid @yellow;}
		li:nth-child(24){border:4px solid @pink;}
		li:nth-child(25){border:4px solid @yellow;}
		li:nth-child(26){border:4px solid @pink;}
		li:nth-child(27){border:4px solid @blue;}
		li:nth-child(28){border:4px solid @green;}
		li:nth-child(29){border:4px solid @blue;}
		li:nth-child(30){border:4px solid @green;}
		li:nth-child(31){border:4px solid @yellow;}
		li:nth-child(32){border:4px solid @pink;}
		li:nth-child(33){border:4px solid @yellow;}
		li:nth-child(34){border:4px solid @pink;}
		li:nth-child(35){border:4px solid @blue;}
		li:nth-child(36){border:4px solid @green;}
		li:nth-child(37){border:4px solid @blue;}
		li:nth-child(38){border:4px solid @green;}
		li:nth-child(39){border:4px solid @yellow;}
		li:nth-child(40){border:4px solid @pink;}
		li:nth-child(41){border:4px solid @yellow;}
		li:nth-child(42){border:4px solid @pink;}
		li:nth-child(43){border:4px solid @blue;}
		li:nth-child(44){border:4px solid @green;}
		li:nth-child(45){border:4px solid @blue;}
		li:nth-child(46){border:4px solid @green;}
		li:nth-child(47){border:4px solid @yellow;}
		li:nth-child(48){border:4px solid @pink;}
		li:nth-child(49){border:4px solid @yellow;}
		li:nth-child(50){border:4px solid @pink;}
		li:nth-child(51){border:4px solid @blue;}
		li:nth-child(52){border:4px solid @green;}
		li:nth-child(53){border:4px solid @blue;}
		li:nth-child(54){border:4px solid @green;}
		li:nth-child(55){border:4px solid @yellow;}
		li:nth-child(56){border:4px solid @pink;}
		li:nth-child(57){border:4px solid @yellow;}
		li:nth-child(58){border:4px solid @pink;}
		li:nth-child(59){border:4px solid @blue;}
		li:nth-child(60){border:4px solid @green;}
		li:nth-child(61){border:4px solid @blue;}
		li:nth-child(62){border:4px solid @green;}
		li:nth-child(63){border:4px solid @yellow;}
		li:nth-child(64){border:4px solid @pink;}
		li:nth-child(65){border:4px solid @yellow;}
		li:nth-child(66){border:4px solid @pink;}
		li:nth-child(67){border:4px solid @blue;}
		li:nth-child(68){border:4px solid @green;}
		li:nth-child(69){border:4px solid @blue;}
		li:nth-child(70){border:4px solid @green;}
		li:nth-child(71){border:4px solid @yellow;}
		li:nth-child(72){border:4px solid @pink;}
		li:nth-child(73){border:4px solid @yellow;}
		li:nth-child(74){border:4px solid @pink;}
		li:nth-child(75){border:4px solid @blue;}
		li:nth-child(76){border:4px solid @green;}
		li:nth-child(77){border:4px solid @blue;}
		li:nth-child(78){border:4px solid @green;}
		li:nth-child(79){border:4px solid @yellow;}
		li:nth-child(80){border:4px solid @pink;}
		li:nth-child(81){border:4px solid @yellow;}
		li:nth-child(82){border:4px solid @pink;}
		li:nth-child(83){border:4px solid @blue;}
		li:nth-child(84){border:4px solid @green;}
		li:nth-child(85){border:4px solid @blue;}
		li:nth-child(86){border:4px solid @green;}
		li:nth-child(87){border:4px solid @yellow;}
		li:nth-child(88){border:4px solid @pink;}
		li:nth-child(89){border:4px solid @yellow;}
		li:nth-child(90){border:4px solid @pink;}
		li:nth-child(91){border:4px solid @blue;}
		li:nth-child(92){border:4px solid @green;}
		li:nth-child(93){border:4px solid @blue;}
		li:nth-child(94){border:4px solid @green;}
		li:nth-child(95){border:4px solid @yellow;}
		li:nth-child(96){border:4px solid @pink;}
		li:nth-child(97){border:4px solid @yellow;}
		li:nth-child(98){border:4px solid @pink;}
		li:nth-child(99){border:4px solid @blue;}
		li:nth-child(100){border:4px solid @green;}
		li:nth-child(101){border:4px solid @blue;}
		li:nth-child(102){border:4px solid @green;}
		li:nth-child(103){border:4px solid @yellow;}
		li:nth-child(104){border:4px solid @pink;}
		li{margin:0 4% 0 0;}
		li:nth-child(4n){margin:4% 0 0 0;}
		li:nth-child(even){margin-top:4%;}
	}
}
/*TOPNEWCOMER*/
div.topnewcomer{}

/*RANKING*/
div.topranking{padding:0; margin:0 0 12%;
	ul.liverlist{
		li.yrank{width:15%; margin:0 0 2.5%;
			article{padding:5%;}
			img{position:relative; z-index:1; margin:0 0 5%;}
			span.num{width:30px; height:30px; line-height:30px; background:@gray; font-size:12px;}
			h3{font-size:12px; letter-spacing:0; white-space:normal; margin:0 0 5px;}
			a{font-size:10px;
				i::before{font-size:10px;}
			}
		}
		li.yrank:last-child{margin:0 auto 5% 0;}
		li.yrank:nth-child(27){margin:0 2% 5% 0;}
		li.yrank:nth-child(28){margin:0 2% 5% 0;}
		li.yrank:nth-child(29){margin:0 2% 5% 0;}
	}
}
/*MENU TAB*/
div.heading{
	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{width:40%;}
	section:last-child{width:60%;}
}
ul.tabbox{font-size:18px; letter-spacing:1px; margin:6% 0 12%; width:100%;
	li{width:47%; padding:12px 12px 15px;}
	li.tabselect{padding:12px 12px 14px;}
}
/*PARTNER
div.toppartner{
	ul{
		-webkit-justify-content:flex-start; justify-content:flex-start;
		li{width:31%; margin:0 3.5% 3.5% 0;
			h3{font-size:116%; margin:0 0 12px;}
		}
		li:nth-child(3n){margin:0 0 3.5% 0;}
	}
	p{font-size:100%; margin:0 0 3.5%;}
}
div.toppartnerbn{width:42%; margin:0 auto;}*/

/*TOP TOPICS
div.toptopics{
	ul#carousel{margin:0 0 6%;
		li{
			a{
				article{
					span.postdate{font-size:13px;}
					h3{font-size:15px; margin:15px 0 0;}
				}
			}
		}
	}
}*/

/*CAL*/
div.eo-fullcalendar{width:88%; margin:0 auto;
	table{
		tr{
			td.fc-event-container{
				a{.tdn(); .fb(); padding:5px; border:none!important;}
			}
		}
		thead{
			tr{
				th.fc-day-header{background:@black!important; color:@white; .fb(); padding:10px!important;}
			}
		}
	}
}

/*PAGE TTL*/
div.pagetitle{padding:270px 0 170px; margin:0 0 120px;
	section{color:@white;
		h1{font-size:14px; margin:0 0 15px;}
		h2{font-size:36px; letter-spacing:4px;}
		h2.multiple{line-height:1;}
	}
}
div.bread{position:absolute; top:134px; right:calc(~'38px + 4%'); white-space:nowrap; overflow:hidden; font-weight:400!important; width:20px; height:auto;
	p{display:inline; font-size:11px; line-height:1; writing-mode:vertical-rl; -ms-writing-mode:tb-rl; text-orientation:sideways; color:@gray;
		a:link{color:@grayL; .tdn(); .trans();}
		a:visited{color:@grayL; .tdn();}
		a:hover{color:@grayLL; .tdn();}
		a:active{color:@grayL; .tdn();}
	}
}
div.pagetitle.picver{padding:270px 0 170px; margin:0 0 180px;
	section:first-child{width:54%; margin:0;}
	section:last-child{top:-60px; right:0; width:50%; padding-bottom:0;}
}

/*ABOUT*/
ul.featurelist{margin:0 0 15%;
	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;
	li{width:30%; height:433px; margin:0 0 0 10px; border:4px solid @green;
		div{padding:15% 8% 15%;}
		img{width:126px; margin:0 auto 12%;}
		h4{font-size:22px;}
		p{text-align:left;}
	}
}
div.benebn{width:1080px; margin:0 auto 150px; padding:60px 0;
	h3{font-size:26px; letter-spacing:2px;}
	p{font-size:16px; letter-spacing:1px; margin:0 0 28px;}
	a{font-size:16px; width:346px; padding:24px 0 23px;}
}
article.voicebox{margin:0 0 12%;}
div.slickbox{
	ul{
		li{
			article{
				div{padding:15px;
					section{
						h4{font-size:12px; letter-spacing:2px; margin:0 0 10px;}
						p{font-size:14px; line-height:1.7;}
					}
					section:first-child{width:20%;}
					section:last-child{width:75%; padding:15px 0 0;}
				}
			}

		}
	}
}
article.faqbox{
	ul.faqlist{
		li{margin:0 0 4px;
			section:first-child{padding:30px;
				span{font-size:36px;}
				h4{font-size:18px; letter-spacing:1px;}
			}
			section:last-child{padding:30px;
				span{font-size:36px;}
				p{font-size:16px; line-height:1.9; width:92%;}
			}
		}
	}
}
article.founderbox{padding:12% 0;
	div{
		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{width:40.5%;}
		section:first-child{width:52%;}
	}
	.normttl{margin:0 0 12%;}
	h4{font-size:22px; letter-spacing:2px; line-height:1.8; margin:0 0 12%;}
	img{margin:0;}
	p{fomnt-size:16px; letter-spacing:1.5px; line-height:1.9;
		span{font-size:20px;}
	}
}
/*ABOUT EVENT*/
article.eventbox{padding:76px 0;
	div{width:81%; margin:0 auto;}
	h3.normttl{font-size:32px; letter-spacing:2px; margin:0 0 48px;}
	img{margin:0 0 48px;}
	p{font-size:24px; line-height:1; margin:0 0 7.5%;}
	section.links{
		a{font-size:20px; padding:0 0 25px;}
	}
}
article.eventbox:last-child{padding:76px 0 0;}

/*ABOUT BENEFITS*/
div.benelist{margin:118px auto 150px;
	h3{font-size:32px; margin:0 auto 70px;}
	ul{width:100%; margin:0 auto;
		display:flex;
		-webkit-flex-flow:row wrap; flex-flow:row wrap; 
		-webkit-justify-content:center; justify-content:center;
		-webkit-align-items:flex-start; align-items:flex-start;
		li{width:23%; margin:0 1% 32px;
			a{font-size:14px; padding:25px 0; .tac();}
		}
		li:nth-child(1){margin:0 1% 32px 5%;}
		li:nth-child(3){margin:0 5% 32px 1%;}
	}
}
article.benebox{
	h3{font-size:26px; margin:0 0 62px; padding:28px; letter-spacing:2px;}
	h4{font-size:30px; line-height:1; margin:0 0 36px;}
	p{font-size:20px; margin:0 0 36px;}
	div.beneslider{margin:0 0 220px;
		ul{
			li{padding:0 30px;
				h4{font-size:18px;}
				p{font-size:16px;}
				img{margin:0 0 28px;}
			}
		}
	}
	div.benedivide{margin:0 0 74px;
		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{width:64%; margin:0;
			img{margin:0 auto 40px;}
			p{font-size:16px;}
		}
		section:last-child{width:28%;
			img{width:168px;}
		}
	}
	div.benelf{margin:0 0 86px;
		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{width:47%;
			p{font-size:18px;}
		}
	}
	div.imgandp{
		-webkit-align-items:center; align-items:center;
	}
}
article.benebox07{
	div.benelf{margin:0 0 18px;}
	div.exbenefit{width:80%; margin:0 auto;
		display:flex;
		-webkit-flex-flow:row wrap; flex-flow:row wrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		div.plus{width:100%; margin:0 0 40px; font-size:100px;}
		div.exbenebox{width:48.5%; margin:0 0 3%; padding:38px 26px; border:4px solid @green;
			display:flex;
			-webkit-flex-flow:row wrap; flex-flow:row wrap;
			-webkit-align-items:center; align-items:center;
			-webkit-justify-content:center; justify-content:center;
			p{font-size:18px; width:100%;}
			img{width:100%; display:block; margin:22px auto 0;}
		}
		div.exbenebox:nth-child(4){margin:0 0 40px;}
		div.exbenebox:nth-child(5){margin:0 0 40px;}
	}
	div.imgandp{margin:0;}
}
article.benebox{
	.slick-prev,.slick-next{top:calc(~'100% + 64px');}
}

/*DATA*/
article.databox{
	img{margin:0; width:100%;}
	section{width:100%; margin:0 0 2%;
		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.box55{
		img:first-child{width:49%;}
		img:last-child{width:49%;}
	}
	section.box64{
		img:first-child{width:56.5%;}
		img:last-child{width:41.7%;}
	}
	section.box46{
		img:first-child{width:41.7%;}
		img:last-child{width:56.5%;}
	}
}

/*PROFILE*/
div.vbox-inline{max-width:76vw!important;}
.vbox-close{top:0.5%; font-size:80px;}
div.lightbox{padding:4%;
	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;
	section{width:40%;}
	section:last-child{width:56%}
	section.heading{width:100%; display:block; margin:0 0 4%;}
	div.numtag{top:6px; left:6px;
		img{width:30px; margin:0;}
	}
	img{margin:0;}
	table{line-height:1.9; font-size:16px; letter-spacing:1px;
		tr{border-bottom:1px solid @grayL;
			th{padding:20px 0; white-space:nowrap; text-align:left;}
			td{padding:20px 0 20px 20px;}
		}
	}
	div.watchbtn{margin:4.5% 0 0;
		a{font-size:116%; padding:20px 40px; border-radius:32px;}
	}
	ul.liversns{margin:4.5% 0 0;
		li{width:38px; margin:0 24px 0 0;}
		li.ig{width:35px;}
		li.tt{width:34px;}
		li:last-child{margin:0;}
	}
}
/*PAGE*/
article.introbox{margin:0 0 120px;
	h3{font-size:40px; letter-spacing:5px;}
	p{font-size:16px; letter-spacing:1px;}
}
/*PAGE*/
div.pagebody{padding:0;
	article{
		div.postbody{
			p{font-size:16px; line-height:1.9; margin:0 0 4%;}
			table{margin:0 auto 3%;
				tr{font-size:16px; vertical-align:top;
					th{width:20%; padding:25px; display:table-cell; vertical-align:top; white-space:nowrap; text-align:left;}
					td{width:80%; padding:25px; display:table-cell; vertical-align:top; }
				}
				tr:first-child{
					th{padding:25px;}
				}
			}
		}
	}
	article.privacy{
		div.postbody{
			h3{font-size:26px; letter-spacing:1px;  margin:0 0 2%;}
			p{font-size:16px; margin:0 0 4%;}
		}
	}
}
/*SHARE*/
div.share{padding:9% 0;
	-webkit-justify-content:center; justify-content:center;
	h3{font-size:14px; margin-right:3%;}
	div{margin-right:2%;}
}
/*PAGENATION*/
div.pagenation{padding:4% 0; font-size:16px;}

/*INTERVIEW*/
ul.interviewlist{margin:0 0 15%;
	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:flex-start; align-items:flex-start;
	li{width:47.5%; margin:0 5% 5% 0; padding:0; border-top:none;
		a{font-size:14px;
			section:first-child{margin:0 0 20px;}
			section{
				h3{font-size:20px;}
				span.postdate{font-size:14px; margin:0 0 10px;}
			}
		}
	}
	li:nth-child(even){margin:0 0 5% 0;}
}
ul.comicslist{
	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:flex-start; align-items:flex-start;
	li{width:47.5%; margin:0 5% 5% 0; padding:0; border-top:none;
		a{
			section:first-child{width:36%;}
			section{width:56%;
				h3{font-size:15px; line-height:1.7; .fb();}
				span.postdate{display:block; font-size:13px; margin:0 0 10px; font-weight:400!important; color:@grayL;}
			}
		}
	}
	li:nth-child(even){margin:0 0 5% 0;}
}
/*SINGLE*/
main#single{
	div.pagebody{margin:18% 0 12%;
		article.newssg{margin:0 auto;
			section.postinfo{margin:0 0 2.5%;
				h3{font-size:36px; margin:0 0 4.5%;}
				span.postdate{font-size:14px; margin:0 0 15px;}
			}
			div.postbody>section{margin-bottom:5%;}
			div.postbody>section:last-child{margin-bottom:0;}
			div.postbody{width:81%; margin:0 auto; line-height:1.9;
				p{font-size:16px; margin-bottom:5%;}
				p:last-child{margin-bottom:0;}
				h4{font-size:26px; padding-bottom:2%; margin-bottom:2%; line-height:1.7;}
				img{margin-bottom:5%;}
				img.width50{max-width:50%; height:auto; margin:0 auto 5%; display:block;}
				.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 5% 5% 0; .inline();}
				.alignright{float:right; margin:0 0 5% 5%; .inline();}
				img.alignleft + br{display:none;}
				img.alignright + br{display:none;}

			}
		}
	}
}
main#single.comics{padding:60px 0 0;
	div.pagebody{
		article.newssg{
			div.postbody{width:60%;}
		}
	}
}
/*CONTACT*/
div.applyform{padding:6% 0;
	table.mailform{
		input{padding:15px; border:1px solid @gray;}
		textarea{border:1px solid @gray;}
	}
	div.btnsubmit{width:50%;
		input.soushin{font-size:16px;}
	}
}
/*HOWTO*/
ul.howtolist{width:100%;
	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:flex-start; align-items:flex-start;
	li{position:relative; width:28%; margin:0 8% 10% 0;
		div{margin:0 0 5%;}
		h5{font-size:18px; margin:0 0 4%; letter-spacing:2px;}
		p{font-size:16px; margin:0;}
	}
	li:after{position:absolute; right:-78px; top:40%; margin:auto;
		border-top:22px solid transparent;
		border-bottom:22px solid transparent;
		border-left:22px solid @yellow;
	}
	li:nth-child(3n){margin:0 0 10%;}
	li:nth-child(3n):after{content:none; display:none;}
	li:last-child{margin:0;
		>p{margin:0 0 5%;}
	}
}
div.linebtn{
	a{
		section{
			p{font-size:14px;}
		}
	}
	a:link{color:@white; .tdn(); .trans();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@white; .tdn(); background:@black;}
	a:active{color:@white; .tdn();}
}
/*FOOTER*/
footer{padding:6% 6% 4%;
	h1{width:80px;}
	ul.pcfootnav{margin:0 0 12%;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:flex-start; justify-content:flex-start;
		-webkit-align-items:flex-start; align-items:flex-start;
		li{color:@white;
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@yellow; .tdn();}
			a:active{color:@white; .tdn();}
			b{display:block; font-size:15px; padding-top:1px; letter-spacing:0.5px; font-weight:400!important; margin:0 0 20px;}
			a{display:block; font-size:14px; letter-spacing:0.5px;}
			section{
				a{font-size:12px; margin:0 0 15px; line-height:1.7;}
				a:link{color:@gray;}
				a:visited{color:@gray;}
				a:hover{color:@grayLL;}
				a:active{color:@gray;}
			}
		}
		li:nth-child(1){width:12%;}
		li:nth-child(2){width:8%;}
		li:nth-child(3){width:12%;}
		li:nth-child(4){width:7%;}
		li:nth-child(5){width:7%;}
		li:nth-child(6){width:11%;}
		li:nth-child(7){width:13%;}
		li:nth-child(8){width:8%;}
		li:nth-child(9){width:9%;}
		li:nth-child(10){width:15%;}
	}
	div.navfoot{margin-top:0; padding:0;}
	ul.snsnav{
		li{padding-left:25px;
			a{font-size:150%;}
		}
	}
}
/*FOOT CONTACT*/
div.footcontact{width:100%; overflow:hidden;
	ul{border-top:1px solid @grayLL; padding:6% 0; width:1080px; margin:0 auto;
		display:-webkit-flex; display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:center; justify-content:center;
		-webkit-align-items:flex-start; align-items:flex-start;
		li{width:50%; padding:0 0 1% 6%; border-top:none; overflow:visible;
			p{font-size:16px; margin:0 0 9%;}
			a{font-size:16px; margin:0; text-align:left;
				span{padding-right:18px;}
				i{width:64px; height:64px; line-height:64px;}
			}
			a:hover{
				span{padding-right:25px; letter-spacing:2px;}
			}
			div.bgletter{bottom:-3%; left:3%; font-size:220px;}
		}
		li:first-child{padding:0 6% 1% 0; border-right:1px solid @grayLL; border-bottom:none;
			div.bgletter{right:3%; left:auto;}
		}
	}
}

/*MODAL*/
div#topmodal{
	div.mov{width:60%;}
}
div#modalclose{top:10%; right:10%; width:60px;}
div.topmodal{
	div.mov{width:60%;}
}
div.modalclose{top:10%; right:10%; width:60px;}

/*BAR*/
div.pcbar{z-index:250; height:100vh; width:42px; border-left:2px solid @black; border-right:2px solid @black; background:@white; white-space:nowrap; overflow:hidden;
	p{position:absolute; display:inline; font-size:12px; line-height:38px; writing-mode:vertical-rl; -ms-writing-mode:tb-rl;}
}
div.barL{position:fixed; top:0; left:0;
	p{transform:rotate(180deg);}
}
div.barR{position:fixed; top:0; right:0;}

/*SP NAV*/
button.spmenu{top:15px; right:15px; height:100px; width:100px;
	span{left:30px; width:40px; height:3px; border-radius:2px;}
	span:nth-of-type(1){top:32px;}
	span:nth-of-type(2){top:47px;}
	span:nth-of-type(3){top:61px;}
}
button.spmenu.active{
	span:nth-of-type(1){-webkit-transform:translateY(14px) rotate(45deg); transform:translateY(14px) rotate(45deg);}
	span:nth-of-type(3){-webkit-transform:translateY(-14px) rotate(-45deg); transform:translateY(-14px) rotate(-45deg);}
}
div#spnav{
	nav{width:450px; margin:0 0 0 auto; padding:150px 46px 0;}
}
ul.mainnav{
	li{
		>a{margin:0 0 30px; font-size:17px;}
		b{font-size:18px;}
		section.trigger{margin:0 0 30px;}
		section.submenu{margin:0 0 30px 20px;
			a{font-size:13px; margin:0 0 20px;}
		}
	}
}

}
/************************ SP ************************/
@media (max-width:768px){
	.pc{display:none;}
	.spmb{margin-bottom:5%;}
	div.applyform{
		table.mailform{
			textarea,input{font-size:16px;
				border:1px solid @gray; border-radius:0;
				background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
				background-image:-webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
			}
		}
	}
}
/************************ VIDEO ************************/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; height:0;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/************************ GG MAP ************************/
.ggmap{position:relative; height:0; overflow:hidden; padding-top:0px; padding-bottom:50%;}
.ggmap iframe, .ggmap object, .ggmap embed{position:absolute; top:0; left:0; width:100%!important; height:100%!important;}
/************************ ANIM ************************/
@keyframes blackIn{
	  0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes blurIn{
	  0%{opacity:0; filter:blur(20px);}
	100%{opacity:1; filter:blur(0px);}
}
@keyframes sliderAnimation{
	to{transform:translateX(-50%);}
}
/************************ SLIDE ************************/
@keyframes slide1 {
	  0%{transform:translateY(100%);}
	100%{transform:translateY(-100%);}
}
@keyframes slide2 {
	  0%{transform:translateY(0%);}
	100%{transform:translateY(-200%);}
}
@keyframes slide3 {
	  0%{transform:translateY(-100%);}
	100%{transform:translateY(100%);}
}
@keyframes slide4 {
	  0%{transform:translateY(-200%);}
	100%{transform:translateY(0%);}
}