/* ================= top.css ======================
■トップページ

============================================= */

/* common */
@import "swiper.css";
@import "event_list.css";

@media screen and (max-width : 479px){

/*----------------------------------------------
 TOP
---------------------------------------------- */

/* common
---------------------------------------------- */
.sectionTitle {
	font-size:30px;
	text-align:center;
	color:#F0B433;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
}
.sectionSubtitle {
	font-size:14px;
	text-align:left;
	margin:0 10px 10px;
}

.detail_link a {
	width:92%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #F0B433;
	border:2px solid #F0B433;
	text-align:center;
	color:#FFF;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.detail_link a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
/* .detail_link a:hover {
	background-color: #000;
	color:#F0B433;
} */

/* main
---------------------------------------------- */
.main {
	line-height:0;
}
.main_slider {
	padding-bottom:30px;
}
.main .sp-image.pc_view {	display: none;}
.main .sp-image.sp_view {	display: block;}

.main_slider .swiper-pagination {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	bottom:0;
	padding:5px 0;
	background-color:#EEE;
	height:32px;
	line-height:1.4;
}
.main_slider .swiper-pagination-bullet {
	border: 1px solid #000;
	background-color:#FFF;
	width:10px;
	height:10px;
	box-sizing:border-box;
	margin:0 3px !important;
	opacity:1;
}
.main_slider .swiper-pagination-bullet-active {
	background-color:#000;
}
.main_slider .swiper-button-prev , .main_slider .swiper-button-next {
	height:30px;
	width:40px;
	background-color:#000;
	bottom:1px;
	background-image:none;
}
.main_slider .swiper-button-prev {
	left:0;
	top: auto;
}
.main_slider .swiper-button-next {
	right:0;
	top: auto;
}
.main_slider .swiper-button-prev:before {
	content: "\f0d9";
	font-family: FontAwesome;
	font-weight: normal;
	color:#FFF;
	font-size:20px;
	position:absolute;
	left:40%;
	top:48%;
}
.main_slider .swiper-button-next:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: normal;
	color:#FFF;
	font-size:20px;
	position:absolute;
	left:40%;
	top:48%;
}

/* attention
---------------------------------------------- */
.attention {
	margin:20px 10px 0;
}
.attention .accMenu {
	border:1px solid #D50000;
	padding:10px;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.attention .accMenu .accMenuTrg {
	color:#D50000;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}
.attention .accMenu .accMenuContents {
	margin:0;
	padding:5px;
}
.attention .accMenu .accMenuContents span {
	font-weight:bold;
}

.attention_news {
	margin:20px 20px 0;
}
.attention_news dl {
	border: 1px solid #CB9324;
	padding: 10px 10px 10px 5px;
	background-color: #FCF7EA;
}
.attention_news dt{
	float: left;
	width: 28%;
	
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 2.4;
}
.attention_news dd {
	width: 72%;
	font-size: 14px;
	border-left: 1px solid #CB9324;
	float: left;
	padding-left: 10px;
}


/* hotnews
---------------------------------------------- */
.hotnews {
	background-color:#D9F5D9;
	margin:20px 0 0;
	padding:10px;
}
.hotnews .accMenu {
	margin:0 0 0;
	box-shadow: none;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.hotnews .accMenu .accMenuTrg {
	padding:0;
	border-top:none;
	padding-left:0;
	line-height:0;
}
.hotnews .accMenu .accMenuTrg img {
	width:100%;
	height:auto;
	line-height:0;
}
.accMenu .accMenuContents {
	margin-top:10px;
	background-color: #FFF;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.accMenu .accMenuTrg:before {
	content:"";
	font-family:FontAwesome;
	font-weight:normal;
	left:0;
	margin-top:0;
	position: relative;
	top:0;
}
.accMenu .accMenuTrg.open:before {
	content:"";
}

.hotnews_line_text {
	font-size:16px;
	font-weight:bold;
	color:#00B900;
}
.hotnews_line_text span {
	font-size:14px;
	font-weight: normal;
	color:#333;
}
.hotnews_line_list {
	margin:10px 0;
	border:1px solid #00B900;
	padding:10px;
	color:#00B900;
	font-weight:bold;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.hotnews .btn_black a {
	background-color:#00B900;
	margin:10px auto 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:16px;
	
	border:1px solid #00B900;
	border-bottom:1px solid #007900;
}


/* course
---------------------------------------------- */
.course {
	padding:10px 0 30px;
}
.course .sectionTitle {
	padding-right:45px;
}
.course .sectionTitle span {
	position: relative;
	background: #d50000;
	color:#FFF;
	font-size:16px;
	height:20px;
	padding:2px 10px;
	margin:0 10px 0 0 ;
	vertical-align:6px;
}
.course .sectionTitle span:after, .course .sectionTitle span:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.course .sectionTitle span:after {
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 5px;
	margin-top: -5px;
}
.course .sectionTitle span:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 6px;
	margin-top: -6px;
}
.course_box {
	position:relative;
	padding:5px 1px 0;
	width:50%;
	float:left;
	box-sizing:border-box;
	background-color:#EEE;
	overflow:hidden;
}
.course_box a {
	text-decoration:none;
	color:#FFF;
	background:#000;
}
.couse_box_text {
	text-align:center;
	opacity:1;
	display:table;
	width:100%;
}
.course_box_wrap {
	position:relative;
	width:100%;
	height:140px;
	display:table-cell;
	background-color:rgba(0,0,0,0.4);
	padding:0 10px;
	box-sizing:border-box;
	vertical-align:middle;
}
.course_box .course_title {
	font-size:16px;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	margin-bottom:5px;
	width:100%;
	text-align:center;
}
.course_box .course_title span {
	/* font-size:10px;
	margin-left:5px; */
	display:none;
}
.course_year {
	background-color: #FFF;
	color:#FFF;
	width:70%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-35%;
	font-weight: bold;
	font-size: 12px;
	
}
.course_box .couse_detail {
	background-color:rgba(0,0,0,0.8);
	width:100%;
	margin:0 auto;
	padding:5px 0;
	
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-50%;
	
}
.course_box .couse_detail:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
/* 2019 */
.course_box.world_produce ,
.course_box.world_produce .course_year
 {	background-color:#369FCE;}
.course_box.world_produce .couse_box_text {
	background:url(../../img/course/produce_management.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_actor ,
.course_box.world_actor .course_year
 {	background-color:#E44F82;}
.course_box.world_actor .couse_box_text {
	background:url(../../img/course/actor.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_movie ,
.course_box.world_movie .course_year
 {	background-color:#415DAA;}
.course_box.world_movie .couse_box_text {
	background:url(../../img/course/film_production.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_tv ,
.course_box.world_tv .course_year
 {	background-color:#EB8118;}
.course_box.world_tv .couse_box_text {
	background:url(../../img/course/tv_production.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_concert ,
.course_box.world_concert .course_year
 {	background-color:#E13228;}
.course_box.world_concert .couse_box_text {
	background:url(../../img/course/live_concert.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_cg ,
.course_box.world_cg .course_year
 {	background-color:#714A9B;}
.course_box.world_cg .couse_box_text {
	background:url(../../img/course/hollywood_cg.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_art ,
.course_box.world_art .course_year
 {	background-color:#689E2D;}
.course_box.world_art .couse_box_text {
	background:url(../../img/course/art_sculpture.jpg) no-repeat top left;
	background-size:100% auto;
}

/* 2018 */
.course_box.produce_management ,
.course_box.produce_management .course_year
 {	background-color:#31A8E1;}
.course_box.produce_management .couse_box_text {
	background:url(../../img/course/produce_management.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.tv_production ,
.course_box.tv_production .course_year
 {	background-color:#EB8118;}
.course_box.tv_production .couse_box_text {
	background:url(../../img/course/tv_production.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.live_concert ,
.course_box.live_concert .course_year
 {	background-color:#E13228;}
.course_box.live_concert .couse_box_text {
	background:url(../../img/course/live_concert.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.film_production ,
.course_box.film_production .course_year
 {	background-color:#425EAB;}
.course_box.film_production .couse_box_text {
	background:url(../../img/course/film_production.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.hollywood_cg ,
.course_box.hollywood_cg .course_year
 {	background-color:#714A9B;}
.course_box.hollywood_cg .couse_box_text {
	background:url(../../img/course/hollywood_cg.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.art_sculpture ,
.course_box.art_sculpture .course_year
 {	background-color:#B08D15;}
.course_box.art_sculpture .couse_box_text {
	background:url(../../img/course/art_sculpture.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.actor ,
.course_box.actor .course_year
 {	background-color:#E54F82;}
.course_box.actor .couse_box_text {
	background:url(../../img/course/actor.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.comedy ,
.course_box.comedy .course_year
 {	background-color:#689D26;}
.course_box.comedy .couse_box_text {
	background:url(../../img/course/comedy.jpg) no-repeat top left;
	background-size:100% auto;
}

/* 2017 */
/*.course_box.film_production ,
.course_box.film_production .course_year
 {	background-color:#1BA2D0;}
.course_box.film_production .couse_box_text {
	background:url(../../course/img/top/world_movie_creator.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.cg_creator ,
.course_box.cg_creator .course_year
 {	background-color:#EB6D94;}
.course_box.cg_creator .couse_box_text {
	background:url(../../course/img/top/world_cg_digital_media.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.production_design ,
.course_box.production_design .course_year
 {	background-color:#C7AE5E;}
.course_box.production_design .couse_box_text {
	background:url(../../course/img/top/world_production_design.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.actors ,
.course_box.actors .course_year
 {	background-color:#C164A3;}
.course_box.actors .couse_box_text {
	background:url(../../course/img/top/world_actors.jpg) no-repeat top left;
	background-size:100% auto;
}*/

/* 2016 */
/*.course_box.movie ,
.course_box.movie .course_year
 {	background-color:#16A085;}
.course_box.movie .couse_box_text {
	background:url(../../img/course_movie.jpg) no-repeat top center;
	background-size:cover;
}
.course_box.tv ,
.course_box.tv .course_year
 {	background-color:#85B61F;}
.course_box.tv .couse_box_text {
	background:url(../../img/course_tv.jpg) no-repeat;
	background-size:cover;
}

.course_box.art ,
.course_box.art .course_year
 {	background-color:#3EADD2;}
.course_box.art .couse_box_text {
	background:url(../../img/course_art.jpg) no-repeat;
	background-size:cover;
}

.course_box.sports ,
.course_box.sports .course_year
 {	background-color:#3C75B8;}
.course_box.sports .couse_box_text {
	background:url(../../img/course_sports.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.anime_game ,
.course_box.anime_game .course_year
 {	background-color:#003366;}
.course_box.anime_game .couse_box_text {
	background:url(../../img/course_anime_game.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.actor ,
.course_box.actor .course_year
 {	background-color:#E10077;}
.course_box.actor .couse_box_text {
	background:url(../../img/course_actor.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.actor_tv ,
.course_box.actor_tv .course_year
 {	background-color:#E74C3C;}
.course_box.actor_tv .couse_box_text {
	background:url(../../img/course_actor_tv.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.musical ,
.course_box.musical .course_year
 {	background-color:#E88500;}
.course_box.musical .couse_box_text {
	background:url(../../img/course_musical.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.action ,
.course_box.action .course_year
 {	background-color:#BE8F2E;}
.course_box.action .couse_box_text {
	background:url(../../img/course_action.jpg) no-repeat top right;
	background-size:cover;
}
.course_box.stage ,
.course_box.stage .course_year
 {	background-color:#7C4295;}
.course_box.stage .couse_box_text {
	background:url(../../img/course_stage.jpg) no-repeat top right;
	background-size:cover;
}*/
/* .course_box.movie ,
.course_box.movie .course_year
 {	background-color:#16A085;}
.course_box.movie .couse_box_text {
	background:url(../../img/course_movie.jpg) no-repeat top left;
	background-size:auto 100%;
}
.course_box.creator ,
.course_box.creator .course_year
 {	background-color:#85B61F;}
.course_box.creator .couse_box_text {
	background:url(../../img/course_creator.jpg) no-repeat top left;
	background-size:auto 100%;
}
.course_box.art ,
.course_box.art .course_year
 {	background-color:#3C75B8;}
.course_box.art .couse_box_text {
	background:url(../../img/course_art.jpg) no-repeat top left;
	background-size:auto 100%;
}
.course_box.actor,
.course_box.actor .course_year
 {	background-color:#E10077;}
.course_box.actor .couse_box_text {
	background:url(../../img/course_actor.jpg) no-repeat top left;
	background-size:auto 100%;
}
.course_box.performance ,
.course_box.performance .course_year
 {	background-color:#E74C3C;}
.course_box.performance .couse_box_text {
	background:url(../../img/course_performance.jpg) no-repeat top left;
	background-size:auto 100%;
}
.course_box.entame ,
.course_box.entame .course_year
{	background-color:#7C4295;}
.course_box.entame .couse_box_text {
	background:url(../../img/course_entame.jpg) no-repeat top left;
	background-size:auto 100%;
} */
.course .caption {
	display:none;
}

/* information
---------------------------------------------- */
.information {
	padding:10px 0 0;
}
.information .sectionTitle {
	font-size:20px;
	text-align:left;
	float:left;
}
.information .sectionSubtitle {
	font-size:16px;
	text-align:left;
	float:left;
	/* margin-left:10px; */
	margin:10px 0 5px;
	font-weight:bold;
} 
.information .topic .sectionSubtitle:before {
	content: "\f06a";
	font-family: FontAwesome;
	font-weight: normal;
	padding: 0 3px 0 5px;
}
.information .admissions .sectionSubtitle:before {
	content: "\f044";
	font-family: FontAwesome;
	font-weight: normal;
	padding: 0 3px 0 5px;
}

.information .topic , .information .admissions {
	padding:10px;
	box-sizing:border-box;
	position:relative;
}
.information .admissions {
	padding-bottom:80px;
}
.information .topic ul ,
.information .admissions ul {
	height:180px;
	overflow:hidden;
	overflow-y:scroll;
	margin-bottom:10px;
	border:1px solid #CCC;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
.information .topic ul li a ,
.information .admissions ul li a {
	display:block;
	border-top:1px dotted #CCC;
	padding:15px 10px;
}
.information .topic ul li a:before ,
.information .admissions ul li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.information .topic ul li:first-child a ,
.information .admissions ul li:first-child a {
	border-top:none;
}


/* admissions */
.admissions_link a {
	font-size:14px;
	display:block;
	width:96%;
	margin: 0 2%;
	color:#333;
	background-color: #FFF;
	border:1px solid #666;
	text-align:center;
	padding:12px 5px;
	font-weight:bold;
	position: absolute;
	box-sizing:border-box;
	left:0;
	bottom:20px;
	
}
.admissions_link a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:5px;
}

/* special
---------------------------------------------- */
.special {
	padding:20px 0 20px;
	background:url(../../img/special_bg.jpg) no-repeat top center;
	background-size:auto 100%;
}
.special .sectionTitle {
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.special .sectionSubtitle {
	color:#FFF;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.special_list {
	padding: 0 10px;
}
.special_box {
	float:left;
	width:49%;
	position:relative;
	overflow:hidden;
	line-height:0;
	margin-right: 2%;
	margin-bottom: 8px;
	box-sizing: border-box;
	
	box-shadow:rgb(0, 0, 0) 0px 0px 3px 2px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 3px 2px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 3px 2px;
}
.special_box:nth-child(2n) {
	margin-right: 0;
}
.special_box img {
	width:100%;
}

.special .caption {
	display:none;
}

/* blog
---------------------------------------------- */
.blog_area {
	padding:10px 0 30px;
	background:url(../../img/blog_bg.gif) #EEE repeat;
}
.blog_box {
	width:92%;
	margin:0 4% 10px;
	padding:0 0;
	box-sizing:border-box;
	float:left;
	border:1px solid #CCC;
	overflow:hidden;
	
	position: relative;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
	-webkit-box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
	-moz-box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
}
.blog_box a.blog_wrap {
	background-color:#FFF;
	display:block;
	color:#333;
	overflow:hidden;
	height:120px;
	overflow: hidden;
}
.blog_move_area {
	position: relative;
	z-index: 2;
	-webkit-transition: .3s;
	transition: .3s;
	
}
.blog_box .blog_category a {
	display:block;
	background-color:#000;
	color:#FFF;
	padding:10px 5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
}
.blog_box .blog_category a:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:10px;
}
.blog_detail {
	display:none;
}
.blog_box .blog_move_area  {
	overflow:hidden;
	
}
.blog_box .blog_img {
	width:50%;
	max-height:120px;
	height:120px;
	background:#000;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.blog_box .blog_img img {
	width:100%;
	height:auto;
}
.blog_box .blog_date {
	font-weight:bold;
	font-size:12px;
	padding:5px 5px 0;
}
.blog_box .blog_date:before {
	content: "\f133";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 5px;
}
.blog_box .blog_title {
	font-weight:bold;
	font-size:14px;
	padding:5px;
	color: #D09317;
}
.blog_diary .blog_category a {	background-color:#E10077;	}
.blog_diary .blog_title {	color:#E10077;	}

.blog_movie .blog_category a {	background-color:#E88500;	}
.blog_movie .blog_title {	color:#E88500;	}

.blog_actor .blog_category a {	background-color:#86B61F;	}
.blog_actor .blog_title {	color:#86B61F;	}

.blog_entry .blog_category a {	background-color:#3C75B8;	}
.blog_entry .blog_title {	color:#3C75B8;	} 

/* .blog_diary .blog_category a {	background-color:#E10077;	}
.blog_diary .blog_title {	color:#E10077;	}

.blog_actor .blog_category a {	background-color:#E0756B;	}
.blog_actor .blog_title {	color:#E0756B;	}

.blog_movie .blog_category a {	background-color:#E88500;	}
.blog_movie .blog_title {	color:#E88500;	}

.blog_art .blog_category a {	background-color:#BE8F2E;	}
.blog_art .blog_title {	color:#E88500;	}

.blog_stage .blog_category a {	background-color:#86B61F;	}
.blog_stage .blog_title {	color:#86B61F;	}

.blog_staff .blog_category a {	background-color:#3C75B8;	}
.blog_staff .blog_title {	color:#3C75B8;	}

.blog_entry .blog_category a {	background-color:#7C4295;	}
.blog_entry .blog_title {	color:#7C4295;	} */

/* sns
---------------------------------------------- */
.sns_box {
	width:100%;
	padding:0 0;
	box-sizing:border-box;
	float:left;
	border-right:1px solid #CCC;
	
	background-color:#FFF;
}
.sns_detail {
	padding:10px;
	height:320px;
	overflow:hidden;
	text-align:center;
}

.sns_box.sns_instagram .sns_detail {
	margin-bottom:20px;
}

.sns_box .sns_title a {
	display:block;
	text-align:center;
	padding:10px 5px;
	color:#FFF;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}
.sns_box .sns_title a i {
	border:1px solid #FFF;
	margin-right:5px;
	padding:2px;
	text-align:center;
	width:26px;
	box-sizing:border-box;
}

.sns_box.sns_facebook .sns_title a {	background-color:#3B5999;}
.sns_box.sns_twitter .sns_title a {	background-color:#44CCF4;}
.sns_box.sns_youtube .sns_title a {	background-color:#D7342F;}
.sns_box.sns_instagram .sns_title a {	background-color:#7B4E43;}


.sns_box .sns_detail .instagram li {
	float:left;
	width:25%;
	box-sizing:border-box;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	line-height:0;
}
.sns_box .sns_detail .instagram li a {
	display:block;
}
.sns_box .sns_detail .instagram li img {
	width:100%;
	height:auto;
	line-height:0;
}
/*.sns_box.sns_twitter iframe {
	width:95% !important;
}*/
.sns_box.sns_youtube .iframeBox iframe {
	width:100%;
	height:300px;
}

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

}
@media screen and (min-width : 480px){

/*----------------------------------------------
 TOP
---------------------------------------------- */

/* common
---------------------------------------------- */
.sectionTitle {
	font-size:40px;
	text-align:center;
	color:#F0B433;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
}
.sectionSubtitle {
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
}
.detail_link a {
	width:40%;
	font-size:16px;
	display:block;
	margin:30px auto 0;
	background-color: #F0B433;
	border:2px solid #F0B433;
	text-align:center;
	color:#FFF;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.detail_link a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
.detail_link a:hover {
	background-color: #000;
	color:#F0B433;
}

/* main
---------------------------------------------- */
.main {
	width: 100%;
	height: 430px;
	box-sizing:border-box;
	overflow: hidden;
	margin:0;
	background-color:#000;
}
.main .sp-image.pc_view {	display: block;}
.main .sp-image.sp_view {	display: none;}

.main_slider {
	padding-bottom:30px;
}
.main_slider .swiper-slide {
	width:800px !important;
	height:auto;
}
.main_slider .swiper-slide a {
	display:block;	
}
.main_slider .swiper-slide img {
	border-right:1px solid #FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	
}
.main_slider .swiper-slide a:hover img {
	opacity:0.5;
}
.main_slider .swiper-pagination {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	bottom:0;
	padding:5px 0;
	background-color:#EEE;
	height:32px;
	line-height:1.4;
	cursor: pointer;
}
.main_slider .swiper-pagination-bullet {
	border: 1px solid #000;
	background-color:#FFF;
	width:10px;
	height:10px;
	box-sizing:border-box;
	margin:0 3px !important;
	opacity:1;
}
.main_slider .swiper-pagination-bullet-active {
	background-color:#000;	
}
.main_slider .swiper-button-prev , .main_slider .swiper-button-next {
	background-color:#000;
	background-image:none;
	border:1px solid #CCC;
	
	z-index:2;
	display: block;
	width: 50px;
	height: 100px;
	cursor: pointer;
	margin-top: -50px;
	top:50%;
	opacity: 0.7;
}
.main_slider .swiper-button-prev {
	left:0;
	border-left:none;
}
.main_slider .swiper-button-next {
	right:0;
	border-right:none;
}
.main_slider .swiper-button-prev:before {
	content: "\f0d9";
	font-family: FontAwesome;
	font-weight: normal;
	color:#FFF;
	font-size: 30px;
	position:absolute;
	left:40%;
	top:50%;
	margin-top:-25px;
}
.main_slider .swiper-button-next:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: normal;
	color:#FFF;
	font-size: 30px;
	position:absolute;
	left:40%;
	top:50%;
	margin-top:-25px;
}
.main_slider .swiper-button-prev:hover , .main_slider .swiper-button-next:hover {
	opacity:1.0;
}

/* attention
---------------------------------------------- */
.attention {
	margin:30px auto 0;
	max-width:1200px;
}
.attention .accMenu {
	border:1px solid #D50000;
	padding:10px;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.attention .accMenu .accMenuTrg {
	color:#D50000;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:0 0;
	cursor:pointer;
}
.attention .accMenu .accMenuContents {
	margin:0;
	padding:5px 0;
	background-color:#FFF;
	text-align:center;
	line-height:1.8;
}
.attention .accMenu .accMenuContents span {
	font-weight:bold;
}

.attention_news {
	margin:35px auto 0;
	max-width:1100px;
}
.attention_news dl {
	border: 1px solid #CB9324;
	padding: 10px;
	background-color: #FCF7EA;
}
.attention_news dt{
	float: left;
	width: 100px;
	
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.attention_news dd {
	padding: 5px 0 0 20px;
	font-size: 14px;
	border-left: 1px solid #CB9324;
	float: left;
}

/* course
---------------------------------------------- */
.course {
	padding:20px 0 30px;
}
.course .sectionTitle {
	padding-right:80px;
}
.course .sectionTitle span {
	position: relative;
	background: #d50000;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	height:20px;
	padding:2px 15px;
	margin:0 10px 0 0 ;
	vertical-align:7px;
}
.course .sectionTitle span:after, .course .sectionTitle span:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.course .sectionTitle span:after {
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 5px;
	margin-top: -5px;
}
.course .sectionTitle span:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #0;
	border-width: 6px;
	margin-top: -6px;
}


.course_box {
	position:relative;
	padding:5px 0 0;
	width:25%;
	float:left;
	box-sizing:border-box;
	background-color:#EEE;
	overflow:hidden;
}
.course_box:nth-child(1) ,
.course_box:nth-child(2) ,
.course_box:nth-child(3) {
	width:33.33333%;
}
.course_box a {
	text-decoration:none;
	color:#FFF;
	background:#000;
}
.couse_box_text {
	text-align:center;
	opacity:1;
	display:table;
	width:100%;
	padding:0 1px;
}
.course_box .course_title {
	font-size:20px;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	margin-bottom:0;
}
.course_box .course_title span {
	font-size:12px;
	margin-left:5px;
}
.course_year {
	background-color: #FFF;
	color:#FFF;
	width:50%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-25%;
	font-weight: bold;
	
}
.course_box .couse_detail {
	background:#000;
	width:60%;
	margin:0 auto;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-30%;
	padding:5px 0;
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.course_box .couse_detail:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
.course_box_wrap {
	position:relative;
	width:100%;
	height:200px;
	/* height:100%;
	display:block; */
	background-color:rgba(0,0,0,0.4);
	box-sizing:border-box;	
	padding:0 10px 10px;
	vertical-align:middle;
	display:table-cell;
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.course_box a:hover .course_box_wrap {
	background-color:rgba(0,0,0,0);
}
.course_box a:hover .couse_detail {
	background-color:#FFF;
	color:#000;
}

.course_box a:hover .couse_detail:before {
	color:#000;
}

/* 2019 */
.course_box.world_produce ,
.course_box.world_produce .course_year
 {	background-color:#369FCE;}
.course_box.world_produce .couse_box_text {
	background:url(../../img/course/produce_management.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_actor ,
.course_box.world_actor .course_year
 {	background-color:#E44F82;}
.course_box.world_actor .couse_box_text {
	background:url(../../img/course/actor.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_movie ,
.course_box.world_movie .course_year
 {	background-color:#415DAA;}
.course_box.world_movie .couse_box_text {
	background:url(../../img/course/film_production.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_tv ,
.course_box.world_tv .course_year
 {	background-color:#EB8118;}
.course_box.world_tv .couse_box_text {
	background:url(../../img/course/tv_production.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_concert ,
.course_box.world_concert .course_year
 {	background-color:#E13228;}
.course_box.world_concert .couse_box_text {
	background:url(../../img/course/live_concert.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_cg ,
.course_box.world_cg .course_year
 {	background-color:#714A9B;}
.course_box.world_cg .couse_box_text {
	background:url(../../img/course/hollywood_cg.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.world_art ,
.course_box.world_art .course_year
 {	background-color:#689E2D;}
.course_box.world_art .couse_box_text {
	background:url(../../img/course/art_sculpture.jpg) no-repeat top left;
	background-size:100% auto;
}


/* 2018 */
.course_box.produce_management ,
.course_box.produce_management .course_year
 {	background-color:#31A8E1;}
.course_box.produce_management .couse_box_text {
	background:url(../../img/course/produce_management.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.tv_production ,
.course_box.tv_production .course_year
 {	background-color:#EB8118;}
.course_box.tv_production .couse_box_text {
	background:url(../../img/course/tv_production.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.live_concert ,
.course_box.live_concert .course_year
 {	background-color:#E13228;}
.course_box.live_concert .couse_box_text {
	background:url(../../img/course/live_concert.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.film_production ,
.course_box.film_production .course_year
 {	background-color:#425EAB;}
.course_box.film_production .couse_box_text {
	background:url(../../img/course/film_production.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.hollywood_cg ,
.course_box.hollywood_cg .course_year
 {	background-color:#714A9B;}
.course_box.hollywood_cg .couse_box_text {
	background:url(../../img/course/hollywood_cg.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.art_sculpture ,
.course_box.art_sculpture .course_year
 {	background-color:#B08D15;}
.course_box.art_sculpture .couse_box_text {
	background:url(../../img/course/art_sculpture.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.actor ,
.course_box.actor .course_year
 {	background-color:#E54F82;}
.course_box.actor .couse_box_text {
	background:url(../../img/course/actor.jpg) no-repeat top left;
	background-size:100% auto;
}

.course_box.comedy ,
.course_box.comedy .course_year
 {	background-color:#689D26;}
.course_box.comedy .couse_box_text {
	background:url(../../img/course/comedy.jpg) no-repeat top left;
	background-size:100% auto;
}

/* 2017 */
/*.course_box.film_production ,
.course_box.film_production .course_year
 {	background-color:#1BA2D0;}
.course_box.film_production .couse_box_text {
	background:url(../../course/img/top/world_movie_creator.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.cg_creator ,
.course_box.cg_creator .course_year
 {	background-color:#EB6D94;}
.course_box.cg_creator .couse_box_text {
	background:url(../../course/img/top/world_cg_digital_media.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.production_design ,
.course_box.production_design .course_year
 {	background-color:#C7AE5E;}
.course_box.production_design .couse_box_text {
	background:url(../../course/img/top/world_production_design.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.actors ,
.course_box.actors .course_year
 {	background-color:#C164A3;}
.course_box.actors .couse_box_text {
	background:url(../../course/img/top/world_actors.jpg) no-repeat top left;
	background-size:100% auto;
}*/

/* 2016 */
/*.course_box.movie ,
.course_box.movie .course_year
 {	background-color:#16A085;}
.course_box.movie .couse_box_text {
	background:url(../../img/course_movie.jpg) no-repeat top center;
	background-size:cover;
}
.course_box.tv ,
.course_box.tv .course_year
 {	background-color:#85B61F;}
.course_box.tv .couse_box_text {
	background:url(../../img/course_tv.jpg) no-repeat;
	background-size:cover;
}

.course_box.art ,
.course_box.art .course_year
 {	background-color:#3EADD2;}
.course_box.art .couse_box_text {
	background:url(../../img/course_art.jpg) no-repeat;
	background-size:cover;
}

.course_box.sports ,
.course_box.sports .course_year
 {	background-color:#3C75B8;}
.course_box.sports .couse_box_text {
	background:url(../../img/course_sports.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.anime_game ,
.course_box.anime_game .course_year
 {	background-color:#003366;}
.course_box.anime_game .couse_box_text {
	background:url(../../img/course_anime_game.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.actor ,
.course_box.actor .course_year
 {	background-color:#E10077;}
.course_box.actor .couse_box_text {
	background:url(../../img/course_actor.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.actor_tv ,
.course_box.actor_tv .course_year
 {	background-color:#E74C3C;}
.course_box.actor_tv .couse_box_text {
	background:url(../../img/course_actor_tv.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.musical ,
.course_box.musical .course_year
 {	background-color:#E88500;}
.course_box.musical .couse_box_text {
	background:url(../../img/course_musical.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.action ,
.course_box.action .course_year
 {	background-color:#BE8F2E;}
.course_box.action .couse_box_text {
	background:url(../../img/course_action.jpg) no-repeat top right;
	background-size:cover;
}
.course_box.stage ,
.course_box.stage .course_year
 {	background-color:#7C4295;}
.course_box.stage .couse_box_text {
	background:url(../../img/course_stage.jpg) no-repeat top right;
	background-size:cover;
}

.course_box.sports .course_title , .course_box.anime_game .course_title  {	font-size:16px;	}
*/
/* .course_box.creator ,
.course_box.creator .course_year
 {	background-color:#85B61F;}
.course_box.creator .couse_box_text {
	background:url(../../img/course_creator.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.art ,
.course_box.art .course_year
 {	background-color:#3C75B8;}
.course_box.art .couse_box_text {
	background:url(../../img/course_art.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.actor,
.course_box.actor .course_year
 {	background-color:#E10077;}
.course_box.actor .couse_box_text {
	background:url(../../img/course_actor.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.performance ,
.course_box.performance .course_year
 {	background-color:#E74C3C;}
.course_box.performance .couse_box_text {
	background:url(../../img/course_performance.jpg) no-repeat top left;
	background-size:100% auto;
}
.course_box.entame ,
.course_box.entame .course_year
{	background-color:#7C4295;}
.course_box.entame .couse_box_text {
	background:url(../../img/course_entame.jpg) no-repeat top left;
	background-size:100% auto;
} */


.course .caption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	box-sizing:border-box;
	padding:20px 10px;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	display:table;
}
.course .caption p {
	vertical-align:middle;
	display:table-cell;
	text-align:left;
	font-size: 16px;
}
.course .course_box:hover .caption {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}
.course_box:hover .course_box_wrap {
	opacity:0;
}

/* information
---------------------------------------------- */
.information {
	padding:0 0 0;
	max-width: 1600px;
	margin: 0 auto;
}
.information .sectionTitle {
	font-size:30px;
	text-align:left;
	float:left;
}
.information .sectionSubtitle {
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-align:left;
	float:left;
	/* margin-left:20px; */
	margin:15px 0 10px;
}
/* .information .sectionSubtitle {
	font-size:14px;
	text-align:left;
	float:left;
	margin-left:20px;
	margin-top:15px;
} */

/* topic */
.information .topic , .information .admissions {
	float:left;
	width:50%;
	padding:10px 15px;
	box-sizing:border-box;
	border-right:1px solid #CCC;
}
.information .topic {	float:left;}
.information .admissions {	float:right; border-right:none;}
.information .topic ul ,
.information .admissions ul {
	height:200px;
	overflow:hidden;
	overflow-y:scroll;
	margin-bottom:20px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	
}

.information .topic ul li a ,
.information .admissions ul li a {
	display:block;
	border-top:1px dotted #CCC;
	padding:15px 0;
}
.information .topic ul li:first-child a ,
.information .admissions ul li:first-child a {
	border-top:none;
}
.information .topic ul li a:before ,
.information .admissions ul li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;

}
.information .topic ul li a:hover ,
.information .admissions ul li a:hover {
	background-color:#000;
	color:#FFF;
}
.information .topic ul li a:hover:after ,
.information .admissions ul li a:hover:after {
	color:#FFF;
}

/* admissions */
.admissions_link a {
	font-size:14px;
	display:block;
	width:110px;
	color:#333;
	background-color: #FFF;
	border:1px solid #333;
	text-align:center;
	padding:3px 10px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
	position:relative;
	margin:10px 0 0 15px;
	float:left;
	
}
.admissions_link a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:5px;
}
.admissions_link a:hover {
	background-color: #000;
	color:#F0B433;
}
.admissions_webentry img {
	width:100%;
	height:auto;
	
}

/*.admissions_webentry a {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.admissions_webentry a:nth-child(2n) {
	margin-right: 0%;
}*/

.information .topic ul {
	height:250px;
/*	height:200px;*/
}
.information .admissions ul {
	height:160px;
	/*height:200px;*/
}

/* special
---------------------------------------------- */
.special {
	padding:20px 0 35px;
	background:url(../../img/special_bg.jpg) no-repeat top center;
	background-size: cover;
}
.special .sectionTitle {
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.special .sectionSubtitle {
	color:#FFF;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.special_list {
	/* box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px; */
	
	max-width:1400px;
	margin:0 auto;
	padding: 0 20px;
}

.special_box {
	float:left;
	width:23.5%;
	margin-right: 2%;
	/*width:28%;
	margin-left:4%;*/
	position:relative;
	overflow:hidden;
	line-height:0;
	
	box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
}
.special_list.item3 {
	max-width: 1000px;
}
.special_list.item3 .special_box {
	width:32%;
}
.special_box:last-child {
	margin-right: 0;
}
.special_box img {
	width:100%;
}

.special .caption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding:20px;
	background: rgba(0,0,0,0.8);
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	color:#FFF;
	line-height:1.6;	
}
.special .caption p {
	/* vertical-align:middle;
	display:table-cell;
	text-align:left; */
}

.special .special_box:hover .caption {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}

.special .special_box:hover .caption p .bold {
	font-size:18px;
}

/* blog
---------------------------------------------- */
.blog_list {
	max-width: 1400px;
	margin: 0 auto;
}
.blog_area {
	padding:20px 0 30px;
	background:url(../../img/blog_bg.gif) #EEE repeat;
}
.blog_box {
	/* width:14.2857142857%; */
	width:23.75%;
	margin-left: 1%;
	padding:0 0;
	box-sizing:border-box;
	float:left;
	border-right:1px solid #CCC;
	
	position: relative;
	overflow: hidden;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
	-webkit-box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
	-moz-box-shadow:rgb(212, 212, 212) 0px 0px 6px 3px;
	
}
.blog_box a.blog_wrap {
	background-color:#FFF;
	display:block;
	color:#333;
	overflow:hidden;
	padding: 5px;
	position: relative;
}
.blog_move_area {
	position: relative;
	z-index: 2;
	-webkit-transition: .3s;
	transition: .3s;
	min-height: 80px;
	
}
.blog_box .blog_category a {
	display:block;
	background-color:#000;
	color:#FFF;
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
}
.blog_box .blog_category a:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:10px;
}
.blog_detail {
	position: absolute;
	/*bottom: 0;
	top: 100%;*/
	z-index: 2;
	/*width: 100%;*/
	margin: 0 5px 0 0;
	height: 200px;
	-webkit-transition: .3s;
	transition: .3s;
	padding:5px 10px 10px;
	font-size:12px;
	box-sizing:border-box;
	overflow:hidden;
	
}
.blog_box .blog_img {
	max-height:200px;
	height:200px;
	background:#000;
	overflow:hidden;
}
.blog_box .blog_img img {
	width:100%;
	height:auto;
}
.blog_box .blog_date {
	font-weight:bold;
	font-size:12px;
	padding:5px 5px 0;
}
.blog_box .blog_date:before {
	content: "\f133";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 5px;
}
.blog_box .blog_title {
	font-weight:bold;
	font-size:14px;
	padding:5px;
	color: #D09317;
}
.blog_diary .blog_category a {	background-color:#E10077;	}
.blog_diary .blog_title {	color:#E10077;	}

.blog_movie .blog_category a {	background-color:#E88500;	}
.blog_movie .blog_title {	color:#E88500;	}

.blog_actor .blog_category a {	background-color:#86B61F;	}
.blog_actor .blog_title {	color:#86B61F;	}

.blog_entry .blog_category a {	background-color:#3C75B8;	}
.blog_entry .blog_title {	color:#3C75B8;	} 

/* .blog_diary .blog_category a {	background-color:#E10077;	}
.blog_diary .blog_title {	color:#E10077;	}

.blog_actor .blog_category a {	background-color:#E0756B;	}
.blog_actor .blog_title {	color:#E0756B;	}

.blog_movie .blog_category a {	background-color:#E88500;	}
.blog_movie .blog_title {	color:#E88500;	}

.blog_art .blog_category a {	background-color:#BE8F2E;	}
.blog_art .blog_title {	color:#E88500;	}

.blog_stage .blog_category a {	background-color:#86B61F;	}
.blog_stage .blog_title {	color:#86B61F;	}

.blog_staff .blog_category a {	background-color:#3C75B8;	}
.blog_staff .blog_title {	color:#3C75B8;	}

.blog_entry .blog_category a {	background-color:#7C4295;	}
.blog_entry .blog_title {	color:#7C4295;	} */

.blog_box .blog_wrap:hover .blog_move_area {
	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
}
.blog_box .blog_wrap:hover .blog_detail {
	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
	opacity:1;
}
.blog_box .blog_category a:hover {background-color:#000; color:#FFF;	}
.blog_box a.blog_wrap:hover .blog_move_area , .blog_box .blog_wrap:hover .blog_detail {
	background-color: rgba(0,0,0,0.8);
	color:#FFF;
}
.blog_box .blog_wrap:hover .blog_date:before {
	color: #FFF;
}

/* sns
---------------------------------------------- */
.sns_box {
	width:25%;
	padding:0 0;
	box-sizing:border-box;
	float:left;
	border-right:1px solid #CCC;
	
	background-color:#FFF;
}
.sns_detail {
	height:300px;
	overflow:hidden;
	text-align:center;
}
.sns_box.sns_facebook .sns_detail {
	/*padding:0 20px;*/
}
.sns_box .sns_title a {
	display:block;
	text-align:center;
	padding:5px;
	color:#FFF;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}
.sns_box .sns_title a i {
	border:1px solid #FFF;
	margin-right:5px;
	padding:2px;
	text-align:center;
	width:26px;
	box-sizing:border-box;
}

.sns_box.sns_facebook .sns_title a {	background-color:#3B5999;}
.sns_box.sns_twitter .sns_title a {	background-color:#44CCF4;}
.sns_box.sns_youtube .sns_title a {	background-color:#D7342F;}
.sns_box.sns_instagram .sns_title a {	background-color:#7B4E43;}

.sns_box .sns_title a:hover {
	background:#000;
}
.sns_box .sns_detail .instagram li {
	float:left;
	width:25%;
	box-sizing:border-box;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	display:block;
	line-height:0;
}
.sns_box .sns_detail .instagram li a {
	display:block;
}
.sns_box .sns_detail .instagram li img {
	width:100%;
	height:auto;
	line-height:0;
}
.sns_instagram .sns_detail {
	background-color:#222;
	
}
.sns_box.sns_youtube .iframeBox iframe {
	width:100%;
	height:300px;
}

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

}