/*--------------------------------
main
--------------------------------*/
div.main {}
div.sp-thumbnails {display: none;}
div.overlaybox {display: none;}
div.sp-slides img {width: 50%;}
/*--------------------------------
topslide
--------------------------------*/
/*-- slide --*/
#mainbloc {  width:100%; margin-bottom:10px;}
#mainbloc .slider {list-style: none; margin: 0; padding: 0;}
#mainbloc .slider div.slide .slideimg{ position: relative; cursor: pointer; z-index:1}
#mainbloc .slider div.slide .overlaybox{ display:none;}

#mainbloc .bx-wrapper .bx-pager-item a{  width: 10px; height: 10px; 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-controls-direction a {width: 20px; height: 20px; 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{ display: none!important;}
#mainbloc .bx-wrapper .bx-next{ display: none!important;}
/*--
#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 .bx-wrapper .bx-pager-item .active{ background:#f6a615;}

.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:5%; left: 50%; width: 90%; z-index: 100000; background: rgba(255, 255, 255, 1); border-radius:10px; padding:15px; box-sizing:border-box; margin-left:-45%;}
.overlaybox_out .close{ text-align:right; cursor:pointer;}
.overlaybox_out .close img{ width:16px; height:16px;}

.overlaybox_out dl{ margin:0 auto; margin-top:16px; display:block;}
.overlaybox_out dl dt { font-size: 18px; font-weight:bold; border-bottom: dotted 1px #333333; padding-bottom:10px; margin-bottom:20px;}
.overlaybox_out dl dd.subtitle { font-size: 16px; 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:5px 10px; background:#f6a615; border-radius:3px; width:100px; text-align:center; margin-top:20px;}
.overlaybox_out dl dd > p.link > a{ color: #ffffff;}

/*--------------------------------
contents
--------------------------------*/
/* youtube banner swich */
.youtubebanner div a img{ width: 100%; padding-bottom: 10px;}
.youtubebanner{ width: 95%; margin: 0 auto;}
.youtubebanner .pc{ display: none;}
/*-- ---- h2 ---- --*/
section h2 {padding: 10px 10px 6px 10px;font-weight: bold;letter-spacing: 2px;color: #FFF;background: #f6a615;overflow: hidden;line-height: 1em;}
section h2 small {display: block;color: #FFF;letter-spacing: 1px;font-weight: normal;}

/*-- ---- profile_list ---- --*/
section.profile_list {font-size: 0.9em;margin-bottom: 10px;}
section.profile_list h2 {color: #444444;font-size: 1.1em;padding: 15px 10px;background: #f2f1f2 url(../img/_shared/common/icon_open.png) no-repeat 97% 10px;background-size: 18px 18px;}
section.profile_list h2 small {color: #2c72c7;display: inline;padding-left: 10px;}

/*-- toggle 設定 --*/
.profile_list nav {display: none;}
.profile_list h2.active {background: #f2f1f2 url(../img/_shared/common/icon_clause.png) no-repeat 97% 10px;background-size: 18px 18px;}

/*-- //toggle 設定 --*/

section.profile_list ul li a {border-bottom: 1px solid #e0dfe0;background: url(../img/_shared/common/profile_list_icon.jpg) 98% center no-repeat;display: block;padding: 10px;}
section.profile_list ul li ul {display: none;}


/*-- ---- timeline ---- --*/
section.timeline {}
section.timeline h2 {margin-bottom: 10px;}
div.timeline {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding: 0 10px;}
div.timeline p.time {font-weight: bold;color: #f6a615;overflow: hidden;margin-bottom: 5px;background: url(../img/_shared/common/bg_topics_date_sp.jpg) repeat-x 0 -2px;}
div.timeline p.time time {background: #FFF;padding-right: 10px;}
div.timeline p.time small {font-size: 0.9em;padding-left: 10px;}
div.timeline div.topics {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:10px;}
div.timeline div.topics div {overflow: hidden;}
div.topics div dl {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width: 100%;overflow: hidden;padding-left: 110px;margin-bottom: 15px;float: left;position: relative;min-height: 110px;}
div.topics div dl dt {margin-bottom: 5px;}
div.topics div dl dt small {background: #f6a615;margin-left: 10px;padding: 0 5px;color: #FFF;font-size: 11px;}
div.topics div dl dd p {background: #f2f1f2;padding: 6px 10px;font-size: 0.8em;border-radius: 3px;}
div.topics div dl dd img {width: 100px;border: 1px solid #e0e0e5;position: absolute;top: 0;left: 0;}
p.linkbtn {text-align: center;padding-top:10px; padding-bottom:10px;}
p.linkbtn a {color: #f6a615;background: url(../img/_shared/common/icon_list.png) no-repeat;background-size:22px;padding-left: 30px;padding-bottom: 10px;}

/*-- ---- topics ---- --*/
section.topics dt {color: #444444;font-size: 1.1em;padding: 10px 10px;background: #f2f1f2 url(../img/_shared/common/icon_open.png) no-repeat 97% 12px;-moz-background-size: 18px 18px;background-size: 18px 18px;border-bottom: 1px solid #fff;font-size: 0.9em;}
section.topics dt.active {background: #f2f1f2 url(../img/_shared/common/icon_clause.png) no-repeat 97% 12px;-moz-background-size: 18px 18px;background-size: 18px 18px;}
section.topics dd {display:none;}
div.topics_list {font-size: 0.8em;border-bottom: 1px solid #ddd;position: relative;padding:  10px 10px 6px 60px;}
div.topics_list p.date {margin-bottom: 4px;}
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 div p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.topics_list img {width: 40px;height: 40px;border: 1px solid #ececef;position: absolute;left: 10px;top: 10px;}

/*-- ---- infomation ---- --*/
section.infomation .infomation-item {}
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;}
.infomation .bx-wrapper { width:90%; margin:0 auto; margin-left:5px;}
.infomation .bx-wrapper .bx-prev{ left:-15px;}
.infomation .bx-wrapper .bx-next{ right:-35px;}

/*-- ---- profilelist ---- --*/
section.profilelist  h2{ margin-bottom:15px !important;}
section.profilelist .bx-wrapper{ width:95%;}
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; background-size:16px;}
section.profilelist ul{ width:100% !important; overflow:hidden;}
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;}
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%;}

.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;}

	.banner ul li{ border-bottom:solid 1px #BBB5B5; text-align:center; float:none; width:100%; overflow:hidden; font-size:12px; background:url(../img/_shared/common/bx-next.png) no-repeat 95% 50%; background-size:13px;}
	.banner ul li a img{ width:34%; float:left; margin-left:5%}
	.banner ul li a span{ display:block; float:left; padding-top:15px;}
	.banner ul li a{vertical-align:middle; overflow:hidden; padding-bottom:0px;}
	.todayF{ width:20%; float:right; margin-right:15%; padding-top:15px; color:#ff0000;}

section.topicsarea{ width:100%; margin-bottom:40px; padding-bottom:5px; background:#fbf4e8;}
section.topicsarea div { width:98%; margin:0 auto; line-height:1.8em;}
section.topicsarea div dl { width:100%; overflow:hidden; margin-bottom:15px;}
section.topicsarea div dt { width:10%; float:left; margin-right:5%; background:#f6a615; color:#fff; padding:3px 5px; text-align:center; box-sizing:border-box;}
section.topicsarea div dd{ width:84%; float:left;}
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%;}

.topicsline{ padding-top:15px; font-size:12px;}
	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;}
section.topicsarea div dd p{ display:inline-block; padding-left:8px;}

#week_infomation{ padding-top:20px; margin-bottom:20px;}

.btset{ width:70%; overflow:hidden; margin:0 auto; text-align:center; padding-top:0px;}
.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;}
.old_info dt,
.old_info dd{ color:#d7d7d7;}
.old_info img
{  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;}