@charset "utf-8";

/*-- common --*/
.bld{font-weight:bold;}
.fs18{font-size:18px;}
.pink{color:#EA007A;}
.p10{padding:10px;}
.row {margin:0;}
.sp{display: none;}
.pc{display:inline-block;}

/*-- link --*/
a.gc_arrow{
	background:url(../img/arr_blue.jpg) no-repeat right 50%;
	padding-right: 9px;
	text-decoration: underline;
}
a.tel_link{color:#333;}
a.tel_link:hover{opacity: 1.0;}
/*-- layout --*/
.container{
	width:960px;
	margin:0 auto;
	padding:0;
}
#page_content{
	border-bottom:solid 1px #C8C8C8;
}

/*-- header footer --*/
#gc_header{
	overflow: hidden;
}
#gc_header h1{
	float:left;
	padding:14px 10px 0;
	margin:0;
}
#gc_header #header_acros_logo{
	float:right;
	padding:24px 10px 14px;
}

/*-- contents --*/
.gc_title{
	
}
.gc_frm{
	width:100%;
	background:url(../img/frm1b.png) repeat-y;
	margin:40px auto;
}

.gc_frm_inner{
	background: url(../img/frm1h.png) top no-repeat;
}
.gc_frm_footer{
	background: url(../img/frm1f.png) bottom no-repeat;
	padding: 30px 20px 30px 30px;
	overflow: hidden;
}
.gc_frm_footer2{
	background: url(../img/frm1f.png) bottom no-repeat;
	padding: 10px 20px 10px 30px;
	overflow: hidden;
}
.clamid{
	width:100%;
	background:url(../img/clamid.png) repeat-y;
	margin:20px auto;
}
.clatop{
	background: url(../img/clatop.png) top no-repeat;
}
.clabot{
	background: url(../img/clabot.png) bottom no-repeat;
	padding: 30px 20px 30px 30px;
	overflow: hidden;
}
.gc_frm_img {
	padding:6px 0 0 16px;
	margin:0 0 0 auto;
	text-align: right;
}
.gc_frm_img a{
	display: block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}
.gc_frm_img a.first{
	padding-right: 10px;
}
.gc_frm_img2 {
	padding:0px 0 0 10px;
	margin:0 0 0 auto;
	text-align: right;
	position:relative;
}
.gc_frm_img3 {
	padding:0px 0 0 10px;
	margin:0 0 0 auto;
	position:relative;
}
@media (min-width: 768px) {
.gc_frm_img2 .a-bottom{
	text-align: bottom;
	position: absolute;
	right:40px;
	bottom:0px;
}
.gc_frm_img3 .a-bottom{
	text-align: bottom;
	position: absolute;
	right:40px;
	bottom:0px;
}
}
.gc_frm_img2 a{
	display: block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}
.gc_frm_img2 a.first{
	padding-right: 10px;
}
.gc_frm_img3 a{
	display: block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}
.gc_frm_img3 a.first{
	padding-right: 10px;
}
.gc_frm_txt{
	padding: 10px 10px 0 10px;
	line-height: 1.7;
	font-size:105%;
}

.event_tab{
	margin:30px auto 50px;
	overflow: hidden;
}
.event_tab li{
	padding:0;
	text-align: center;
}
.event_tab2{
	margin:30px auto 50px;
	overflow: hidden;
}

.eve_block{
	background: url(../img/bar01.png) top no-repeat;
	margin:4px auto 60px;
	border-left:solid 1px #C8C8C8;
	border-right:solid 1px #C8C8C8;
	border-bottom:solid 1px #C8C8C8;
	padding: 15px 20px 20px;
}
.eve_block .date{
	color:#846B17;
	font-size:18px;
}
.eve_block .date2{
	color:#846B17;
	font-size:18px;
}

.eve_block2{
	background: url(../img/bar02.png) top no-repeat;
	/*background-color: #ffd900;*/
	margin:4px auto 60px;
	border-left:solid 1px #C8C8C8;
	border-right:solid 1px #C8C8C8;
	border-bottom:solid 1px #C8C8C8;
	padding: 15px 20px 20px;
}
.eve_block2 .date{
	color:#846B17;
	font-size:18px;
}
.eve_block2 .date2{
	color:#846B17;
	font-size:18px;
}

.fes2{
	background: url(../img/bar03.png) top no-repeat;
}

.free2018{
	background: url(../img/bar04.png) top no-repeat;
}

.gakkifes{
	background: url(../img/bar05.png) top no-repeat;
}

.back{
	background: url(../img/bar06.png) top no-repeat;
}

.stamp{
	background: url(../img/bar07.png) top no-repeat;
}

.course{
	background: url(../img/bar08.png) top no-repeat;
}

.eve_title{
	border-bottom:solid 1px #C8C8C8;
}

.eve_title2{
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #C8C8C8;
}

.eve_contents{
	overflow: hidden;/*920*/
	padding:20px 0 10px;
}
.eve_contents_img{
	width:200px;
	float:left;
}
.eve_contents_img span{
	display: block;
	font-size: 11px;
	padding: 5px 0 0 0;
}
.eve_contents_txt{
	width: 698px;
	float:right;
}
.eve_contents dl,
.eve_contents dt,
.eve_contents dd{
	box-sizing: border-box;
	vertical-align: top;
	line-height:1.6;
}
.eve_contents dl{
	background:#F1F1F1;
	margin:0 auto 10px;
}
.eve_contents dt,
.eve_contents dd{
	padding: 8px 0;
	line-height:1.7;
}
.eve_contents dt{
	width: 16%;
	float:left;
	text-align: center;
}
.eve_contents dd{
	margin-left: 16%;
	background:#FFF url(../img/line.png) right bottom no-repeat;
	padding-left:20px;
}
.eve_contents dd:after {
  content: '';
  display: block;
  clear: both;
	zoom: 1;
}

.eve_contents2{
	overflow: hidden;/*920*/
	padding:0px 20px 10px;
	/*margin:10px;*/
}
.eve_contents2_img{
	width:190px;
	float:left;
}
.eve_contents2_img span{
	display: block;
	font-size: 11px;
	padding: 5px 0 0 0;
}
.eve_contents2_txt{
	width: 650px;
	float:right;
}
.eve_contents2 dl,
.eve_contents2 dt,
.eve_contents2 dd{
	box-sizing: border-box;
	vertical-align: top;
	line-height:1.6;
}
.eve_contents2 dl{
	background:#F1F1F1;
	margin:0 auto 10px;
}
.eve_contents2 dt,
.eve_contents2 dd{
	padding: 8px 0;
	line-height:1.7;
}
.eve_contents2 dt{
	width: 16%;
	float:left;
	text-align: center;
}
.eve_contents2 dd{
	margin-left: 16%;
	background:#FFF url(../img/line.png) right bottom no-repeat;
	padding-left:20px;
}
.eve_contents2 dd:after {
  content: '';
  display: block;
  clear: both;
	zoom: 1;
}

.eve_contents3{
	overflow: hidden;/*920*/
	padding:20px 20px 10px;
}
.eve_contents3_img{
	width:190px;
	float:left;
}
.eve_contents3_img span{
	display: block;
	font-size: 11px;
	padding: 5px 0 0 0;
}
.eve_contents3_txt{
	width: 880px;
}
.eve_contents3 dl,
.eve_contents3 dt,
.eve_contents3 dd{
	box-sizing: border-box;
	vertical-align: top;
	line-height:1.6;
}
.eve_contents3 dl{
	background:#F1F1F1;
	margin:0 auto 10px;
}
.eve_contents3 dt,
.eve_contents3 dd{
	padding: 8px 0;
	line-height:1.7;
}
.eve_contents3 dt{
	width: 16%;
	float:left;
	text-align: center;
}
.eve_contents3 dd{
	margin-left: 16%;
	background:#FFF url(../img/line2.png) left bottom no-repeat;
	padding-left:20px;
}
.eve_contents3 dd:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

p.gc_txt{
	line-height:1.8;
}
.btn_area{
	margin: 30px auto 0;
}
.btn_area a{
	width: 180px;
    font-size: 14px;
    padding: 6px;
    text-align: center;
	color:#fff;
	display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
}
.btn_area a:first-child {
    background-color: #9C893F;
	margin-right:8px;
}
.btn_area a:last-child {
    background-color: #DE6318;
}
.btn_area a::after {
    content: "▶︎";
		font-size: 10px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.btn_area a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-left: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}
.btn_area2{
	margin: 20px auto 0;
	padding-right:0px;
}
.btn_area2 a{
	width: 180px;
    font-size: 14px;
    padding: 6px;
    text-align: center;
	color:#fff;
	display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
}
.btn_area2 a:first-child {
    background-color: #9C893F;
	margin-right:8px;
}
.btn_area2 a:last-child {
    background-color: #DE6318;
	margin-right:0px;
}
.btn_area2 a::after {
    content: "▶︎";
	font-size: 10px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.btn_area2 a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-left: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}
.btn_area3{
	margin: 10px 0px 0px auto;
}
.btn_area3 a{
	width: 180px;
    font-size: 14px;
    padding: 6px;
    text-align: center;
	color:#fff;
	display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
}
.btn_area3 a {
    background-color: #C4567A;
	margin-right:12px;
}
.btn_area3 a:first-child {
    background-color: darkorange;
	margin-right:8px;
}
.btn_area3 a::after {
    content: "▶︎";
		font-size: 10px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.btn_area3 a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-left: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}
.btn_area4{
	margin: 0px auto 0;
	padding-right:0px;
}
.btn_area4 a{
	width: 180px;
    font-size: 14px;
    padding: 6px;
    text-align: center;
	color:#fff;
	display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
}
.btn_area4 a:first-child {
    background-color: #9C893F;
	margin-right:8px;
}
.btn_area4 a:last-child {
    background-color: #DE6318;
	margin-right:0px;
}
.btn_area4 a::after {
    content: "▶︎";
	font-size: 10px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.btn_area4 a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-left: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}
.button1 a{
    background-color: #9C893F !important;
}


/*-- ticket --*/
.ticket_block{
	border:solid #C8C8C8 1px;
	padding: 20px;
	margin:0 0 20px;
}
.ticket_block2{
	padding: 20px;
	margin:0 0 20px;
	background:#F8F7EF;
}
.ticket_box {
	margin:0 auto 10px;
}
.ticket_box a{ 
	display: inline-block; 
	border-radius: 5px; 
	color: white; 
	font-weight: bold; 
	position: relative;
  width: 256px;
  font-size: 14px;
  padding: 5px 5px 5px 0;
  text-align: center;
}
.ticket_box a:hover{
	color:white;
}
.ticket_box a:first-child{ background-color: darkorange;margin-right:10px;}
.ticket_box a:last-child{ background-color: #864944;}

.ticket_box a::after {
    content: "▶︎";
		font-size: 10px;
    position: absolute;
    right: 12px;
    top: 10px;
}
.ticket_box a::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    margin-left: 20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}

.tel_mail_box{
	margin-bottom:0;
}
.tel_mail .title {
	padding:0 0 2px 0;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/dotsline.png) bottom repeat-x;
	letter-spacing: -.4em;
}
.tel_mail .title strong{
	letter-spacing: normal;
}
.tel_mail .acros_ads{
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: normal;
}
.tel_mail .mail,
.tel_mail .tel{
	background-size: 60px;
	background-position: left;
	background-repeat: no-repeat;
	height: 60px;
	display: inline-block;
	vertical-align: top;
}
.tel_mail .tel a{
	font-size: 24px;
	font-weight: bold;
	padding: 4px 0 0;
	display: block;
	line-height:1.0;
}
.tel_mail .mail a{
    font-size: 16px;
    color: #136db2;
    border: #cccccc 1px solid;
    padding: 6px 30px 6px 10px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    margin-right: 40px;
		position: relative;
		vertical-align: middle;
}
.tel_mail .mail a::after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    margin-left: 20px;
    border-top: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    transform: rotate(45deg);
}
.online_tel{
	display: block;
	margin:10px 0 0;
}



/*-- h --*/
#page_content h2.gch2{
	margin-top:40px;
	border-bottom: solid 1px #C8C8C8;
	padding:0 6px 16px;
}
#page_content h3.gch3{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch3a{
	background:#EDEBE2;
	font-size:18px;
	color:#7F734A;
	font-weight:bold;
	line-height:44px;
	height:44px;
	padding-left:20px;
	margin: 30px auto 0;
}
#page_content h4.gch4{
	font-weight:bold;
	font-size: 20px;
	color:#342D1F;
	line-height:1.5;
	margin:0 0 20px;
}
#page_content h5.gch5{
	font-weight:bold;
	font-size: 15px;
	margin: 36px 0 18px;
	border-left:solid 5px #9C893F;
	padding: 0 0 0 10px;
	line-height: 1.5;
}
#page_content h4.gch4a{
	color:#7F734A;
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#page_content h3.gch6{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch7{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch8{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch9{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch10{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch11{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}
#page_content h3.gch12{
	font-weight:bold;
	font-size: 28px;
	padding-top: 8px;
}

.icon_floormap {
	position: relative;
	top: 1px;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	background:url(../img/icon_floormap.png) no-repeat;
}
.btn.btn_link {
    width: auto;
		padding: 3px 4px;
		margin-right:6px;
}
.btn.btn_link span.txt{
	padding-right: 8px;
}
.icon_access {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
		background:url(../img/icon_access.png) right no-repeat;
		width: 20px;/*12*/
		height:16px;
}
.icon_floormap {
    position: relative;
    top: 0;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
		background:url(../img/icon_floormap.png) right no-repeat;
		width: 21px;/*13*/
		height:13px;
}
a.blue{ color: #136db2;}


@media (min-width: 768px) and (max-width:960){
	.container{
		width:100%;
	}
}
@media (min-width: 768px) {
body.fixed{ padding-top:0;}
}
/*---------------------------------------------

   -767

------------------------------------------------*/
@media (max-width: 767px) {
	/*-- common --*/
	.fs18{font-size:106%;}
	a.tel_link{color:#337ab7;}
	
	/*-- layout common --*/
	.container{	width:100%;}
	.sp{display: block;}
	.pc{display: none;}
	html{font-size: 62.5%;}
	body { 
		padding-top: 0;
		font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		font-size: 1.4rem;
	}
	img{width:100%;}
	
	/*-- header footer--*/
	#gc_header h1{
		padding: 1% 4px;
		margin:0;
		width:50%;
		max-width:300px;
	}
	#gc_header #header_acros_logo{
		padding:20px 4px 0px 4px;
		width:30%;
		max-width:160px;
	}
	
	/*-- contents --*/
	.gc_frm{
		width:96%;
		background:url(../img/frm1b.png) repeat-y;
		background-size: 100% auto;
		margin:15px auto;
	}
	.gc_frm_inner{
		width:100%;
		background: url(../img/frm1h.png) top no-repeat;
		background-size: 100% auto;
		margin:0 auto;
		text-align: center;
	}
	.gc_frm_footer{
		width:100%;
		background: url(../img/frm1f.png) bottom no-repeat;
		background-size: 100% auto;
		padding: 15px;
	}
	.clamid{
		width:96%;
		background:url(../img/clamid.png) repeat-y;
		background-size: 100% auto;
		margin:15px auto;
	}
	.clatop{
		width:100%;
		background: url(../img/clatop.png) top no-repeat;
		background-size: 100% auto;
		margin:0 auto;
		text-align: center;
	}
	.clabot{
		width:100%;
		background: url(../img/clabot.png) bottom no-repeat;
		background-size: 100% auto;
		padding: 15px;
	}
	
	.gc_frm_footer2{
		width:100%;
		background: url(../img/frm1f.png) bottom no-repeat;
		background-size: 100% auto;
		padding: 15px;
	}
	.gc_frm_img {
		padding:10px 0;
		margin:0 auto;
		text-align: center;
		display: inline-block;
		width:100%;
	}
	.gc_frm_img a{
		display: inline-block;
		float:none;
		padding:0;
		width:48%;
		max-width: 185px;
	}
	.gc_frm_img a.first{
		padding-right:1%;
	}
	.gc_frm_img a.last{
		padding-left:1%;
	}
	.gc_frm_img2 {
		padding:10px 0 0 0;
		margin:0 auto;
		text-align: center;
		display: inline-block;
		width:100%;
		position: relative;
	}
	.gc_frm_img2 a{
		display: inline-block;
		float:none;
		padding:0;
		width:48%;
		max-width: 185px;
	}
	.gc_frm_img2 a.first{
		padding-right:1%;
	}
	.gc_frm_img2 a.last{
		padding-left:1%;
	}
	.gc_frm_img2 .a-bottom{
		padding-left:1%;
		bottom:0px;
	}
	.gc_frm_img3 {
		padding:10px 0 0 0;
		margin:0 auto;
		display: inline-block;
		width:100%;
		position: relative;
	}
	.gc_frm_img3 a{
		display: inline-block;
		float:none;
		padding:0;
		width:48%;
		max-width: 185px;
	}
	.gc_frm_img3 a.first{
		padding-right:1%;
	}
	.gc_frm_img3 a.last{
		padding-left:1%;
	}
	.gc_frm_img3 .a-bottom{
		padding-left:1%;
		bottom:0px;
	}
	.gc_frm_txt{
		padding: 0;
		font-size:100%;
		text-align: left;
	}
	
	.event_tab{
		margin:10px 4px;
	}
	.event_tab li{
		padding:3px 4px;
	}
		
	.event_tab2{
		margin:10px 4px;
	}
	.event_tab2 li{
		padding:0 4px;
	}
	.pad0{
		padding:0px 4px !important;
	}
	.pad3{
		padding:3px 4px 0px 4px !important;
	}
	.pad3_2{
		padding:0px 4px 3px 4px !important;
	}
	.eve_block{
		background-size: 100% 4px;
		margin:4px 8px 10px;
		padding: 15px 15px 0;
	}
	.eve_block .date{
		color:#846B17;
		font-size:100%;
	}
	.eve_block .date2{
		color:#846B17;
		font-size:100%;
	}
	.eve_block2{
		background-size: 100% 4px;
		margin:4px 8px 10px;
		padding: 15px 15px 0;
	}
	.eve_block2 .date{
		color:#846B17;
		font-size:100%;
	}
	.eve_block2 .date2{
		color:#846B17;
		font-size:100%;
	}
	.eve_contents{
		padding:10px 0;
	}
	.eve_contents_img{
			width:415px;
			max-width:80%;
			float:none;
			margin:0 auto 10px;
		}
	.eve_contents_img span{
		font-size: 12px;
		text-align: right;
	}
	.eve_contents_txt{
		width: 100%;
		float:none;
	}
	.eve_contents dl{
		margin:0 auto 1px;
	}
	.eve_contents dt,
	.eve_contents dd{
		padding: 5px 0;
	}
	.eve_contents dt{
		width: 100%;
		float:none;
		line-height:1.0;
	}
	.eve_contents dd{
		margin-left: 0;
		background:#fff;
		padding-left:0;
		border-bottom:solid 1px #C8C8C8;
	}
	.eve_contents2{
		padding:10px 10px;
	}
	.eve_contents2_img{
			width:415px;
			max-width:80%;
			float:none;
			margin:0 auto 10px;
		}
	.eve_contents2_img span{
		font-size: 12px;
		text-align: right;
	}
	.eve_contents2_txt{
		width: 100%;
		float:none;
	}
	.eve_contents2 dl{
		margin:0 auto 1px;
	}
	.eve_contents2 dt,
	.eve_contents2 dd{
		padding: 5px 0;
	}
	.eve_contents2 dt{
		width: 100%;
		float:none;
		line-height:1.7;
	}
	.eve_contents2 dd{
		margin-left: 0;
		background:#fff;
		padding-left:0;
		border-bottom:solid 1px #C8C8C8;
	}
	.eve_contents3{
		padding:10px 0;
	}
	.eve_contents3_img{
			width:415px;
			max-width:80%;
			float:none;
			margin:0 auto 10px;
		}
	.eve_contents3_img span{
		font-size: 12px;
		text-align: right;
	}
	.eve_contents3_txt{
		width: 100%;
		float:none;
	}
	.eve_contents3 dl{
		margin:0 auto 1px;
	}
	.eve_contents3 dt,
	.eve_contents3 dd{
		padding: 5px 0;
	}
	.eve_contents3 dt{
		width: 100%;
		float:none;
		line-height:1.7;
	}
	.eve_contents3 dd{
		margin-left: 0;
		background:#fff;
		padding-left:0;
		border-bottom:solid 1px #C8C8C8;
	}
	.btn_area{
		margin:20px auto 0;
	}
	.btn_area a{
		width: 100%;
		font-size: 14px;
		padding: 10px 6px;
		display: block;
		margin-bottom:10px;
	}
	.btn_area a:first-child {
		margin-right:0;
	}
	.btn_area a::after {
		right: 12px;
		top: 50%;
	}
	.btn_area2{
		margin:20px auto 0;
	}
	.btn_area2 a{
		width: 100%;
		font-size: 14px;
		padding: 10px 6px;
		display: block;
		margin-bottom:10px;
	}
	.btn_area2 a:first-child {
		margin-right:0;
	}
	.btn_area2 a::after {
		right: 12px;
		top: 50%;
	}
	.btn_area3{
		margin:20px auto 0;
	}
	.btn_area3 a{
		width: 100%;
		font-size: 14px;
		padding: 10px 6px;
		display: block;
		margin-bottom:10px;
	}
	.btn_area3 a:first-child {
		margin-right:0;
	}
	.btn_area3 a::after {
		right: 12px;
		top: 50%;
	}
	.btn_area4{
		margin:10px auto 0;
	}
	.btn_area4 a{
		width: 100%;
		font-size: 14px;
		padding: 10px 6px;
		display: block;
		margin-bottom:10px;
	}
	.btn_area4 a:first-child {
		margin-right:0;
	}
	.btn_area4 a::after {
		right: 12px;
		top: 50%;
	}
	
	/*-- ticket --*/
	.ticket_block{
		padding: 15px;
		margin:0 10px 10px;
	}
	.ticket_box {
		margin:0 auto 10px;
	}
	.ticket_box a{ 
		display: block; 
		width: 100%;
		padding: 10px 10px 10px 0;
		margin-bottom: 10px;
	}
	.tel_mail{
		text-align: center;
	}
	.tel_mail .title {
		padding-bottom: 8px;
		display: block;
		font-size: 130%;
		margin:0 auto;
		text-align: left;
	}
	.tel_mail .acros_ads{
		font-size: 1.4rem;
		margin-bottom: 8px;
		text-align: left;
	}
	.tel_mail .tel a{
		font-size: 110%;
		padding:0;
	}
	.tel_mail .mail{
		margin-bottom:20px;
	}
	.tel_mail .mail a{
			font-size: 110%;
			display: inline-block;
			margin-right: 0;
	}
	.tel_mail .mail, .tel_mail .tel {
    background-size: 40px;
    min-height: auto;
		text-align: left;
		background-position: left top;
		display: block;
		    height: auto;
	}
	.online_tel {
    display: block;
    margin: 14px 0 0;
	}
	.btn.btn_link{
		margin: 10px 6px 0 0;
	}
		/*-- h --*/
		#page_content h2.gch2{
			padding:0 6px 10px;
		}
		#page_content h2.gch2 img{
			width:60%;
			max-width:216px;
		}
		#page_content h3.gch3{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch3a{
			font-size:110%;
			line-height:44px;
			height:44px;
			padding-left:10px;
			margin: 10px auto 0;
		}
		#page_content h3.gch3 .small_font{
			font-size: 95%;
			line-height:1.3;
		}
		#page_content h3.gch3 .small_font2{
			font-size: 80%;
			line-height:1.0;
		}
		#page_content h3.gch3 .small_font3{
			font-size: 80%;
			line-height:1.0;
		}
		#page_content h4.gch4{
			font-size: 106%;
			line-height:1.6;
			margin:0 0 1px 0;
			padding-bottom: 10px;
			border-bottom:solid 1px #C8C8C8;
		}
		#page_content h5.gch5{
			font-size: 100%;
			margin: 20px 0 10px;
			line-height: 1.5;
		}
		#page_content h4.gch4a{
			font-size: 106%;
			padding:0 0 10px 0;
		}
		#page_content h3.gch6{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch7{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch8{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch9{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch10{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch11{
			font-size: 120%;
			line-height:1.3;
		}
		#page_content h3.gch12{
			font-size: 120%;
			line-height:1.3;
		}
		#page_top{
			padding:20px 10px;
		}

}

.main_banner{
	margin-top: 20px;
	margin-bottom: 50px;
}
.banner{
	margin-top: 20px;
}
.main_menu{ position: relative; margin-bottom: 20px; margin-top:20px;}
.main_menu>li{ text-align: center; vertical-align: top;}
.main_menu>li>a{ display: block; color: #131313;}
.active{ background-color: #eecd92;}
.active>a{ color: white;}

@media (min-width: 768px) {
.main_menu{ width: 960px; padding-left: 0px; padding-right: 0px; margin-left: auto; margin-right: auto;}
.main_menu::after{ content: ""; display: table; clear: both;}
.main_menu>li{ width:25%; display: table; font-size: 14px; -webkit-transition: all .2s ease; transition: all .2s ease; float: left; table-layout: fixed; }
.main_menu>li:nth-child(1)>a{ border-left: #bfbfbf 1px solid;}
.main_menu>li>a{ border-right: #bfbfbf 1px solid; display: table-cell; vertical-align: middle; height: 60px; width:100%;}
.main_menu>li>a:hover,
.main_menu>li>a:focus{ text-decoration:none;}
.main_menu>li:hover{ background: #eecd92;}
.main_menu>li:hover>a{ color:white;}
}
@media (max-width: 767px) {
.main_menu>li{ font-size:11px; width: 50%; display: inline-block; line-height: 1; border-bottom: 1px solid #bfbfbf;}
.main_menu>li:nth-child(1),
.main_menu>li:nth-child(3){ border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.main_menu>li:nth-child(2),
.main_menu>li:nth-child(4){ float:right; border-right: 1px solid #bfbfbf;}
.main_menu>li:nth-child(1),
.main_menu>li:nth-child(2){ border-top: 1px solid #bfbfbf;}
.main_menu>li a{ padding:10px 0;}
}

.indent1 {
padding-left:5em;
text-indent:-1em;
}

.center{
	text-align: center;
}

.btn-top,
.btn-top:hover,
.btn-top:active,
.btn-top:focus{
	color: #fff;
	background-color: #670d12;
}

.committee{
	color:#7f734a;
}

@media (min-width: 768px) {
.gch3{
	position:relative;
}
.gch3 img{	
	width:100px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch3 .small_font{	
	position: relative;
	top:-2px;
}
.gch3 .small_font2{	
	position: relative;
	top:2px;
}
.gch3 .small_font3{	
	position: relative;
	top:-3px;
}
.gch4{
	position:relative;
}
.gch4 img{	
	width:150px;
	position: absolute;
	left: 400px;
	bottom:0px;
}
.gch6{
	position:relative;
}
.gch6 img{	
	width:50px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch7{
	position:relative;
}
.gch7 img{	
	width:90px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch8{
	position:relative;
}
.gch8 img{	
	width:90px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch9{
	position:relative;
}
.gch9 img{	
	width:170px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch10{
	position:relative;
}
.gch10 img{	
	width:140px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch11{
	position:relative;
}
.gch11 img{	
	width:165px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.gch12{
	position:relative;
}
.gch12 img{	
	width:115px;
	position: absolute;
	right: 0px;
	bottom:0px;
}
.kids{
	position:relative;
}
.kids img{	
	width:110px;
	height:80px;
	position: absolute;
	right: 0px;
	bottom:8px;
}	
	
}
@media (max-width: 767px) {
	.date{
		position:relative;
	}
	.date img{
		width:50px;
		height:20px;
		position: absolute;
		right: 0px;
		bottom:0px;
	}
	.date2{
		position:relative;
	}
	.date2 img{
		width:30px;
		position: absolute;
		right: 0px;
		top:0px;
	}
}
@media (min-width: 768px) {
.festival_logo{
	width:200px;
}
}
@media (max-width: 767px) {
.festival_logo{
	max-width:200px;
}
}

.a-right{
	text-align: right;
}

@media (min-width: 768px) {
.ablogo{
	float:left;
	width: 50px;
	margin:0px 15px 25px;
}
}
@media (max-width: 767px) {
.ablogo{
	float:left;
	width: 22px;
	margin:0px 10px 5px 0px;
}
.top_logo{
	float:right;
	display: inline-block;
	padding-right: 5px;
}
.ng_logo{
	float:right;
	width: 50px;
}
}

.defline{
	border-bottom:solid 1px #aaaaaa;
	font-weight: bold;
	margin-bottom:10px;
	padding-bottom:5px;
}
.defline2{
	border-bottom:solid 1px #aaaaaa;
	font-weight: bold;
	margin-bottom:-10px;
	padding-bottom:5px;
}

@media (min-width: 768px) {
.dotline{
	border-top:dashed 1px #aaaaaa;
	margin-top:10px;
	margin-bottom:10px;
}
.sche{
	margin-left:20px;
}

}
@media (max-width: 767px) {
.dotline{
	border-top:dashed 1px #aaaaaa;
	margin-top:0px;
	margin-bottom:0px;
}
.sche{
	margin-left:0px;
}
}

.bg_green{
	background-color: #e6f1d9;
}
@media (min-width: 768px) {
.sche_tb tr{
	padding-bottom:5px;
}
.sche_tb th{
	width:80px;
	vertical-align: top;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}
.sche_tb td{
	padding:4px 5px 2px 5px;
	vertical-align: top;
}
.sche_tb .wd200{
	width:200px;	
}
.wd350{
	width:350px;
}
.sche_tb2{
	width:515px;
}
.sche_tb2 tr{
	padding-bottom:5px;
}
.sche_tb2 th{
	width:70px;
	vertical-align: top;
	font-weight: normal;
}
}
@media (max-width: 767px) {
.sche_tb{
	width:100%;	
}
.sche_tb tr,th,td{
	display: block;
}
.sche_tb tr{
	padding-bottom:0px;
}
.sche_tb th{
	width:100%;
	vertical-align: top;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}
.sche_tb td{
	width:100%;
	padding:2px 5px 2px 5px;
}
.sche_tb .wd200{
	width:auto;	
}
.sche_tb2{
	width:100%;	
}
.sche_tb2 tr,th,td{
	display: block;
}
.sche_tb2 tr{
	padding-bottom:0px;
}
.sche_tb2 th{
	vertical-align: top;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}
.sche_tb2 td{
	width:100%;
	padding:2px 5px 2px 5px;
}
}
.ok{
	width:90px;
}
.child_event2{
	padding-top:20px;
	width:90px;
}

.btn-red{ background-color: #E60012;color: white;}
.btn-pink{ background-color: #C4567A;color: white;}
.btn-red:active,.btn-pink:active,.btn-red:hover,.btn-pink:hover,.btn-red:visited,.btn-pink:visited,.btn-darkorange:visited,.btn-red:link,.btn-pink:link,.btn-darkorange:link{ color: white;}

@media (min-width: 768px) {
.pad23{
	padding-right:23px;
}
}

.txt_bold{
	font-weight: bold;
}

@media (min-width: 768px) {
	.br-sp { display:none; }
}
@media (max-width: 767px) {
	.br-pc { display:none; }
}

.indent2{
	padding-left:10em;
	text-indent:-10em;
}
.indent3{
	padding-left:4em;
	text-indent:-4em;
}
.indent4{
	padding-left:5em;
	text-indent:-5em;
}
.indent5{
	padding-left:8em;
	text-indent:-8em;
}
.indent6{
	padding-left:1em;
}

@media (max-width: 767px) {
	.logo_block{
		position: relative;
		height:10px;
	}
	.logo_block img{
		position: absolute;
		right:0;
		width:auto;
		height:20px;
	}
	.logo_block2{
		position: relative;
		height:25px;
	}
	.logo_block2 img{
		position: absolute;
		right:0;
		width:auto;
		height:40px;
	}
	.logo_block3{
		position: relative;
		height:40px;
	}
	.logo_block3 img{
		position: absolute;
		right:0;
		width:auto;
		height:30px;
	}
	.logo_block4{
		position: relative;
		height:70px;
	}
	.logo_block4 img{
		position: absolute;
		right:0;
		width:160px;
		height:auto;
	}
	.clear {
    	clear:both;
	}
	.ok_logo{
		position:relative;
	}
	.ok_logo .ok_logo2{
		position: absolute;
		right:4px;
		top:2px;
		width:auto;
		height:40px;
	}
	.ok_logo .child_event{
		position: absolute;
		right:4px;
		top:52px;
		width:auto;
		height:65px;
	}
}

.vocal_frame{
	margin:30px 30px 30px;
}
@media (min-width: 768px) {
.vocal_frame2{
	margin:30px 30px 30px;
	height:850px;
}
}
@media (max-width: 767px) {
.vocal_frame2{
	margin:30px 30px 30px;
}
}
.small_font{
	font-size:21px;
}

.small_font2{
	font-size:16px;
	font-weight:bold;
}

.small_font3{
	margin-top:5px;
	font-size:16px;
	font-weight:bold;
}

.vlfont{
	font-size:20px;
	font-weight: bold;
}

.link_black,.link_black:hover,.link_black:active,.link_black:visited{
	color:#383838;
}

@media (min-width: 768px) {
.double_circle{
	font-size:20px;
	font-weight:bold;
	position:relative;
	left:-2px;
}
.double_circle2{
	position:relative;
	left:-5px;
}
}
@media (max-width: 767px) {
.double_circle{
	font-size:90%;
	font-weight:bold;
	position:relative;
}
}
@media (max-width: 767px) {
.vlfont_sp{
	font-size:17px;
	font-weight: bold;
}
}
@media (min-width: 768px) {
.vocal_logo{
	width:150px;
}
}
@media (max-width: 767px) {
.vocal_logo{
	width:150px;
}
}

.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}

.vocallegend_memo{
	float:left;
	margin-bottom:10px;
}

.font-14{
	font-size: 14px;
	font-weight: normal;
}

.linethrough{
	text-decoration: line-through;
}