*{
	margin: 0;
	padding: 0;
}

html{
font-size: 62.5%;
/*\*/
_font-size: 62.5%;
/**/

height: 100%;
	background-color: #f6f6f6;
}

a{color: #221815; text-decoration: underline;}
a:hover, a:focus{text-decoration: none;}

a:hover img,
a:focus img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ol {
list-style: none;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

body{
	font-size: 10px;
	font-size: 1.0rem;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6;
	color: #221815;
}

/* Layout */
.wrapper{
	min-width: 890px;
	max-width: 980px;
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
}

.pcHide{
	display: none !important;
}

.spHide{
	display: block !important;
}
.pc_br{
	display: inline;
}
.sp_br{
	display: none;
}

.mt{
	margin-top: 32px !important;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* header*/
#header{
	width: 100%;
	display: block;

	transition: .8s;
}

.header_top{
	width: 100%;
	height: 72px;
	display: none;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 80000;

	/* box-shadow:0px 1px 2px 2px #d9d9d9;
	-moz-box-shadow:0px 1px 2px 2px #d9d9d9;
	-webkit-box-shadow:0px 1px 2px 2px #d9d9d9; */
}

h1{
	width: 380px;
	height: 0;
	display: block;
	padding-top: 100px;
	background: url(../img/logo.png) no-repeat left center;
	background-size: 380px auto;
	overflow: hidden;
	position: fixed;
	top: 10px;
	left: 20px;
}

.header_top h1{
	width: 446px;
	height: 0;
	display: block;
	margin: 0 0 0 20px;
	padding-top: 36px;
	background: url(../img/logo_small.png) no-repeat center top;
	background-size: contain;
	position: fixed;
	top: 20px;
	left: 10px;
}

.header_top h1 a{
	width: 446px;
	height: 60px;
	display: block;
}

#main_visual{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/h1.png) no-repeat center center;
	position: fixed;
	top: -30px;
	left: 0;
	z-index:-999998;
}

/* schedule */
#schedule{
		width: 100%;
		margin: 0 0 0 0;
		padding: 54px 0 84px 0;
		background: url(../img/bg_80.png) repeat top left;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
}
#schedule h2.tit{
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: bold;
	letter-spacing: 3px;
	color: #666666;
}
#schedule h2.tit2{
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	letter-spacing: 3px;
	color: #666666;
}
#schedule h2.tit p{
	display: block;
	margin: 12px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}
#schedule h2.tit p span{
	display: inline;
	padding: 10px 0 0 0;
	border-top: 2px solid #666666;
}
#schedule .comming{
	color: #221815;
}
#schedule .yotei{
	display: block;
	margin-top: 12px;
	font-size: 150%;
}

#schedule h2.tit_date{
	width: 100%;
	margin: 54px 0 0 0;
	padding: 0 0 0 0;
	font-size: 52px;
	font-size: 5.2rem;
	font-weight: bold;
	color: #ea6380;
	letter-spacing: 0;
	font-feature-settings : "palt";
	text-shadow: 0 0 20px #ffffff;
}
#schedule h2.tit_date span.month{
	font-size: 32px;
	font-size: 3.2rem;
	letter-spacing: 6px;
}
#schedule h2.tit_date span.yobi{
	width: 2.8rem;
	height: 2.8rem;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2.8rem;
	background-color: #ffffff;
	border-radius: 1.4rem;
	-webkit-border-radius: 1.4rem;
	-moz-border-radius: 1.4rem;
	letter-spacing: 0;
	vertical-align: 15%;
}
#schedule h2.tit_date.date0 span.month,
#schedule h2.date0 span.d5,
#schedule h2.date5{
	margin: 0 0 0 0;
	color: #00a4ea;
}
#schedule h2.date0 span.d6,
#schedule h2.date6{
	color: #ea6380;
}
#schedule h2.date0 span.d7,
#schedule h2.date7{
	color: #f5a63a;
}
.schedule_box{
	display: block;
	margin: 32px 0 0 0;
	text-align: center;
}
.schedule_box .box{
	width: auto;
	display: block;
	margin: 0 auto 0 auto;
	padding: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:0px 1px 2px 2px #d9d9d9;
	-moz-box-shadow:0px 1px 2px 2px #d9d9d9;
	-webkit-box-shadow:0px 1px 2px 2px #d9d9d9;
	position: relative;
}
.ticketIco{
	display: block;
	position: absolute;
	top: -30px;
	right: -20px;
}
.ticketIco img{
	width: 150px;
	height: auto;
}

.schedule_box dl{

}
.schedule_box dl:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.sch_time{
	display: inline-block;
	padding: 4px 8px 4px 8px;
	background-color: #00a4ea;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	position: absolute;
	top: 10px;
	left: -5px;
}
.schedule_box dt{
	width: 300px;
	display: block;
	float: left;
}
.schedule_box dt img{
	width: 300px;
	height: auto;
}
.schedule_box dd{
	padding: 0 0 0 320px;
	text-align: left;
}
.schedule_box dd.noleft{
	padding: 0 0 0 0;
	text-align: left;
}
.schedule_box dd.hide_info{
	display: block;
	padding: 24px 0 0 0;
	text-align: left;
	display: none;
}
.schedule_box dd h3{
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #ea6380;
}
.schedule_box dd .date{
	display: block;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-size: 1.1rem;
	color: #ea6380;
}
.schedule_box.date5 dd h3,
.schedule_box.date5 dd .date{
	color: #00a4ea;
}
.schedule_box.date6 dd h3,
.schedule_box.date6 dd .date{
	color: #ea6380;
}
.schedule_box.date7 dd h3,
.schedule_box.date7 dd .date{
	color: #de8308;
}

.ticketFin{
	display: inline-block;
	padding: 3px 6px 2px 6px;
	background-color: #c00000;
	color: #ffffff;
	line-height: 1;
}
.todayticket{
	display: inline-block;
	margin-top: 10px;
	padding: 3px 6px 2px 6px;
	background-color: #19a606;
	color: #ffffff;
	line-height: 1;
}

.schedule_box .venue,
.schedule_box .day,
.schedule_box .time,
.schedule_box .daytime,
.schedule_box .cast,
.schedule_box .profile,
.schedule_box .price,
.schedule_box .join,
.schedule_box .belongs,
.schedule_box .apply,
.schedule_box .ticket,
.schedule_box .event,
.schedule_box .shop,
.schedule_box .workshop,
.schedule_box .view,
.schedule_box .sponsored,
.schedule_box .sponsorship,
.schedule_box .cooperation,
.schedule_box .specialcoope,
.schedule_box .coope{
	display: block;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}

.schedule_box .apply,
.schedule_box .ticket{
	margin: 24px 0 0 0;
	padding: 10px;
	background-color: #efefef;
}

.schedule_box .ticket li{
	display: block;
	margin: 12px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #cccccc;
}

.schedule_box .ticket li:first-child{
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

.schedule_box .ticket .pcode,
.schedule_box .ticket .lcode{
	width: 150px;
	height: 2rem;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2rem;
	display: inline-block;
	margin-left: 10px;
	background-color: #003580;
	color: #ffffff;
	text-align: center;
}

.schedule_box dd .ticket,
.schedule_box dd .ask{
	display: block;
	margin: 16px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.attention{
	font-size: 11px;
	color: #ff0000;
}
.schedule_box .venue:before{
	content: "会場";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .time:before{
	content: "時間";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .day:before{
	content: "日程";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .daytime:before{
	content: "日時";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .cast:before{
	content: "出演";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .profile:before{
	content: "プロフィール";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .join:before{
	content: "参加対象";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .price:before{
	content: "料金";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .ticket:before{
	content: "チケット";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .belongs:before{
	content: "持ち物";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .apply:before{
	content: "参加方法";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .view:before{
	content: "観覧方法";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .ask:before{
	content: "お問い合わせ";
	width: 80px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	margin-right: 10px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.schedule_box .event:before{
	content: "内容";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .shop:before{
	content: "出店";
	width: 70px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .workshop:before{
	content: "ワークショップ";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}

.schedule_box .sponsored:before{
	content: "主催";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .sponsorship:before{
	content: "後援";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .cooperation:before{
	content: "協力";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .coope:before{
	content: "共催";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}
.schedule_box .specialcoope:before{
	content: "特別協力";
	width: 100px;
	height: 2rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #f6a0b3;
	color: #ffffff;
	text-align: center;
}


.schedule_box .apply span{
	display:inline-block;
	margin: 0 0 0 3px;
}
.schedule_box a.btn_apply{
	display: block;
	margin-top: 12px;
	padding: 30px 35px;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
}
.schedule_box a.btn_apply:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.schedule_box .venue span a{
	display:inline-block;
	width: 50px;
	height: 1.6rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 8px;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
}
.schedule_box .belongs span,
.schedule_box .event span,
.schedule_box dd .ticket span{
	display:inline-block;
	margin: 0 10px 0 0;
	font-weight: bold;
}
.schedule_box dd .price span,
.schedule_box dd .time span{
	display:inline-block;
	margin: 0 5px 0 0;
	font-weight: bold;
}
.schedule_box dd .ticket span.code{
	display:inline-block;
	margin: 0 3px 0 0;
	font-weight: bold;
	color: #ea6380;
}
.schedule_box .event span.blue{
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #1d93e5;
	border-bottom: 2px solid #1d93e5;
}
.schedule_box .event a.tw{
	display: inline-block;
	margin-top: 8px;
	padding: 8px 22px 8px 22px;
	background-color: #1d93e5;
	color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
}
.schedule_box.date5 dd .venue:before,
.schedule_box.date5 dd .time:before,
.schedule_box.date5 dd .cast:before,
.schedule_box.date5 dd .join:before,
.schedule_box.date5 dd .price:before,
.schedule_box.date5 dd .ticket:before,
.schedule_box.date5 dd .belongs:before,
.schedule_box.date5 dd .apply:before,
.schedule_box.date5 dd .apply:before,
.schedule_box.date5 dd .view:before,
.schedule_box.date5 dd .event:before,
.schedule_box.date5 dd .shop:before,
.schedule_box.date5 dd .workshop:before,
.schedule_box.date5 dd .ask:before{
	background-color: #00a4ea;
}
.schedule_box.date5 dd .ticket span.code{
	color: #00a4ea;
}

.schedule_box.date6 dd .venue:before,
.schedule_box.date6 dd .time:before,
.schedule_box.date6 dd .cast:before,
.schedule_box.date6 dd .join:before,
.schedule_box.date6 dd .price:before,
.schedule_box.date6 dd .ticket:before,
.schedule_box.date6 dd .belongs:before,
.schedule_box.date6 dd .apply:before,
.schedule_box.date6 dd .apply:before,
.schedule_box.date6 dd .view:before,
.schedule_box.date6 dd .event:before,
.schedule_box.date6 dd .shop:before,
.schedule_box.date6 dd .workshop:before,
.schedule_box.date6 dd .ask:before{
	background-color: #ea6380;
}
.schedule_box.date6 dd .ticket span.code{
	color: #ea6380;
}

.schedule_box.date7 dd .venue:before,
.schedule_box.date7 dd .time:before,
.schedule_box.date7 dd .cast:before,
.schedule_box.date7 dd .join:before,
.schedule_box.date7 dd .price:before,
.schedule_box.date7 dd .ticket:before,
.schedule_box.date7 dd .belongs:before,
.schedule_box.date7 dd .apply:before,
.schedule_box.date7 dd .apply:before,
.schedule_box.date7 dd .view:before,
.schedule_box.date7 dd .event:before,
.schedule_box.date7 dd .shop:before,
.schedule_box.date7 dd .workshop:before,
.schedule_box.date7 dd .ask:before{
	background-color: #de8308;
}
.schedule_box.date7 dd .ticket span.code{
	color: #de8308;
}

.privacy_txt{
	margin-top: 16px;
	font-size: 1.4rem;
	color: #ff0000;
	text-align: left;
}

.ask{
	display: block;
	margin-top: 16px;
	padding: 10px 10px 10px 10px;
	font-size: 1.4rem;
	border: 1px solid #cccccc;
	text-align: left;
}

.ocBox{
	display: none;
}
.openBtn,
.closeBtn{
	display: block;
	margin: 12px 0 0 0;
	padding: 10px;
	font-size: 1.4rem;
	background-color: #999999;
	color: #ffffff;
	cursor: pointer;
}
.openBtn:hover,
.closeBtn:hover{
	background-color: #666666;
}
.closeBtn{
	display: none;
}

.event_cast{
	display: block;
	margin-bottom: 12px;
}
.event_cast img{
	width: 100%;
	height: auto;
}

.schedule_box .workshop ul
{
	display: block;
	margin: 12px 0 0 0;
}
.schedule_box .workshop li
{
	display: block;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #cccccc;
}
.schedule_box .workshop ul:after,
.schedule_box .workshop li:after,
.schedule_box .workshop li dl:after
{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.schedule_box .workshop li dl
{
	display: block;
}
.schedule_box .workshop li dt
{
	width: 250px;
	display: block;
	float: left;
}
.schedule_box .workshop li dt img
{
	width: 100%;
	height: auto;
}
.schedule_box .workshop li dd
{
	padding: 8px 0 0 270px;
	color: #ea6380;
	font-size: 1.6rem;
}
.schedule_box .workshop li dd.wsc_time,
.schedule_box .workshop li dd.wsc_fulltime,
.schedule_box .workshop li dd.wsc_taisyo
{
	color: #000000;
	font-size: 1.4rem;
}
.schedule_box .workshop li dd.wsc_exp,
.schedule_box .workshop li dd.wsc_profile
{
	color: #000000;
	font-size: 1.1rem;
}
.schedule_box .workshop li dd.wsc_exp span
{
	display: block;
	color: #ff0000;
	font-size: 1.4rem;
}

.schedule_box .workshop li dd.wsc_time:before
{
	content: "開催日時";
	width: 60px;
	height: 1.4rem;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4rem;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	margin-right: 10px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.schedule_box .workshop li dd.wsc_fulltime:before
{
	content: "所要時間";
	width: 60px;
	height: 1.4rem;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4rem;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	margin-right: 10px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.schedule_box .workshop li dd.wsc_taisyo:before
{
	content: "対象";
	width: 60px;
	height: 1.4rem;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4rem;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	margin-right: 10px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.schedule_box .workshop li dd.wsc_exp:before
{
	content: "詳細";
	width: 60px;
	height: 1.4rem;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4rem;
	display: block;
	padding: 4px 10px 4px 10px;
	margin-bottom: 5px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}
.schedule_box .workshop li dd.wsc_profile:before
{
	content: "プロフィール";
	width: 60px;
	height: 1.4rem;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4rem;
	display: block;
	padding: 4px 10px 4px 10px;
	margin-bottom: 5px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
}


/* about */
#about{
	width: 100%;
	margin: 550px 0 0 0;
	padding: 12px 0 64px 0;
	background: url(../img/bg_88.png) repeat top left;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#about h4{
	width: 100%;
	margin: 42px 0 24px 0;
	padding: 502px 0 0 0;
	background: url(../img/h4_about.png) no-repeat center top;
	background-size: 680px auto;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	font-feature-settings : "palt";
}
#about h4 span{
	font-size: 42px;
	font-size: 4.2rem;
}

#about .about_txt{
	padding: 20px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 4.0rem;
	background-color: #ffffff;
	border-radius: 10px;
}

.font115{
	font-size: 130%;
}

.comming{
	display: block;
	margin: 32px 0 24px 0;
	font-size: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #e95497;
	text-align: center;
}

.link_pastyear{
	display: inline-block;
	text-align: center;
	margin-top: 32px;
}

.link_pastyear li{
	display: inline-block;
}
.link_pastyear li:nth-child(1):before{
	content: "｜";
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ffffff;
}
.link_pastyear li:after{
	content: "｜";
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #ffffff;
}

.link_pastyear li a{
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #ffffff;
}

.link_lastyear a{
	width: 420px;
	display: inline-block;
	padding: 15px 0 15px 0;
	font-size: 12px;
	font-size: 1.2rem;
	background-color: #6eb92b;
	color: #ffffff;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:0px 1px 2px 2px #d9d9d9;
	-moz-box-shadow:0px 1px 2px 2px #d9d9d9;
	-webkit-box-shadow:0px 1px 2px 2px #d9d9d9;
}

.banner{
	display: inline-block;
	margin-top: 64px;
	text-align: center;
}

/* footer */
#footer{
	width: 100%;
	margin: 0 0 0 0;
	padding: 60px 0 0 0;
	background-color: #ffffff;
}

.footer_txt{
	min-height: 140px;
	display: inline-block;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 144px;
	background: url(../img/f_logo.png) no-repeat center left;
	background-size: auto 140px;
}
.footer_list1{
	display: block;
	margin: 4px 0 0 0;
	text-align: left;
}
.footer_list1 li{
	display: inline-block;
	margin: 0 0 0 20px;
	text-align: left;
}
.footer_list1 li:first-child{
	margin: 0;
}
.footer_list1 dt,
.footer_list1 dd
{
	display: inline-block;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #666666;
}

.footer_list2{
	display: block;
	margin: 8px 0 0 0;
	text-align: left;
}
.footer_list2 dt
{
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.6rem;
}
.footer_list2 dd
{
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.6rem;
}

.footer_list3{
	display: inline-block;
	margin: 54px 0 0 0;
	text-align: center;
}
.footer_list3 dt
{
	width: 40px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 60px;
}
.footer_list3 dd
{
	padding: 0 0 0 40px;
}
.footer_list3 dd img
{
	width: auto;
	height: 86px;
	display: inline-block;
	margin: 0 15px 0 15px;
}

.footer_bottom
{
	margin-top: 150px;
	padding: 32px 0 32px 0;
	background-color: #000000;
	position: relative;
}

.footImg{
	width: 100%;
	height: 120px;
	display: block;
	margin-bottom: -120px;
	background: url(../img/footImg.png) no-repeat center center;
	background-size: auto 120px;
	position: relative;
	top: -148px;
	text-align: center;
}



.copyright{
	display: block;
	margin: 32px 0 0 0;
	color: #ffffff;
}

/* First view  */
#scroll{
	width: 100%;
	height: 90px;
	display: block;
	margin: 0 auto 0 auto;
	position: fixed;
	bottom: 20px;
	z-index: 7000;
}
#scroll a{
	width: 100%;
	height: 0;
	display: block;
	padding-top: 90px;
	background: url(../img/scroll.png) no-repeat center bottom;
	overflow: hidden;
}
#news{
	width: 240px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
	padding: 15px;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 7500;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#news h2{
	display: block;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #e95497;
	border-bottom: 2px solid #e95497;
}
#news h2 span{
	display: inline-block;
	margin: 0 0 0 3px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
#news ul{
	display: block;
	margin: 8px 0 0 0;
}
#news li{
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border: 1px dotted #cccccc;
}
#news li:first-child{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
#news li dt{
	color: #e95497;
}
#news li dd{
	font-size: 16px;
	font-size: 1.6rem;
}

.newsImg{
	display: none;
}

/* MENU CSS */
.menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	z-index: 90000;
}

.side-open .menu {
	cursor: url(../img/cross.svg),auto;
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}

.menu ul {
	width: 640px;
	height: 78%;
	display: block;
	vertical-align: middle;
	margin: 6% auto 0 auto;
	text-align: center;
}

.menu ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.menu li {
	width: 300px;
	height: 43%;
	float: left;
	margin: 0 5px 10px 5px;
	text-align: center;
	opacity: 0;
}
.menu li:last-child{
	width: 610px;
	height: 10%;
	float: none;
	margin: 0 5px 10px 5px;
	text-align: center;
	opacity: 0;
}

.side-open .menu li {
	opacity: 1;
}
.side-open .menu li:nth-child(2n) {
	clear: right;
}
.side-open .menu li:nth-child(2n+1) {
	clear: left;
}

.side-open .menu li:nth-child(1) {
	-webkit-transition: opacity 1s ease .2s;
	transition: opacity 1s ease .2s;
}

.side-open .menu li:nth-child(2) {
	-webkit-transition: opacity 1s ease .3s;
	transition: opacity 1s ease .3s;
}

.side-open .menu li:nth-child(3) {
	-webkit-transition: opacity 1s ease .4s;
	transition: opacity 1s ease .4s;
}

.side-open .menu li:nth-child(4) {
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}

.side-open .menu li:nth-child(5) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .6s;
}

.side-open .menu li:nth-child(6) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .7s;
}

.side-open .menu li:nth-child(7) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .8s;
}

.side-open .menu li:nth-child(8) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .9;
}

.side-open .menu li:nth-child(9) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease 1.0s;
}

.side-open .menu li:nth-child(10) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease 1.1s;
}
.side-open .menu li:nth-child(11) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease 1.1s;
}
.side-open .menu li:nth-child(12) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease 1.1s;
}
.side-open .menu li:nth-child(13) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease 1.1s;
}


.menu li a {
	height: 100%;
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #0068b7;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-decoration: none;
	text-align: center;
}
.menu li:last-child a{
	background-color: #ffffff;
	border: 1px solid #33a7e0;
	color: #33a7e0;
}
.menu li a span{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu li a:hover {
	color: #ffffff;
	background-color: #e95597;
}
.menu li:last-child a:hover{
	background-color: #4cb7eb;
}


/* --------------------------------------------------- menu-btn */
.menu-btn {
	width: 36px;
	height: 36px;
	display: block;
	position: fixed;
	top: 20px;
	right: 20px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	z-index: 90001;
}

.menu-btn span {
	width: 36px;
	height: 0;
	display: block;
	padding-top: 36px;
	background: url(../img/menu.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
}

.side-open .menu-btn span {
	background: url(../img/menu_close.png) no-repeat center center;
}

.menu-btn:hover span:nth-child(1):after {
	-webkit-animation: anim .5s ease 0s forwards;
	animation: anim .5s ease 0s forwards;
}

.menu-btn:hover span:nth-child(2):after {
	-webkit-animation: anim .5s ease .1s forwards;
	animation: anim .5s ease .1s forwards;
}

.menu-btn:hover span:nth-child(3):after {
	-webkit-animation: anim .5s ease .2s forwards;
	animation: anim .5s ease .2s forwards;
}

.menu-btn:hover span:nth-child(4):after {
	-webkit-animation: anim .5s ease .3s forwards;
	animation: anim .5s ease .3s forwards;
}

.menu-btn:hover span:nth-child(5):after {
	-webkit-animation: anim .5s ease .4s forwards;
	animation: anim .5s ease .4s forwards;
}

@-webkit-keyframes anim {
	0% {-webkit-transform:translateY(0px);transform:translateY(0px);}
	50% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0px);transform:translateY(0px);}
}

@keyframes anim {
	0% {-webkit-transform:translateY(0px);transform:translateY(0px);}
	50% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0px);transform:translateY(0px);}
}


/* access */
#access{
	width: 100%;
	margin: 0 0 0 0;
	padding: 54px 0 84px 0;
	/*background-color: rgba(0,104,183,0.9);*/
	background-color: rgba(234,99,128,0.9);
}
#access h2.tit{
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: bold;
	letter-spacing: 5px;
	color: #ffffff;
}
#access h2.tit p{
	display: block;
	margin: 12px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}
#access h2.tit p span{
	display: inline;
	padding: 10px 0 0 0;
	border-top: 2px solid #ffffff;
}
#access .comming{
	color: #ffffff;
}
.access_box{
	padding: 32px 0 42px 0;
}
.access_box ul{
	width:100%;
	display: block;
	font-size: 1.4rem;
}
.access_box ul:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.access_box li{
	width: 49%;
	display: block;
	float: left;
	padding: 15px;
	margin-left: 2%;
	margin-bottom: 12px;
	background-color: #ffffff;
	box-sizing: border-box;
	text-align: left;
}
.access_box li:first-child{
	width: 100%;
	margin-left: 0;
}
.access_box li:nth-child(2n+1){
	clear: right;
}
.access_box li:nth-child(2n){
	margin-left: 0;
	clear: left;
}
.access_box li .venueImg{
	display: block;
	margin-bottom: 10px;
}
.access_box li .venueImg img{
	width: 100%;
	height: auto;
}
.access_box li h3{
	height: 72px;
	display: block;
	margin-bottom: 16px;
	padding: 5px 4px 2px 4px;
	font-size: 2.0rem;
	font-weight: bold;
	background-color: #ea6380;
	color: #ffffff;
}
.access_box li h3 span{
	display: inline-block;
	padding: 4px 8px 4px 8px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.0;
	background-color: #ffffff;
	color: #ea6380;
	border-radius: 5px;
}
.access_box li:nth-child(2) h3,
.access_box li:nth-child(3) h3{
	line-height: 72px;
}
.access_box li h4{
	font-size: 1.5rem;
	font-weight: bold;
}

.access_box li dl{
	display: block;
}
.access_box li dl:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.access_box li: dt{

}
.access_box li dd{
	margin-top: 16px;
}
.venueDays{
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333333;
}
.venueDays:before{
	content: "イベント開催";
	width: 100px;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 0 4px 0;
	font-size: 1.2rem;
	line-height: 1.0;
	border: 1px solid #333333;
	text-align: center;
}
.access_box li iframe{
	width: 100%;
	height: 280px;
}
#map_custumize{
	width: 100%;
	height: 420px;
}
.access_box li span a {
    display: block;
    width: 80px;
    height: 2.0rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    display: inline-block;
    margin-top: 8px;
		margin-bottom: 24px;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
}

.access_box li span a {
    display: block;
}


.btn_pdf{

}
.btn_pdf ul{
	display: block;
	margin-bottom: 32px;
}
.btn_pdf ul:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.btn_pdf ul li{
	width: 100%;
	height: auto;
}

.btn_pdf ul li img{
	width: 100%;
	height: auto;
}

.btn_sch_link{
	display: block;
	margin-bottom: 32px;
}
.btn_sch_link ul{
	display: block;
}
.btn_sch_link ul:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.btn_sch_link li{
	width: 49%;
	display: block;
	float: left;
	margin: 0 0 10px 2%;
}
.btn_sch_link li a{
	height: 80px;
	display: block;
	color: #ffffff;
	background-color: #000000;
	border: 1px solid #efefef;
	box-sizing: border-box;
	line-height: 80px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn_sch_link li:nth-child(2n){
	clear: right;
}
.btn_sch_link li:nth-child(2n+1){
	margin: 0 0 10px 0;
	clear: left;
}


/* GO to TOP */
#pagetop{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pagetop a{
	width: 42px;
	height: 0;
	display: block;
	padding-top: 42px;
	background: url(../img/btn_top.png) no-repeat center center;
	background-size: 42px auto;
	overflow: hidden;
	cursor: pointer;
}
#pagetop a:hover{
	background: url(../img/btn_top_hover.png) no-repeat center center;
	background-size: 42px auto;
}


/* DRAMA BOX */
.drama_box{
	width: 860px;
	display: block;
	margin: 0 auto 0 auto;
	padding: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow:0px 1px 2px 2px #d9d9d9;
	-moz-box-shadow:0px 1px 2px 2px #d9d9d9;
	-webkit-box-shadow:0px 1px 2px 2px #d9d9d9;
	position: relative;
}
.drama_box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.drama_box ul{
	display: block;
	margin: 32px 0 0 0;
}
.drama_box ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.drama_box li{
	width: 49%;
	display: block;
	float: left;
	margin: 0 0 32px 2%;
	position: relative;
}
.drama_box li:nth-child(2n){
	margin: 0 0 32px 2%;
	clear: right;
}
.drama_box li:nth-child(2n+1){
	margin: 0 0 32px 0;
	clear: left;
}
.drama_box li img{
	width: 100%;
	height: auto;
}
.drama_box li p.sharp{
	width: 40px;
	height: 40px;
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	top: -5px;
	left: -5px;
	font-size: 16px;
	line-height: 40px;
}
.drama_box h3{
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #00a4ea;
}
.drama_box h3 span{
	display: inline-block;
	margin: 0 0 0 12px;
	font-size: 12px;
	font-size: 1.2rem;
}
.drama_box p{
	display: block;
	margin: 12px 0 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.drama_box h5{
	display: block;
	margin: 5px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	color: #666666;
}
.drama_box h5 span{
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	color: #000000;
}
.drama_box h5 span.date{
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 2px 18px 2px 18px;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	background-color: #666666;
	color: #ffffff;
	clear: right;
}

.drama_box a p.sharp{
	background-color: #e7528d;
}
.drama_box a h5 span.date{
	background-color: #e7528d;
}

.embedYT{
	display: block;
	margin: 24px auto 0 auto;
	padding: 14px 10px 10px 10px;
	background: url(../img/bg_88.png) repeat center top;
	background-color: #cccccc;
	text-align: center;
}

.embedYT iframe{
	display: inline-block;
	margin: 0 auto 0 auto;
}


.tabakoMov{
	display: block;
	margin: 24px 0 0 0;
}
.tabakoMov ul{
	display: block;
}
.tabakoMov ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.tabakoMov ul li{
	width: 49%;
	display: block;
	float: left;
	margin: 0 0 0 2%;
	padding: 10px;
	background-color: #dadf00;
	box-sizing: border-box;
}
.tabakoMov ul li:first-child{
	margin: 0 0 0 0;
}

.tabakoMov ul li .embed{
	display: block;
	background: none;
}
.tabakoMov ul li .embed iframe{
	width: 100%;
	height: auto;
}


#sumimasu h4{
	display: block;
	margin: 32px 0 0 0;
	padding: 8px 0 8px 0;
	background-color: #003c64;
	color: #ffffff;
	font-size: 2.2rem;
}
.sumimasuMov{
	display: block;
	margin: 12px 0 0 0;
}
.sumimasuMov{
	display: block;
}
.sumimasuMov:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.sumimasuMov li{
	width: 32%;
	height: 420px;
	display: block;
	float: left;
	margin: 12px 0 0 2%;
	padding: 10px;
	background-color: #8ec8ee;
	box-sizing: border-box;
}
.sumimasuMov li:nth-child(3n+1){
	margin: 12px 0 0 0;
	clear: left;
}
.sumimasuMov li:nth-child(3n){
	clear: right;
}

.sumimasuMov li .embed{
	display: block;
	background: none;
}
.sumimasuMov li .embed iframe{
	width: 100%;
	height: 160px;
}

.sumimasuMov dt{
	width: auto;
	display: block;
	float: none;
	margin: 0 0 0 0;
}

.sumimasuMov dt img{
	width: 100%;
	height: auto;
}
.sumimasuMov dd{
	display: block;
	margin: 8px 0 0 0;
	padding: 0;
}
.sumimasuMov dd strong{
	display: block;
	font-size: 1.7rem;
	color: #003c64;
}
.sumimasuMov dd p{
	display: block;
	margin: 9px 0 0 0;
	font-size: 1.4rem;
}
.sumimasuMov dd p span.address{
	display: block;
	margin: 8px 0 0 0;
	padding: 5px;
	background-color:#ffffff;
	font-size: 1.2rem;
	color: #666666;
}
