@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 */
/* 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 60px;}
}

// COLOR
@black:#000;
@white:#FFF;
@gray:#9E9E9E;
@grayD:#191919;
@grayL:#E0E0E0;
@grayLL:#F7F7F7;
@red:#C1090B;
@pink:#FF9CBB;
@pinkL:#FFE3ED;
@pinkLL:#FCF7F9;
@pinkD:#FF6B9B;

// LESS
@ncc:no-repeat center center;
// MIXIN
.trans{-webkit-transition:0.3s; transition:0.3s;}
.notrans{-webkit-transition:0s; transition:0s;}
.fb{font-weight:700;}
.tac{text-align:center;}
.tar{text-align:right;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.inline{display:inline-block;}
/*BASE*/
html,body{height:100%; width:100%; margin:0;}
body{color:@grayD; line-height:1; -webkit-text-size-adjust:100%; font-weight:400; font-style:normal; font-feature-settings:"palt"; font-smoothing:antialiased; -webkit-font-smoothing:antialiased;
background:@pinkLL url("../img/bg/bg.png") repeat top center; background-size:100% auto;
font-family:Roboto,"Noto Sans JP","Helvetica Neue",Helvetica,"Droid Sans",Arial,Avenir,Verdana,"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:"Roboto";}
.md{font-weight:500;}
.arrow{font-family:-apple-system,"system-ui","Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.attention{color:@red;}
.fontgray{color:@gray;}
.fontsmall{font-size:85%!important;}
.fontlarge{font-size:124%!important;}
.italic{font-style:italic;}
::selection{background:@pink; color:@white;}
::-moz-selection{background:@pink; color:@white;}
/*LINK*/
a:link{color:@black; .tdu(); .trans();}
a:visited{color:@black; .tdu();}
a:hover{color:@pink; .tdu();}
a:active{color:@black; .tdn();}
a img{border:none; .tdn(); .trans();}
a img:hover{opacity:0.7; .tdn();}

/*LOADING*/
div#splash{position:fixed; z-index:20000; top:0; left:0; width:100%; height:100%; background:@pinkL; pointer-events:none;
	div.loading{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
	div.logo{width:180px; margin:0 auto 20px; opacity:0;}
}
div#splash.start{animation:blackOut 0.9s linear 1.6s forwards;
	div.logo{animation:Rin 1.4s linear 0.2s forwards;}
}

/*SP NAV*/
button.spmenu{z-index:9991; position:fixed; top:18px; right:18px; height:23px; width:25px; background:none;
	border:none; cursor:pointer; outline:none; padding:0; appearance:none;
	span{z-index:9992; position:absolute; left:0; width:25px; height:2px; background-color:@white; .inline(); .trans(); border-radius:2px;}
	span:nth-of-type(1){top:0px;}
	span:nth-of-type(2){top:10px;}
	span:nth-of-type(3){top:20px;}
}
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:9990; position:fixed; top:0; right:0; width:100%; height:100%; opacity:0; background:@pink; .trans();
	overflow-y:auto; -webkit-overflow-scrolling:touch; visibility:hidden;
	h1{width:214px; margin:0 auto 54px;}
	nav{padding:80px 12% 0; background:@pink; width:100%; height:100%; position:absolute; left:0; top:0;
		ul.mainnav{margin:0 0 60px; 
			li{margin:0 0 24px; font-size:17.5px;
				a{display:block; color:@white; .tdn();
					i{padding-left:5px!important; vertical-align:bottom;}
				}
			}
			li:nth-child(1) a img{width:83.5px;}
			li:nth-child(2) a img{width:82.5px;}
			li:nth-child(3) a img{width:160px;}
			li:nth-child(4) a img{width:127.5px;}
			li:nth-child(5) a img{width:229.5px;}
			li:nth-child(6) a img{width:102.5px;}
		}
		ul.snsnav{
			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{margin-right:30px;
				a{
					img{width:auto!important; height:30px; filter:brightness(1000%) saturate(0%);}
				}
			}
		}
	}
}
div#spnav.active{top:0; right:0; opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); visibility:visible;}

/*HEADER*/
header{z-index:200; position:fixed; top:0; left:0; width:100%; padding:0; margin:0; background:@pink;
	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:110px; margin:17px 0 17px 5%;}
	nav{
		ul.entry{width:fit-content; display:block; margin-right:60px;
			li{
				a{display:block; font-size:15px; letter-spacing:1px; padding:21px 30px; background:@pinkD; .fb();}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@white; .tdn(); opacity:0.6;}
				a:active{color:@white; .tdn();}
			}
		}
	}
}

/*TOP KV*/
div.topteaser{position:relative; width:100%; height:auto; margin:57px 0 0;
	div.mask{position:absolute; z-index:100; width:100%; height:100%; bottom:0; left:0; background:url("../img/bg/mask.png") @ncc; .bgsc();
		h2{position:absolute; bottom:0; left:0; width:100%;
			img{position:relative; display:block; width:248px; margin:0 auto 24px;}
		}
	}
	div.topslider{position:relative; z-index:1; width:100%; height:auto;
		ul#carousel{position:relative;}
	}
}

/*LAYOUT*/
main{z-index:1; position:relative; clear:both; display:block;}

/*TOP*/
div.topabout{padding:70px 0 50px; background:@white;
	article{
		section{
			h2{width:100px; margin:0 auto 18px;}
			h3{width:308px; margin:0 auto 18px;}
			p{font-size:12px; margin:0 auto 24px; line-height:1.9; .fb(); .tac();}
		}
	}
}
div.topgroup{padding:80px 0 0;
	article{
		h2{width:220px; margin:0 auto 40px;}
		ul{
			li{margin:0 auto 20px;
				a{}
			}
		}
	}
}
div.topnews{padding:66px 0 0;
	article{
		h2{width:191px; margin:0 auto 40px;}
	}
}
ul.newslist{margin:0 0 50px;
	li{padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid @grayL;
		span.postdate{display:block; font-size:14px; color:@gray; .md();}
		h3{font-size:14px; line-height:1.9; margin:0 0 15px; .fb();}
		a:link{.tdn();}
		a:visited{.tdn();}
		a:hover{.tdn();}
		a:active{.tdn();}
	}
	li:last-child{margin:0;}
}
/*COMMON BTN*/
div.morebtn{width:88%; margin:0 auto; .tac(); .fb();
	a{font-size:14px; display:block; padding:18px 0; border:2px solid @grayD; background:@white;}
	a:link{color:@grayD; .tdn();}
	a:visited{color:@grayD; .tdn();}
	a:hover{color:@white; .tdn(); background:@grayD;}
	a:active{color:@grayD; .tdn();}
}

div.topmovie{padding:80px 0 0;
	article{
		h2{width:94px; margin:0 auto 18px;}
	}
}
ul#movlist{overflow:hidden; padding:0 0 23px 6%;
	li.movsg{margin:0 30px 0 0;}
	.slick-list{padding:0 15% 0 0!important;}
}
.slick-dots{position:absolute;bottom:0px;display:block;width:94%;padding:0;margin:0;list-style:none;text-align:left}
.slick-dots li,.slick-dots li button{width:22px;height:3px;cursor:pointer}
.slick-dots li{position:relative;display:inline-block;margin:0 6px 0 0;padding:0}
.slick-dots li button{font-size:0;line-height:0;display:block;padding:0;color:transparent;border:0;outline:0;background:0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{content:'';background:@gray;position:absolute;top:0;left:0;width:22px;height:3px;}
.slick-dots li.slick-active button:before{background:@pink}

div.topx{padding:80px 0 0;
	article{
		h2{width:25px; margin:0 auto 18px;}
	}
}

div.topsns{padding:80px 0 100px;
	article{padding:0 6%;
		h2{width:219px; margin:0 auto 40px;}
		ul{display:flex;
			flex-flow:row nowrap; 
			justify-content:space-between;
			align-items:center;
			li{width:24%;
				a{.tdn();
					img{display:block; margin:0 auto; width:auto!important; height:35px!important;}
				}
			}
		}
	}
}

/*PAGE*/
div.pagettl{
	h2{margin:153px auto 70px;}
	h2.news{width:90px;}
	h2.schedule{width:170px;}
	h2.disco{width:242px;}
	h2.member{width:138px;}
	h2.contact{width:156px;}
	h2.group{width:118px;}
	h2.about{width:190px; margin:112px auto 30px;}
}
div.pagebody{
	article{margin:0 0 100px;
		div.morebtn{width:60%;}
		div.postbody{
			p{line-height:2; font-size:14px; margin:0 0 6%;
				a{.fb();}
				a:link{color:@grayD;}
				a:visited{color:@grayD;}
				a:hover{color:@pink;}
				a:active{color:@grayD;}
			}
			p:last-child{margin:0;}
			ul.groups{padding:0 9%;
				li{margin:0 0 9%;
					img{display:block; margin:0 0 10px;}
					h3{font-size:20px; .tac(); .fb(); margin:0;
						a{.tdn();}
					}
				}
			}
		}
		div.memberbox{margin:0 auto;
			img{display:block; margin:0 0 20px;}
			section:nth-child(2){margin:0 0 48px;
				h3{font-size:30px; .fb(); letter-spacing:1px; margin:0 0 20px;}
				a{font-size:15px; letter-spacing:1px; margin:0 0 20px; .inline(); .fb();}
				a:link{color:@gray;}
				a:visited{color:@gray;}
				a:hover{color:@pink;}
				a:active{color:@gray;}
				p{line-height:1.8;}
				table{width:100%; background:@white; line-height:1.7;
					tr{width:100%;
						th{padding:12px; white-space:nowrap; text-align:left; background:@pinkLL; border:1px solid @pinkL; .fb();}
						td{padding:12px; border:1px solid @pinkL;}
					}
				}
			}
		}
	}
	article.newssingle{position:relative;
		section.postttl{margin:0 0 30px;
			h3{font-size:20px; margin:0 0 15px; line-height:1.7; .fb();}
			span.postdate{display:block; font-size:12px; color:@gray; .md();}
		}
		div.postbody{margin:0 0 30px; word-wrap:break-word; line-height:1.9;
			h4{font-size:18px; line-height:1.7; margin-bottom:3%; .fb();}
			h5{font-size:16px; line-height:1.7; margin-bottom:3%; .fb();}
			img{margin-bottom:6%;}
			img.width50{max-width:50%; height:auto;}
			p{font-size:14px; margin-bottom:6%;}
			p > img{margin-bottom:0;}
			p:last-child{margin-bottom:0;}
		}
	}
}

/*NEWS*/
div.newslists{margin:0 0 100px;}

/*PAGENAVI*/
div.pagenavi{margin:0;}
div.wp-pagenavi{.md();
	span{width:40px; height:40px; line-height:38px; .inline(); border:1px solid @pink; background:@pink; 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:38px; .inline(); border-radius:50%; border:1px solid @grayD; margin:0 0.5em; .tac();}
	a:link{color:@grayD; .tdn();}
	a:visited{color:@grayD; .tdn();}
	a:hover{color:@white; background:@pink; border:1px solid @pink; .tdn();}
	a:active{color:@grayD; .tdn();}
}

/*MEMBER*/
div.sortnav{margin:0 auto 60px;
	ul.sortbtn{.tac(); .fb(); 
		display:flex;
		flex-flow:row wrap; 
		justify-content:space-between;
		align-items:flex-start;
		li{width:47%; border-radius:24px; background:@white; margin:0 auto 15px; padding:8px 0; border:2px solid @grayD; .trans(); cursor:pointer;}
		li.current{background:@grayD; color:@white;}
		li:hover{opacity:0.6;}
	}
}
div.memberlists{margin:0 0 90px;
	ul.memberlist{padding:0 0 0 5%;
		display:flex;
		flex-flow:row wrap; 
		justify-content:flex-start;
		align-items:flex-start;
		li{width:45%; margin:0 5% 25px 0; line-height:1.5;
			img{display:block; margin:0 0 8px;}
			h3{font-size:14px; margin:0 0 3px; .fb();}
			h4{font-size:13px; color:@gray; margin:0; .md();}
			p{font-size:13px;
				a:link{color:@gray;}
				a:visited{color:@gray;}
				a:hover{color:@pink;}
				a:active{color:@gray;}
			}
		}
	}
}

/*ABOUT*/
div.pagebody{
	article.aboutbox{
		p{font-size:13px; line-height:1.8; margin:0 0 60px; .fb();}
		div.pictbox{margin:0 0 60px;
			ul#pictlist{overflow:hidden; padding:0 0 23px 0;
				li.psg{margin:0 15px;}
				.slick-list{padding:0 15% 0!important;}
				.slick-dots{width:100%; text-align:center;}
			}
		}
		div.btn{max-width:330px; margin:0 auto;}
	}
	article.liverbox{margin:0 0 60px;
		h3{width:290px; margin:0 auto 32px;}
		section{max-width:330px; margin:0 auto;}
	}
	article.bbox{background:@white; padding:60px 0; margin:0;
		h3{width:198px; margin:0 auto 50px;}
		div.bboxs{
			ul#blist{overflow:hidden; padding:0 0 23px 0;
				li.bsg{margin:0 15px;}
				.slick-list{padding:0 15% 0!important;}
				.slick-dots{width:100%; text-align:center;}
			}
		}
	}
	article.sbox{background:#FDFFF2; padding:80px 0; margin:0;
		img.sp{display:block; max-width:330px; margin:0 auto;}
	}
	article.flowbox{padding:60px 0 0; margin:0;
		img.sp{display:block; max-width:330px; margin:0 auto;}
	}
	article.faqbox{margin:0 0 100px; padding:80px 0 0;
		h3{width:152px; margin:0 auto 36px;}
		div.entry{max-width:330px; margin:0 auto;}
	}
}

ul.faqlist{margin:0 6% 70px;
	li{margin:0 0 20px;
		section:first-child{background:@pink; padding:20px; width:100%; cursor:pointer; color:@white; .trans(); 
			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%; .fb();}
			h4{word-wrap:break-word; width:85%; font-size:14px; line-height:1.7; .fb();}
		}
		section:last-child{padding:20px; background:@pinkLL;
			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%; .fb(); color:@pink;}
			p{font-size:14px; line-height:1.7; width:92%;}
		}
		section:first-child:hover{opacity:0.7;}
		section.none-submenu:after{width:5%; content:'\e800'; font-family:'fontello'; font-size:150%; line-height:1; font-weight:normal; float:right;}
		section.active-submenu:after{width:5%; content:'\e805'; font-family:'fontello'; font-size:150%; line-height:1; font-weight:normal; float:right;}
	}
}

/*CONTACT*/
div.applyform{width:100%; background:@white; padding:6%;
	table th p{margin-bottom:0;}
	table td p{margin-bottom:0;}
	table{width:100%;
		tr{width:100%;
			th{width:100%; font-size:14px; padding:12px 12px 12px 0; display:block; white-space:nowrap; text-align:left; .fb();}
			td{width:100%; padding:0 0 12px; display:block;}
		}
	}
}
table.mailform{margin:0 auto 30px; font-size:14px;
	textarea{width:100%; padding:15px; resize:vertical; font-size:16px; background:@white; border:1px solid @pink;}
	input{width:100%; padding:15px; font-size:16px; border:1px solid @pink;}
	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:88%; margin:0 auto;
	input.soushin{color:@grayD; width:100%; padding:18px; border:2px solid @grayD; background:@white; cursor:pointer; font-size:14px; .tac(); .trans(); .fb();}
}
div.btnsubmit:hover{
	input.soushin{color:@white; background:@grayD;}
}

/*FOOTER*/
footer{position:relative; padding:32px 0; background:@pink;
	div.footbox{padding:0 6%;
		ul.links{margin:0 0 50px; 
			li{margin:0 0 18px;
				a{display:block; font-size:13px; .md();
					i:last-child{float:right;}
				}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@grayL; .tdn();}
				a:active{color:@white; .tdn();}
			}
			li:last-child{border-bottom:1px solid @white; padding-bottom:18px;}
		}
		ul.logos{
			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:first-child{width:68px; margin-right:15px;}
			li:last-child{width:151px; margin-left:15px;}
		}
	}
}

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

/*HEADER*/
header{padding:0; min-width:1180px;
	display:flex;
	flex-flow:row nowrap; 
	justify-content:space-between;
	align-items:center;
	h1{width:182px; margin:0 0 0 25px;}
	nav{
		display:flex;
		flex-flow:row nowrap; 
		justify-content:space-between;
		align-items:center;
		ul{
			display:flex;
			flex-flow:row nowrap; 
			justify-content:space-between;
			align-items:center;
		}
		ul.mainnav{
			li{margin-right:30px;
				a{font-size:18px; .fb();}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@white; .tdn(); opacity:0.6;}
				a:active{color:@white; .tdn();}
			}
		}
		ul.snsnav{
			li{margin-right:30px;
				a{
					img{width:auto!important; height:21px;}
				}
			}
		}
		ul.entry{display:block; margin:0;
			li{
				a{display:block; font-size:18px; letter-spacing:1px; padding:28px 30px; background:@pinkD; .fb();}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@white; .tdn(); opacity:0.6;}
				a:active{color:@white; .tdn();}
			}
		}
	}
}

/*TOP KV*/
div.topteaser{margin:74px 0 0;
	div.mask{
		h2{
			img{width:790px; margin:0 auto 122px;}
		}
	}
}

/*TOP*/
div.topabout{padding:20px 0 64px;
	article{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{
			h2{width:114px; margin:0 0 28px;}
			h3{width:418px; margin:0 0 28px;}
			p{font-size:14px; margin:0; text-align:left;}
		}
		section:last-child{width:50%;}
	}
}
div.topgroup{padding:96px 0 0;
	article{
		h2{width:338px; margin:0 auto 36px;}
		ul{display:flex;
			flex-flow:row nowrap;
			justify-content:space-between;
			align-items:center;
			li{width:48%; margin:0;}
		}
	}
}
div.topnews{padding:208px 0 0;
	article{
		h2{width:260px; margin:0 auto 40px;}
	}
}
ul.newslist{margin:0 0 74px;
	li{
		span.postdate{font-size:14px;}
		h3{font-size:16px; line-height:1.9; margin:0 0 15px;}
	}
	li:last-child{margin:0;}
}
/*COMMON BTN*/
div.morebtn{width:72%;}

div.topmovie{padding:232px 0 0;
	article{
		h2{width:169px; margin:0 auto 52px;}
	}
}
ul#movlist{padding:0 0 43px 6%;
	li.movsg{margin:0 30px 0 0;}
	.slick-list{padding:0 15% 0 0!important;}
}
.slick-dots li,.slick-dots li button{width:48px;height:8px;}
.slick-dots li{position:relative;display:inline-block;margin:0 14px 0 0;padding:0}
.slick-dots li button:before{width:48px;height:8px;}

div.topx{padding:230px 0 0;
	article{width:508px; margin:0 auto;
		h2{width:38px; margin:0 auto 50px;}
	}
}

div.topsns{padding:230px 0;
	article{padding:0;
		h2{width:395px; margin:0 auto 90px;}
		ul{width:492px; margin:0 auto;
			li{width:24%;
				a{
					img{height:58px!important;}
				}
			}
		}
	}
}

/*PAGE*/
div.pagettl{
	h2{margin:224px auto 80px;}
	h2.news{width:120px;}
	h2.schedule{width:230px;}
	h2.disco{width:328px;}
	h2.member{width:186px;}
	h2.contact{width:212px;}
	h2.group{width:154px;}
	h2.about{width:258px; margin:174px auto 20px;}
}

/*PAGE*/
div.pagebody{
	article{margin:0 auto 160px;
		div.morebtn{width:300px;}
		div.postbody{
			p{margin:0 0 30px;
				a{.fb();}
			}
			ul.groups{padding:0 6%; margin:0 0 200px;
				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:42%; margin:0;
					img{margin:0 0 15px;}
					h3{font-size:24px;}
				}
			}
		}
		div.memberbox{margin:0 0 60px;
			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{margin:0;}
			section{width:44%;}
			section:nth-child(2){width:50%; margin:0;}
		}
	}
	article.newssingle{
		section.postttl{margin:0 0 36px;
			h3{font-size:26px;}
			span.postdate{font-size:15px;}
		}
		div.postbody{margin:0 0 90px;
			h4{margin-bottom:30px;}
			h5{margin-bottom:30px;}
			img{margin-bottom:30px;}
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			img.pcwidth50{display:block; max-width:60%; height:auto; margin:0 auto 30px;}
			.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 30px;}
			.alignleft{float:left; margin:0 30px 30px 0; .inline();}
			.alignright{float:right; margin:0 0 30px 30px; .inline();}
			p{font-size:14px; margin-bottom:30px;}
		}
	}
}

/*NEWS*/
div.newslists{margin:0 0 150px;}

/*MEMBER*/
div.sortnav{margin:0 auto 80px; width:460px;
	ul.sortbtn{font-size:15px;
		li{width:30%; margin:0 auto;}
	}
}
div.memberlists{max-width:1120px; margin:0 auto 150px;
	ul.memberlist{padding:0 0 0 3%; 
		li{width:22%; margin:0 3% 64px 0;
			h3{font-size:16px;}
			h4{font-size:14px;}
			p{font-size:14px;}
		}
	}
}

/*ABOUT*/
div.pagebody{
	article.aboutbox{
		p{font-size:17px; letter-spacing:1px; line-height:1.9; margin:0 0 100px;}
		div.pictbox{margin:0 0 90px;
			ul.pict{
				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:31%;}
			}
		}
		div.btn{max-width:440px;}
	}
	article.liverbox{margin:0 0 150px;
		h3{width:382px;}
		section{max-width:1000px; margin:0 auto;}
	}
	article.bbox{padding:100px 0;
		h3{width:198px; margin:0 auto 60px;}
		div.bboxs{
			ul.blists{
				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:31%;}
			}
		}
	}
	article.sbox{padding:100px 0; margin:0;
		img.pc{display:block; max-width:1000px; margin:0 auto;}
	}
	article.flowbox{padding:100px 0 0;
		img.pc{display:block; max-width:1000px; margin:0 auto;}
	}
	article.faqbox{padding:180px 0 0; margin:0 0 160px;
		h3{width:214px; margin:0 auto 40px;}
		div.entry{max-width:432px; margin:0 auto;}
	}
}
ul.faqlist{margin:0 auto 140px;
	li{margin:0 0 30px;
		section:first-child{padding:30px;
			span{font-size:28px; width:2.5%;}
			h4{width:90%; font-size:18px;}
		}
		section:last-child{padding:30px;
			span{font-size:28px; width:2.5%;}
			p{font-size:16px; line-height:1.8; width:95%;}
		}
		section.none-submenu:after{width:2.5%; font-size:250%;}
		section.active-submenu:after{width:2.5%; font-size:250%;}
	}
}

/*CONTACT*/
div.applyform{padding:90px;
	table{
		tr{
			th{width:auto; padding:20px; display:table-cell; vertical-align:middle; text-align:right;}
			td{width:auto; padding:20px; display:table-cell; vertical-align:middle;}
		}
	}
}
div.btnsubmit{width:286px;}

/*FOOTER*/
footer{padding:56px ;
	div.footbox{padding:0;
		display:flex;
		flex-flow:row-reverse nowrap; 
		justify-content:space-between;
		align-items:center;
		ul.links{margin:0; 
			li{margin:0 20px 0 0; .inline();
				a{
					i:last-child{float:none;}
				}
			}
			li:last-child{border:none; padding:0;}
		}
		ul.logos{
			li:first-child{width:116px; margin-right:20px;}
			li:last-child{width:257px; margin-left:20px;}
		}
	}
}

}
/************************ SP ************************/
@media (max-width:768px){
	.pc{display:none;}
	.spmb{margin-bottom:6%;}
}

/************************ 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%}
/************************ ANIM ************************/
@keyframes blackOut{
	  0%{opacity:1; top:0; filter:blur(0px);}
	100%{opacity:0.9; top:-200%; filter:blur(40px);}
}
@keyframes Rin{
	  0%{opacity:0; margin-top:30px;}
	 20%{opacity:1; margin-top:0;}
	 30%{opacity:1; transform:rotate3d(0,0,0,360deg);}
	 80%{opacity:1; transform:rotate3d(0,1,0,360deg);}
	100%{opacity:0; transform:rotate3d(0,1,0,360deg);}
}
@keyframes Xin{
	  0%{opacity:0; transform:translateX(-200%);}
	 20%{opacity:0; transform:translateX(-150%);}
	 50%{opacity:0.1; transform:translateX(-80%);}
	100%{opacity:1; transform:translateX(0%);}
}
 /************************ FUWA ***********************/
.fuwafuwa{
	animation-name:fuwafuwa;
	animation-duration:2.0s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
}
@keyframes fuwafuwa{
	0%{transform:translate(0, 10px);}
	50%{transform:translate(0, 0);}
	100%{transform:translate(0, 10px);}
}