@charset "utf-8";

/* Browser Reset */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Layout */

body {
	/*background-image:url(../img/girls_back.jpg);
	background-repeat: repeat;*/
	line-height: 150%;
	font-family: sans-serif;
}



a:link { color: #4A4A4A; text-decoration:none;font-size:115%;}
a:hover { color: #a8a8a8; text-decoration:underine;  }
a:active { color: #4A4A4A; text-decoration:none; }
a:visited { color: #4A4A4A; text-decoration:none;  }


.p_line{
border-bottom: solid 1px #343434;
	padding-bottom: 30px;
	margin: 30px 0;
}

/*	
#header {margin: 0px 0px 0px 0px;}
.to_top {margin-top: 20px;}
*/


/*/////////////////////////////////////////　PC 760px以上　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　PC 760px以上　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　PC 760px以上　////////////////////////////////////////////////////*/


@media screen and (min-width: 760px) {
		

body {margin: 0 auto;width: 1000px;}	

#wrapper {
	width: 960px;
	margin: 0px 0px 25px 0px;
	padding: 10px 10px 0px 10px;
	/*box-shadow: 0px 0px 5px 5px #BBB7A5;　/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-moz-box-shadow: 0px 0px 5px #BBB7A5;　 /* Firefox */
	-webkit-box-shadow: 0px 0px 5px #BBB7A5;　/* Safari and Chrome */*/
	behavior: url(./pie/PIE.htc);
	background-color: #FFFFFF;

}
	
#header img {
	width: 100%; 
	height: 300px;
	margin: 0px 0px 0px 0px;
	
	}
.sp {display: none}	

	
nav {
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.nav_button a:hover {
	color:#dbdbdb;
}
	
.nav_button{
	display: inline-block;
	font-family: 'Marcellus', serif;
	letter-spacing:1px;
	font-size: 21px;
	line-height: 100%;
	padding-right: 30px;
}
	
	

#news,#members,#ticket,#goods,#announce, #information,#online,#spk{
		clear: both;
	position: relative;
	margin:0px 0px 30px 0px;
}



#news h2,#about h2,#members h2,#ticket h2,#goods h2,#announce h2,#information h2, #online h2,#spk h2{
	color: #FFFFFF;
	font-family: 'Marcellus', serif;
	font-size: 20px;
letter-spacing:2px;
background: linear-gradient(90deg, rgb(149,206,222), rgb(255, 245, 127));
	padding: 5px 0px 5px 15px;
	margin:  0px 0px 15px 0px;
}
	
	
#news {
	float: left;
	width :470px;
}
	
#about {
	float: right;
	width: 470px;
}
	
	
	
#news_window {
	height: 280px;
	width: 435px;
	overflow: auto;
	background-color: #ffffff;
	padding: 15px;
	margin-top: 10px;
	box-shadow: 0px 0px 1px 1px #e2e2e2;　/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-moz-box-shadow: 0px 0px 1px #e2e2e2;　 /* Firefox */
	-webkit-box-shadow: 0px 0px 1px #e2e2e2;　/* Safari and Chrome */
	behavior: url(./pie/PIE.htc);
}
	

#about_d {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;	
}
	

#members ul{
	margin: 0px 0px 0px 10px;
}

#members li{
	display: inline-block;
	margin: 0px 12px 12px 0px;
	vertical-align: top;
	text-align: left;
}

	
	
	
/*  ▽▽▽▽▽▽ mediaの閉じタグ*/
}




/*/////////////////////////////////////////　TAB,SP 759px以下　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　TAB,SP 759px以下　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　TAB,SP 759px以下　////////////////////////////////////////////////////*/




@media screen and (max-width: 759px) {

#wrapper {
	width: 100%;
	background-color: #FFFFFF;
}

#header img {width: 100%; margin: 0px 0px 0px 0px;}
.pc {display: none}	
	
nav{
		text-align: center;

	}	
	
.nav_button{
	display: inline-block;
	font-family: 'Marcellus', serif;
	font-size: 20px;
	line-height: 100%;
	padding: 5px 15px 10px 0px;
}



#news_window {
	max-width: 98%;
	height: 120px;
	overflow: auto;
	background-color: #ffffff;
	padding: 15px;
	margin:  0px 5px 0px 5px;

	box-shadow: 0px 0px 1px 1px #e2e2e2;　/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	-moz-box-shadow: 0px 0px 1px #e2e2e2;　 /* Firefox */
	-webkit-box-shadow: 0px 0px 1px #e2e2e2;　/* Safari and Chrome */
}	
	
#news_window a:hover {
	text-decoration: underline;
	color: #6DDBD9
}
	
#about,#news,#ticket,#goods,#announce,#information, #online,#spk {
	max-width: 98%;
	margin:  0px 0px 25px 0px;
}	
#members{
	text-align: center;
	max-width: 98%;
	margin:  0px 0px 25px 0px;
}	
	

#members ul{
	display: inline-block;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px;

}

#members li{
	float: left;
	width: 50%;
	text-align:center;
	vertical-align: top;
	margin: 0px 0px 15px 0px;
	background-color: #FFFFFF;
}


#members img{
	width: 90%;
	height: 90%;
}	
	
#members p{
width: 95%;
	margin: 0px 20px 15px 0px;
	text-align: left;
}
	
	
	
	
#news h2,#about h2,#members h2,#ticket h2,#goods h2,#announce h2,#information h2, #online h2, #spk h2 {
	width: 95%;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Marcellus', serif;
	font-size: 20px;
letter-spacing:2px;
background: linear-gradient(90deg, rgb(149,206,222), rgb(255, 245, 127));
	padding: 5px 10px 5px 10px;
	margin:  0px 0px 10px 0px;
}	
	
		
#about_d,#about_d2,#ticket_d,#goods_d,#announce_d,#information_d, #online_d, #spk_d{
	max-width: 100%;
	margin:  0px 10px 0px 10px;
}	
	
#members_d{
	max-width: 99%;
	padding: 0px 0px 0px 5px;
	margin:  0px 0px 0px 0px;
}	
	

#goods img {
	width: 98%;
	vertical-align: bottom;
}	

#spk img {
	width: 98%;
	vertical-align: bottom;
}		
	
	
	
/*  ▽▽▽▽▽▽ mediaの閉じタグ*/	
}


/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/



/*///////////////////    ニュース&アバウト        //////////////////*/

#news dl {
	margin-bottom: 5px;
}


#about_d dl dt { 
font-size: 105%;
color: #ff7600;
	font-weight: bold;
}

#about_d dl dd{
	margin: 0px 0px 0px 0px;
}

#about img {
width: 98%;
	display: inline-block;
	margin: 10px 0px 10px 0px;

}


#about  a:link {
	text-decoration: none;
	color: #006ac7;
	font-weight: bold;
}

#about  a:hover {
	text-decoration: underline;
	color: #6DDBD9
}


/*///////////////////    メンバー        //////////////////*/


.am {
	text-align: right;
	font-family: 'Marcellus', serif;
	font-size: 33px;
}

.pm {
	text-align: right;
	font-size: 14px;
	line-height: 130%;
	padding:  10px 20px 0px 0px;
	margin: -15px 0px 20px 0px;
}

.mc {
	font-family: 'Marcellus', serif;
	font-size: 26px;
	padding:  0px 0px 0px 20px;
	margin: 30px 0px 15px 0px;

}


/*///////////////////     チケット        //////////////////*/

#ticket a:link {
	text-decoration: none;
	color: #006ac7;
	font-weight: bold;
}

#ticket a:hover {
	text-decoration: underline;
	color: #6DDBD9
}

#ticket dl dt { 
font-size: 110%;
color: #ff7600;
	font-weight: bold;
}


/*///////////////////     グッズ        //////////////////*/



#goods img {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: bottom;
}

#goods .novelty {
	margin-left:14px;
	font-weight: bold;
}

.goods_button:hover {
	color:#6DDBD9;
}

/*///////////////////     コロナ 対策        //////////////////*/



#announce img {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: bottom;
}

#announce .novelty {
	margin-left:14px;
	font-weight: bold;
}

.announce_button:hover {
	color:#6DDBD9;
}




/*///////////////////    インフォメーション      //////////////////*/


#information img,#online img{
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
	width: 100%;
	max-width: 400px;
}


/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/
/*/////////////////////////////////////////　COMMON　////////////////////////////////////////////////////*/


.prize {
	width: 110px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 5px;
}


#footer {
	font-size: 12px;
	text-align: center;
	margin: auto;
	margin-top: 30px;
	padding: 10px;
	border-top: #CCC 1px solid;
}

li{	list-style:none;}	

.underline {text-decoration: underline;}
.lt {text-decoration: line-through;}
.bold {font-weight: bold;}
.large {font-size: 19px;}
.small {font-size: 12px;}
.u_small {font-size: 9px;}
.green {color: #13ad67;}
.purple {color: #be589d;}
.d_blue {color: #1c1f87;}
.red {	color: #F00;}
.brown {color: #C60;}
.pink {color: #EB6D9A;}
.a_blue {color: #03B8DF;}
.yellow {color: #F9CF00;}
.blank {margin-top: 10px !important;}
.bol {padding-left: 10px;}
.l_blank {margin-top: 20px;}
.ll_blank {margin-top: 50px;}
.inline {display: inline;}
.coming {font-family: 'Audiowide', cursive;	font-size: 26px;}




.f_button{
  display       : inline-block;
  border-radius : 0%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
	margin: 9px 0px  0px  0px ;
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #999;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}

.f_button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}




#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 25px;  bottom: 25px;  background: #003869; opacity: 0.8;  border-radius: 50%;}
#page_top a{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;}
#page_top a::before{  font-family: FontAwesome;  content: '\f106';  font-size: 24px;  line-height: 1em;  color: #fff100;
  position: absolute;  width: 25px;  height: 25px;  top: 0;  bottom: 0;  right: 0;  left: 0;  margin:auto;  text-align: center;	z-index: 1000;}