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

/*--------------------------------
	main
--------------------------------*/
div#mainV {	margin-bottom: 30px; overflow: hidden;}
	.banner{ width:1000px; overflow:hidden;}
	.banner ul{ overflow:hidden;}
	.banner ul li{ width:24%; float:left; margin-right:1%; background:url(../img/_shared/common/live_banner_bg.png) repeat-x top; text-align:center; border:solid #d6d4d4 1px; box-sizing:border-box; background-position:bottom;}
  .banner ul li.special{ padding-bottom: 10px;}
	.banner ul li a{ width:80%; display:block; padding-bottom:10px; text-align: center; margin:0 auto;}
	.banner ul li img{ width:100%;}
	.todayF{ padding-top:5px;}
	.banner ul li:nth-child(4){ margin-right:0px;}
	.banner ul li .todayF{ color:#ff0000; font-weight:bold;}
	.banner h2{ display:none;}

#week_infomation{ width:100%; padding-top:20px; margin-bottom:40px;}

section.topicsarea{ width:100%; margin-bottom:40px; padding-top:20px; padding-bottom:5px; background:#fbf4e8;}
section.topicsarea div { width:1000px; margin:0 auto; line-height:1.8em;}
section.topicsarea h2{ width:1000px; margin:0 auto; padding-bottom:20px;}

section.topicsarea div dl { width:100%; overflow:hidden; margin-bottom:8px; vertical-align:middle;}
section.topicsarea div dt { width:10%; float:left; margin-right:2%; background:#f6a615; color:#fff; padding:1px 5px; text-align:center; box-sizing:border-box;}
section.topicsarea div dd{ width:88%; float:left;}
section.topicsarea div dd p{ display:inline-block; padding-left:8px;}
section.topicsarea div .cat{}
section.topicsarea div .linkprof{ border:solid 1px #f6a615; border-radius:3px; padding:0 5px; line-height:1em; font-size:12px; color:#f6a615; margin-left:1%;}

.btset{ width:70%; overflow:hidden; margin:0 auto; text-align:center; padding-top:20px;}
.quiry_all{width:45%; float:right; background:#f6a615; border-radius:5px; font-size:16px; color:#fff; padding:5px; text-align:center; box-sizing:border-box;}
.linkbtn{ margin-bottom:15px; margin-top:15px;}

.old_info dt,
.old_info dd{ color:#d7d7d7;}
.old_info img
{  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;}

 .today_event .week{ padding-top:45px;}
#mainTop_wrap div{ height:auto !important;}


/* -------------------------------- */
/* youtube banner swich */
.youtubebanner{padding-bottom: 15px;}
.youtubebanner div a img{ width: 100%; padding-bottom: 10px;}

/*
@media screen and (min-width: 1100px) {
.youtubebanner{ width: 1000px; margin: 0 auto;}
}
@media screen and (max-width: 1099px) {
.youtubebanner{ width: 95%; margin: 0 auto;}
}
@media screen and (min-width: 481px) {
.youtubebanner .sp{ display: none;}
}
*/
.youtubebanner div { width: 32%; margin-right: 2%; float: left;}
.youtubebanner div:last-child{margin-right: 0;}

@media screen and (min-width: 481px) {
	.youtubebanner div .pc{ display: block;}
	.youtubebanner div .sp{ display: none;}
}
@media screen and (min-width: 1100px) {
    .youtubebanner {width: 1000px ;overflow: hidden; margin: 0 auto;}
}
@media screen and (max-width: 1099px) {
    .youtubebanner {width: 95%; overflow: hidden; margin: 0 auto;}
}
@media screen and (max-width: 480px) {
	.youtubebanner div{ width: 100%; float: none; margin-bottom: 10px;}
	.youtubebanner div .pc{ display: none;}
	.youtubebanner div .sp{ display: block;}
}

/* -------------------------------- */

@media screen and (min-width: 481px) and (max-width: 999px) {
	section.topicsarea h2{ width:98%;}
	section.topicsarea div{ width:98%;}

	section.topicsarea div dt { width:19%; margin-right:1%; margin-bottom:8px;}
	section.topicsarea div dt span { display:inline-block;}
	section.topicsarea div dd{ width:80%; box-sizing:border-box;}
}
@media screen and (min-width: 481px) and (max-width: 600px){
	section.topicsarea div dt{ width:150px;}
	section.topicsarea div dd{ width:100%;}

}
/*--------------------------------
	topslide
--------------------------------*/
@media screen and (min-width:1100px) {
	/*-- slide --*/
	#mainbloc { width:100%; margin-bottom:70px; }
	#mainbloc .bx-viewport { overflow: visible!important; width: 1000px!important;}
	#mainbloc .slider {list-style: none; margin: 0; padding: 0; clear: both; margin: 0 auto; overflow: hidden; width: 100%;}
	#mainbloc .slider div.slide { width: 1000px!important; margin: 0; padding: 0;}
	#mainbloc .slider div.slide .slideimg{ position: relative; cursor: pointer; z-index:1}

	#mainbloc .bx-wrapper .bx-controls-direction a {width: 40px; height: 40px; transform-origin: center center; cursor: pointer; display: block; z-index: 9999; position: absolute; top:50%; outline: none; text-indent:-99999px;}

	#mainbloc .bx-wrapper .bx-prev{color: #fff; left:-2.5%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 4px solid white; border-left: 4px solid white; background:none !important;}
	#mainbloc .bx-wrapper .bx-next{color: #fff; right:-2.5%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 4px solid white; border-right: 4px solid white; background:none !important;}
	#mainbloc div.overlaybox p.close{ position:absolute; z-index:100001; right:20px; top:20px; cursor:pointer;}
	#mainbloc .bx-wrapper .bx-pager-item a{  width: 41px; height: 13px; margin: 4px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; background: #f2f1f2;   -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
	#mainbloc .bx-wrapper .bx-pager-item .active{ background:#f6a615;}

	#week_infomation{ width:1000px;}
}
@media screen and (min-width: 481px) and (max-width: 1099px) {
	/*-- loading --*/

	/*-- slide --*/
	#mainbloc {  width:100%; margin-bottom:70px; }
	#mainbloc .slider {list-style: none; margin: 0; padding: 0;}
	#mainbloc .slider div.slide .slideimg{ position: relative; cursor: pointer; z-index:1}

	#mainbloc div.overlaybox dl{ width:96%; margin:0 auto; margin-top:20px; display:block;}
	#mainbloc div.overlaybox dl dt { font-size: 16px; margin-bottom: 10px; font-weight:bold;}
	#mainbloc div.overlaybox dl dd.subtitle { font-size: 14px; margin-bottom: 0px;}
	#mainbloc div.overlaybox dl dd ul {	margin-bottom: 14px;}
	#mainbloc div.overlaybox dl dd p { font-size: 11px; margin-bottom: 10px; display:block; overflow:hidden;}
	#mainbloc div.overlaybox dl dd p.link a { color: #FFF; padding-left: 20px; background: url(../img/_shared/common/icon_file.png) no-repeat; }
	#mainbloc .bx-wrapper .bx-controls-direction a {width: 40px; height: 40px; transform-origin: center center; cursor: pointer; display: block; z-index: 9999; position: absolute; top:50%; outline: none; text-indent:-99999px;}
	#mainbloc .bx-wrapper .bx-prev{color: #fff; left:2.5%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 4px solid white; border-left: 4px solid white; background:none !important;}
	#mainbloc .bx-wrapper .bx-next{color: #fff; right:2.5%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 4px solid white; border-right: 4px solid white; background:none !important;}
	#mainbloc div.overlaybox p.close{ position:absolute; z-index:100001; right:20px; top:20px; cursor:pointer;}
	#mainbloc .bx-wrapper .bx-pager-item a{  width: 20px; height: 13px; margin: 4px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; background: #f2f1f2;   -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
	#mainbloc .bx-wrapper .bx-pager-item .active{ background:#f6a615;}

	.banner{ width:98%; overflow:hidden;}


}
@media screen and (max-width:800px) {
	#mainbloc .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; }
}
@media screen and (max-width:1200px) {
.overlaybox_out{ display:none; position: absolute; top:15%; left: 50%; width: 90%; margin-left:-45%;}
}
.modal-overlay { z-index:100000; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75);}
.overlaybox_out{ display:none; position: absolute; top:15%; left: 50%; width: 60%; z-index: 100000; background: rgba(255, 255, 255, 1); border-radius:10px; padding:30px; box-sizing:border-box; margin-left:-30%;}
.overlaybox_out .close{ text-align:right; cursor:pointer;}
.overlaybox_out dl{ margin:0 auto; margin-top:16px; display:block;}
.overlaybox_out dl dt { font-size: 22px; font-weight:bold; border-bottom: dotted 1px #333333; padding-bottom:10px; margin-bottom:20px;}
.overlaybox_out dl dd.subtitle { font-size: 18px; margin-bottom: 10px;}
.overlaybox_out dl dd ul {	margin-bottom: 20px;}
.overlaybox_out dl dd p { font-size: 12px; margin-bottom: 20px; display:block; overflow:hidden;}
.overlaybox_out dl dd > p.link{ color: #ffffff; padding:10px 15px; background:#f6a615; border-radius:3px; width:100px; text-align:center; margin-top:30px;}
.overlaybox_out dl dd > p.link > a{ color: #ffffff;}

#mainbloc .slider div.slide{ display:none;}


@media screen and (min-width: 571px) and (max-width: 680px) {
	.banner ul li{ font-size:12px;}

}
@media screen and (max-width: 570px){
	.banner ul li{ border-bottom:solid 1px #BBB5B5; text-align:center; float:none; width:100%; overflow:hidden;}
	.banner ul li img{ width:35%; float:left;}
	.banner ul li span{ display:block; float:left; padding-top:25px;}
	.banner ul li a{vertical-align:middle; background:url(../img/_shared/common/bx-next.png) no-repeat 95% 50%; background-size:13px; overflow:hidden; padding-bottom:0px;}
	.banner ul li.special{ vertical-align:middle;  overflow:hidden; padding-bottom:0px;}
	.todayF{ width:20%; float:right; margin-right:15%; padding-top:25px;}

}
/*--------------------------------
	contents
--------------------------------*/

/*-- ---- mega-menu ---- --*/

section.profile_list {position: relative;}
.triangle {position: absolute;top: 70px;width: 0;height: 0;border-style: solid;border-width: 0 25px 25px 25px;border-color: transparent transparent #4f4f4f transparent;z-index: 10000;}
.mega-menu ul {position: relative;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}
#mega-menu-1 {position: relative;}
#mega-menu-1 {width: 100%;height: 30px;position: relative;}
#mega-menu-1 li a {float: left;display: block;padding: 0 12px;text-decoration: none;}
#mega-menu-1 li .sub-container {position: absolute;}
#mega-menu-1 li .sub {width: 1000px;margin-top: 20px;background-color: rgba( 10, 10, 10, 0.7 );}
#mega-menu-1 li .sub img {border: 1px solid #FFF;}
#mega-menu-1 li .sub a {text-align: center;color: #FFF;width: 62px;margin: 0;padding: 0 9px;font-size: 10px;min-height: 110px;}
#mega-menu-1 li .sub .row {width: 100%;overflow: hidden;clear: both;}
ul.mega-menu ul.member {padding: 60px 0 30px 15px;overflow: hidden;}
ul.mega-menu p {color: #FFF;font-size: 18px;margin: -20px 0 -40px 25px;padding: 0;}
ul.mega-menu ul.member li.close {position: absolute;top: 15px;right: 10px;cursor: pointer;}
ul.mega-menu ul.member li img {border: none!important;}

@media screen and (min-width: 481px) and (max-width: 999px) {
section.profile_list{ width:98%; padding:0; box-sizing:border-box; border:none !important;}
section.profile_list h2{ margin-bottom:8px;}
#mega-menu-1 li a { padding-bottom:12px; font-size:14px;}
#mega-menu-1 li .sub{ width:100%;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#mega-menu-1 li .sub .row{ width:100% !important;}
#mega-menu-1 li .sub-container{ top:-30px !important;}
#triangle{ display:none !important;}
}

/*-- ---- timeline ---- --*/
section.timeline {border-top: 1px dashed #6a6a6c;border-bottom: 1px dashed #6a6a6c;padding-top: 18px;}
div.timeline {margin-bottom: 20px;}
div.timeline p.time {width: 155px;min-height: 86px;padding: 40px 45px 10px 0;float: left;color: #f6a615;text-align: center;font-weight: bold;font-size:20px;background:
url(../img/_shared/common/bg_topics_date.jpg) no-repeat left,  url(../img/_shared/common/icon_vector_m.jpg) no-repeat 170px center;}
div.timeline p.time small {display: block; font-size:16px;}
div.timeline div.topics {width: 800px;margin-left: 200px;}
div.timeline div.topics div {overflow: hidden;}
div.timeline div.topics dt h3{ display:inline-block;}
div.topics div dl dd img{ width:152px;}
div.topics div.left dl {width: 230px;min-height: 165px;padding-left: 160px;float: left;position: relative;overflow: hidden;}
div.topics div.left dl dd img {border: 1px solid #e0e0e5;position: absolute;top: 0;left: 0;}
div.topics div.right dl {width: 230px;min-height: 165px;padding-right: 160px;float: left;position: relative;overflow: hidden;}
div.topics div.right dl dd img {border: 1px solid #e0e0e5;position: absolute;top: 0;right: 0;}
 div.topics div dl{ margin-right: 10px;}
div.topics div dl dt {padding-top: 5px;margin-bottom: 10px;font-size: 1.2em;}
div.topics div dl dd p {min-height: 80px;background: #f2f1f2;padding: 15px;font-size: 0.9em;border-radius: 3px;}
div.topics div dl dt small {background: #f6a615;margin-left: 10px;padding: 2px 5px;color: #FFF;font-size: 11px; display:inline-block;}

@media screen and (min-width:701px) and (max-width: 999px) {
section.timeline{ width:98%; margin:0 auto;}
div.timeline div.topics{ width:98%; margin-left:0px; margin:0 auto;}
div.topics div.left dl{ width:48%; padding-left:0px; position:static; min-height:0px; margin-bottom:5px;}
div.topics div.left dl:nth-child(2n){ float:right;}
div.topics div.right dl{ width:48%;  padding-right:0px; position:static;}
div.topics div.right dl:nth-child(2n){ float:right;}

div.topics div dl{ overflow:hidden;}
div.topics div dl dt{ width:65%; float:right; font-size:16px;}
div.topics div dl dt small{ font-size:14px;}
div.topics div dl dd img{ width:30%; float:left;}
div.topics div dl dd p{ width:60%; float:right; min-height:0; padding:2%; font-size:12px;}
div.topics div.left dl dd img{ position:static;}
div.topics div.right dl dd img{ position:static;}
div.timeline p.time{ width:100%; background:none; float:none; padding:0; text-align:left; overflow:hidden; min-height:0px; margin-top:20px; color:#fff; background:#f6a615; padding-top:6px; margin-bottom:20px;}
div.timeline p.time time{ font-size:20px; padding-left:15px;}
div.timeline p.time small{ display:inline-block; margin-left:2%; font-size:16px;}
div.topics div dl dt small{ display:inline-block; font-size:11px; }

}
@media screen and (min-width: 481px) and (max-width: 700px) {
section.timeline{ width:98%; margin:0 auto;}
div.timeline div.topics{ width:98%; margin-left:0px; margin:0 auto;}
div.topics div.left dl{ width:98%; padding-left:0px; position:static; min-height:0px; margin-bottom:5px;}
div.topics div.left dl:nth-child(2n){ float:left;}
div.topics div.right dl{ width:98%;  padding-right:0px; position:static;}
div.topics div.right dl:nth-child(2n-1){ float:right;}
div.topics div dl:nth-child(odd){ margin-right:0px;}

div.topics div dl{ overflow:hidden;}
div.topics div dl dt{ width:75%; float:right; font-size:16px;}
div.topics div dl dt small{ font-size:14px;}
div.topics div dl dd{}
div.topics div dl dd img{ width:20%; float:left; margin-top:8px;}
div.topics div dl dd p{ width:72%; float:right; min-height:0; padding:2%; font-size:14px;}
div.topics div.left dl dd img{ position:static;}
div.topics div.right dl dd img{ position:static;}
div.timeline p.time{ width:100%; background:none; float:none; padding:0; text-align:left; overflow:hidden; min-height:0px; margin-top:20px; color:#fff; background:#f6a615; padding-top:6px; margin-bottom:20px;}
div.timeline p.time time{ font-size:20px; padding-left:15px;}
div.timeline p.time small{ display:inline-block; margin-left:2%; font-size:16px;}
div.topics div dl dt small{ display:inline-block; font-size:14px; }
}

/*-- ---- topics ---- --*/
section.topics {border-bottom: 1px dashed #CCC;min-height: 600px;}
section.topics div.tab {position: relative;margin-bottom: 30px
}
section.topics dl {overflow: hidden;}
section.topics dl dt {width: 245px;border-radius: 5px;margin-bottom: 25px;}
section.topics dl dt a {display: block;padding: 5px 10px;border-radius: 5px;}
section.topics dl dt a:hover {color: #FFF;background: #2c72c7 url(../img/_shared/common/topics_vector.jpg) no-repeat 225px 7px;background-size:9px auto;}
section.topics dl dt.active {background: #2c72c7 url(../img/_shared/common/topics_vector.jpg) no-repeat 225px 7px;background-size:9px auto;}
section.topics dl dt.active a {color: #FFF;}
section.topics dl dd {width: 710px;position: absolute;top: 0;left: 270px;min-height: 500px;padding-left: 20px;border-left: 1px solid #ddd;}
div.topics_list {border-bottom: 1px solid #ddd;position: relative;min-height: 85px;padding-left: 100px;padding-top: 10px;margin-bottom: 10px;}
dd.area article.last div {border: none;}
div.topics_list p.date {margin-bottom: 10px;}
div.topics_list p.date time {margin-right: 15px;}
div.topics_list p.date small {background: #2c72c7;margin-left: 15px;padding: 0 5px;color: #FFF;font-size: 11px;}
div.topics_list img {border: 1px solid #ececef;position: absolute;left: 0;top: 0;}
.area {display: none;}
@media screen and (min-width:601px) and (max-width: 999px) {
section.topics{ width:98%; padding-top:18px;}
section.topics dl dt { width:25%;}
section.topics dl dd { width:73%; left: 26%; padding-left:1%;}
section.topics dl dt a{ padding-right:10%;}
section.topics dl dt.active{ background-position:98% 50%; background-size:9px auto;}
section.topics dl dt a:hover{ background-position:98% 50%; background-size:9px auto;}
}
@media screen and (min-width: 481px) and (max-width: 600px) {
section.topics dl dt a{font-size:11px;}
section.topics{ width:98%; padding-top:18px;}
section.topics dl dt { width:25%;}
section.topics dl dd { width:73%; left: 26%; padding-left:1%;}
section.topics dl dt a{ padding-right:10%;}
section.topics dl dt.active{ background-position:98% 50%;  background-size:9px auto;}
section.topics dl dt a:hover{ background-position:98% 50%;  background-size:9px auto;}
}
/*-- ---- infomation ---- --*/
section.infomation .infomation-item {overflow: hidden;}
section.infomation {overflow: hidden;margin-bottom: 10px;}
section.infomation p span {display: inline-block;padding-top: 13px;line-height: 15px;font-size: 0.8em;text-decoration: underline;}
@media screen and (min-width:481px) and (max-width: 999px) {
section.infomation{ width:98%;}
}

/*-- ---- profilelist ---- --*/
section.profilelist{ width:1000px; min-height:195px; border-bottom: 1px dashed #6a6a6c; padding-bottom:20px; overflow:hidden;}
section.profilelist .bx-wrapper{ width:100%;}
section.profilelist .bx-wrapper .bx-controls-direction a{ text-indent:0;}
section.profilelist .bx-wrapper .bx-controls-direction a.bx-prev{ display:none;}
section.profilelist .bx-wrapper .bx-controls-direction a.bx-next{ background:url(../img/index/More_r.png) no-repeat 0% 50%; top:150%; margin-top:0px; left:50%; font-size:16px; color:#f6a615; margin-left:-60px; width:90px; padding-left:30px; padding-top:8px;}
section.profilelist ul{ width:100% !important; overflow:hidden;}
section.profilelist ul li{ width:162px; float:left; margin-right:5px;}
section.profilelist ul li:nth-child(6){ margin-right:0px; }
section.profilelist ul li p:nth-child(1){ width:60px; float:left;}
section.profilelist ul li p:nth-child(2){ width:97px; float:right; font-size:11px; font-style:italic; letter-spacing:0em; padding-top:8px;}
section.profilelist ul li p:nth-child(2) span{ display:block; font-size:10px;}
.all_list_bt {float:right; margin-top:-110px;}
.all_list_bt a{ color:#f6a615; background:url(../img/_shared/common/icon_list.png) no-repeat; background-size:16px; padding-left:30px;}

@media screen and (min-width:600px) and (max-width: 1010px) {
	section.profilelist{ width:98%; min-height:auto;}
	section.profilelist h2{ margin-top:20px;}
	section.profilelist .bx-wrapper .bx-controls-direction a.bx-next{ top:100%;}
	section.profilelist ul li{ width:29%; float:left; margin-right:1%; margin-bottom:8px;}
	section.profilelist ul li:nth-child(6){ margin-right:0px; }
	section.profilelist ul li p:nth-child(1){ width:60px; float:left;}
	section.profilelist ul li p:nth-child(2){ width:calc(100% - 65px); float:right; font-size:11px; font-style:italic; letter-spacing:0em; padding-top:8px;}
	section.profilelist ul li p:nth-child(2) span{ display:block; font-size:10px;}
	.all_list_bt { width:100%; display:inline-block; background-color:#f2f1f2; text-align:center; padding:8px 0; margin-top:50px;}
	.all_list_bt a{ color:#f6a615; background:url(../img/_shared/common/icon_list.png) no-repeat; background-size:16px; padding-left:30px;}
}
@media screen and (min-width:480px) and (max-width: 599px){
	section.profilelist{ width:98%; min-height:auto;}
	section.profilelist h2{ margin-top:20px;}
	section.profilelist .bx-wrapper .bx-controls-direction a.bx-next{ top:100%;}
	section.profilelist ul li{ width:49%; float:left; margin-right:1%; margin-bottom:8px;}
	section.profilelist ul li:nth-child(6){ margin-right:0px; }
	section.profilelist ul li p:nth-child(1){ width:60px; float:left;}
	section.profilelist ul li p:nth-child(2){ width:calc(100% - 65px); float:right; font-size:11px; font-style:italic; letter-spacing:0em; padding-top:8px;}
	section.profilelist ul li p:nth-child(2) span{ display:block; font-size:10px;}
	.all_list_bt { width:100%; display:inline-block; background-color:#f2f1f2; text-align:center; padding:8px 0; margin-top:50px;}
	.all_list_bt a{ color:#f6a615; background:url(../img/_shared/common/icon_list.png) no-repeat; background-size:16px; padding-left:30px;}

}