// BASE COLOR
@white:#fff;
@black:#222;
@grayD:#444;
@gray:#777;
@grayL:#ccc;
@grayLL:#f5f5f5;
@red:#903;

// KEY COLOR
@pink:#f39;
@pinkL:#fde;
@yellow:#fff684;
@orange:#f39800;

@blue:#7b8cc3;
@purple:#947fb7;
// LESS
@ncc:no-repeat center center;

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

/*BASE*/
html{height:100%;}
body{margin:0; width:100%; height:100%; line-height:1; color:@black; -webkit-text-size-adjust:100%; background:url('../img/bg/bg.png'); .bgsc;
font-family:"Helvetica Neue",Arial,Roboto,"Droid Sans","游ゴシック Medium","Yu Gothic Medium","游ゴシック体","游ゴシック",YuGothic,"Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
img{max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*LINK*/
a:link{color:@pink; .tdu; .trans}
a:visited{color:@pink; .tdu;}
a:hover{color:@gray; .tdu;}
a:active{color:@pink; .tdn;}
a img{border:none; .tdn;}
a img:hover{border:none; opacity:0.6; .tdn;}
/*LETTER*/
.wf{font-family:Montserrat;}
strong{.fb;}
.attention{color:@red;}
.small{font-size:85%;}
::selection{background:@yellow; color:@black;}
::-moz-selection{background:@yellow; color:@black;}

/*HEADER*/
header{background:@purple; padding:10px; margin:0 0 4%; box-shadow:2px 2px 5px @grayD;
	h1{color:@white; font-size:85%; .fb; .tac;}
}

/*FOOTER*/
footer{padding:10px 0; .tac;
	small{font-size:77%; line-height:1.8;}
}

/*LOGOBOX*/
div.logobox{width:90%; height:auto; margin:2% auto 4%;}

/*SNS*/
div.share{margin:0 10px 4% 0;
	div.snsbtn{float:right;}
	div#tw{margin:0 20px 0 0;}
}

/*MAIN*/
main{background:rgba(255,255,255,0.9); margin:0 0 8%;}

/*PAGES*/
div.pagebody{padding:15px 10px 15px;
	article{
		h2{background:@blue; color:@white; font-size:124%; margin:0 0 15px; padding:10px; .fb; border-radius:10px 0 10px 0;
			i{color:@yellow; font-size:124%;}
		}
		h3{.fb; font-size:124%; border-bottom:4px double @grayL; padding:0 0 5px; margin:0 0 15px;
			i{color:@purple;}
		}
		h3.topnewstitle{border-bottom:none; font-size:100%;}
		span.postdate{background:@yellow; color:@blue; padding:5px; .inline; margin:0 0 5px; border-radius:5px; font-size:85%;}
		div.postbody{line-height:1.6; word-wrap:break-word;
			section{margin-bottom:30px;}
			section:last-child{margin-bottom:0;}
			p{margin-bottom:15px;}
			p:last-child{margin-bottom:0;}
		}
	}
}

div.artist{margin:0 0 3%;
	ul{
		li{width:98%; padding:4%; margin:0 auto 4%; border:1px dashed @grayL; background:rgba(255,255,255,0.4);
			img{border-radius:6px; margin:0 auto 2%;}
			a{display:block; .fb;}
		}
	}
}

/*NEWS SINGLE*/
article.newssingle{
	div.postdate{display:block; margin:0 0 5px;}
	h3{color:@black; font-size:124%; line-height:1.5; padding:10px 0; .fb;}
	div.postbody{line-height:1.7; margin:0 0 10px; padding:10px 0;
		p{margin-bottom:10px; word-wrap:break-word;}
		p:last-child{margin-bottom:0;}
		h4{font-size:124%; .fb;}
		h5{font-size:108%; .fb;}
	}
	div.sharebtn{clear:both; display:block; overflow:hidden;
		div.snsbtn{float:left; margin-right:20px;}
		div#tw{margin-top:2px;}
	}
}


/*PAGE TABLE*/
table{width:100%; margin-bottom:15px; 
	tr{width:100%; border-top:1px solid @grayL; border-bottom:1px solid @grayL;
		th{padding:10px; width:100%; display:block; text-align:left; .fb;}
		td{padding:10px; width:100%; display:block;}
	}
}
table.infotable{
	tr th{color:@purple; padding:10px 10px 0;}
}

div.pagenation{.fb; .tac; margin:0 0 4%;
	a{background:@pink; display:block; padding:10px; border-radius:10px;}
	a:link{color:@white; .tdn;}
	a:visited{color:@white; .tdn;}
	a:hover{color:@white; .tdn; background:@blue;}
	a:active{color:@white; .tdn;}
}

/*CONTACT*/
span.required{background:@blue; color:@white; font-size:85%; padding:5px 10px; border-radius:5px; .fb;}
table.mailform textarea{width:100%; padding:10px; resize:vertical; background:@white; border:1px solid #ddd;}
input.wpcf7-text{width:100%; padding:10px;}
input[type="submit"],button{-webkit-appearance:button; cursor:pointer; outline:none;}
input.soushin{width:100%; height:60px; line-height:60px; position:relative; .inline; .fb; font-size:124%; .tac; .tdn; border:none; color:@white; margin:0 0 20px;
border-radius:10px; background-color:#e63470; box-shadow:0 4px 0 #821036; -webkit-transition:none; transition:none; cursor:pointer;}
input.soushin:hover{background-color:#ed709b; box-shadow:0 4px 0 #bf1750;}
input.soushin:active{top:4px; box-shadow:none;}
img.ajax-loader{float:left; width:auto!important;}

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

/*HEADER*/
header{
	h1{font-size:100%;}
}

/*FOOTER*/
footer{padding:25px 0;}

/*LOGOBOX*/
div.logobox{width:960px; margin:4% auto;}

/*SNS*/
div.share{margin:0 0 4% 0;}

/*MAIN*/
main{}

/*PAGES*/
div.pagebody{padding:60px 60px 30px;
	article{
		h2{font-size:154%; padding:20px; margin:0 0 30px; letter-spacing:1px; border-radius:15px 0 15px 0;}
		div.postbody{
			section{margin-bottom:40px;}
			p{margin-bottom:20px;}
		}
	}
}

div.artist{margin:0 0 3%;
	ul{
		li{float:left; width:48%; padding:4%; margin:0 4% 4% 0;
			img{border-radius:6px; max-height:180px; margin:0 auto 2%; display:block; .tac;}
			a{display:block; .fb;}
		}
		li:nth-child(2n){margin:0 0 4% 0;}
	}
}

/*NEWS SINGLE*/
article.newssingle{
	h3{font-size:154%; padding:15px 0;}
	div.postbody{font-size:108%; padding:20px 0; margin:0 0 20px;
		p{margin-bottom:20px;}
		p:last-child{margin-bottom:0;}
		h4{font-size:154%;}
		h5{font-size:131%;}
		.size-thumbnail{width:320px; height:auto;}
		.size-medium{width:320px; height:auto;}
		.size-large{width:600px; height:auto;}
		.aligncenter{clear:both; display:block; overflow:hidden; margin: 0 auto 20px;}
		.alignleft{float:left; margin:0 20px 20px 0; .inline;}
		.alignright{float:right; margin:0 0 20px 20px; .inline;}
		img.alignleft + br{display:none;}
		img.alignright + br{display:none;}
	}
}

/*PAGE TABLE*/
table{border-bottom:1px solid @grayL;
	tr{border-top:1px solid @grayL; border-bottom:none;
		th{vertical-align:middle; padding:15px; width:auto; display:table-cell; background:none; white-space:nowrap; text-align:left;}
		td{vertical-align:middle; padding:15px; width:auto; display:table-cell;}
	}
}
table.infotable{
	tr th{padding:15px;}
}

div.pagenation{font-size:131%;
	a{padding:20px;}
}

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

}
/************************ FUWA ************************/
.fuwafuwa{
-webkit-animation-name:fuwafuwa;
-webkit-animation-duration:2.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:fuwafuwa;
-moz-animation-duration:2.5s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa{
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa{
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
/************************ VIDEO ************************/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; padding-top:30px; height:0;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/************************ GGMAP ************************/
.ggmap{position:relative; height:0; overflow:hidden; padding-bottom:100%;}
.ggmap iframe, .ggmap object, .ggmap embed{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/