@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
}

a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#CC0000; text-decoration:underline;}
a:active{color:#CC0000; text-decoration:underline;}

.opacity a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.smart {
	overflow-y: scroll;
	-webkit-text-size-adjust:none;
}


@media screen and (max-device-width: 750px){
.smartoff {display:none;}
}

@media screen and (min-device-width: 750px){
.smarton {display:none;}
}

/*ページ全体ページ全体ページ全体ページ全体ページ全体ページ全体*/
#wrapper {
	width:900px;
	margin:0px auto;
}

#content {
	overflow:hidden;
	width:900px;
	margin-bottom:0px;
}

#content_left {
	float:left;
	width:700px;
	width:900px;
}

#content_rignt {
	float:right;
	width:200px;
}

#footer {

	margin:0px auto;
	padding:10px 0 10px 0;
	font-size:11px;
	color:#999;
}

#footer_left {
	float:left;
	width:732px;
	padding-top:5px;
	border-top:#ccc 1px solid;
}


#footer_right {
	float:right;
	width:218px;
	padding-top:5px;
	border-top:#ccc 1px solid;
	text-align:right;
}


/*右ナビ右ナビ右ナビ右ナビ右ナビ右ナビ右ナビ右ナビ右ナビ*/

.filterbox{
	padding:0 0 25px 15px;
	overflow:hidden;
}


.filterbox_s{
	width:170px;
	padding:0 0 25px 15px;
	overflow:hidden;
}

.filterbox li{
	float:left;
	margin-bottom:6px;
}

 
ul#demo {
	width: 200px; 
	height: 24px; 
	overflow: hidden !important; 
} 


.news {
	width:93px;
	padding-left:107px;
	background-image: url(../img/news.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.blogbox {
	width:180px;
	padding:10px;
	background-color:#FFF;
	color:#CCC;
}

.blogbox a:link{color:#333; text-decoration:none;}
.blogbox a:visited{color:#333; text-decoration:none;}
.blogbox a:hover{color:#333; text-decoration:underline;}
.blogbox a:active{color:#333; text-decoration:underline;}

p.blogtitle {
	background-image:url(../img/pochigaibu.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:15px;
	line-height:120%;
	margin-bottom:7px;
}

span.new{
	color:#FC0;
	margin-left:5px;
}

img.sidebunner{
	padding:2px 0px;
}

/*2023 メニューボタン*/
/*表示するテキストが切り替わる*/
.btntextchange{
    /*テキストの基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  border-bottom: 1px dotted #999;
  border-radius:0px;
  min-width:200px;
  padding: 18px 0px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-size:13px;
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.1em;
  outline: none;
  /*アニメーションの指定*/
  transition: all .1s;
}

/*hoverした際の変化*/
.btntextchange:hover{
  background:#333;
  color:#fff;
}

.btntextchange span{
    /*絶対配置でテキストの位置を決める*/
  position: absolute;
  left: 50%;
  top:50%;
    transform:translate(-50%,-50%);
    /*アニメーションの指定*/
    transition: all .5s;
  /*ブロック要素にしてテキスト折り返しなし*/  
  display: block;
  white-space: nowrap;
}

/*差し替わるテキストの設定*/
.btntextchange span:nth-child(2){
  opacity:0;/*透過0に*/
}

/*hoverするとテキストが入れ替わる設定*/
.btntextchange:hover span:nth-child(1){
  opacity:0;/*透過0に*/
}

.btntextchange:hover span:nth-child(2){
  opacity:1;/*不透明に*/
}








/*TOPページTOPページTOPページTOPページTOPページTOPページ*/

.filterlist li {
	margin-bottom:5px;
}


/*ポップアップ公演情報ポップアップ公演情報ポップアップ公演情報*/
.info{
	padding:10px;
}

.info a:link{color:#333; text-decoration:underline;}
.info a:visited{color:#333; text-decoration:underline;}
.info a:hover{color:#333; text-decoration:underline;}
.info a:active{color:#333; text-decoration:underline;}

.info_date{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:21px;
	color:#004C9F;
	margin-bottom:15px;
}

.info_title01{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:21px;
	color:#271F44;
	margin-bottom:5px;
}

.info_title02{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	color:#271F44;
	font-weight:bold;
	margin-bottom:5px;
}

.info_box{
	overflow:hidden;
	width:620px;
}

.info_box_left{
	width:300px;
	float:left;
}

.info_box_right{
	width:300px;
	float:right;
	line-height:150%;
	font-size:11px;
}

.info_box02{
	padding:10px;
	border:#396 dotted 1px;
}


/*スケジュールスケジュールスケジュールスケジュールスケジュール*/
h2 {
	padding-top:30px;
	padding-bottom:20px;
}

ul.month {
	width:900px;
	margin-bottom:50px;
}

ul.month li{
	float:left;
	padding-right:20px;
	background-image:url(../img/pochi.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.calender_header {
	width:375px;
	width:900px;
	height:35px;
	background:url(../schedule/img/schedule02.jpg) no-repeat;
	padding-top:4px;
	padding-left:0px;
	text-align: center;
	
}

.calender_header_text {
	font-size:17px;
	font-weight:bold;
}

table.calender_art {
	float:left;
	width:375px;
	width:450px;
	font-size:11px;
	line-height:130%;
}


table.calender_art a:link{color:#CC0000; text-decoration:none;}
table.calender_art a:visited{color:#CC0000; text-decoration:none;}
table.calender_art a:hover{color:#CC0000; text-decoration:underline;}
table.calender_art a:active{color:#CC0000; text-decoration:underline;}

table.calender_art td{
	text-align:center;
	padding:3px;
	border:#999 1px solid;
	height:30px;
}

table.calender_art02 {
	float:left;
	width:375px;
	width:450px;
	font-size:11px;
	line-height:130%;
}


table.calender_art02 a:link{color:#CC0000; text-decoration:none;}
table.calender_art02 a:visited{color:#CC0000; text-decoration:none;}
table.calender_art02 a:hover{color:#CC0000; text-decoration:underline;}
table.calender_art02 a:active{color:#CC0000; text-decoration:underline;}

table.calender_art02 td{
	text-align:center;
	padding:3px;
	border:#999 1px solid;
	height:15px;
}

table.calender_space {
	float:left;
	width:325px;
	width:450px;
	font-size:11px;
	line-height:130%;
}

table.calender_space a:link{color:#004CA0; text-decoration:none;}
table.calender_space a:visited{color:#004CA0; text-decoration:none;}
table.calender_space a:hover{color:#004CA0; text-decoration:underline;}
table.calender_space a:active{color:#004CA0; text-decoration:underline;}

table.calender_space td{
	text-align:center;
	padding:3px;
	border:#999 1px solid;
	height:30px;
}

table.calender_space02 {
	float:left;
	width:325px;
	width:450px;
	font-size:11px;
	line-height:130%;
}

table.calender_space02 a:link{color:#004CA0; text-decoration:none;}
table.calender_space02 a:visited{color:#004CA0; text-decoration:none;}
table.calender_space02 a:hover{color:#004CA0; text-decoration:underline;}
table.calender_space02 a:active{color:#004CA0; text-decoration:underline;}

table.calender_space02 td{
	text-align:center;
	padding:3px;
	border:#999 1px solid;
	height:15px;
}



.w15{
	width:15px;
}

.w80{
	width:80px;
}

.bggray{
	background-color:#F2F2F2;
}

.bgred{
	background-color:#FEE;
}

.bgblue{
	background-color:#EEECFF;
}


/*aboutaboutaboutaboutaboutaboutaboutaboutaboutabout*/
.about_tab{
	width:700px;
	height:47px;
	cursor:pointer;
}

.opaimg img:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.about_tab li{
	float:left;
}

.about_art{
	overflow:hidden;
	width:630px;
	padding:35px;
	margin-bottom:70px;
	background:url(../about/img/bg_art.gif) repeat-y;
}

.about_art_box{
	width:630px;
	height:282px;
	margin-bottom:10px;
}

.about_art_box li{
	float:left;
}

.about_art_onebox{
	background:#FFF;
	width:180px;
	height:290px;
	padding:10px;
	border:#990000 1px dotted;
}

.about_space{
	overflow:hidden;
	width:630px;
	padding:35px;
	margin-bottom:70px;
	background:url(../about/img/bg_space.gif) repeat-y;
}


.disnon {
	display: none;
} 

#inq {
	width:630px;
	padding:35px;
	background-color:#F3F3F3;
}


#formWrap {
	width:630px;
	padding:35px;
	background-color:#EFEFEF;
	line-height:120%
}
table.formTable{
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	text-align:left;
}

.faq_customer {
	width:630px;
	padding:35px;
	background-color:#ffefef;
	line-height:150%;
	border-radius: 16px;
	color: #222;
}

.faq_organizer {
	width:630px;
	padding:35px;
	background-color:#efefef;
	line-height:150%;
	border-radius: 16px;
	color: #000;
}

.faq_other {
	width:630px;
	padding:35px;
	background-color:#EFEFFF;
	line-height:150%;
	border-radius: 16px;
	color: #222;
}

/*otherotherotherotherotherotherotherotherotherotherother*/

.other_box{
	width:658px;
	padding:20px;
	border:#396 dotted 1px;
	margin-bottom:30px;
}



.other {
	width:700px;
	margin-bottom:40px;
	overflow:hidden
}

.other_date {
	float:left;
	width:80px;
	padding-right:19px;
	font-size:13px;
	line-height:130%;
	font-weight:bold;
	color:#000000;
}

.other_text {
	float:left;
	width:470px;
}

.other_text_komidashi {
	font-size:16px;
	line-height:130%;
	color:#000000;
	margin-bottom:10px;

}

.other_text_midashi {
	font-size:21px;
	line-height:130%;
	font-weight:bold;
	color:#000000;
	margin-bottom:40px;

}

.other_pic {
	float:left;
	width:180px;
	padding-left:50px;
}


.other_annai {
	width:700px;
	margin-bottom:150px;
	overflow:hidden;
	border-top:#396 1px dotted;
	padding-top:40px;
}

.other_annai_pic {
	float:left;
	width:180px;
	padding-right:50px;
}


.other_annai_text {
	float:left;
	width:470px;
}

.other_2015natsuyose_pic {
	float:left;
	width:400px;
}

.other_2015natsuyose_text {
	float:left;
	width:260px;
	padding-left:30px;
}

/*labolabolabolabolabolabolabolabolabolabolabolabolabolabolabolabolabolabolabolabo*/

#labowrapper {
background-color:#FFFFFF;
	width:950px;
	margin:5px auto;
}

/*テキスト系テキスト系テキスト系テキスト系テキスト系テキスト系*/
.pochi {
	background-image:url(../img/pochi.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.pochi_pdf {
	background-image:url(../img/pdflogo.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:18px;
}

.pochi_purple {
	background-image:url(../img/pochi_purple.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#330066;
	font-weight:bold;
}

.pochi_red {
	background-image:url(../img/pochi_red.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#CC0000;
	font-weight:bold;
}

.d1{
	margin-bottom:1px;
}

.d3{
	margin-bottom:3px;
}

.d4{
	margin-bottom:4px;
}

.d5{
	margin-bottom:5px;
}

.d10{
	margin-bottom:10px;
}

.d15{
	margin-bottom:15px;
}

.d20{
	margin-bottom:20px;
}

.d30{
	margin-bottom:30px;
}

.d40{
	margin-bottom:40px;
}

.d50{
	margin-bottom:50px;
}

.d70{
	margin-bottom:70px;
}

.d80{
	margin-bottom:80px;
}

.d100{
	margin-bottom:100px;
}

.l4{
	padding-left:4px;
}

.l7{
	padding-left:7px;
}


.l10{
	padding-left:10px;
}

.l12{
	padding-left:12px;
}

.l15{
	padding-left:15px;
}

.l20{
	padding-left:20px;
}

.lm20{
	margin-left:20px;
}

.l30{
	padding-left:30px;
}

.l50{
	padding-left:50px;
}

.l80{
	padding-left:80px;
}

.w700{
	width:700px;
}


.line150 {
	line-height:150%;
}

.s11 {
	font-size:11px;
}

.s12 {
	font-size:12px;
}

.s14 {
	font-size:14px;
}

.s16 {
	font-size:16px;
}

.s18 {
	font-size:18px;
}

.s20 {
	font-size:20px;
}

.bold{
	font-weight:bold;
}

.c000{
	color:#000;
}

.red{
	color:#CC0000;
}

.bgred{
	background-color:#F2DDF2;
}


.blue{
	color:#004CA0;
}

.green{
	color:#396;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clearboth{
	clear:both;
}

.center{
	text-align:center;
	
}

.right{
	text-align:right;	
}

.over{
	overflow:hidden;
}