@charset "UTF-8";

/* *************************************

common.css

***************************************/

/*-------- reset --------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

dt,dd,ul,ol,p,th,td{font-size:90%;line-height:1.5;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ margin-left:2.2em; margin-bottom:18px;}
ol li{ margin-top:8px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
img {border-style: none; line-height:0;}
#menu_btn {	display:none;}
#slide_menu {
	display:none;
}

/*-------- loader --------*/
#loaderArea {
	width:100%;
	min-height:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	background:#fff;
	opacity:0.7;
	top:0;
	left:0;
}

/*-------- base --------*/



body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	background:#F7F5F2;

}
a:link {
	color:#767676;
	text-decoration: underline;
}
a:visited {
	color:#aaa;
	text-decoration: underline;
}
a:hover {
	color:#bbb;
	text-decoration: none;
}
a, a:hover,
a img:hover,
li:hover span {
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

/* common style */
.t_center {
	text-align: center;
}



/* header scroll event */
.fixed {
    position: fixed;
    top: 0;
    z-index: 15;
}

/* header style ****************************************************/

#header {
	position:absolute;
	width:100%;
	min-width:1200px;
	
	border-top:3px solid #6D218C;
	z-index:100;
	left:0;
	top:0;
}

#header #logo{
	display:block;
	margin:10px;
	float:left;
	line-height:0;
}

#header #snsArea {
	float:right;
	margin-top:10px;
}

#header #snsArea li {
	float:left;
	margin-right:10px;
}

.fb_iframe_widget iframe {
    position: absolute;
    z-index: 900;
    right: 0;
}

#header #headerNav{
	clear:right;
	float:right;
	margin-top:5px;
	margin-right:10px;
}

#header #headerNav ul{
	float:left;
}

#header #headerNav ul li{
	float:left;
	margin-right:15px;
}

#header #headerNav ul li a{
	position:relative;
	display:block;
	color:#000;
	text-decoration:none;
	font-size:12px;
	line-height:28px;
	padding-left:30px;
}

@media screen and (min-width:561px) and ( max-width:1300px) {
	#header #headerNav ul li a{

		font-size:11px;

	}

}

#header #headerNav ul li a:hover{
	color:#913D88;
	
}

#header #headerNav ul li a:before{
	color:#913D88;
	padding-right:5px;
	font-size:18px;
	position:absolute;
	line-height:28px;
	left:0;
}

#header #headerNav ul li.member a:before{	content: '\e80d'; font-size:35px; top:-4px; left:-0.25em;}
#header #headerNav ul li.cd a:before{	content: '\e800';}
#header #headerNav ul li.ticket a:before{	content: '\e810'; font-size:22px;}
#header #headerNav ul li.contact a:before{	content: '\e811';}
#header #headerNav ul li.magazine a:before{	content: '\e814';}

#header #headerNav .contribute{
	float:left;
}

#header #headerNav .contribute a{
	display:inline-block;
	background:#B28500;
	color:#fff;
	padding:0 15px;
	text-decoration:none;
	line-height:28px;
	font-size:13px;
	border-radius:30px;
}

#header #globalNav{
	background:rgba(255,255,255,.85);
	overflow:hidden;
	clear:both;
	width:100%;
}

#header #globalNav ul{
	text-align:center;
}

#header #globalNav ul li{
	display:inline-block;
}

#header #globalNav ul li a{
	position:relative;
	display:block;
	padding:18px 24px 18px 20px;
	text-decoration:none;
	color:#000;
	font-size:16px;
}

#header #globalNav ul li.audition a{
	color:#913D88;
}

#header #globalNav ul li a:before{
	position:absolute;
	content:" ";
	width:1px;
	height:0.875em;
	background:#aaa;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
}

#header #globalNav ul li a:hover{
	color:#913D88;

}

#header #globalNav ul li a:hover:after{
	position:absolute;
	content:" ";
	width:80%;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
	height:4px;
	background:#913D88;
	
}

#header #globalNav ul li.audition a:hover{
	color:#913D88;

}


#header #globalNav ul li.audition a:hover:after{
	background:#913D88;
}


/* globalmenu style ****************************************************/


/*-- crumb --*/

#crumb li {
	display: inline-block;
	color: #333;
	font-size: 80%;
}
#crumb li:after {
	 content: '\e80e';
	 padding-left:1em;
}
#crumb li.active:after {
	 content: '';
}
#crumb li a {
	color: #333;
	text-decoration: none;
}

/* wrap ****************************************************/

#wrap {
	min-width:1200px;
}


/* related ****************************************************/

#related {
	text-align:center;
}

#related h2{
	font-size:150%;
}

#related .inner{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}

#related .inner ul {
	margin-top:15px;

}


#related .inner ul li{
	position:relative;
	width:33%;
	max-width:320px;
	display:inline-block;
	margin:1.1% 0.5% 0;
	overflow:hidden;
}


#related .inner ul li a:before{
	content:" ";
	background:rgba(0,0,0,.4);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:100%;
	opacity:0;
	z-index:10;
		-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

#related .inner ul li a:hover:before{
	opacity:1;
}

#related .inner ul li img{
	width:100%;
	display:block;
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	-webkit-transform: scale(1);  
	-moz-transform: scale(1);  
	transform: scale(1);  
}

#related .inner ul li a:hover img {
	-webkit-transform: scale(1.05);  
	-moz-transform: scale(1.05);  
	transform: scale(1.05);
/*	-webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -ms-filter: blur(2px);
        -o-filter: blur(2px);
        filter: blur(2px);*/
}

/* snsBox ****************************************************/

#snsBox {
	text-align:center;
	padding-top: 30px;
}

#snsBox h2{
	font-size:150%;
}

#snsBox .inner{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}

#snsBox .inner ul {
	margin-top:15px;

}


#snsBox .inner ul li{
	position:relative;
	width:33%;
	max-width:320px;
	display:inline-block;
	margin:1.1% 0.5% 0;
	overflow:hidden;
}


#snsBox .inner ul li a:before{
	content:" ";
	background:rgba(0,0,0,.4);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:100%;
	opacity:0;
	z-index:10;
		-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

#snsBox .inner ul li a:hover:before{
	opacity:1;
}

#snsBox .inner ul li img{
	width:100%;
	display:block;
	-o-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	-webkit-transform: scale(1);  
	-moz-transform: scale(1);  
	transform: scale(1);  
}

#snsBox .inner ul li a:hover img {
	-webkit-transform: scale(1.05);  
	-moz-transform: scale(1.05);  
	transform: scale(1.05);

}



/* footer style ****************************************************/
#footer {
	min-width:1200px;
	clear: both;
	margin-top: 70px;
	background:#444444;
}

#footer .inner {
	overflow:hidden;
	max-width:1000px;
	margin:0 auto;
	padding:40px 10px 60px;
}

#footer .detail {
	float:left;
}

#footer .detail dd{
	margin-top:15px;
	font-size:80%;
	color:#fff;
	font-weight:100;
	line-height:1.8;
	
}

#footer .detail dd address,
#footer .detail dd a{
	color:#fff;
	font-weight:100;

}

#footerNav {
	width:520px;
	float:right;
}

#footerNav ul,
#footerNav .contribute{
	width:33%;
	display:table-cell;
	vertical-align:top;
}

#footerNav ul{
	
}

#footerNav ul li {
	margin-bottom:10px;

}

#footerNav ul li a{
	position:relative;
	font-size:85%;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	line-height:15px;
	padding:2px 20px 4px 30px;
}

#footerNav ul li a:before{
	position:absolute;
	content: '\e802';
	padding-right:5px;
	top:0;
	bottom:0;
	height:13px;
	left:8px;
	margin:auto;
}


#footerNav .contribute a{
	display:inline-block;
	background:#B28500;
	color:#fff;
	padding:0 15px;
	text-decoration:none;
	line-height:32px;
	font-size:13px;
	border-radius:30px;
}

/* animation */
#footerNav ul li a:hover{
	background:#fff;
	border-radius:30px;
	color:#000;
	font-weight:400;
}

#footerNav .contribute a:hover{
	display:inline-block;
	background:#fff;
	color:#B28500;
	padding:0 15px;
	text-decoration:none;
	line-height:32px;
	font-size:13px;
	border-radius:30px;
}




#footer #footerBanner {
	background:#fff;
	text-align:left;
}

#footer #footerBanner ul{
	display:table;
	max-width:1000px;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	text-align:center;
	
}

#footer #footerBanner ul li{
	display:inline-block;
	vertical-align:middle;
	padding-right:15px;
	padding-top:10px;

}

#footer #footerBanner ul li img{
	width:100%;
}

/* sp */ 
@media screen and (max-width: 560px){

#menu_btn {	display:block; float:right; margin-top:18px; margin-right:15px;}

/* spmenuBtn */
#menu_btn a.menu-trigger,
#menu_btn a.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#menu_btn a.menu-trigger {
	position:relative;
	width: 30px;
	height: 21px;
	padding:10px;

}
#menu_btn a.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #6D218C;
	border-radius:10px;
}
#menu_btn a.menu-trigger span:nth-of-type(1) {
	top: 0;
}
#menu_btn a.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
#menu_btn a.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

#menu_btn.active a.menu-trigger  span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
#menu_btn.active a.menu-trigger  span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}

#menu_btn.active a.menu-trigger  span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
} 

#slide_menu .inner{
	overflow-y:scroll;
}
	
#slide_menu ul{
    margin: 0;
    padding: 0;
}

#slide_menu ul{
    margin: 0;
    padding: 0 0 15px;
}


#slide_menu li + li{

}
#slide_menu li{
   border-bottom: solid 1px #333; 
    list-style: none;
}
#slide_menu li a{
	position:relative;
    display: block;
    padding: 15px;
    color: #fff;
    text-align:left;
    text-decoration: none;
}

#slide_menu li a:before{
     content: '\e802';
	 position:absolute;
	 right:10px;
}

/* スライドインメニューに必要なところ */
body {
	position: relative;
	right: 0;
	overflow-x: hidden;
}
body.open:before{
	content: " ";
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	background:rgba(0,0,0,.5);
	z-index:60;
}
#slide_menu{
	display:block;
	position: fixed;
	top: 90px;
	z-index:100;
	right: -300px;
	width: 300px;
	height: 100%;
    background: #444;
}
	
/* header style ****************************************************/

#header {
	min-width:inherit;
	position:fixed;
	top:0;
	background:#fff;
	right:0;
	padding-top:30px;
}

#header #snsArea {
	position:absolute;
	width:100%;
	margin:5px 0 0;
	padding-bottom:5px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	top:0;
}

#header #snsArea ul {
	float:right;
}

#header #snsArea ul li{
	float:left;
	margin-right:10px;
}

#header #logo{
	min-width:230px;
	width:40%;
	
}

#header #logo img{
	width:100%;
}


#header #headerNav{
	display:none;
}


#header #globalNav{
	display:none;
}

#header,
#header #snsArea,
#slide_menu {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#header.scroll {
	padding-top:0px;

}


#slide_menu.scroll {

	top: 60px;
}
#header.scroll #snsArea  {
	-webkit-transform: translateY(-35px);
	-moz-transform: translateY(-35px);
	transform: translateY(-35px);
}



/* globalmenu style ****************************************************/


/*-- crumb --*/

#crumb li {
	display: inline-block;
	color: #333;
	font-size: 80%;
}
#crumb li:after {
	 content: '\e80e';
	 padding-left:1em;
}
#crumb li.active:after {
	 content: '';
}
#crumb li a {
	color: #333;
	text-decoration: none;
}

/* wrap ****************************************************/

#wrap {
	min-width:inherit;
}


/* related ****************************************************/

#related {
	text-align:center;
}

#related h2{
	font-size:150%;
}

#related .inner{
	overflow:hidden;
	width:95%;
	margin:0 auto;
	padding-bottom:10%;
}

#related .inner ul {
	margin-top:15px;

}

#related .inner ul li{
	position:relative;
	width:48%;
	max-width:320px;
	display:inline-block;
	margin:1.1% 0.5% 0;
	overflow:hidden;
}
.btn {
	text-align:center;
}

.btn a{
	display:inline-block;
	background:#222;
	color:#fff;
	text-decoration:none;
	padding:10px 20px;
	text-align:center;
}


/* footer style ****************************************************/
#footer {
	min-width:inherit;
	clear: both;
	margin-top: 0;
	background:#444444;
}

#footer .inner {
	overflow:hidden;
	max-width:1000px;
	width:90%;
	margin:0 auto;
	padding:40px 0 60px;
}

#footer .detail {
	float:none;
}

#footer .detail dt img{
	width:100%;
}

#footer .detail dd{
	margin-top:15px;
	font-size:80%;
	color:#fff;
	font-weight:100;
	line-height:1.8;
	
}

#footer .detail dd address,
#footer .detail dd a{
	color:#fff;
	font-weight:100;

}

#footerNav {
	width:100%;

}

#footerNav ul,
#footerNav .contribute{
	display:none;
}
#footer #footerBanner ul{
	display:table;
	max-width:1000px;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	text-align:center;
	
}

#footer #footerBanner ul li{
	display:inline-block;
	vertical-align:middle;
	padding:1%;
	width:30%;

}

#footer #footerBanner ul li img{
	width:100%;
}	
	
}