@charset "UTF-8";
#wrapper {
	overflow:hidden;
}
.pros_svg {
	width:80% !important;
}

.note {
  color: #f00;
}
col.w16 {
  width: 16%;
}

main#sub.detail_page article div.detail_body .mb10 { margin-bottom: 10px;}
main#sub.detail_page article div.detail_body .mb20 { margin-bottom: 20px;}
main#sub.detail_page article div.detail_body .mb30 { margin-bottom: 30px;}
main#sub.detail_page article div.detail_body .mb40 { margin-bottom: 40px;}

.buttonApplication {
  text-align: center;
}

main#sub.detail_page article div.detail_body .buttonApplication a {
  margin: 0 auto 20px;
  color: #fff;
  background-color: #ff8b07;
  display: inline-block;
  padding: 10px 40px;
  font-size: 1.125em;
  text-decoration: none;
}

main#sub.detail_page article div.detail_body .normalList {
  background-color: transparent;
  padding: 0 0 0 20px;
}

main#sub.detail_page article div.detail_body .normalList li {
  margin-bottom: 10px;
  padding: 0;
}

/*------------- タイトル部分  -------------*/
#sub div#titleBox{
	position:relative;
	overflow:hidden;
	width:100%;
	min-height:30px;
	height:auto;
	padding:200px 0 80px 0;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 0;
	position:relative;
}

#sub div#titleBox div.bread{
	position:absolute;
	top:101px;
	z-index:100;
}


#sub div#titleBox h1{
	/*top:59%;
	position:absolute;*/
	font-size:30px;
	letter-spacing:1px;
	text-align:center;
	width:1024px;
	margin:0 auto;
	color:#fff;
	font-weight:500;
	z-index:100;
}

#sub div#titleBox div.background{
	width:calc(100% + 100px);
	height:calc(100% + 100px);
	position:absolute;
	background-color:#efefef;
	bottom:-50px;
	left:-50px;
	filter: blur(10px);
	background-position:center center;
	background-size:cover;
	z-index:-2;
}

#sub div#titleBox div.back_filter{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	background-color:rgba(0,0,0,0.4);
	z-index:-1;
}
/* 経法学部について タイトル */
#sub #titleBox h1.about {
	top:35%;
}
/* 教員紹介 タイトル */
#sub #titleBox h1.teach_index,
#sub #titleBox h1.prosp.index {
	top:50%;
}
#sub #titleBox h1 span {
	font-size: 18px;
    display: block;
    padding: 20px 0 0;
	line-height: 33px;
}
/* 総合法律学科 タイトル */
#sub #titleBox h1.law,
#sub #titleBox h1.topics,
#sub #titleBox h1.prosp {
	top:56%;
}
#sub #titleBox h1.law span,
#sub #titleBox h1.topics span,
#sub #titleBox h1.prosp span {
	font-size: 20px;
    display: block;
}

/* TOPICS詳細 タイトル */
/*#sub #titleBox h1.topics{
	padding:50px 5% 0 5%;
	margin:0 auto;
	top:0;
	max-width:800px;
	width:90%;
	position:static;
}*/

/* TOPICS詳細 タイトル内カテゴリ */
#sub #titleBox .tagBox {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0;
    height: 50px;
    /*position: absolute;
    left: 47%;*/
}

#sub #titleBox .tagBox span.category {
	font-size: 13px;
    display: block;
	/*float:left;*/
	padding:5px;
	margin:0 auto;
	color:#fff;
	background:#ff8b07;
}
/* TOPICS詳細 タイトル内更新日 */
#sub #titleBox .tagBox span.date {
	font-size: 13px;
    display: block;
	/*float:left;*/
	padding:5px;
	color:#fff;
}


#sub #titleBox .bread {
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	background:rgba(0,0,0,0.3);
	padding:0 40px;
	font-size:12px;
}
#sub #titleBox .bread a {
	color:#fff;
}
#titleBox.dip {
	background:url(../img/bg_sub_mv01.png) no-repeat 0 0;
}
/* 経法学部について タイトルBG */
#titleBox.about {
	background:url(../img/bg_sub_mv02.png) no-repeat 0 0;
	height:260px !important;
}
/* 学科案内 タイトルBG */
#titleBox.depart {
	background:url(../img/bg_sub_mv02.png) no-repeat 0 0;
	height:340px !important;
}
/* 総合法律学科 タイトルBG */
#titleBox.law {
	background:url(../img/bg_sub_mv03.png) no-repeat 0 0;
}
/* 応用経済学科 タイトルBG */
#titleBox.eco {
	background:url(../img/bg_sub_mv05.png) no-repeat 0 0;
}
/* TOPICS タイトルBG */
#titleBox.topics {
	background:url(../img/bg_sub_mv04.png) no-repeat 0 0;
	margin:0 auto 30px;
}
/* 研究活動 タイトルBG */
#titleBox.research {
	background:url(../img/bg_sub_mv02.png) no-repeat 0 0;
	height:130px !important;
}
/* お問い合わせ タイトルBG */
#titleBox.contact {
	background:url(../img/bg_sub_mv04.png) no-repeat 0 0;
}
/* 入試情報 タイトルBG */
#titleBox.prosp {
	background:url(../img/bg_sub_mv02.png) no-repeat 0 0;
	height:130px !important;
}
/* プライバシーポリシー タイトルBG */
#titleBox.siteinfo {
	background:url(../img/bg_sub_mv04.png) no-repeat 0 0;
	margin:0 auto 50px;
}
/* 職員紹介 タイトルBG */
#titleBox.teach {
	background:url(../teacher/img/bg_teach.png) no-repeat 0 0;
}
/* 経法学部について タイトルBG */
#titleBox.teach_index {
	background:url(../teacher/img/bg_teach.png) no-repeat 0 0;
	height:130px !important;
}

#sub .local {
	width:100%;
	background:#f1f1f1;
	text-align:center;
	margin:0 0 40px;
}
#sub .local li {
	display:inline-block;
	margin:0 20px;
	padding:20px 0;
}
#sub .local li a {
	display:block;
	padding:5px 0 0;
}
#sub .local li.on a {
	color:#ff8b07;
}
#sub .section {
	width:1024px;
	margin:0 auto 60px;
	clear:both;
}

/*------------- main内セクション  -------------*/
main section {
	padding:60px 0;
	border-top:1px solid #ccc;
	background-image:url(../img/section_partition01.png) !important;
	background-position:top !important;
	background-repeat:repeat-x !important;
	background-color:#f1f1f1 !important;
}

main section > div.inner{
	max-width:1024px;
	margin:0 auto;
}

main section h2 {
	font-size:30px !important;
	margin:0 0 20px;
	padding:0 !important;
	font-weight:400;
	text-align:center;
	background-image:none;
	color:#333 !important;
	background-color:transparent !important;
}

main section h2:before {
	display:none !important;;
}

/*------------- TOPICS・研究活動コンテンツ一覧ブロック  -------------*/
main #topics {
	
}
main #topics div.inner{
	max-width:1024px;
	margin:0 auto;
}
main #topics h2 {
	
}
main #topics h2:before {
	
}
  		 
#topics ul.list_wrap li a {
	display:block;
	padding:10px 20px;
}
		  #topics ul.list_wrap li a:hover,
		  #topics ul.list_wrap li.active a {
			  color:#ff8b07;
		  }

#topics ul.list_wrap {
	
}

#topics ul.list_wrap li.list{
	position:relative;
	width:100%;
	height:175px;
	margin:0 0 20px 0;
}

#topics ul.list_wrap li.list a{
	display:block;
	width:759px;
	height:125px;
	padding:30px 60px 20px 205px;
	background-color:#fff;
	position:relative;
	overflow:visible;
	
	transition:all 0.2s;
}

		#topics ul.list_wrap li.list a:hover{
			background-color:#f9f2e8;
			box-shadow:5px 5px 0 rgba(0,0,0,0.3);
		}

#topics ul.list_wrap li.list a div.eyecatch{
	width:175px;
	height:175px;
	background-position:center center;
	background-size:cover;
	background-image:url(http://www.shinshu-u.ac.jp/faculty/econlaw/img/no_img01.png);
	position:absolute;
	left:0;
	top:0;
}

#topics ul.list_wrap li.list a div.subinfo{
	margin:0 0 20px 0;
}

#topics ul.list_wrap li.list a div.subinfo p.date{
	font-size:16px;
	color:#666;
	width:100px;
	float:left;
	line-height:30px;
}

#topics ul.list_wrap li.list a div.subinfo ul.category{
	width:615px;
	float:left;
}

#topics ul.list_wrap li.list a div.subinfo ul.category li{
	color:#fff;
	line-height:30px;
	font-size:14px;
	background-color:#282835;
	float:left;
	padding:0 20px 0 25px;
}
		#topics ul.list_wrap li.list a div.subinfo ul.category li:nth-of-type(2){
			background-color:#656570;
			background-image:url(../img/category_back_img01.png);
			background-position:left top;
			background-repeat:no-repeat;
		}
		#topics ul.list_wrap li.list a div.subinfo ul.category li:nth-of-type(3){
			background-color:#7a7a82;
			background-image:url(../img/category_back_img02.png);
			background-position:left top;
			background-repeat:no-repeat;
		}

#topics ul.list_wrap li.list a h3{
	text-align:left;
	padding:0;
	font-size:24px;
	line-height:34px;
	color:#333;
	font-weight:normal;
}

#topics ul.list_wrap li.list a p.more{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:100%;
	background-color:#282835;
	background-image:url(../img/arrow_right_white_01.png);
	background-position:center center;
	background-repeat:no-repeat;
	
	transition:all 0.2s;
}
		#topics ul.list_wrap li.list a:hover p.more{
			width:60px;
			background-color:#ee9100;
			background-image:url(../img/arrow_right_white_01.png);
		}

#topics .btn {
	padding:10px 0 0;
}
#topics .btn a {
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
}
#topics .btn a:hover {
	background-color:#ff8b07;
}
#topics .btn a i {
	margin:0 10px 0 0;
}

/*------------- TOPICS・研究活動・授業紹介コンテンツ一覧ページアーカイブメニュー部  -------------*/

/*main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 -12px 30px -12px;
}


main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:498px;
	margin:0 12px;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	display:block;
	cursor:pointer;
	color:#fff;
	background-color:#656570;
	line-height:60px;
	background-image:url();
	text-align:center;
	font-size:16px;
	
	transition: all 0.3s;	
}

		  main.list_page div.dropdown_menu div.menu label:hover,
		  main.list_page div.dropdown_menu div.menu label:active{
			  background-color:#282835;
		  }

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off{
	display:none;
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
    overflow: hidden;
	width:100%;
	position:absolute;
	top:60px;
	padding: 0px;
	height: auto;
	z-index:100;
	
	transition: all 0.3s;	
}


		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open{
			  height: auto;
			  
			  transition: all 0.3s;	
		  }
		  
main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li{
	
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li a{
	display:block;
	color:#fff;
	background-color:#282835;
	line-height:0px;
	background-image:url();
	text-align:center;
	font-size:16px;
	height: auto;
	border-top:0px solid #f1f1f1;
	
	transition: all 0.3s;	
}



		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a{
			  background-color:#282835;
			  line-height:60px;
			  height: auto;
			  border-top:1px solid #f1f1f1;

			  transition: all 0.3s;	
		  }
		  
		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a:hover{
			  background-color:#ed9000;
		  }*/
/* タグ表示の場合*/
/*main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open{
	background-color:#282835;
	text-align:center;
	padding:0px;
	height:0px;
	overflow:hidden;
}

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul {
	text-align:center;
	padding:20px 20px 10px 20px;
}	 
	
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}	 

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li a{
	display:inline-block;
	background-color:#7a7a82;
	padding:10px ;
	border-radius:5px;
	height:0px
	
	transition: all 0.3s;	
}
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open{
			  height:auto;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li{
			  margin:0 5px 10px 5px;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li a{
			  padding:10px ;
			  background-color:#7a7a82;
			  height:auto;
			  line-height:16px;
			  border:none;
			  
			  transition: all 0.3s;	
		  }	  */


/*現在表示している一覧タイトル  */
main.list_page h2.current_page_title{
	background-color:#ddd !important;
	font-size:18px !important;
	line-height:80px !important;
    height: auto !important;
    width: 100% !important;
    padding: 0 0 0 0 !important;
    color: #333 !important;
    margin: 0 0 30px 0 !important;
}

/*ページナビ  */
ol.page_nav{
	padding:30px 0 0 0 ;
	text-align:center;
	width:90%;
	margin:0 auto;
}

ol.page_nav li{
	display:inline-block;
	margin:0 10px 10px 10px;
}

ol.page_nav li a{
	display:block;
	width:44px;
	height:44px;
	line-height:44px;
	color:#fff;
	background-color:#656570;
	border:1px solid #656570;
	
	transition: all 0.3s;	
}

		ol.page_nav li a:hover{
			background-color:#ed9000;
			border:1px solid #ed9000;
		}

ol.page_nav li.current{
	width:44px;
	height:44px;
	line-height:44px;
	color:#656570;
	background-color:transparent;
	border:1px solid #656570;	
	
	transition: all 0.3s;	
}

/*------------- TOPICS・研究活動・授業紹介コンテンツ詳細ページ  -------------*/
main#sub.detail_page {
	
}

#sub.detail_page div#titleBox h1{
	/*top:59%;
	position:absolute;*/
	font-size:30px;
	text-align:center;
	width:750px;
	margin:0 auto;
	color:#fff;
	font-weight:500;
	z-index:100;
}

main#sub.detail_page article{
	padding:30px 0 10px 0;
	border-top:1px solid #ccc;
	background-image:url(../img/section_partition01.png) !important;
	background-position:top !important;
	background-repeat:repeat-x !important;
	background-color:#f1f1f1 !important;
}

main#sub.detail_page article div.inner{
	width:800px;
	margin:0 auto;
}

main#sub.detail_page article h1{
	height:0px !important;
	font-size:0px;
	width:0px !important;
}

main#sub.detail_page article div.sub_info{
	background-color:#fff;
	padding:15px 30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 30px 0;
}

main#sub.detail_page article div.sub_info p.date{
	float:left;
	width:120px;
	line-height:30px;
	font-size:16px;
	color:#666;
}

main#sub.detail_page article div.sub_info ul.category{
	width:calc(100% - 140px);
	float:left;
}

main#sub.detail_page article div.sub_info ul.category li{
	color:#fff;
	line-height:30px;
	background-color:#282835;
	float:left;
	padding:0 20px 0 25px;
	font-size:14px;
}

		main#sub.detail_page article div.sub_info ul.category li:nth-of-type(2){
			background-color:#656570;
			background-image:url(../img/category_back_img01.png);
			background-position:left top;
			background-repeat:no-repeat;
		}
		main#sub.detail_page article div.sub_info ul.category li:nth-of-type(3){
			background-color:#7a7a82;
			background-image:url(../img/category_back_img02.png);
			background-position:left top;
			background-repeat:no-repeat;
		}

/* スライダー外のアイキャッチ画像*/
main#sub.detail_page article p.eyecatch{
	width:100%;
	text-align:left;
	margin:0 0 20px 0;
}

main#sub.detail_page article p.eyecatch a{
}

main#sub.detail_page article p.eyecatch img{
	max-width:100%;
	margin:0 0 5px 0;
}

main#sub.detail_page article p.eyecatch span{
	display:block;
	font-size:12px;
}
		
/* スライダー*/
main#sub.detail_page article div.eyecatch{
	width:100%;
	height:calc(560px + 80px);
}

main#sub.detail_page article div.eyecatch div.bx-wrapper{
	width:100%;
	height:560px;
	padding:0 0 80px 0; 
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch{
	width:100%;
	height:560px;
	overflow:hidden;
	text-align:left;
	background-color:transparent;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide{
	display:block;
	width:100%;
	height:560px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	text-align:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide a{
	display:block;
	width:100%;
	height:560px;
}

/*main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide img{
	height:100%;
	width:auto;
	margin:0 auto;
}*/

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide span{
	display:block;
	position:absolute;
	font-size:14px;
	text-align:left;
	color:#fff;
	padding:20px;
	background-color:rgba(0,0,0,0.6);
	bottom:0;
	width:calc(100% - 40px);
}

main#sub.detail_page .bx-wrapper .bx-controls-direction a {
	width: 40px;
	height: 40px;
	border-radius:20px;
}

main#sub.detail_page article div.eyecatch .bx-wrapper .bx-prev {
	left:-60px;
	top:250px;
}
		
main#sub.detail_page article div.eyecatch .bx-wrapper .bx-next {
	right:-60px;
	top:250px;
}

/* ギャラリー2列*/
main#sub.detail_page article div.eyecatch_2column{
	width:100%;
	height:auto;
}

main#sub.detail_page article div.eyecatch_2column ul{
	text-align:left;
}

main#sub.detail_page article div.eyecatch_2column ul li{
	display:inline-block !important;
	width:45%;
	display:block;
	margin:0 2% 20px 2%;
	position:relative;
	vertical-align:top;
}

main#sub.detail_page article div.eyecatch_2column ul li a{
	display:block;
	width:100%;
	height:265px;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 0 10px 0;
}

main#sub.detail_page article div.eyecatch_2column ul li span{
	display:block;
	text-align:left;
	font-size:12px;
	text-align:left;
	padding:0 0 0 0;
	width:100% ;
}

/* ギャラリー1列*/
main#sub.detail_page article div.eyecatch_single{
	width:100%;
	height:auto;
}

main#sub.detail_page article div.eyecatch_single ul{
	text-align:center;
}

main#sub.detail_page article div.eyecatch_single ul li{
    width: 100px; 
    *width: auto; 
	display:table;
	margin:0 auto 20px auto;
	position:relative;
	overflow:hidden;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

main#sub.detail_page article div.eyecatch_single ul li a{
	/*display:block;*/
	/*width:100%;*/
	/*max-width:100%;*/
	/*height:100%;*/
	
}

main#sub.detail_page article div.eyecatch_single ul li a img{
	/*max-width:100%;*/
	margin:0 0 5px 0;
}

main#sub.detail_page article div.eyecatch_single ul li span{
	display:block;
	text-align:left;
}

/* 本文*/
main#sub.detail_page article div.detail_body{
	font-size:15px;
	line-height:2em;
	margin:0 0 20px 0;
}

main#sub.detail_page article div.detail_body h2{
	margin:30px 0 15px 0;
	padding:15px;
	line-height:1.5em;
	width:calc(100% - 30px);
	height:auto;
}

main#sub.detail_page article div.detail_body h2:before{
	border-top: 20px solid #f1f1f1;
}

main#sub.detail_page article div.detail_body h3{
	margin:30px 0 15px 0;
	font-size:18px;
	border-top:1px solid #47474f;
	border-bottom:1px solid #47474f;
	padding:10px 15px;
	line-height:1.5em;
}

main#sub.detail_page article div.detail_body h4{
	margin:30px 0 15px 0;
	font-size:18px;
	line-height:1.5em;
}

main#sub.detail_page article div.detail_body p{
	margin:0 0 15px 0;
}

main#sub.detail_page article div.detail_body strong{
	font-weight:bold;
}

main#sub.detail_page article div.detail_body a{
	color:#eb8e00;
	text-decoration:underline;
}

main#sub.detail_page article div.detail_body img{
	/*margin:0 auto 10px auto;
	max-width:100%;
	max-height:500px;
	text-align:center;
	display:block;*/
	max-width: 100%;
    height: auto;
    margin: 10px 0 5px;
	vertical-align:top;
}

main#sub.detail_page article div.detail_body ul{
	margin:0 0 15px 0;
	background-color:#fff;
	border-radius:10px;
	padding:20px 20px 0 40px;	
}

main#sub.detail_page article div.detail_body ul li{
	line-height:1.5em;
	padding:0 0 20px 0;
	list-style:disc;
}

main#sub.detail_page article div.detail_body ol{
	margin:0 0 15px 0;
	background-color:#fff;
	border-radius:10px;
	padding:20px 20px 0 40px;	
}

main#sub.detail_page article div.detail_body ol li{
	line-height:1.5em;
	padding:0 0 20px 0;
	list-style:decimal;
}

main#sub.detail_page article div.detail_body table{
	width:100%;
	margin:0 0 15px 0;
	border: solid 1px transparent;
}

main#sub.detail_page article div.detail_body table th{
	padding: 10px 15px;
    border: solid 1px #f1f1f1;
    /*background: #ff8b07;*/
	background: #656570;
    color: #fff;
	width:20%;
}

main#sub.detail_page article div.detail_body table td{
	padding: 10px 15px;
    border: solid 1px #f1f1f1;
    text-align: right;
    background: #fff;
    color: #333;
    text-align: left;
}

main#sub.detail_page article div.detail_body div.imagebox{
	float: left;
    margin: 5px;
    width: 370px;
}

main#sub.detail_page article div.detail_body div.image{
	margin: 0 5px;
    text-align: center;
}

main#sub.detail_page article div.detail_body div.caption{
	font-size: 80%;
    line-height: 13px;
    margin: 0 5px;
    text-align: left;
}

/* 関連ファイル*/
main#sub.detail_page article div.file{
	padding:20px 0 0 0;
	margin:0 0 30px 0;
}

main#sub.detail_page article div.file h2{
	margin:0 ;
	padding:15px;
	line-height:1.5em;
	width:calc(100% - 30px);
	height:auto;
}

main#sub.detail_page article div.file h2:before{
	border-top: 20px solid #f1f1f1;
}

main#sub.detail_page article div.file ul{
	background-color:#ddd;
	padding:40px 40px 20px 40px;
	border-radius:0;
}

main#sub.detail_page article div.file ul li{
	list-style:none;
	padding:0 0 20px 0;
}

main#sub.detail_page article div.file ul li a{
	display:block;
	background-color:#282835;
	color:#fff;
	line-height:1.5em;
	padding:15px 40px 15px 15px;
	background-image: url(../img/arrow_right_white_01.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
	text-decoration:none;
	
	transition: all 0.3s;	
}

		main#sub.detail_page article div.file ul li a:hover{
			background-color:#ff8b07;
			background-position: right 20px center;
			box-shadow: 5px 5px 0 rgba(0,0,0,0.3);
}

/* 前の記事・次の記事ブロック*/
main#sub.detail_page div.prev_next_nav{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:60px 0;
}

main#sub.detail_page div.prev_next_nav div.inner{
	width:1024px;
	margin:0 auto;
	text-align:center;
}

main#sub.detail_page div.prev_next_nav dl{
	width:48%;
}

main#sub.detail_page div.prev_next_nav dl dt{
	font-size:12px;
	margin:0 0 10px 0;
	padding:0 10px;
}

main#sub.detail_page div.prev_next_nav dl dd{
	width:100%;
}

main#sub.detail_page div.prev_next_nav dl dd a{
	position:relative;
	display:block;
	background-color:#f1f1f1;
	width:calc(100% - 115px);
	height:55px;
}

main#sub.detail_page div.prev_next_nav dl dd a:hover{
	box-shadow: 5px 5px 0 rgba(0,0,0,0.3);
}

main#sub.detail_page div.prev_next_nav dl dd div.eyecatch{
	width:75px;
	height:75px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	background-color:#ccc;
}

		main#sub.detail_page div.prev_next_nav dl.before{
			float:left;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dt{
			text-align:left;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd{
			text-align:left;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd a{
			padding:20px 20px 0 95px;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd div.eyecatch{
			left:0px;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after{
			float:right;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dt{
			text-align:right;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd{
			text-align:right;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd a{
			padding:20px 95px 0 20px;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd div.eyecatch{
			right:0px;
		}

main#sub.detail_page div.prev_next_nav div.btn {
	padding:20px 0 0 0;
	clear:both;
}
main#sub.detail_page div.prev_next_nav div.btn a {
	display:block;
	height:60px;
	line-height:60px;
	border-radius:2px;
	color:#fff;
	background:#282835;
}
main#sub.detail_page div.prev_next_nav div.btn a:hover {
	background-color:#ff8b07;
}
main#sub.detail_page div.prev_next_nav div.btn a i {
	margin:0 10px 0 0;
}


/* TOPICS詳細ページ本文 */

#sub .contents_body {
	width:800px;
	margin:0 auto 40px auto;
	font-size:15px;
	line-height:30px;
}

#sub .contents_body img{
	max-width:100%;
	height:auto;
	margin:10px 0 5px;
}

#sub .contents_body p{
	margin:0 0 20px 0;
}

#sub .contents_body {
	
}

#sub .contents_body {
	
}


/* 学科案内 共通 */
#sub .section .sec-txt {
	width:95%;
	margin:0 auto 40px;
	line-height: 2.0em;
	padding: 0 0 40px;
	font-size:107%;
}
#sub .section .sec-txt img {
	width:100%;
	height:auto;
}
#sub .section h3 {
	border-top:1px solid #47474f;
	border-bottom:1px solid #47474f;
	padding:20px;
	font-size:18px;
	margin:0 0 30px;
}

#sub h2 {
	background:#47474f;
	height:50px;
	line-height:50px;
	width:98%;
	padding:0 0 0 2%;
	color:#fff;
	margin:0 0 30px;
	position:relative;
	font-size:18px;
}
#sub h2:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
	position:absolute;
	top:0;
	left:0;
}

/* ディプロマポリシー */
.dip_box ul {
	max-width:80%;
	margin:0 auto;
	padding:40px 40px 0 40px;
	border:2px solid #f1f1f1;
	background-color:#f9f9f9;
	overflow:hidden;
}
#historyList li {
	border:none !important;
}
#historyList li p {
	padding:0 0 0 10px;
}
.dip_box li {
	margin:0 0 20px;
	font-size:15px;
	position:relative;
	padding:0 0 20px 70px;
	height:70px;
	display:table;
}
.dip_box li p {
	display:table-cell;
	vertical-align:middle;
}
.dip_box li span {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;/* width,heightの半分 */
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #ffe4c5;/* 円の色 */
	display:block;
	position:absolute;
	top:0;
	left:0;
	line-height:60px;
	text-align:center;
}
.dip_box li.fin span {
	background:#ff8b07;
	line-height:40px;
}
.dip_box li.fin {
	border:none !important;
}
.dip_box li.comment {
  padding-left: 0;
}

/* 総合法律学科 */
#sub .section .sec-txt.law,
#sub .section .sec-txt.prosp,
#sub .section .sec-txt.siteinfo,
#sub .section .sec-txt.about {
	margin:0 auto 30px;
	padding: 0 ;
}
#sub .section .sec-txt.law span {
    font-size: 20px;
    text-align: center;
    display: block;
    padding: 40px 0 0;
}
#sub .section .sec-txt.law span.orange {
    padding: 20px 0 0;
	color:#ff8b07;
    font-size: 23px;
}

#sub .section .mt30 {margin-top: 30px!important;}
#sub .section .mt40 {margin-top: 40px!important;}

#sub .section dl {
	width:45%;
	float:left;
	margin:0 10px 30px;
	line-height: 25px;
	padding: 10px;
}

#sub .section dl dt {
	border-top:1px solid #47474f;
	border-bottom:1px solid #47474f;
	padding:15px;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
}
#sub .section dl dd {
	padding:10px;
}
#sub .section p.curriculum_map {
	clear:both;
	padding:0 20px;	
}
#sub .section p.curriculum_map img{
	width:100%;
}
#sub .section p.flow {
  clear:both;
  padding:0 20px;
}
#sub .section p.flow img {
  width:100%;
}

/*総合法律学科　学科概要*/
#sub .section dl.item3 {
	width:29.4%;
}
#sub .section dl.item3 dt {
	text-align:center;
}
#sub .section dl.item3 dd.outline {
	min-height:250px;
}
#sub .section dl.item3 dd span {
	color: #fff;
    font-size: 17px;
    margin: 0 auto 5px;
    display: block;
    text-align: center;
    background: #ff8b07;
    border-radius: 2px;
	border: 1px solid #ff8b07; 
    padding: 5px 0;
}

#sub .section dl.item3 dd p.btn {
    width: 100%;
    clear: both;
    background: #fff;
    color: #ff8b07;
    font-size: 15px;
    text-align: left;
    border-radius: 0;
    border: 1px solid #fff;
    position: relative;
    margin: 0 auto 5px;
    padding: 5px 0 5px 23px;
}

#sub .section dl.item3 dd p.btn:before {
    content: "\f040";
    font-family: FontAwesome;
	position:absolute;
	left:0;
}

#sub .section dl.item3 dd p.btn:hover {
    background: #fff;
	border: 1px solid #fff; 
}


#sub .section p.btn.inter {
	margin:5px 0 !important;
	font-size:100% !important;
}
#sub .section p.btn.inter a {
	padding:5px !important;
}
#sub .section p.btn.inter a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px!important;
    position: absolute;
    bottom: 5px!important;
    right: 3%;
    margin: 0;
	color: #fff;
}

#sub .section p.btn {
	width:45%;
	clear:both;
	background:#ff8b07;
	color: #fff;
	font-size:16px;
	transition:all .3s linear;
	height:auto;
	margin:0 auto;
	text-align:center;
	border-radius:2px;
	border:1px solid #ff8b07;
	position:relative;
}
#sub .section p.btn a {
	display:block;
	height:100%;
	color: #fff;
	padding:10px;
}
#sub .section p.btn a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 12px;
    right: 3%;
    margin: 0;
	color: #fff;
}

#sub .section p.btn:hover {
	background:#333;
	border:1px solid #333;
}
#sub .section p.btn:hover a {
	color: #fff;
}
#sub .section .btn_2col {
  display: flex;
  flex-wrap: wrap;
	align-items: flex-start;
}

/*--2017年9月追記タブメニュー実装--*/
.tab_content.law_top{
	max-width: 1024px;
    margin: 0 auto 60px;
    clear: both;
}

			.tab_content.law_top label.panel-label {
			  -webkit-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			  display: block;
			  width: 100%;
			  color: #47474f;
			  cursor: pointer;
			  background-color: #ecf0f1;
			  -webkit-transition-property: background-color, color;
			  transition-property: background-color, color;
			  -webkit-transition-duration: 200ms;
			  transition-duration: 200ms;
			}
			.tab_content.law_top label.panel-label:hover {
			  color: #47474f;
			}
			
			.tab_content.law_top #panels {
			  border-left:1px solid #ccc;
			  border-right:1px solid #ccc;
			  border-bottom:1px solid #ccc;
			  
			}
			@media screen and (max-width:767px) { 
			.tab_content.law_top #panels {
			  border-left:none;
			  border-right:none;
			}
			}
			.tab_content.law_top #panels .container {
			  width: 100%;
			}
			.tab_content.law_top #panels div.section{
			  margin-bottom:0px;
			  width:100%;
			}
			.tab_content.law_top #panels div.section div.tab_inner {
			  box-sizing: border-box;
			  max-height: 0;
			  opacity: 0;
			  -webkit-transition: opacity 600ms;
			  transition: opacity 600ms;
			  overflow-y: hidden;
			  text-align:center;
			}						
			.tab_content.law_top #panels div.section dl {
				width: 27%;
				float:none;
				margin: 0 1% ;
				line-height: 25px;
				display:inline-block;
				vertical-align:top;
				/* padding: 10px; */
			}
			@media screen and (max-width:767px) { 
			.tab_content.law_top #panels div.section dl {
				width: 90%;
				float:none;
				margin: 0 auto ;
				line-height: 25px;
				display:inline-block;
				vertical-align:top;
				/* padding: 10px; */
			}
			}
			.tab_content.law_top #panels div.section dl dd span {
				color: #ff8b07;
				font-size: 17px;
				margin: 0 auto 5px;
				display: block;
				text-align: center;				
				border-radius: 2px;
				background-color:#fff;
				border: 1px solid #ff8b07;
				padding: 5px 0;
			}
			.tab_content.law_top #panels div.section header label.panel-label {
			  padding: 12px 24px;
			  box-sizing: border-box;
			}
			
		
			.tab_content.law_top #panel-1-ctrl:checked ~ #panels #panel-1 div.tab_inner {
			  max-height: initial;
			  opacity: 1;
			  padding: 48px 0;
			  margin-bottom: 0;
			}
			
			.tab_content.law_top #panel-2-ctrl:checked ~ #panels #panel-2 div.tab_inner {
			  max-height: initial;
			  opacity: 1;
			  padding: 48px 0;
			  margin-bottom: 0;
			}
			
			.tab_content.law_top #panel-3-ctrl:checked ~ #panels #panel-3 div.tab_inner {
			  max-height: initial;
			  opacity: 1;
			  padding: 48px 0;
			  margin-bottom: 0;
			}
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
			  pointer-events: none;
			  cursor: default;
			  -webkit-transform: translate3d(0, 1px, 0);
					  transform: translate3d(0, 1px, 0);
			  box-shadow: none;
			  border-right: none;
			  border-left: 1px solid #ccc;
			}
			@media screen and (max-width:767px) { 
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
			  border-left: none;
			}
			}
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
			  border-right: 1px solid transparent;
			}
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
			  border-left: 1px solid #dfdfdf;
			}
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
			  background-color: white;
			  color: #47474f;
			  padding-top: 24px;
			}
			.tab_content.law_top #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
			  height: 6px;
			}
			
			.tab_content.law_top #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
			  pointer-events: none;
			  cursor: default;
			  -webkit-transform: translate3d(0, 1px, 0);
					  transform: translate3d(0, 1px, 0);
			  box-shadow: none;
			  border-right: none;
			}
			.tab_content.law_top #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
			  border-right: 1px solid transparent;
			}
			.tab_content.law_top #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
			  border-left: 1px solid #dfdfdf;
			}
			.tab_content.law_top #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
			  background-color: white;
			  color: #47474f;
			  padding-top: 24px;
			}
			.tab_content.law_top #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
			  height: 6px;
			}
			
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
			  pointer-events: none;
			  cursor: default;
			  -webkit-transform: translate3d(0, 1px, 0);
					  transform: translate3d(0, 1px, 0);
			  box-shadow: none;
			  border-right: 1px solid #ccc;
			}
			@media screen and (max-width:767px) { 
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {			  
			  border-right: none;
			}
			}
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
			  border-right: 1px solid transparent;
			}
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
			  border-left: 1px solid #dfdfdf;
			}
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
			  background-color: white;
			  color: #47474f;
			  padding-top: 24px;
			}
			.tab_content.law_top #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
			  height: 6px;
			}			
			.tab_content.law_top input.panel-radios{
			  display: none;
			}			
			.tab_content.law_top ul#tabs-list {
			  display: flex;
			  justify-content: center;
			  list-style: none;
			  text-align: center;
			  border-bottom: 1px solid #dfdfdf;
			  margin: 0;
			  padding: 0;
			  text-align: center;
			  border-bottom: 1px solid #dfdfdf;
			}
			.tab_content.law_top ul#tabs-list li {
			  display: flex;
			  text-align: center;
			  width: 33.3%;
			  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
			  border-right: 1px solid #dfdfdf;
			  position: relative;
			}
			.tab_content.law_top ul#tabs-list li:hover {
			  -webkit-transition: none;
			  transition: none;
			  border-right: none;
			}
			.tab_content.law_top ul#tabs-list li:hover.last {
			  border-right: 1px solid transparent;
			}
			.tab_content.law_top ul#tabs-list li:hover + li {
			  border-left: 1px solid #dfdfdf;
			}
			.tab_content.law_top ul#tabs-list li label.panel-label {
			  position: relative;
			  padding: 24px 0;
			  font-size: 16px;
			}
			.tab_content.law_top ul#tabs-list li label.panel-label::after {
			  content: "";
			  position: absolute;
			  width: 100%;
			  left: 0;
			  bottom: 100%;
			  background-color: #47474f;
			  height: 0;
			  -webkit-transition-property: height;
			  transition-property: height;
			  -webkit-transition-duration: 200ms;
					  transition-duration: 200ms;
			}
			.tab_content.law_top ul#tabs-list li label.panel-label:hover {
			  padding-top: 24px;
			}
			.tab_content.law_top ul#tabs-list li label.panel-label:hover::after {
			  height: 6px;
			}


/*------------------------------------ 
 TOPICS 
------------------------------------ */
main #topics {
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background:#f1f1f1;
}
#topics .tabs {
	width:100%;
	text-align:center;
	padding:0 0 20px;
	margin:0 auto;
	background: #fff;
}
#topics .tabs li {
	display:inline-block;
	margin:0 20px;
}
#topics .tabs li.active a {
	color:#ff8b07;
}
#topics .tab_content {
	width:1024px;
	margin: 0 auto;
	padding: 50px 0;
}
#topics .tab_content li a {
	display:table;
	height:100px;
	width:100%;
	position:relative;
	margin:0 0 1px;
}
#topics .tab_content li .data {
	background:#47474f;
	width:140px;
	text-align:center;
	height:100px;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
#topics .tab_content li .data span {
	display:block;
	background:#282836;
	padding:2px 0;
	width:80px;
	margin:0 auto;
}
#topics .tab_content li .txt { 
	display:table-cell;
	vertical-align:middle;
	padding:0 70px 0 30px;
	background:#fff;
}
#topics .tab_content li a:before {
    content: "\f054";
    font-family: FontAwesome;
	font-size:14px;
	position:absolute;
	bottom:38px;
	right:35px;
	margin:0 0 0 -6px;
	color:#ff8b07;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#topics .tab_content li:hover a:before {
	right:30px;
}

#topics .btn,
.section div.btn {
	padding:10px 0 0;
}
#topics .btn a,
.section div.btn a {
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
}
#topics .btn a:hover,
.section div.btn a:hover {
	background:#ff8b07;
}
#topics .btn a i,
.section div.btn a i {
	margin:0 10px 0 0;
}

.pagenav {
	width:1024px;
	padding:30px 0;
	margin:0 auto 30px;
	height: 50px;
}

.pagenav span {
	display:block;
	padding:10px;
	float:left;
	margin:0 5px 0 0;
	background:#fff;
	color:#ff8b07;
	transition:all .3s linear;
}
.pagenav span:hover {
	background:#ff8b07;
	color:#fff;
}
.pagenav span a {
	display:block;
	width:100%;
	color:#ff8b07;
}
.pagenav span:hover a {
	color:#fff;
}
/*------------------------------------ 
応用経済学科　学科概要
------------------------------------ */
div#economy h2 {
	text-align:center!important;
	background:none;
	/*color: #ff8b07;*/
	color:#47474f;
	line-height:1.8em;
	font-size:180%;
	margin:0 0 30px;
	height:auto ;
}
div#economy .sec-txt {
	text-align:center;
	font-size:112%;
	line-height:2.0em !important;
	padding: 0 !important;
	margin:0 0 30px 0;
}
div#economy {
	position:relative;
	padding-bottom: 50px;
}
div#eco_bg {
    position: absolute;
    bottom: -130px;
    z-index: -10;
    left: -80px;
}
div#economy.section div.about_economy {
	background-color:#f1f1f1;
	padding:30px 30px 0 30px;
	max-width:820px;
	margin:0 auto 40px auto;
}
div#economy.section div.about_economy img {
	float:left;
	width:200px;
	margin-right:30px;
	margin-top:-20px;
}
div#economy.section div.about_economy h3 {
    background: none!important;
    color: #ff8b07!important;
    line-height: 1.3em!important;
    font-size: 168%!important;
    margin: 0 0 20px!important;
	padding:20px 0 0 0;
    height: auto !important;
	border:none;
}
div#economy.section div.about_economy p {
	font-size:130%;
}
div#economy.section div.about_economy div.outline {
	border-top:1px dotted #ccc;
	padding:30px 0 ;
	margin-top:30px;
	clear:both;
}
div#economy.section div.about_economy div.outline p.txt {
	font-size:110%;
	line-height:1.8em;
	letter-spacing:1px;
	margin:0 0 20px 0;
}
div#economy.section div.features {
	border:5px solid #f1f1f1;
	padding:40px 40px 0 40px;
	max-width:790px;
	margin:0 auto 60px auto;
	background:#fff;
}
div#economy.section div.features h2 {
	background-color:#47474f;
	color:#fff;
	margin:-45px -45px 40px -45px;
	width:calc(100% + 90px);
	padding:0;
	line-height:3em;
}
div#economy.section div.features section {
	padding:0 0 60px 0;
    border-top: none;
    background-image: none !important;
    background-position: top !important;
    background-repeat: repeat-x !important;
    background-color:transparent !important;
}
div#economy.section div.features section h3 {
	font-size:170%;
	color:#47474f;
	line-height:50px;
}
div#economy.section div.features section h3 span {
	display:inline-block;
	background-color:#47474f;
	width:50px;
	height:50px;
	border-radius:25px;
	text-align:center;
	color:#fff;
	margin-right:10px;
	font-size:150%;
}
div#economy.section div.features section h3 strong {
	color:#47474f;
	font-size: 130%;
}
div#economy.section div.features section p {
	margin:0 0 20px 0;
}
div#economy.section div.features section p.img {
}
div#economy.section div.features section p.img img {
	max-width:100%;
}
div#economy.section div.features section p.btn {
	width:100%;
	max-width:600px;
	margin:0 auto;
}
div#economy.section div.features section p.btn a {
}
div#economy.section div.features section h4 {
	color:#47474f;
	font-size:130%;
	margin:0 0 10px 0;
}
div#economy.section div.features section table {
	width:100%;
	margin:0 0 20px 0;
}
div#economy.section div.features section table tbody tr.top th {
	padding: 10px 15px;
    border: solid 1px #fff;
    background: #47474f;
    color: #fff;
    vertical-align: middle;
}
div#economy.section div.features section table tbody tr {
}
div#economy.section div.features section table tbody tr th {
	background: #ffe4c5;
	padding: 10px 15px;
    border: solid 1px #fff;
    text-align: right;
    color: #333;
    text-align: center;
    vertical-align: middle;
}
div#economy.section div.features section table tbody tr td {
	padding: 10px 15px;
    border: solid 1px #fff;
    text-align: left;
    background: #f1f1f1;
    color: #333;
    vertical-align: middle;
}
div#economy.section div.features section div.active_learning {
	background-color:#f1f1f1;
	padding:40px 40px 20px 40px;
}
div#economy.section div.features section div.active_learning h4 {
}
div#economy.section div.features section div.active_learning div.block{
	margin:0;
	padding:30px 0;
	border-top:2px dotted #ccc;
}
div#economy.section div.features section div.active_learning div.block.clearfix img {
	max-width:250px;
	float:left;
	margin:0 20px 20px 0;
}
div#economy.section div.features section div.active_learning div.block.clearfix h5 {
	font-size:180%;
	margin:0 0 10px 0;
	color:#47474f;
	font-weight:normal;
}
div#economy.section div.features section div.active_learning div.block.clearfix h5 span {
	color:#ff8b07;
}
div#economy.section div.features section div.active_learning div.block.clearfix p {
}
div#economy.section div.features section div.active_learning div.block.clearfix p.btn {
}
div#economy.section div.features section div.active_learning div.block.clearfix p.btn a {
}


@media screen and (min-width:1024px) , print {
	/*1024px以上の時（pc専用のスタイル）*/
	
/*------------- TOPICS・研究活動・授業紹介コンテンツ一覧ページアーカイブメニュー部  -------------*/

main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 -12px 30px -12px;
}


main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:498px;
	margin:0 12px;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	display:block;
	cursor:pointer;
	color:#fff;
	background-color:#656570;
	line-height:60px;
	background-image:url();
	text-align:center;
	font-size:16px;
	
	transition: all 0.3s;	
}

		  main.list_page div.dropdown_menu div.menu:hover label,
		  main.list_page div.dropdown_menu div.menu:active label{
			  background-color:#282835;
		  }

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off{
	display:none;
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
    overflow: hidden;
	width:100%;
	position:absolute;
	top:60px;
	padding: 0px;
	height: auto;
	z-index:100;
	
	transition: all 0.3s;	
}


		  main.list_page div.dropdown_menu div.menu:hover input[type="checkbox"].on-off + div.open{
			  height: auto;
			  
			  transition: all 0.3s;	
		  }
		  
main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li{
	
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li a{
	display:block;
	color:#fff;
	background-color:#282835;
	line-height:0px;
	background-image:url();
	text-align:center;
	font-size:16px;
	height: auto;
	border-top:0px solid #f1f1f1;
	
	transition: all 0.3s;	
}



		  main.list_page div.dropdown_menu div.menu:hover input[type="checkbox"].on-off + div.open ul li a{
			  background-color:#282835;
			  line-height:60px;
			  height: auto;
			  border-top:1px solid #f1f1f1;

			  transition: all 0.3s;	
		  }
		  
		  main.list_page div.dropdown_menu div.menu:hover input[type="checkbox"].on-off + div.open ul li a:hover{
			  background-color:#ed9000;
		  }
/* タグ表示の場合*/
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open{
	background-color:#282835;
	text-align:center;
	padding:0px;
	height:0px;
	overflow:hidden;
}

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul {
	text-align:center;
	padding:20px 20px 10px 20px;
}	 
	
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}	 

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li a{
	display:inline-block;
	background-color:#7a7a82;
	padding:10px ;
	border-radius:5px;
	height:0px
	
	transition: all 0.3s;	
}
		  
		  main.list_page div.dropdown_menu div.tag:hover input[type="checkbox"].on-off + div.open{
			  height:auto;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag:hover input[type="checkbox"].on-off + div.open ul li{
			  margin:0 5px 10px 5px;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag:hover input[type="checkbox"].on-off + div.open ul li a{
			  padding:10px ;
			  background-color:#7a7a82;
			  height:auto;
			  line-height:16px;
			  border:none;
			  
			  transition: all 0.3s;	
		  }	  
	
	
/* Otherbox*/	
#otherBox {
	background:#f1f1f1;
	padding:70px 0;
	clear:both;
}
#otherBox h3 {
	text-align:center;
	margin:0 0 30px;
	font-size:30px;
	line-height:20px;
	font-weight:500;
}
#otherBox h3 span {
	font-size:12px;
}
#otherBox .inner {
	width:1026px;
	margin:0 auto;
	overflow:hidden;
}
/* 経法学部について */
#otherBox .inner.about {
	position: relative;
	margin: -150px auto 0;
}

/*総合法律学科内ページ下menu*/
#otherBox ul.submenu {
	width:1026px;
	margin:0 auto;
	overflow:hidden;
}
#otherBox ul.submenu.prosp {
	margin:0 auto 40px;
}

#otherBox ul.submenu li {
	width:48%;
	float:left;
	margin:0 9px 18px 9px;
	height:auto;
	background:#fff;
	position:relative;
	font-size:18px;
	transition:all .3s linear;
}

#otherBox ul.submenu li a {
	display:block;
	height:100%;
	padding:30px 15px;
}
#otherBox ul.submenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 35px;
    right: 3%;
    margin: 0;
    color: #ff8b07;
}
#otherBox ul.submenu li:hover {
	background:#ff8b07;
	color: #fff;
}
#otherBox ul.submenu li:hover a,
#otherBox ul.submenu li:hover a:before {
	color: #fff;
}

#otherBox ul.banner {
	width:1026px;
	margin:0 auto;
	overflow:hidden;
}
#otherBox ul.banner.prosp {
	margin:-35px auto 50px auto;
}
#otherBox ul.banner li {
/*	width:100%;*/
	width: 48%;
	float: left;
	margin: 0 9px 18px 9px;
	text-align:center;
}
#otherBox ul.banner li a{
	transition:all 0.3s;
}
#otherBox ul.banner li a:hover{
	opacity:0.8;
}

#otherBox ul.banner li a img {
	width: 100%;
}
	
#otherBox .inner ul {
	width:1044px;
}
#otherBox .inner ul li {
	width:330px;
	float:left;
	margin:0 18px 18px 0;
	height:340px;
	background:#fff;
}
#otherBox .inner ul li a {
	display:block;
	height:100%;
}
#otherBox li .txt {
	text-align:center;
	width:90%;
	margin:0 auto;
}
#otherBox li .txt h4 {
	padding:20px 0 10px;
	font-size:18px;
	border-bottom:solid 1px #f1f1f1;
	margin:0 0 15px;
	position:relative;
	font-weight:600;
}
#otherBox li .txt h4:before {
	content: '';
	border-bottom: 1px solid #333;
	width: 90px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin:0 0 0 -45px;
}
#otherBox li a:hover h4:before {
	border-bottom: 1px solid #ff8b07;
}
#otherBox li.fin a {
	background:url(../img/dip_other_06.png) no-repeat 0 0;
	background-size:cover;
	text-align:center;
	color:#fff;
}
	  #otherBox li.fin.prospective a {
		  background:url(../img/dip_other_07.png) no-repeat 0 0;
		  
	  }
#otherBox li.fin a h4 {
	padding:70px 0 0;
	margin:0 0 20px;
	font-size:24px;
}
#otherBox li .txt_fin {
	margin:0 0 30px;
	line-height:1.8em;
}
#otherBox .btn_item {
	WIDTH:60%;
	margin:0 auto;
}
#otherBox .btn_item i {
	position:absolute;
	right:10px;
	font-size:10px;
	top:12px;
}
#otherBox .inner ul li .pros {text-align:center; height:130px; padding:50px 0 0;
}
#otherBox .inner ul li .pros img {
	width:110px;
}
/*「応用経済学科の他のページをみる」メニュー*/
#otherBox ul.submenu.department_menu {
	
}
#otherBox ul.submenu.department_menu li {
	width:48%;
	float:left;
	margin:0 18px 18px 0;
	height:auto;
	background:#fff;
	position:relative;
	font-size:18px;
	transition:all .3s linear;
}

#otherBox ul.submenu.department_menu li a {
	display:block;
	height:100%;
	padding:30px 15px;
	font-size:80%;
	height: 5em;
}
#otherBox ul.submenu.department_menu li a span{
	display:block;
	font-size:130%;
	font-weight:bold;
}
#otherBox ul.submenu.department_menu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: calc(50% - 0.5em);
    right: 3%;
    margin: 0;
    color: #ff8b07;
}
#otherBox ul.submenu.department_menu li:hover {
	background:#ff8b07;
	color: #fff;
}
#otherBox ul.submenu.department_menu li:hover a,
#otherBox ul.submenu.department_menu li:hover a:before {
	color: #fff;
}
/*応用経済学科コースとカリキュラム*/
#curBox {
	border:solid 1px #ffe4c5;
	display:table;
	width:100%;
}
#curBox .name{
    background: #ffe4c5;
    width: 25%;
    float: left;
    font-size: 200%;
    color: #fff;
    position: relative;
	height: 395px;
}
#curBox li.innerArea {
    background: #fff;
    font-size: 100%;
    width: 65%;
    padding: 25px 5% 0 30%;
}
#curBox .name p{
    position: absolute;
    top: 50%;
    line-height: 1.6;
    margin-top: -1.9em;
    padding: 0 5%;
	color:#333;
	width:90%;
}
#curBox li.innerArea .inner .box {
    width: 580px;
    padding: 15px;
    border-left: 10px solid #F4B72F;
    background: #EBEBEB;
    margin: 10px 0 20px;
    font-size: 114%;
    line-height: 1.5em;
}
.cureitem  {
	width:95%;
	margin:0 auto 30px;
}
.cureitem .btn  {
	width:100% !important;
}

br.pc {
	display: block;
}

}
@media screen and (max-width:1023px) , print{
/* タブレット表示用*/


#sub div#titleBox{
	overflow:hidden;
	width:100%;
	min-height:30px;
	height:auto !important;
	padding:130px 0 40px 0;
    min-height: 100%;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
	position:relative;
}
#sub div#titleBox h1 {
	font-size:30px;
	text-align:center;
	margin:0 auto;
	width:90%;
	color:#fff;
	font-weight:500;
	z-index:100;
}
#sub div#titleBox div.bread{
	position:absolute;
	top:70px;
	z-index:100;
}




/*------------- 【タブレット用】TOPICS・研究活動コンテンツ一覧ブロック  -------------*/
#topics {
	width:100%;
}
#topics div.inner{
	width:90%;
	margin:0 auto;
}

#topics ul.list_wrap {
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 30px;
}
#topics ul.list_wrap li {
	display:inline-block;
	margin:0 5px;
}
	
#topics ul.list_wrap li a {
	padding:10px 10px;
}

#topics ul.list_wrap li.list{
	width:100%;	
}

#topics ul.list_wrap li.list a{
	width:auto;
	height:145px;
	padding:20px 60px 10px 195px;
	
}

#topics ul.list_wrap li.list a div.subinfo{
	margin:0 0 10px 0;
}

#topics ul.list_wrap li.list a div.subinfo p.date{
	font-size:14px;
	width:auto;
	float:none;
	line-height:30px;
	text-align:left;
}

#topics ul.list_wrap li.list a div.subinfo ul.category{
	width:auto;
	float:none;
}

#topics ul.list_wrap li.list a div.subinfo ul.category li{
	line-height:24px;
	font-size:10px;	
	padding:0 10px 0 15px;
	margin:0;
}

#topics ul.list_wrap li.list a h3{
	font-size:18px;
	line-height:28px;
}

/*------------- 【タブレット用】TOPICS・研究活動・授業紹介コンテンツ一覧ページアーカイブメニュー部  -------------*/
main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 -12px 30px -12px;
}


main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:498px;
	margin:0 12px;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	display:block;
	cursor:pointer;
	color:#fff;
	background-color:#656570;
	line-height:60px;
	background-image:url();
	text-align:center;
	font-size:16px;
	
	transition: all 0.3s;	
}

		  main.list_page div.dropdown_menu div.menu label:hover,
		  main.list_page div.dropdown_menu div.menu label:active{
			  background-color:#282835;
		  }

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off{
	display:none;
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
    overflow: hidden;
	width:100%;
	position:absolute;
	top:60px;
	padding: 0px;
	height: auto;
	z-index:100;
	
	transition: all 0.3s;	
}


		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open{
			  height: auto;
			  
			  transition: all 0.3s;	
		  }
		  
main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li{
	
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li a{
	display:block;
	color:#fff;
	background-color:#282835;
	line-height:0px;
	background-image:url();
	text-align:center;
	font-size:16px;
	height: auto;
	border-top:0px solid #f1f1f1;
	
	transition: all 0.3s;	
}



		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a{
			  background-color:#282835;
			  line-height:60px;
			  height: auto;
			  border-top:1px solid #f1f1f1;

			  transition: all 0.3s;	
		  }
		  
		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a:hover{
			  background-color:#ed9000;
		  }
/* タグ表示の場合*/
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open{
	background-color:#282835;
	text-align:center;
	padding:0px;
	height:0px;
	overflow:hidden;
}

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul {
	text-align:center;
	padding:20px 20px 10px 20px;
}	 
	
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}	 

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li a{
	display:inline-block;
	background-color:#7a7a82;
	padding:10px ;
	border-radius:5px;
	height:0px
	
	transition: all 0.3s;	
}
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open{
			  height:auto;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li{
			  margin:0 5px 10px 5px;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li a{
			  padding:10px ;
			  background-color:#7a7a82;
			  height:auto;
			  line-height:16px;
			  border:none;
			  
			  transition: all 0.3s;	
		  }	  
		  


/*タブレット用スタイル*/
main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 auto 10px auto;
	width:100%;
}

main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:100%;
	margin:0 0 20px 0;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	background-color:#656570;
}

		  main.list_page div.dropdown_menu div.menu label:hover,
		  main.list_page div.dropdown_menu div.menu label:active{
			   background-color:#656570;
		  }

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
	position:static;
	top:0px;
}

		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a{
			  
		  }
		  
		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a:hover{
			 
		  }
/*------------- 【タブレット表示】TOPICS・研究活動・授業紹介コンテンツ詳細ページ  -------------*/

#sub.detail_page div#titleBox h1{
	width:660px;
}

main#sub.detail_page article div.inner{
	width:660px;
}

main#sub.detail_page article div.sub_info{
	background-color:#fff;
	padding:30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 30px 0;
}

main#sub.detail_page article div.sub_info p.date{
	float:none;
	margin:0 0 15px 0;
}

main#sub.detail_page article div.sub_info ul.category{
	width:100%;
	float:none;
}

main#sub.detail_page article div.sub_info ul.category li{
	color:#fff;
	line-height:30px;
	background-color:#282835;
	float:left;
	padding:0 20px 0 25px;
	font-size:14px;
}

/* スライダー*/
main#sub.detail_page article div.eyecatch{
	width:100%;
	height:calc(500px + 80px);
}

main#sub.detail_page article div.eyecatch div.bx-wrapper{
	height:500px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch{
	height:500px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide{
	height:500px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide a{
	height:500px;
}

main#sub.detail_page article div.detail_body{
	font-size:16px;
	line-height:2em;
	
}

/* 前の記事・次の記事ブロック*/
main#sub.detail_page div.prev_next_nav{
	border-top:1px solid #ccc;
	padding:60px 0;
}

main#sub.detail_page div.prev_next_nav div.inner{
	width:90%;
}

main#sub.detail_page div.prev_next_nav dl{
	width:100%;
	margin:0 0 20px 0;
}

main#sub.detail_page div.prev_next_nav dl dt{
	text-align:center;
}

main#sub.detail_page div.prev_next_nav dl dd{
	width:100%;
}

main#sub.detail_page div.prev_next_nav dl dd a{
	position:relative;
	display:block;
	background-color:#f1f1f1;
	width:calc(100% - 115px);
	height:55px;
}

main#sub.detail_page div.prev_next_nav dl dd a:hover{
	box-shadow: 5px 5px 0 rgba(0,0,0,0.3);
}

		main#sub.detail_page div.prev_next_nav dl.before{
			float:none;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dt{
			text-align:center;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd{
			text-align:left;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after{
			float:none;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dt{
			text-align:center;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd{
			text-align:right;
		}

/* TOPICS詳細 タイトル内カテゴリ */
#sub #titleBox .tagBox {
    padding: 20px 0 0;
}


#sub .local {
	width:100%;
	background:#f1f1f1;
	text-align:center;
	margin:0 0 40px;
}
#sub .local li {
	display:inline-block;
	margin:0 20px;
	padding:20px 0;
}
#sub .local li.on a {
	color:#ff8b07;
}
#sub .section {
	width:90%;
	margin:0 auto 60px;
	clear:both;
	overflow:hidden;
}
/* 学科案内 共通 */
#sub .section .sec-txt {
    margin: 0 auto;
    padding: 0 0 30px;
}
/* 総合法律学科 */
#sub h2.law,
#sub h2.prosp {
	height:auto;
	line-height:25px;
	padding:10px 6px;
}
#sub .section .sec-txt.law,
#sub .section .sec-txt.prosp,
#sub .section .sec-txt.siteinfo,
#sub .section .sec-txt.about {
	margin:0 auto 20px;
	padding: 0 ;
}
#sub .section .sec-txt.law span,
#sub .section .sec-txt.prosp span {
    font-size: 18px;
    padding: 20px 0 0;
}
#sub .section dl {
	width:95%;
	float:none;
	margin:0 auto 20px;
	overflow:hidden;
}

/*総合法律学科　学科概要*/
#sub .section dl.item3 {
    width: 30%;
    float: left;
}


#sub .section p.btn {
	width:80%;
}

#sub h2:before {
	display:none;
}

#otherBox {
	background:#f1f1f1;
	padding:50px 0;
}
#otherBox h3 {
	text-align:center;
	margin:0 0 20px;
	font-size:24px;
	line-height:1.3em;
	font-weight:500;
}
#otherBox h3 span {
	font-size:10px;
}
#otherBox .inner {
	width:90%;
	margin:0 auto;
}
#otherBox .inner ul {
	width:100%;
}
#otherBox .inner ul li {
	width:100%;
	margin:0;
	height:130px;
	background:#fff;
	border-bottom:solid 1px #f1f1f1;
}
#otherBox .inner ul li a {
	display:block;
	height:100%;
	position:relative;
}
#otherBox .inner ul li .photo {
	width:30%;
	height:130px;
	float:left;
	overflow:hidden;
}
#otherBox .inner ul li .photo img {
	height:100%;
	width:auto;
}
#otherBox .inner ul li .pros {
	text-align:center;
}
#otherBox .inner ul li .pros img {
	height:50%;
	padding:15% 0 0;
}
#otherBox li .txt {
	width:60%;
	margin:0 0 0 3%;
	float:left;
}
#otherBox li .txt h4 {
	padding:25px 0 5px;
	font-size:18px;
	margin:0 0 5px;
	position:relative;
	font-weight:600;
}
#otherBox .inner ul li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 55px;
    right: 3%;
    margin: 0;
    color: #ff8b07;
}

#otherBox li.fin {
	/*display:none;*/
}
#otherBox li.fin br {
	display:none;
}
#otherBox li.fin a {
	background:url(../img/dip_other_06.png) no-repeat 0 0;
	background-size:cover;
	text-align:center;
	color:#fff;
}
		#otherBox li.fin.prospective a {
			background:url(../img/dip_other_07_sp.png) no-repeat 0 0;
		}
#otherBox li.fin a h4 {
	padding:25px 0 5px;
	margin:0 0 5px;
	font-size:18px;
	font-weight:600;
}
#otherBox li .txt_fin {
    margin: 0 0 10px;
    line-height: 1.4em;
    padding: 0 110px 0 40px;
    text-align: left;
}
#otherBox .btn_item {
	display:none;
}



/*総合法律学科内ページ下menu*/
#otherBox ul.submenu {
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
#otherBox ul.submenu.prosp {
	margin:0 auto 40px;
}
#otherBox ul.submenu li {
	width:100%;
	margin:0 0 1px;
	height:auto;
	background:#fff;
	position:relative;
	transition:all .3s linear;
}
#otherBox ul.submenu li a {
	display:block;
	height:100%;
	padding:20px 15px;
	font-size:14px;
}
#otherBox ul.submenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    right: 3%;
    margin: 0;
    color: #ff8b07;
}
#otherBox ul.submenu li:hover {
	background:#ff8b07;
	color: #fff;
}
#otherBox ul.submenu li:hover a,
#otherBox ul.submenu li:hover a:before {
	color: #fff;
}

#otherBox ul.banner {
	width:90%;
	margin: 0 auto;
	overflow:hidden;
}
#otherBox ul.banner.prosp {
	margin:-35px auto 50px auto;
}
#otherBox ul.banner li {
	width:100%;
	text-align:center;
}
#otherBox ul.banner li a img{
	width:100%;
}
#otherBox ul.banner li a img.pc{
	display:block !important;
}
#otherBox ul.banner li a img.sp{
	display:none !important;
}


/*------------------------------------ 
 TOPICS 
------------------------------------ */
main #topics {
    width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
#topics .tabs li {
    display: inline-block;
    margin: 0 15px;
	font-size:14px;
}
#topics .tab_content {
    width: 95%;
}
#topics .tab_content li a {
	font-size:14px;
}
#topics .tab_content li .data {
    width: 15%;
	padding:0 2%;
    height: 100px;
	font-size:85% !important;
}
#topics .tab_content li .txt {
    padding: 0 5% 0 3%;
    background: #fff;
}
#topics .tab_content li .data span {
    padding: 2px 0;
    width: 80%;
    margin: 0 auto;
}
#topics .tab_content li a:before {
    font-size: 10px;
    bottom: 38px;
    right: 2%;
    margin: 0 0 0 -6px;
}

/*応用経済学科コースとカリキュラム*/

#curBox {
	border:solid 1px #ffe4c5;
}

.cureitem {
	margin:0 0 40px;
}
#curBox li.name {
    background: #ffe4c5;
    width: 100%;
    float: none;
    font-size: 122%;
    color: #333;
	font-weight:bold;
    position: relative;
    padding: 15px 0;
}
#curBox li.innerArea {
    background: #fff;
    font-size: 100%;
    width: 90%;
	margin:5% auto;
}
.cureitem p.btn {
    width: 100% !important;
}
#curBox .inner .box {
    width: 90%;
    padding: 2% auto;
    border-left: 7px solid #F4B72F;
    background: #EBEBEB;
    margin: 8px 0 15px;
    font-size: 100%;
    line-height: 1.5em;
}

/*  応用経済学科　学科概要  */
div#economy {
    margin: 0 auto !important;
}

div#eco_bg {
    bottom: -40px;
    left: 0;
}
div#eco_bg img {
	width:100%;
}




}
@media screen and (max-width:767px) { 
/*　画面サイズが767pxからはここを読み込む　*/

/*------------- 【スマホ用】タイトル部分  -------------*/
#sub div#titleBox{
	overflow:hidden;
	width:100%;
	min-height:30px;
	height:auto !important;
	padding:130px 0 40px 0;
    min-height: 100%;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
	position:relative;
}
#sub div#titleBox h1 {
	font-size:24px;
	text-align:center;
	margin:0 auto;
	width:90%;
	color:#fff;
	font-weight:500;
	z-index:100;
}
#sub div#titleBox h1 span{
	font-size: 14px;
    display: block;
    padding: 20px 0;
    line-height: 33px;
}

#sub div#titleBox h1 span br{
	display:none;
}
    
#sub div#titleBox div.bread{
	position:absolute;
	top:50px;
	z-index:100;
	font-size:10px;
	padding:0 20px;
}

/* 経法学部について タイトルBG */
/*#titleBox.about {
	background:url(../img/bg_sub_mv02.png) no-repeat 0 0;
	height:300px !important;
}*/

/* 経法学部について タイトル */
/*#sub #titleBox h1.about {
	top:30%;
}
#sub #titleBox h1.about span br {
	display:none;
}*/

/*  TOPICS タイトル */
/*#sub #titleBox h1.topics {
	top:0;
	padding-top:30px;
	width:90%;
}*/
/* TOPICS詳細 タイトル内カテゴリ */
/*#sub #titleBox .tagBox {
    left: 37%;
}

#sub #titleBox .bread {
	width:100%;
	height:20px;
	line-height:20px;
	color:#fff;
	background:rgba(0,0,0,0.59);
	padding:0 15px;
	overflow:hidden;
	font-size:10px;
}
#sub #titleBox {
	width:100%;
	height:auto ;
	min-height:150px;
	padding:50px 0 40px 0;
	background-size:cover;
	position:relative;
}*/

#sub .local {
	margin:0 0 20px;
	font-size:10px
}
#sub .local li {
	display:inline-block;
	margin:0 10px;
	padding:15px 0;
}

#sub h2 {
	background:#47474f;
	height:auto;
	line-height:1.5em;
	width:97%;
	padding:5px 3%;
	color:#fff;
	margin:0 0 30px;
	position:relative;
	font-size:16px;
}

/*------------- 【スマホ用】TOPICS・研究活動コンテンツ一覧ブロック  -------------*/
main #topics {
	width:100%;
	padding:40px 0;
}
main #topics div.inner{
	width:90%;
	margin:0 auto;
}
main #topics h2 {
	font-size:24px;
	margin:0 0 20px 0;
}
#topics ul.list_wrap {
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#topics ul.list_wrap li {
	display:inline-block;
	margin:0 5px 20px 5px;
}
		  #topics ul.list_wrap li.active {
			  
		  }
#topics ul.list_wrap li a {
	padding:5px 10px;
	font-size:12px;
}

#topics ul.list_wrap li.list{
	margin:0 0 20px 0;
	height:auto;
}

#topics ul.list_wrap li.list a{
	width:calc(100% - 40px);
	height:auto;
	padding:20px;
	
}

#topics ul.list_wrap li.list a div.eyecatch{
	width:100px;	
	height:100px;
	margin:0 20px 0 0;
	float:left;
	position:static;
}

#topics ul.list_wrap li.list a div.subinfo{
	margin:0 0 0 0;
	float:left;
	padding:0;
	width:calc(100% - 140px);
}

#topics ul.list_wrap li.list a div.subinfo p.date{
	font-size:12px;
	width:auto;
	float:none;
	line-height:30px;
}

#topics ul.list_wrap li.list a div.subinfo ul.category{
	width:auto;
	float:none;
}

#topics ul.list_wrap li.list a div.subinfo ul.category li{
	line-height:20px;
	font-size:10px;	
	padding:0 10px;
	margin:0;
	float:none;
	display:block;
}
		#topics ul.list_wrap li.list a div.subinfo ul.category li:nth-of-type(2){
			background-image:none;	
		}
		#topics ul.list_wrap li.list a div.subinfo ul.category li:nth-of-type(3){
			background-image:none;	
		}

#topics ul.list_wrap li.list a h3{
	font-size:16px;
	line-height:1.7em;
	clear:both;
	padding:20px 20px 0 0;
}

#topics ul.list_wrap li.list a p.more{
	width:20px;
}
		#topics ul.list_wrap li.list a:hover p.more{
			width:20px;
		}

/*------------- 【スマホ用】TOPICS・研究活動・授業紹介コンテンツ一覧ページアーカイブメニュー部  -------------*/

main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 -12px 30px -12px;
}


main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:498px;
	margin:0 12px;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	display:block;
	cursor:pointer;
	color:#fff;
	background-color:#656570;
	line-height:60px;
	background-image:url();
	text-align:center;
	font-size:16px;
	
	transition: all 0.3s;	
}

		  main.list_page div.dropdown_menu div.menu label:hover,
		  main.list_page div.dropdown_menu div.menu label:active{
			  background-color:#282835;
		  }

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off{
	display:none;
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
    overflow: hidden;
	width:100%;
	position:absolute;
	top:60px;
	padding: 0px;
	height: auto;
	z-index:100;
	
	transition: all 0.3s;	
}


		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open{
			  height: auto;
			  
			  transition: all 0.3s;	
		  }
		  
main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li{
	
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li a{
	display:block;
	color:#fff;
	background-color:#282835;
	line-height:0px;
	background-image:url();
	text-align:center;
	font-size:16px;
	height: auto;
	border-top:0px solid #f1f1f1;
	
	transition: all 0.3s;	
}



		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a{
			  background-color:#282835;
			  line-height:60px;
			  height: auto;
			  border-top:1px solid #f1f1f1;

			  transition: all 0.3s;	
		  }
		  
		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a:hover{
			  background-color:#ed9000;
		  }
/* タグ表示の場合*/
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open{
	background-color:#282835;
	text-align:center;
	padding:0px;
	height:0px;
	overflow:hidden;
}

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul {
	text-align:center;
	padding:20px 20px 10px 20px;
}	 
	
main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li{
	display:inline-block;
	margin:0 5px 10px 5px;
}	 

main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off + div.open ul li a{
	display:inline-block;
	background-color:#7a7a82;
	padding:10px ;
	border-radius:5px;
	height:0px
	
	transition: all 0.3s;	
}
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open{
			  height:auto;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li{
			  margin:0 5px 10px 5px;
			  
			  transition: all 0.3s;	
		  }	   
		  
		  main.list_page div.dropdown_menu div.tag input[type="checkbox"].on-off:checked + div.open ul li a{
			  padding:10px ;
			  background-color:#7a7a82;
			  height:auto;
			  line-height:16px;
			  border:none;
			  
			  transition: all 0.3s;	
		  }	  

/* スマホ用*/

main.list_page div.dropdown_menu{
	text-align:center;
	margin:0 auto 10px auto;
	width:100%;
}

main.list_page div.dropdown_menu div.menu{
	display:inline-block;
	width:100%;
	margin:0 0 2px 0;
	position:relative;
}

main.list_page div.dropdown_menu div.menu label{
	background-color:#656570;
	font-size:14px;
	line-height:60px;
}

		  main.list_page div.dropdown_menu div.menu label:hover,
		  main.list_page div.dropdown_menu div.menu label:active{
			   background-color:#656570;
		  }


main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open{
	position:static;
	top:0px;	
}

main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off + div.open ul li a{
	font-size:14px;
}

		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a{
			 
			  
		  }
		  
		  main.list_page div.dropdown_menu div.menu input[type="checkbox"].on-off:checked + div.open ul li a:hover{
			  
		  }

/*------------- 【スマホ表示】TOPICS・研究活動・授業紹介コンテンツ詳細ページ  -------------*/

#sub.detail_page div#titleBox h1{
	width:90%;
	margin:0 auto;
	font-size:20px;
}

main#sub.detail_page article div.inner{
	width:90%;
}

main#sub.detail_page article div.sub_info{
	background-color:#fff;
	padding:15px 30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 30px 0;
}

main#sub.detail_page article div.sub_info p.date{
	float:none;
	margin:0 0 5px 0;
	line-height:1.5em;
}

main#sub.detail_page article div.sub_info ul.category{
	width:100%;
	float:none;
}

main#sub.detail_page article div.sub_info ul.category li{
	line-height:2em;
	float:none;
	padding:0 20px;
	font-size:14px;
	margin:0;
}

		main#sub.detail_page article div.sub_info ul.category li:nth-of-type(2){
			background-image:none;
		}
		main#sub.detail_page article div.sub_info ul.category li:nth-of-type(3){
			background-image:none;
		}

/* スライダー*/
main#sub.detail_page article div.eyecatch{
	width:100%;
	height:calc(200px + 80px);
}

main#sub.detail_page article div.eyecatch div.bx-wrapper{
	height:200px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch{
	height:200px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide{
	height:200px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide a{
	height:200px;
}

main#sub.detail_page article div.eyecatch ul.slider_eyecatch li.slide span{
	font-size:12px;
	padding:10px;
	width:calc(100% - 20px);
}

main#sub.detail_page article div.detail_body{
	font-size:14px;
	line-height:2em;
	
}

main#sub.detail_page article div.detail_body div.file ul{
	padding:20px 20px 10px 20px;
}

main#sub.detail_page article div.detail_body div.file ul li{
	list-style:none;
	padding:0 0 10px 0;
}

main#sub.detail_page article div.detail_body div.file ul li a{
	font-size:12px;
}

/* ギャラリー2列*/
main#sub.detail_page article div.eyecatch_2column{
	width:100%;
	height:auto;
}

main#sub.detail_page article div.eyecatch_2column ul{
	text-align:left;
}

main#sub.detail_page article div.eyecatch_2column ul li{
	display:inline-block !important;
	width:100%;
	display:block;
	margin:0 0 20px 0;
	position:relative;
	vertical-align:top;
}

main#sub.detail_page article div.eyecatch_2column ul li a{
	display:block;
	width:100%;
	height:265px;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 0 5px 0;
}

main#sub.detail_page article div.eyecatch_2column ul li span{
	font-size:12px;
}




/* ギャラリー1列*/
main#sub.detail_page article div.eyecatch_single ul li{
    width: 100%; 
}

main#sub.detail_page article div.eyecatch_single ul li a{
	display:block;
	width:100%;
	max-width:100%;
	height:100%;
	margin:0 0 5px 0;
}

main#sub.detail_page article div.eyecatch_single ul li a img{
	max-width:100%;
}


/* 前の記事・次の記事ブロック*/
main#sub.detail_page div.prev_next_nav{
	border-top:1px solid #ccc;
	padding:60px 0;
}

main#sub.detail_page div.prev_next_nav div.inner{
	width:90%;
}

main#sub.detail_page div.prev_next_nav dl{
	width:100%;
	margin:0 0 20px 0;
}

main#sub.detail_page div.prev_next_nav dl dt{
	text-align:center;
}

main#sub.detail_page div.prev_next_nav dl dd{
	width:100%;
}

main#sub.detail_page div.prev_next_nav dl dd a{
	position:relative;
	display:block;
	background-color:#f1f1f1;
	width:calc(100% - 115px);
	height:55px;
	font-size:10px;
}

main#sub.detail_page div.prev_next_nav dl dd div.eyecatch{
	width:65px;
	height:65px;
}

main#sub.detail_page div.prev_next_nav dl dd a:hover{
	box-shadow: 5px 5px 0 rgba(0,0,0,0.3);
}

		main#sub.detail_page div.prev_next_nav dl.before{
			float:none;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dt{
			text-align:center;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd{
			text-align:left;
		}
		
		main#sub.detail_page div.prev_next_nav dl.before dd a{
			padding-top:10px;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after{
			float:none;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dt{
			text-align:center;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd{
			text-align:right;
		}
		
		main#sub.detail_page div.prev_next_nav dl.after dd a{
			padding-top:10px;
		}
	  
/*-------------現在表示している一覧タイトル  -------------*/
main.list_page h2.current_page_title{
	background-color:#ddd !important;
	font-size:16px !important;
	line-height:30px !important;
    height: auto !important;
    width: calc(100% - 40px) !important;
    padding: 20px !important;
    color: #333 !important;
    margin: 0 0 30px 0 !important;
}


/* 学科案内 共通 */
#sub .section .sec-txt {
    margin: 0 auto 40px;
    padding: 0 0 30px;
}
#sub .section h3 {
	padding:10px;
	font-size:16px;
	margin:0 0 30px;
	text-align:center;
}

/*応用経済学科　学科概要 */
div#economy h2 {
	
}
div#economy .sec-txt {
	
}
div#economy {
	
}
div#eco_bg {
    
}
div#economy.section div.about_economy {
	padding: 30px;
}
div#economy.section div.about_economy img {
	float:none;
	display:block;
	text-align:center;
	max-width:100px;
	margin:0 auto ;
}
div#economy.section div.about_economy h3 {
    background: none!important;
    color: #ff8b07!important;
    line-height: 1.3em!important;
    font-size: 130%!important;
    margin: 0 0 15px!important;
	padding:20px 0 0 0;
    height: auto !important;
	border:none;
}
div#economy.section div.about_economy p {
	font-size:100%;
}
div#economy.section div.about_economy div.outline {
	border-top:1px dotted #ccc;
	padding:20px 0 ;
	margin-top:20px;
}

div#economy.section div.about_economy div.outline p.txt {
	font-size:100%;
}
div#economy.section div.features {
	border:5px solid #ccc;
	padding:20px 20px 0 20px;
	margin:0 auto 60px auto;
	background:#fff;
}
div#economy.section div.features h2 {
	background-color:#47474f;
	color:#fff;
	margin:-25px -25px 40px -25px !important;
	width:calc(100% + 50px);
	padding:0;
	line-height:3em;
}
div#economy.section div.features section {
	padding:0 0 60px 0;
    border-top: none;
    background-image: none !important;
    background-position: top !important;
    background-repeat: repeat-x !important;
    background-color:transparent !important;
}
div#economy.section div.features section h3 {
	font-size:120%;
	color:#47474f;
	line-height:1.3em;
}
div#economy.section div.features section h3 span {
	display:block;
	background-color:#47474f;
	width:40px;
	height:40px;
	line-height:40px;
	margin:0 auto 10px auto ;
	border-radius:20px;
	text-align:center;
	color:#fff;
	font-size:140%;
}
div#economy.section div.features section h3 strong {
	display:block;
	font-size:140%;
	line-height:1.5em;
}
div#economy.section div.features section h3 strong {
}
div#economy.section div.features section p {
	margin:0 0 20px 0;
}
div#economy.section div.features section p.img {
}
div#economy.section div.features section p.img img {
	
}
div#economy.section div.features section p.btn {
	
}
div#economy.section div.features section p.btn a {
}
div#economy.section div.features section h4 {
	
}
div#economy.section div.features section table {
	
}
div#economy.section div.features section table tbody tr.top th {
	
}
div#economy.section div.features section table tbody tr {
}
div#economy.section div.features section table tbody tr th {
	
}
div#economy.section div.features section table tbody tr td {
	
}
div#economy.section div.features section div.active_learning {
	background-color:#f1f1f1;
	padding:20px 20px 0px 20px;
}
div#economy.section div.features section div.active_learning h4 {
}
div#economy.section div.features section div.active_learning div.block{
	margin:0;
	padding:20px 0;
	border-top:2px dotted #ccc;
}
div#economy.section div.features section div.active_learning div.block.clearfix img {
	max-width:250px;
	width:100%;
	float:none;
	margin:0 0 20px 0;
}
div#economy.section div.features section div.active_learning div.block.clearfix h5 {
	font-size:180%;
	margin:0 0 10px 0;
	color:#47474f;
}
div#economy.section div.features section div.active_learning div.block.clearfix h5 span {
	color:#ff8b07;
}
div#economy.section div.features section div.active_learning div.block.clearfix p {
}
div#economy.section div.features section div.active_learning div.block.clearfix p.btn {
}
div#economy.section div.features section div.active_learning div.block.clearfix p.btn a {
}

/*総合法律学科　学科概要*/
#sub .section .sec-txt.law span.orange {
    padding: 0;
    font-size: 18px;
}

#sub .section dl.item3 {
    width: 95%;
    float: none;
    padding: 10px 0;
}

/* ディプリマポリシー */
.dip_box ul {
	width:calc(100% - 40px);
	margin:0 auto;
	padding: 40px 20px 0 20px;
}
.dip_box li {
	margin:0 0 15px;
	font-size:13px;
	position:relative;
	padding:0 0 15px 60px;
	height:70px;
	display:table;
}
.dip_box li p {
	display:table-cell;
	vertical-align:middle;
	padding:0;
}
.dip_box li span {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;/* width,heightの半分 */
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #ffe4c5;/* 円の色 */
	display:block;
	position:absolute;
	top:0;
	left:0;
	line-height:40px;
	text-align:center;
}
.dip_box li.fin span {
	background:#ff8b07;
	line-height:40px;
}
#otherBox .inner ul li {
	width:100%;
	margin:0;
	height:90px;
	background:#fff;
	border-bottom:solid 1px #f1f1f1;
}
#otherBox .inner ul li a {
	display:block;
	height:100%;
	position:relative;
	overflow:hidden;
}

#otherBox .inner ul li .photo {
	width:25%;
	height:90px;
	float:left;
	overflow:hidden;
}
#otherBox .inner ul li .photo img {
	height:100%;
	width:auto;
	margin:0 0 0 -40px;
}
#otherBox .inner ul li .pros {
	text-align:center;
}
#otherBox .inner ul li .pros img {
	height:50%;
	padding:20% 0 0 30%;
}

#otherBox li .txt {
	width:65%;
	margin:0 0 0 3%;
	float:left;
	font-size:11px;
}
#otherBox li .txt br {
	display:none;
}
#otherBox li .txt h4 {
	padding:13px 0 0;
	font-size:14px;
	margin:0 0 5px;
	position:relative;
	font-weight:600;
}
#otherBox .inner ul li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    bottom: 35px;
    right: 3%;
    margin: 0;
    color: #ff8b07;
}

#otherBox li.fin a h4 {
	font-size:14px;
	padding: 15px 0 5px;
}

#otherBox li .txt_fin {
    padding: 0 40px 0 20px;
	font-size:11px;
}

#otherBox ul.banner li a img.pc{
	display:none !important;
}
#otherBox ul.banner li a img.sp{
	display:block !important;
}

/*------------------------------------ 
 TOPICS 
------------------------------------ */
#topics .tabs li {
    display: inline-block;
    margin: 0 5px;
	font-size:12px;
}
#topics .tab_content li a {
	font-size:12px;
}
#topics .btn a {
    height: 45px;
    line-height: 45px;
    color: #fff;
}


.pros_svg {
	width:100% !important;
}
/*  応用経済学科　学科概要  */
#economy h2 {
	font-size:137%!important;
	margin:0 0 30px!important;
}
#economy .sec-txt {
	font-size:107%!important;
	text-align:left !important;
    padding: 0 0 30px !important;
}
#economy .sec-txt br,
#economy h2 br {
	display:none;
}

div#eco_bg {
	display:none;
}

/* ------------------------------------------------------------ */
/*サブメニューリンク */
/* ------------------------------------------------------------ */
.topics ul.submenu.wide li {
    width: 100%;
}

.topics ul.submenu li a:before {
    bottom: 33%;
}


}


/*------------------------------------ 
トピックステーブル
------------------------------------ */
.contents_body table {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:left;
}
.topics table th {
	padding:10px 15px;
	border:solid 1px #fff;
	background:#ff8b07;
	color:#fff;
}
.topics table td {
	padding:10px 15px;
	border:solid 1px #fff;
	text-align:right;
	background:#f1f1f1;
	color:#333;
	text-align:left;
}
.topics table td.t01 {
	background:#ffe4c5;
}
.topics table {
	font-size:14px;
}


/*------------------------------------ 
サブメニューリンク
------------------------------------ */

.topics ul.submenu {
	width:100%;
	margin:0 auto 20px;
	overflow:hidden;
}

.topics ul.submenu li {
    width: 48%;
    float: left;
    margin: 0 7px 15px;
    height: auto;
    background: #ff8b07;
    position: relative;
    font-size: 18px;
    transition: all .3s linear;
    color: #fff;
}

.topics ul.submenu li a {
	display:block;
	height:100%;
    color: #fff;
    padding: 20px;
}

.topics ul.submenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 33%;
    right: 3%;
    margin: 0;
    color: #fff;
}
.topics ul.submenu li:hover {
	background:#47474f;
	color: #fff;
}
.topics ul.submenu li:hover a {
	color: #fff;
}

.topics ul.submenu.wide {
	margin:0 auto 40px;
}
.topics ul.submenu.wide li {
    width: 80%;
    float: none;
    margin: 0 auto 10px;
    height: auto;
    background: #f1f1f1;
	/*border:1px solid #f1f1f1;*/
   color: #47474f;
}
.topics ul.submenu.wide li a {
    color: #47474f;
}
.topics ul.submenu.wide li a:before {
    color: #47474f;
}

.topics ul.submenu.wide li:hover {
	background:#ff8b07;
	color: #fff;
}
.topics ul.submenu.wide li:hover a {
	color: #fff;
}
.topics ul.submenu.wide li:hover a:before {
    color: #fff;
}

/*------------------------------------ 
よくある質問
------------------------------------ */
div#faq {
}

div#faq ul.page_navi{
	max-width:1024px;
	width:100%;
	margin:0 auto 20px auto;
	text-align:center;
}

div#faq ul.page_navi li{
	display:inline-block;
	margin:0 10px;
}

div#faq ul.page_navi li a{
	display:block;
	background-color:#f1f1f1;
	padding:0 15px;
	line-height:40px;
}

div#faq ul.page_navi li a i{
    margin: -2px 5px 0 0;
    display: block;
    float: left;
    line-height: 40px;
}

div#faq div.section{
	margin-top:-120px;
	padding-top:120px;
}

div#faq ul.faq_menu{

}

div#faq ul.faq_menu li{

}

div#faq ul.faq_menu li label{
	background-color:#efefef;
    color: #333;
    padding:20px 20px 20px 65px;
	font-size:120%;
	font-weight:bold;
	line-height:30px;
    display: block;
	cursor:pointer;
    margin: 10px 0 0 0;
	position:relative;
	
	transition: all 0.5s;
}

div#faq ul.faq_menu li label:before{
	content:"Q";
	display: block;
	background-color:#47474f;
	color:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:15px;
	position:absolute;
	top:20px;
	left:20px;
}

div#faq ul.faq_menu li label:hover{
	background-color:#ddd;
}

div#faq ul.faq_menu li input[type="checkbox"].on-off{
	display: none;
}

div#faq ul.faq_menu li div.answer{
    transition: all 0.3s;
    margin: 0;
	padding:0;
    list-style: none;
	background-color:#ddd;
}

div#faq ul.faq_menu li div.answer p{
	padding: 0 20px 0 65px;
	line-height:30px;
	position:relative;
}

div#faq ul.faq_menu li div.answer p a{
	text-decoration:underline;
}

div#faq ul.faq_menu li div.answer p a:hover{
	/*background-color:rgba(255,255,255,0.4);*/
	color:#f29600;
}

div#faq ul.faq_menu li div.answer p:before{
	content:"A";
	display: block;
	background-color:#f29600;
	color:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:15px;
	position:absolute;
	top:0px;
	left:20px;
}

div#faq ul.faq_menu li input[type="checkbox"].on-off + div.answer{
    height: 0;
    overflow: hidden;
	padding: 0 20px;
}

div#faq ul.faq_menu li input[type="checkbox"].on-off:checked + div.answer{
    height: auto;
	padding: 20px;
}

@media screen and (max-width:767px) { 
div#faq ul.page_navi{
	width:90%
}

div#faq ul.page_navi li{
	display:block;
	margin:0 0 10px 0;
}

div#faq ul.page_navi li a{
	display:block;
	background-color:#f1f1f1;
	padding:0 15px;
	line-height:40px;
	text-align:left;
}
div#faq div.section{
	margin-top:-60px;
	padding-top:60px;
}
}

/*------------------------------------ 
トピックス　画像
------------------------------------ */
.float-img-left img {
    float: left;
    margin: 5px 10px 10px 0;
}
.float-img-right img {
    float: right;
    margin: 5px 0 10px 10px;
}
div.imagebox {
    float: left;
    margin: 5px;
    width: 370px;
}
div.image {
    margin: 0 5px;
    text-align: center;
}
div.caption {
    font-size: 80%;
    line-height: 13px;
    margin: 0 5px;
    text-align: left;
}
div.exp {
    clear: left;
}