@charset "utf-8";



/*********** btm setup ***********/

/* global class */
.clear { clear:both; }
.clearfix {zoom:1;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; }

.color_01 { color:#d13823; }
.color_02 { color:#384cd1; }

.ptop0 { padding-top:0 !important; }
.mtop15 { margin-top:15px !important; }

.f11 {font-size:11px;}

.no_wrap{ overflow:hidden;zoom:1; }
.hover80 a:hover img,a.hover80:hover img,a:hover img.hover80 {filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.hover60 a:hover img,a.hover60:hover img,a:hover img.hover60 {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.c {text-align:center;}
.accordion .btn2:hover {cursor:pointer;}

.f-m{font-size: 17px!important;}
.b{font-weight: bold!important;}
/* img area */
.left_box { float:left; }
.right_box { float:right; }
.left_box_space { float:left; padding:15px 20px 0; }
.right_box_space { float:right; padding:15px 20px 0; }

.left_box_no_wrap { float:left; padding:15px 0 0 20px; }
.right_box_no_wrap { float:right;padding:15px 20px 0 0;  }

.drop1 { border:1px solid #ddd; padding:1px; }

#content .photo_center { text-align:center; padding:10px 0 0; }
span.photo_center { display:block; }


.googlemap { border:1px solid #eee; margin:15px auto 0; padding:2px; width:95%; background:#fff; }
.googlemap iframe { width:100%; height:400px; }
.googlemap small { display:block; text-align:right; padding:5px 10px !important; font-size:10px !important; }



/* content caption */
/*#content h2,h2#sld { padding:50px 0 30px; background: url(../common_img/bg_sld.gif) right bottom no-repeat; }*/
#content h3 { padding-top:25px; text-align:center; font-size:14px; }
#content h4 { padding-top:20px; text-align:center; }
#content h5 { padding-top:20px; text-align:center; }


/* content p */
#content p { padding:15px 20px 0; }



/*  rollup */
#content p.page-up { padding-top:20px; text-align:right; }

/* content table */
.table_style { margin-top:15px; }
.table_style th { border:1px solid #333; background:#6A6A6A; text-align:left; color:#fff; vertical-align:top; }
.table_style td { border:1px solid #333; background:#E2E2E2; vertical-align:top; }




/*********** page setup ***********/



/* news */
#rss { padding:0 0 0; text-align:right; }



@media screen and (min-width: 769px){
	
#pan { background:#6a6a6a; padding:2px 20px 5px; color:#b6b6b6; min-width:990px; }
#pan a { color:#b6b6b6; }
#pan a:hover { color:#fff; }
#pan div {width:960px; margin:0 auto; line-height:1.5; }
.pannav a{ font-size: 13px!important;}
	
/*---------- page_company -------------*/
.page_company a {color:#333;}
.page_company .tb_style th,
.page_company .tb_style td{
	padding: 20px 35px!important;
}
.page_company .tb_style th {
	width: 140px;
	font-size: 14px!important;
}
.page_company .tb_style table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom:25px;
}
.page_company .tb_style table th,
.page_company .tb_style table td {
	text-align:left;
	padding:5px;
	border:none;
}
	
.page_company .tb_style table td img {
width: 300px!important;
max-width: 300px!important;	
display: block;
}	
	
.page_company .tb_style table th {
	width:240px;
	padding-left:20px;
	background:url(../company/images/line01.gif) no-repeat 10px 10px;
}

.page_company .title_company{
	display:block;
	padding-left:10px;
	margin-bottom:5px;
	background:url(../company/images/arrow01.gif) no-repeat left center;
    font-size: 13px!important;
}
.page_company .space{
	display:block;
	margin-bottom:15px;
}

#sld {width:100%; margin:0 auto; max-width: 960px;}	
#sld img{width:100%!important; max-width: 960px; margin:0 auto;}	
		.ttl02 {width:100%; margin:0 auto; max-width: 960px;}	
	.ttl02 img{width:100%!important; max-width: 960px; margin:0 auto;}

/*---------- End page_company -------------*/
/*---------- page_recruit -------------*/
.page_recruit h2{font-size: 21px!important;}
.page_recruit .tb_style th,
.page_recruit .tb_style td{
	padding:22px 40px;
}
.page_recruit .tb_style th {
	width: 190px;
}
.page_recruit .tb_style table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom:15px;
}
.page_recruit .tb_style table th,
.page_recruit .tb_style table td {
	text-align:left;
	padding:5px;
	border:none;
}
.page_recruit .tb_style table th {
	width:120px;
	padding-left:25px;
	background:url(../company/images/line01.gif) no-repeat 10px 10px;
}
.page_recruit .table_style th{	width:250px; padding:5px 8px; }
.page_recruit .table_style td{ padding:5px 8px; width:678px}

.btn1 {width:232px;  margin-right:10px; float:left; text-align:center}
.btn1:last-child {margin-right:0;}
.btn1 a {display:block;background:#f4f4f4; border:1px solid #669FE4; padding:10px 20px; font-size: 14px!important;}
.btn1 a:hover {background:#669FE4; color:#fff;}
.btn2 {width:190px;  margin-right:10px; float:left; text-align:center}
.btn2:last-child {margin-right:0;}
.btn2 a {display:block;background:#0056A8; color:#fff; padding:20px; font-weight: bold; font-size: 14px!important;}
.btn2 a:hover {background:#669FE4; color:#fff;}
.btn3 {color:#0056A8; font-size:20px;}
.box1 {border:dotted 1px #6A6A6A; padding:10px 15px;}

/*---------- End page_recruit -------------*/
/*---------- page_event -------------*/
.page_event h3{
	padding-top:0 !important;
}

.page_event .col4{
	width:208px;
	margin-left:10px;
}
.page_event .col4:first-child{
	width:265px;
	margin-left:0;
}
.page_event .col4_box{
	margin-bottom:0;
}
.page_event .col4 strong{
	font-size:13px;
	display:block;
	margin-bottom:13px;
}
.page_event h2 {padding-top:30px;}
.service li {background:#E0E0E0;  margin:5px; padding:3px 5px; width:130px; text-align:center; display:inline-block; border-radius:3px;}
#content .section .title_gakusei p {font-size:25px; float:left; margin-right:50px; padding:0 0 0 5px; color:#fff; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.title_gakusei p:before {content:"■";}
.title_gakusei {background:#333; margin:15px 0; position:relative;}
.title_gakusei:first-child {margin-top:0;}
.title_gakusei ul { text-align:right; }
.title_gakusei li {background:#E0E0E0; margin:5px; padding:3px 5px; width:80px; text-align:center; display:inline-block; border-radius:3px; font-size:12px;}
.photo_gakusei {margin:10px 0 20px 0;}
.photo_gakusei img {margin:0 5px 5px 0;}
#sidebar {float:left; margin-right:30px;width:240px;}
#sidebar ul{
  width: 240px;
  padding: 0;
  margin: 0 auto;
}
#sidebar li{
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5C8EDB;
}
#sidebar li:last-child{
  border-bottom: 0px;
}
#sidebar li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 25px;
  background: #699AE6;
  color: #fff;
  text-decoration: none;
}
#sidebar li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 34px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}
#sidebar li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #699AE6;
}
#sidebar li a:hover,.evcon:hover {opacity:0.8;}
.evrecruit {background: url(../event/images/bg_bnr.png) #333; padding:15px 5px; display:block; text-align:center; color:#fff; font-size:18px;}
.gevent_base a:after {  right: 34px !important; top:49%!important;}
.gevent_name a { background: #0056A8 !important;}
.gevent_name a:after { background: #0056A8 !important;}

	
#main_event {width:690px; float:right;}
#co_event {background:#DBE7F9; margin-top:50px; padding:20px 10px 20px 50px;}
#co_event dl,#co_event dt,#co_event dd {float:left;}
#co_event dl {margin:0 20px 20px 0;}
#co_event dt {width:120px;}
#co_event dd {width:140px; padding:0 10px;}
#co_event ul {margin-top:10px;}
#co_event li {background:#E0E0E0; font-size:11px;  margin:0 5px 5px 0; padding:3px 5px; text-align:center; display:inline-block; border-radius:3px;}

.contact {width:100%; height:50px; background:url(../event/images/bg_contact.png);  background-color:#0056A8; margin:50px auto 0 auto;position:fixed;bottom:0;right:0;z-index:9999; box-shadow:0 0 10px #666; opacity:0.9;}
.contact:hover {opacity:1; height:100px;}
#content .section .title_gakuen p {font-size:25px; padding:0 0 0 5px; color:#fff;}
.title_gakuen p:before {content:"■";}

.cont_bnr{width:960px; margin: auto; margin-top:20px; margin-bottom: 30px;  }
.cont_bnr p{width:960px; margin: auto; margin-top:20px; margin-bottom: 10px;}
.cont_bnr ul{}
.cont_bnr li{ width:232px; margin-right: 10px; float: left;}
.cont_bnr li:last-child{ width:232px; margin-right:0px; float: left;}
.cont_bnr li img{ width:232px;}
/*------ list_window ------*/
.page_event .list_window li{
	padding-left:12px;
	margin-bottom:3px;
	background:url(../event/images/icon_window.gif) no-repeat left center;
}
.col5 {width:220px; float:left; margin-right:10px;}
.col5 img {width:220px;}
.col5:last-child {margin-right:0;}
.col5 p {text-align:center; font-size:20px; color:#333;}

/* gakusei */
.col_next_mv {display:inline-block; vertical-align:top; width:410px;}
.col_next_text {display:inline-block; vertical-align:top; width:250px; height:225px; overflow:auto;}

/* gakuensai */
.title_gakuen {background:#333; margin:15px 0;}
.title_gakuen:first-child {margin-top:0;}
.col_next_text2 {display:inline-block; vertical-align:top; width:265px;}
.col_next_text2 table {width:265px;}
.tbl_gakuen  {border:0; border-spacing:0; border-collapse:collapse;}
.col_next_text2 td {border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.col_next_text2 th {border:1px solid #ddd; padding:3px 10px; font-size:12px; font-weight:normal; white-space:nowrap;}
.col_next_text2 strong,.tbl_artistlive strong {color:#e60211; font-size:14px;}
.col_next_text2 strong,.tbl_show strong {color:#7cbe28; font-size:14px;}
.tbl_gakuen td {width:345px; border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.title_jisseki1 {border-bottom:2px solid #e94e6e; border-left:10px solid #e94e6e; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#e94e6e}
.title_jisseki2 {border-bottom:2px solid #00a1e9; border-left:10px solid #00a1e9; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#00a1e9}
.title_jisseki3 {border-bottom:2px solid #7cbe28; border-left:10px solid #7cbe28; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#7cbe28}


/*---------- End page_event -------------*/

/*---------- page_pa -------------*/
.page_pa h3{
	padding-top:0 !important;
}
.page_pa .section{
	margin-bottom:30px;
}
.page_pa .list_pa li{
	float:left;
	margin-left:23px;
	
}
.page_pa .list_pa li:first-child{
	margin-left:0px;
	
}
/*---------- End page_pa -------------*/

/*---------- page_studio -------------*/
.page_studio h4{
	margin-bottom: 30px;
}
.page_studio .col2_box {
	width: 990px;
	margin-bottom: 20px;
}
.page_studio .col2_box .col2{
	width: 465px;
	margin: 0 30px 30px 0;
}
#content.page_studio p{
	padding: 0px 30px 0px 0px;
}
.page_studio .col2_box table th{
	width: 100px;
	text-align:right;
}
/*---------- End page_studio -------------*/

/*---------- page_studio -------------*/

.page_studio .col1_box {
     width: 100%;
	margin-bottom: 40px;
}
.page_studio .col1_box .col1{
	width: 100%;
}
.page_studio .col1_box table th{
	width: 72px;
	text-align:right;
}

.page_studio .col1_box th,
.page_studio .col1_box td{
	padding:16px 16px;
}
/*---------- End page_studio -------------*/

/*---------- page_livehouse -------------*/
.page_livehouse .top_box p{
	width: 490px;
	position: absolute;
	top: 120px;
	left: 215px;
	}
.page_livehouse .col2_box {
	width:990px;
	margin:20px 0 0 0;
}
.page_livehouse .col2_box .col2 {
	width:475px;
	margin-right:40px;
	float: left;
}
	
.page_livehouse .col2_box .col2:nth-child(2) {
	width:475px;
	margin-right:0px;
	float: left;
}	
	
.page_livehouse .tb_style{
	width:465px;
	}
.page_livehouse .tb_style th{
	width:112px;
	text-align:center;
	}
.page_livehouse .col3_box {
	width:475px;
	margin-bottom:20px;
}
.page_livehouse .col3_box .col3 {
	width:166px;
	margin-right:0!important;
}
.page_livehouse .col3.logo{
	width:143px;
	}
/*---------- End page_livehouse -------------*/
	

/*  contact btn */
.btn,
a.btn,
button.btn {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
	margin-top: 30px!important;
	margin-bottom: 60px!important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.btn-cont,
a.btn-cont {
 margin: auto!important;
  width: 90%;
  color: #fff;
  background-color: #444;
  display: block;
	margin: 20px 0 60px;
}
.btn-cont:hover,
a.btn-cont:hover {
  color: #fff;
  background: #777;
}

/*********** 200400_info ***********/
.emergency_info { width:980px; padding:20px 20px; background-color: #eeeeee; margin-bottom: 40px!important; margin-top: -30px!important; margin: auto; text-align: center;}
.e_info h2{ font-size: 20px; line-height:2.4rem; font-weight: bold; color: red; margin-bottom:5px;}
.e_info{ font-size: 17px; line-height:2.1rem; }
	
.r-fss	{font-size: 11px;
}
	
	}	


@media screen and (max-width: 768px){
#sld {width:100%; margin:0 auto; max-width: 960px;}	
#sld img{width:100%!important; max-width: 960px; margin:0 auto;}	
	
	.ttl02{width:100%!important; margin:0 auto;  max-width: 960px; }
	.ttl02 img{width:100%!important;  max-width: 960px; margin:0 auto;}
	
	.contWrap{margin-bottom: 60px!important;}
	
	#pan { background:#6a6a6a; padding:2px 20px 5px; color:#b6b6b6; width:100%; max-width: 960px;}
#pan a { color:#b6b6b6; }
#pan a:hover { color:#fff; }
#pan div {width:100%; margin:0 auto; line-height:1.5; max-width: 960px;}
.pannav a{ font-size: 12px!important;}

	
	
/*---------- page_recruit -------------*/
.r-fss	{font-size: 9px;
}
	.r-fs{font-size: 12px!important;
}
	
	.page_recruit{
	width: 95%;
	max-width: 980px;	
		margin: auto;
		margin-bottom: 30px;
}
	
.page_recruit h2{font-size: 15px!important;}
.page_recruit table {
	width: 95%!important;
	margin-bottom:30px!important;
	margin: auto;
	overflow: hidden;
	max-width: 780px;
}

.page_recruit .tb_style th {
	padding:10px 15px;
	margin-top: 15px!important;
	color: #fff;
	margin: auto;
	display: block;
	text-align: center;
	background: repeat #444;
	line-height: 1.4!important;
}
	
.page_recruit .tb_style tr{width: 100%!important;
	max-width: 980px;}
	
.page_recruit .tb_style td {
	width: 100%!important;
	margin-top: 10px!important;
	padding:5px 10px;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 1.4!important;
	font-size: 11.5px;
	float: left;
}	


	
.btn1 {width:49%;  margin-right:2%; margin-bottom:1%; float:left; text-align:center}
.btn1:nth-child(2n){margin-right:0;}
.btn1 a {display:block;background:#f4f4f4; border:1px solid #669FE4; padding:10px 20px; font-size: 13px;}
.btn1 a:hover {background:#669FE4; color:#fff;}
	
.btn2 {width:46.5%;  margin-right:2%;  margin-bottom:2%; float:left; text-align:center}
.btn2:last-child {margin-right:0;}
.btn2 a {display:block;background:#0056A8; color:#fff; padding:20px; font-weight: bold;}
.btn2 a:hover {background:#669FE4; color:#fff;}
.btn3 {color:#0056A8; font-size:20px;}
.box1 {border:dotted 1px #6A6A6A; padding:10px 15px;}

/*---------- End page_recruit -------------*/
	
/*---------- page_pa -------------*/
.page_pa h3{
	padding-top:0 !important;
}
.page_pa .section{
	margin-bottom:30px;
}
.page_pa .list_pa li{
		margin: auto;
	width: 80%;
	max-width: 700px;
	margin-bottom:30px;
}

.page_pa .list_pa li img{
	width: 100%;
	max-width: 800px;
	
}
/*---------- End page_pa -------------*/
	
/*---------- page_company -------------*/
.page_company a {color:#333;}
	
.page_company table {width:95%!important; max-width: 980px!important; margin: auto;}	
.page_company .tb_style th,
.page_company .tb_style td{
  padding:12px 0px;
  width:100%!important;
  margin: auto;
  display:block;
  line-height: 1.7!important;
}
.page_company .tb_style th {
	background-color: #333!important;
	background:repeat;
	color: #fff;
}
.page_company .tb_style table {
	width: 100%!important;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom:15px;
	margin: auto;
}
.page_company .tb_style table th,
.page_company .tb_style table td {
	text-align:center;
	padding:5px;
	border:none;
}
	

	
	
.page_company .tb_style table th {
	width: 100%!important;
	background:url(../company/images/line01.gif) no-repeat 10px 10px;
}
	
		.page_company .tb_style table th a{
	color: #fff;
}

	
	.page_company .tb_style table th a:link{
	color: #fff;
}

.page_company .title_company{
	display:block;
	padding-left:10px;
	margin-bottom:15px;
	margin-top:20px;
	font-size: 17px!important;
	color: #333!important;
	background:url(../company/images/arrow01.gif) no-repeat left center;
}
.page_company .space{
	display:block;
	margin-bottom:15px;
}

	

/*---------- End page_company -------------*/	
	
	

/*---------- page_livehouse -------------*/
.page_livehouse .top_box p{
	width: 49%;
	position: absolute;
	top: 120px;
	left: 215px;
}
.page_livehouse .col2_box {
	width: 98%;
	margin-top:20px;
	margin: auto;
}
.page_livehouse .col2_box .col2 {
	width: 49%;
}
.page_livehouse .tb_style{
	width: 49%;
}
.page_livehouse .tb_style th{
	width:112px;
	text-align:center;
}
.page_livehouse .col3_box {
	width: 100%;
	margin-bottom:20px;
}
.page_livehouse .col3_box .col3 {
	width: 33%;
	margin-right:0;
}
.page_livehouse .col3.logo{
	width: 32%;
	margin-right:2%;
}
/*---------- End page_livehouse -------------*/
	
	
/*---------- page_contact -------------*/
.cont_bnr{width:90%; margin: auto; margin-top:20px; margin-bottom: 30px; max-width: 760px; }
.cont_bnr p{width:100%; margin: auto; margin-top:20px; font-size: 16px;}
.cont_bnr ul{margin: auto;}
.cont_bnr li{ width:49%; margin-right: 2%; float: left;}
.cont_bnr li:nth-child(2n){width:49%; margin-right:0%!important; float: left;}
.cont_bnr li img{ width:100%; max-width:600px; }
	
/*---------- End page_contact -------------*/	
	
	

/*  contact btn */
.btn,
a.btn,
button.btn {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
	margin-top: 30px!important;
	margin-bottom: 60px!important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn-cont,
a.btn-cont {
  width: 90%;
  max-width: 380px;
  color: #fff;
  background-color: #444;
  display: block;
  font-size: 16px!important;
  margin-top:30px;
  margin-bottom:60px;
  margin:auto!important;
    }
.btn-cont:hover,
a.btn-cont:hover {
  color: #fff;
  background: #777;
}	
	
	
}	


/*---------- page_event -------------*/

@media screen and (min-width: 769px){
.page_event h3{
	padding-top:0 !important;
}

.page_event .col4{
	width:208px;
	margin-left:10px;
}
.page_event .col4:first-child{
	width:265px;
	margin-left:0;
}
.page_event .col4_box{
	margin-bottom:0;
}
.page_event .col4 strong{
	font-size:13px;
	display:block;
	margin-bottom:13px;
}
.page_event h2 {padding-top:30px;}
	

	
.service li {background:#E0E0E0;  margin:5px; padding:3px 5px; width:90px; text-align:center; display:inline-block; border-radius:3px;}
	
	
#content .section .title_gakusei p {font-size:25px; float:left; margin-right:50px; padding:0 0 0 5px; color:#fff; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.title_gakusei p:before {content:"■";}
.title_gakusei {background:#333; margin:15px 0; position:relative;}
.title_gakusei:first-child {margin-top:0;}
.title_gakusei ul { text-align:right; }
.title_gakusei li {background:#E0E0E0; margin:5px; padding:3px 5px; width:80px; text-align:center; display:inline-block; border-radius:3px; font-size:12px;}
.photo_gakusei {margin:10px 0 20px 0;}
.photo_gakusei img {margin:0 5px 5px 0;}
#sidebar {float:left; margin-right:30px;width:240px;}
#sidebar ul{
  width: 240px;
  padding: 0;
  margin: 0 auto;
}
#sidebar li{
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5C8EDB;
}
#sidebar li:last-child{
  border-bottom: 0px;
}
#sidebar li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 25px;
  background: #699AE6;
  color: #fff;
  text-decoration: none;
}
#sidebar li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 34px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}
#sidebar li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #699AE6;
}
#sidebar li a:hover,.evcon:hover {opacity:0.8;}
.evrecruit {background: url(../event/images/bg_bnr.png) #333; padding:15px 5px; display:block; text-align:center; color:#fff; font-size:18px;}
.gevent_base a:after {  right: 34px !important; top:49%!important;}
.gevent_name a { background: #0056A8 !important;}
.gevent_name a:after { background: #0056A8 !important;}

#main_event {width:690px; float:right;}
#co_event {background:#DBE7F9; margin-top:50px; padding:20px 10px 20px 50px;}
#co_event dl,#co_event dt,#co_event dd {float:left;}
#co_event dl {margin:0 20px 20px 0;}
#co_event dt {width:120px;}
#co_event dd {width:140px; padding:0 10px;}
#co_event ul {margin-top:10px;}
#co_event li {background:#E0E0E0; font-size:11px;  margin:0 5px 5px 0; padding:3px 5px; text-align:center; display:inline-block; border-radius:3px;}

.contact {width:100%; height:50px; background:url(../event/images/bg_contact.png);  background-color:#0056A8; margin:50px auto 0 auto;position:fixed;bottom:0;right:0;z-index:9999; box-shadow:0 0 10px #666; opacity:0.9;}
.contact:hover {opacity:1; height:100px;}
#content .section .title_gakuen p {font-size:25px; padding:0 0 0 5px; color:#fff;}
.title_gakuen p:before {content:"■";}

.cont_bnr{width:960px; margin: auto; margin-top:20px; margin-bottom: 30px;  }
.cont_bnr p{width:960px; margin: auto; margin-top:20px; margin-bottom: 10px;}
.cont_bnr ul{}
.cont_bnr li{ width:232px; margin-right: 10px; float: left;}
.cont_bnr li:last-child{ width:232px; margin-right:0px; float: left;}
.cont_bnr li img{ width:232px;}
/*------ list_window ------*/
.page_event .list_window li{
	padding-left:12px;
	margin-bottom:3px;
	background:url(../event/images/icon_window.gif) no-repeat left center;
}
.col5 {width:220px; float:left; margin-right:10px;}
.col5 img {width:220px;}
.col5:last-child {margin-right:0;}
.col5 p {text-align:center; font-size:20px; color:#333;}

/* gakusei */
.col_next_mv {display:inline-block; vertical-align:top; width:410px;}
.col_next_text {display:inline-block; vertical-align:top; width:250px; height:225px; overflow:auto;}

/* gakuensai */
.title_gakuen {background:#333; margin:15px 0;}
.title_gakuen:first-child {margin-top:0;}
.col_next_text2 {display:inline-block; vertical-align:top; width:265px;}
.col_next_text2 table {width:265px;}
.tbl_gakuen  {border:0; border-spacing:0; border-collapse:collapse;}
.col_next_text2 td {border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.col_next_text2 th {border:1px solid #ddd; padding:3px 10px; font-size:12px; font-weight:normal; white-space:nowrap;}
.col_next_text2 strong,.tbl_artistlive strong {color:#e60211; font-size:14px;}
.col_next_text2 strong,.tbl_show strong {color:#7cbe28; font-size:14px;}
.tbl_gakuen td {width:345px; border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.title_jisseki1 {border-bottom:2px solid #e94e6e; border-left:10px solid #e94e6e; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#e94e6e}
.title_jisseki2 {border-bottom:2px solid #00a1e9; border-left:10px solid #00a1e9; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#00a1e9}
.title_jisseki3 {border-bottom:2px solid #7cbe28; border-left:10px solid #7cbe28; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#7cbe28}
}	


@media screen and (max-width: 768px){
	.page_event h3{
	padding-top:0 !important;
}

.page_event .col4{
	width:45%;
	margin-left:3%;
}
.page_event .col4:first-child{
	width:45%;
	margin-left:0;
}
.page_event .col4_box{
	margin-bottom:0;
}
.page_event .col4 strong{
	font-size:13px;
	display:block;
	margin-bottom:13px;
}
	
	.page_event .col3_box {
	width: 100%;
	margin-bottom:20px;
}
.page_event .col3_box .col3 {
	width: 32%;
	margin-right:1%;
}
	
.page_event .col3_box .col3:nth-child(3n) {
	width: 32%;
	margin-right:0%;
}	
	
	
.page_event h2 {padding-top:30px;}
.service li {background:#E0E0E0;  margin:5px; padding:3px 5px; width:40%; text-align:center; display:inline-block; border-radius:3px; font-size: 13px!important;}
#content .section .title_gakusei p {font-size:15px; margin-right:40px; padding:0 0 0 5px; color:#fff;}
.section p {font-size:16px; padding:0 0 0 5px;}	
	
.title_gakusei p:before {content:"■";}
.title_gakusei {background:#333; margin:15px 0; position:relative;}
.title_gakusei:first-child {margin-top:0;}
.title_gakusei ul { text-align:right; }
.title_gakusei li {background:#E0E0E0; margin:5px; padding:3px 5px; width:60px; text-align:center; display:inline-block; border-radius:3px; font-size:10px;}
.photo_gakusei {margin:10px 0 20px 0;}
.photo_gakusei img {margin:0 5px 5px 0;}
	
	
#sidebar {width:100%; max-width: 768px;}
#sidebar ul{
  width:100%;
  padding: 0;
  margin: 0 auto;
}
#sidebar li{
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #5C8EDB;
}
#sidebar li:last-child{
  border-bottom: 0px;
}
#sidebar li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 9px 25px;
  background: #699AE6;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}
#sidebar li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 34px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}
#sidebar li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 35px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #699AE6;
}
#sidebar li a:hover,.evcon:hover {opacity:0.8;}
	
.evcon{display: block;margin: auto; width: 90%; text-align: center; margin-bottom: 30px;}
	
	
.evrecruit {background: url(../event/images/bg_bnr.png) #333; padding:15px 5px; display:block; text-align:center; color:#fff; font-size:18px;}
.gevent_base a:after {  right: 34px !important; top:49%!important;}
.gevent_name a { background: #0056A8 !important;}
.gevent_name a:after { background: #0056A8 !important;}
.geve{width: 100%; max-width: 768px;}
.geve ul{width: 100%; max-width: 768px; margin-bottom: 30px!important; }
.geve li{display: block; width: 50%!important; border: 1px #fff!important; float: left; padding: 1px!important;}
.geve li:nth-child(2n){display: block; width: 50%!important;float: left;}	
.geve li:first-child{display: block; width: 100%!important; float: left; text-align: center!important;}	
	
	
#main_event {width:100%;max-width: 768px; margin: auto;}
#co_event {background:#DBE7F9; margin-top:50px; padding:20px 10px 20px 50px;}
#co_event dl,#co_event dt,#co_event dd {float:left;}
#co_event dl {margin:0 20px 20px 0;}
#co_event dt {width:120px;}
#co_event dd {width:140px; padding:0 10px;}
#co_event ul {margin-top:10px;}
#co_event li {background:#E0E0E0; font-size:11px;  margin:0 5px 5px 0; padding:3px 5px; text-align:center; display:inline-block; border-radius:3px;}

.contact {width:100%; height:50px; background:url(../event/images/bg_contact.png);  background-color:#0056A8; margin:50px auto 0 auto;position:fixed;bottom:0;right:0;z-index:9999; box-shadow:0 0 10px #666; opacity:0.9;}
.contact:hover {opacity:1; height:100px;}
#content .section .title_gakuen p {font-size:18px; padding:0 0 0 5px; color:#fff;}
.title_gakuen p:before {content:"■";}


/*------ list_window ------*/
.page_event .list_window li{
	padding-left:12px;
	margin-bottom:3px;
	background:url(../event/images/icon_window.gif) no-repeat left center;
}
.col5 {width:90%; margin:auto; margin-bottom: 40px!important;}
.col5 img {width:100%!important;}
.col5 p {text-align:center; font-size:16px; color:#333;}

/* gakusei */
.col_next_mv {display:inline-block; vertical-align:top; width:100%!important;max-width: 768px;}
	
.col_next_mv img{width:100%!important;max-width: 768px; margin: auto!important; display: block!important;}
.col_next_text {display:inline-block; vertical-align:top; width:250px; height:225px; overflow:auto;}

/* gakuensai */
.title_gakuen {background:#333; margin:15px 0;}
.title_gakuen:first-child {margin-top:0;}
.col_next_text2 {display:inline-block; vertical-align:top; width:100%!important;max-width: 768px;}
.col_next_text2 table {width:100%!important;max-width: 768px;}
.tbl_gakuen  {border:0; border-spacing:0; border-collapse:collapse;}
.col_next_text2 td {border:1px solid #ddd; padding:3px 10px; font-size:11px;}
.col_next_text2 th {border:1px solid #ddd; padding:3px 10px; font-size:11px; font-weight:normal; white-space:nowrap;}
.col_next_text2 strong,.tbl_artistlive strong {color:#e60211; font-size:14px;}
.col_next_text2 strong,.tbl_show strong {color:#7cbe28; font-size:14px;}
.tbl_gakuen td {width:345px; border:1px solid #ddd; padding:3px 10px; font-size:12px;}
.title_jisseki1 {border-bottom:2px solid #e94e6e; border-left:10px solid #e94e6e; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#e94e6e}
.title_jisseki2 {border-bottom:2px solid #00a1e9; border-left:10px solid #00a1e9; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#00a1e9}
.title_jisseki3 {border-bottom:2px solid #7cbe28; border-left:10px solid #7cbe28; margin:15px 0 10px 0; padding-left:10px; font-size:20px; color:#7cbe28}
	
}	
/*---------- End page_event -------------*/



@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}