@charset "utf-8";
/* CSS Document */



#ev_main{
	color: #333;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 0.9rem;
	line-height: 1.5;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

#event a {
	color: #460e44;
	text-decoration: none;
}

#event a:hover {
	color: #eee;
}


#main{
	width: 100%;
	position: relative;
	margin: 0px 0 0px 0px;
	display: inline;
	color: #333;
	height: auto;

}
#main h1{
	text-align:center;
}

#ev_main h1{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;

}

.inbox {
	width-max: 1000px;
	margin: 0 auto;
	height:100%;
	padding-top:30px;
}

#ev_main h1{
	font-size:2em;
	padding-top:5px;
}

.ev_box img{
	width: 100%;
	max-width: 100%
	}
.ev_box h2{
	padding:5px 0px 0px 0px;
}

.ev_box h5{
	margin: 0px;
	padding: 0px;
}

.ev_lf{
	width:50%;
	float:left;
}


.ev_box{
	/* [disabled]float: left; */
	/* [disabled]width: 425px; */
	display: flex;
	height: auto;
	padding: 5px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:left;
	word-break: break-all;
}

.ev_box>div:nth-child(odd){
	float: left;
	width: 500px;
	overflow: hidden;
	margin-right: 10px;
}

.ev_box>div:nth-child(even){
	float: left;
	width: 500px;
	overflow: hidden;
}

.ev_box>div img{
margin-bottom: 5px;
max-width: 100%;
height: auto;
}





.ev_box_p{
	/* [disabled]float: left; */
	/* [disabled]width: 425px; */
	height: auto;
	padding: 5px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:left;
	word-break: break-all;
}

.ev_box_p>div:nth-child(odd){
	float: left;
	width: 500px;
	overflow: hidden;
	margin-right: 10px;
}

.ev_box_p>div img{
margin-bottom: 5px;
max-width: 100%;
height: auto;
}



@media screen and (max-width:480px) {
	.ev_box{
width: 400px;
		font-size:2vw;
		word-break: break-all;
		flex-direction:column;
		}
		.ev_box h5{
		font-size:2vw;
}
.ev_box img{
width: 60%; 
max-width: 470px;
height: auto;
}

.ev_box_p{
width: 400px;
		font-size:2vw;
		word-break: break-all;
		flex-direction:column;
		}
}

/*==========================================
 コンセプトスタイル
===========================================*/

.conseptbox {
  display: flex;
  justify-content: center;
}

.conseptcell{
  width: 297px;
  margin: 0 5px;
  padding: 5px;
	width:100%;
border:1px solid #ccc;
}

.conseptcell img {
width: 100%;
vertical-align: top;
text-align:center;
max-width:1100px;
}

.conseptbox img{
margin: 5px auto 0;
text-align:center;
}




/* モバイル表示 */

.textBox{
    border:1px solid gray;
    margin:2px 10px 5px 2px;
}
.leftTop{
    padding:5px;
    text-align:center;
    width:90%;
}
.rightBottom{
    padding:15px;
    width:90%;
}
 
/* モバイル表示 */
@media only screen and (max-width : 480px){
.textBox img{
        max-width:60%;
    }
.textBox{
    overflow:auto;
   margin:2px 5px 2px 5px;
　max-width: 450px;
    width:90%;
    padding:10px 0px;
    }
.conseptcell{
  width: 125px;
}
.conseptbox {
max-width:480px;
flex-wrap: wrap;
width:100%;
}

}

 
/* PC表示 */
@media only screen and (min-width : 481px){
.textBox{
    overflow:auto;
   margin:2px 5px 2px 5px;
　max-width: 900px;
    width:90%;
    }
.textBox img{
     max-width:90%;
}

.leftTop{
        float:left;
        width:30%;
    }
.rightBottom{
        width:63%;
        overflow:auto;
		text-align: left;
    padding: 0px 5px;
    }
}



/*==========================================
 切り替えスタイル
===========================================*/
.ev_button_sat {
  width: 50%;
    max-width: 240px;
	max-height:100px;	
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
	font-size: 5vw;
    border:0.15vw solid #5B5B5B;
background-color:#65c9f7;
text-shadow:0 -1px #6b8425;
margin:20px 0;
}

.ev_button_sat:hover {
  text-decoration: none;
  opacity: 0.7;
}

.ev_button_sun {
  width: 50%;
    max-width: 240px;
	max-height:100px;	
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
	font-size: 5vw;
    border:0.15vw solid #5B5B5B;
background-color:#D6254D;
text-shadow:0 -1px #6b8425;
margin:20px 0;
}

.ev_button_sun:hover {
  text-decoration: none;
  opacity: 0.7;
}


.pc { display: block !important; }
.sp { display: none !important; }

/* モバイル表示 */
@media only screen and (max-width : 480px){
.pc { display: none !important; }
.sp { display: block !important; 
  display: flex;
  text-align:center;
  	font-size: 5vw;
}
}

/* タブレット表示 */
@media screen and ( max-width:768px ){
.pc { display: none !important; }
.sp { display: block !important; }

}


 /*__________出演者プロフィール__________*/
	  
.profile_box {
    padding: 0.5em 0.5em;
    margin: 1em 0;
    color: #FFF;
	text-align:center;
    background: #61a0f4;/*背景色*/
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
	overflow: hidden;
  justify-content: center;
}

.ev_box_p .profTittle img{
		width: 95%;
	}

	  
.profile_main {
　max-width: 1000px;
  display: flex;
  justify-content: center;
	overflow: hidden;
	}

.profTittle h2 {
	font-size:1.3em;
	text-align:left;
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #b0cff9;
	border-style:solid;
	background:#ff4646;
	color:#fff;
	line-height:140%;
}


#profile h3{
border: 1px solid #000;
	width: 95%;
	max-width: 415px;
	background-color:#ff4646;
	border-radius: 4px;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-align:center;
	margin:5px 0px 5px 0px;
	
}
#profile h4{
	padding:10px 0px 10px 0px;
	text-align:left;
}
#profile .ev_box_p{
	float: left;
	text-align:center;
	border: 1px #999 dotted;
max-width: 419px;
	height:auto;
	padding:2px;
	margin:5px;

	
}

li{
	list-style: none;
}

.inbox {
	max-width: 870px;
	margin: 0 auto;
	height:100%;
	padding-top:30px;
}
.clear{
	clear:both;
}


div[id^="pBTN"]{
	cursor: pointer;
	width:395px;
}


div[id^="pBTN"]+div{
	display: none;
	padding: 10px 5px;
	text-align: justify;
	word-break: break-all;
	width:395px!important;
}

.end{
	margin-right:419px!important;}

div[id^="pBTN"]+div>h5{
	background-color: #F60;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #FFF;
}

div[id^="pBTN"]+div>ul{
	margin-bottom:10px;
	}
.x {
cursor:pointer;
}

div[id^="pBTN"]+div>ul li{
	padding-bottom: 5px;
	border-bottom: 1px dotted #99CCFF;
}

@media screen and ( max-width:768px ){
	
.inbox {
	width: 768px;
	max-width: 768px;
	margin: 0 auto;
	height:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#profile .ev_box_p{
	float: left;
	border: 1px #999 dotted;
display: inline-block;
max-width: 340px;
	height:auto;
	padding:2px;
	margin:5px;
}
div[id^="pBTN"]{
	cursor: pointer;
	width:320px;
}


div[id^="pBTN"]+div{
	display: none;
	padding: 10px 5px;
	text-align: justify;
	word-break: break-all;
	width:320px!important;
}

#profile h3{
border: 1px solid #000;
	width: 100%;
	max-width: 335px;
	background-color:#CBDA10;
	border-radius: 4px;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-align:center;
	margin:5px 0px 5px 0px;
}


}

@media screen and (max-width:480px) {
	.inbox {
	width: 100%;
	max-width: 470px;
	margin: 0 auto;
	height:100%;
  display: flex;
  flex-direction:column;
  justify-content: center;
}

	#profile .ev_box_p{
width: 95%;
}
	#profile .ev_box_p img{
width: 100%;
}

div[id^="pBTN"]{
	cursor: pointer;
	width:95%;
}


div[id^="pBTN"]+div{
	display: none;
	padding: 10px 5px;
	text-align: justify;
	word-break: break-all;
	width:95%!important;
}

#profile h3{
width: 59%;
	line-height: 30px;
font-size:1.8vmax;
}
#profile h4{
font-size:2vw;
}

}



/*==========================================
 動画スタイル
===========================================*/


.move{
position:relative;
width:100%;
padding-top: 56.25%;
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%; !important;
height:100%; !important;
}




/*==========================================
 日程スタイル
===========================================*/

.place { display: table;
 width:90%;
 }
.place1 { display: table-cell;
vertical-align: top; }
.place_mini { width:50%; }

@media screen and (max-width:480px) {
.place1 { 
 margin: 0 auto;
display: block;
 }
.place1 table { 
 width:100%;
 max-width: 470px;
 margin: 0 auto;
display: block;
 }
}



/*.place { 
  display: flex;
  justify-content: center;
}
.place1 { display: table-cell; }
.place_mini img{ width: 234px;
 }
.place1 img {
	 width:50%
 }
 
@media screen and (max-width:480px) {
.place1 table { 
flex-direction: column;
justify-content: center;
width:100%
}

}*/



.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*==========================================
 出品用スタイル
===========================================*/


#exh_box {
　max-width: 1000px;
	margin-top: 30px;
	margin-bottom: 10px;
	overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mini_box {
	background: #fff;
	border: solid #333 1px;
	font-weight: bold;
	text-align: center;
	width: 188px;
	float: left;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mini_box div{
	display: table-cell;
	height: 178px;
	width: 178px;
	vertical-align: middle;
	padding: 5px;
	}

.mini_box a{
	display: block;
	height: 188px;	
	width: 188px;
	
	}
	
.mini_box img {
	width: 100%;
	height: auto;
}

.mini_box p a {
	background: #333;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	width: 188px;
	height: 20px;
	margin: 0px;
	font-size:1.7vmin;

}

.mini_box p{
	background: #333;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	width: 188px;
	height: 80px;
	margin: 0px;
	font-size:1.7vmin;

}

.mini_box p img{
	width: 40px;
	height: auto;
}


.mini_box p a:hover {
	background: #666;
}

#exh_box a img{
	opacity:1!important;}

.mini_box a:hover{
	opacity:0.7;
}

.disableLink{pointer-events:none;}


@media screen and (max-width:480px) {
	#exh_box {
　max-width: 480px;
  display: flex;
  justify-content: center;
	overflow: hidden;
}
	.mini_box {
	width: 98px;
}
.mini_box div{
	height: 88px;
	width: 88px;
	}

.mini_box a{
	height: 98px;	
	width: 100px;
	
	}
	
.mini_box img {
	width: 100%;
	height: auto;
}

.mini_box p a {
	background: #333;
	color: #fff;
	width: 98px;
	height: 30px;
	font-size:2.5vmin;
	display:inline-block;
}


.mini_box p {
	background: #333;
	color: #fff;
	width: 98px;
	height: 60px;
	font-size:2.5vmin;
	display:inline-block;
}

  
}




/*----------タイムテーブル-----------*/

#eveschedule{
		width: 100%;
}

#eveschedule table a {
	color: #fff;
}
#eveschedule table a:hover {
	color: orange;
}

#eveschedule table {
	background: #fff;
	border: solid #63635c 3px;
	margin: 50px auto;
	border-collapse: collapse;
border-spacing: 0;
}

#eveschedule th {
	font-weight: bold;
	text-align: center;
	padding: 12px 6px;	/*内側余白*/
}
#eveschedule td {
	text-align: center;
	vertical-align: middle;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 1.1rem;
}
.e_sat, .e_sun {
	color: #fff;
	width: 371px;
	border: solid #ccc 1px;
}
.e_sat {
	background: #65c9f7;
	font-size: 18px;
}
.e_sun {
	background: #e53d63;
	font-size: 18px;
}
	/*時間セル*/
.e_time, .e_none {
	background: #63635c;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
}
.e_time {
	color: #fff;
	font-size: 13px;
	text-align: center;
	vertical-align:top;
}
.e_none {
	color: #63635c;
}
	  
@media screen and (max-width:480px) {
#eveschedule td {
    text-align: left;
}
#eveschedule td p{
		padding:0 10px;
}
}