@charset "utf-8";
/*==================================================================================================================
リセット
==================================================================================================================*/

/*リセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	/* [disabled]text-align:left; */
	font-weight: normal;
	font-family: HiraKakuProN-W3, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-repeat: no-repeat;
	border: 0 none;
	vertical-align:top;
}



/*==================================================================================================================
再定義
==================================================================================================================*/

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration:none;
}
a:focus, a:hover {
	text-decoration:underline;
}
a:hover img, a:focus img {
	opacity:0.95;
	filter:alpha(opacity=95);
}



/*テーブル
------------------------------------------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing:0;
}

/*リスト
------------------------------------------------------------------------------------------------------------------*/
ol, ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:1.4em;
}
ol li {
	list-style-type:decimal;
	margin:0 0 15px 20px;
	font-size:100%;
	line-height:1.6;
}
dl{font-size:1.4em;}

ol dl{
	font-size:100%;
}
ol dl dt{
	font-weight:bold;
	margin-top:10px;
	color: #0069a3;
}
ol dl dd{}



/* paddingやborderも widthに含める形式に統一
------------------------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }

/*==================================================================================================================
クリア
==================================================================================================================*/
.clear {
	clear:both;
	size:0;
}
.clearfix {
	display: inline-table;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	display:block;
	content:".";
	zoom:1;
}
/* IE6 */
* html .clearfix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


/*==================================================================================================================
フォントに関する基本スタイル
==================================================================================================================*/
/*基本文字サイズ&文字色
------------------------------------------------------------------------------------------------------------------*/
body {
	font-size:62.5%;/*10px相当にリセット*/
	line-height:2;
	color:#4f4946;
}

/*段落*/
p {
	font-size:1.4em;
	margin:0px 0px 15px 0px;/*下部に余白*/
}

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
/*リンク文字色*/
a:link    {color:#0099cc;}
a:visited {color:#0099cc;}
a:hover   {color:#00a9f0;}

/*マーカー＆強調文字色
------------------------------------------------------------------------------------------------------------------*/
/*ラインマーカー*/
.c_mrk {
	background-color:#FCE6D6 ;/*Marker*/
	color:#B5414C;
	padding:3px 10px;
}
/*強調文字色*/
.c_ptv {color:#B5414C;}/*positive*/
.c_pit {color:#900000;}/*point up*/
.c_ngt {color:#457097;}/*negative)*/
.c_off {color:#cac5ba;}/*off*/

.txt_bold{
	font-weight:bold;
}

/*右寄せ*/
.txt_right, .txt_right p {
	text-align:right;
}
/*中央寄せ*/
.txt_center, .txt_center p {
	text-align:center;
}
/*明朝*/
.f_mn {
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:0.3px;
	font-weight: bold;
	color: #000;
}


/*サイズ*/
.txt_big{font-size:2em; line-height:1.5;}
.txt_s{font-size:1.2em; line-height:1.5;}
.txt_ss{font-size:85%;}


/*その他*/
.txt_ind{
	text-indent:-1em;
	padding-left:1em;
}
.txt_ind02{
	text-indent:-2.5em;
	padding-left:2.5em;
}




/*==================================================================================================================
テーブルに関する設定
==================================================================================================================*/
table{
	font-size:1.4em;
	margin-bottom:30px;
}
/*テーブルタイトル*/
caption {
	text-align:left;
	font-weight:bold;
	color:#993300;
}
/*枠線*/
th,td{
	border:1px solid #beb1aa;
	padding:8px 12px;
}
/*背景色*/
th{
	background-color:#F0EFE8;
}
td{
	background-color:#fff;
}

thead th,tfoot th {
	vertical-align:top;
	background-color:#F0EFE8;
	text-align:center;
}
thead td,tfoot td {
	vertical-align:top;
	background-color:#999;
	color:#FFFFFF;
}
tbody th, th {
	vertical-align:top;
	background-color:#F0EFE8;
	text-align:left;
}
tbody td, td {
	vertical-align:top;
}

table.th_center th{text-align:center;}

/*==================================================================================================================
スペースに関する設定
==================================================================================================================*/
.sr_10{margin-right:10px;}
.sr_25{margin-right:25px;}
.sl_0{margin-left:0;}
.sl_30{margin-left:30px;}
.sb_0{margin-bottom:0;}
.sb_10{margin-bottom:10px;}
.sb_20{margin-bottom:20px;}
.sb_30{margin-bottom:30px;}
.sb_40{margin-bottom:40px;}
.st_0{padding-top:0;}
.st_10{padding-top:10px;}
.st_20{padding-top:20px;}
.st_30{padding-top:30px;}
.st_50{padding-top:50px;}


/*==================================================================================================================
画像配置
==================================================================================================================*/
.img_left{float:left;margin:5px 30px 30px 0;}
.img_right{float:right;margin:5px 0 30px 30px;}
.img_bottom{margin:15px 0 0 0;}
.img_center{text-align:center; margin-bottom:30px;}
.float_left{float:left;}
.float_right{float:right;}
.float_none{float: none;}
.left{
	float:left;
	width:360px;
}
.right{
	float:right;
	width:360px;
}


/*==================================================================================================================
その他
==================================================================================================================*/

hr{
	clear:both;
	border:none;
	border-top: 1px dotted #bbb;
	margin:10px 0;
}
hr.hr02{
	clear:both;
	border:none;
	border-bottom:#c8c6c6 3px double;
	margin:10px 0 20px;
}


/*==================================================================================================================
ここからレイアウトに関する設定
==================================================================================================================*/

/*==================================================================================================================
トップページ・サブページに関わらず利用するスタイル
==================================================================================================================*/
#header, #ftr_contact, #footer { min-width:980px; }

.inner { width:980px; margin:0 auto; }

#container{ width:980px; margin:30px auto;}

/*バックグラウンド
------------------------------------------------------------------------------------------------------------------*/
body{}


/*ヘッダー
------------------------------------------------------------------------------------------------------------------*/
#header{
	border-bottom:#cd0414 3px solid;
	padding-top:10px;
}
#header h1, #header p{
	font-size:1.2em;
	margin-top:5px;
}
#hdr_l{
	float:left;
	width:503px;
}
#hdr_r{
	float:right;
	width:395px;
	text-align:right;
}
#hdr_logo{margin-top:0;}

/*レスポンシブテスト用*/
#wrapper #hdr_logo{margin: 20px 0 20px;}
#wrapper #hdr_logo:after{content: ""; display: block; clear: both;}
#wrapper #hdr_logo a:first-child img{float: left;}


#hdr_r ul{
	line-height:1;
	width:350px;
	padding:10px 10px 0;
	margin:0 0 20px auto;
	border:#d6d6d6 1px solid;
	background-color:#f0f0f0;
  border-radius: 20px;        /* CSS3草案 */  
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 20px;   /* Firefox用 */  
}
#hdr_r ul li{
	display:inline-block;
	margin-bottom:0;
	background:url(../images/icon_list_01.png) left top no-repeat;
	padding-left:10px;
	margin-right:10px;
}
#hdr_r ul li a{
	font-size:60%;
	color:#636363;
}
#hdr_r ul li a:hover{text-decoration:none;}
	


/*フォントサイズ変更*/
#cssbutton  {width:200px;margin:5px 0 10px auto;}
#cssbutton li {float:right;height:32px;  overflow:hidden;list-style-position:outside; }
#cssbutton li .on {margin-top:-32px; }


/*ナビげーション
------------------------------------------------------------------------------------------------------------------*/
/*グローバルナビ*/
#gnav{ clear: both;}
#gnav > ul{
	width:980px;
	margin:0 auto;
}
.gnav_li{
	display:inline-block;
	margin-right:-5px;
	width:200px;
	font-size:100%;
	position:relative;
}
.gnav_li > a{
	text-indent:-9999px;
	height:60px;
	display:block;
	background:url(../images/gnav_01.jpg) center center no-repeat;
}
#gmav01{}
#gmav02 > a{background-image:url(../images/gnav_02.jpg);}
#gmav03 > a{background-image:url(../images/gnav_03.jpg);}
#gmav04 > a{background-image:url(../images/gnav_04.jpg);}
#gmav05 > a{background-image:url(../images/gnav_05.jpg);}
#gmav06 > a{background-image:url(../images/gnav_06.jpg);}
.gnav_sub{
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:0;
	font-size:75%;
	width:500px;
	max-height:0;
	overflow:hidden;
	background-color:  rgba(135,5,3,0.75);
	transition: max-height 0s linear;
	-webkit-transition: max-height 0s linear;
	z-index:99;
}
#gmav03 .gnav_sub, #gmav04 .gnav_sub, #gmav05 .gnav_sub { width:200px; }
#gmav05 .gnav_sub { left:auto; right:0; }

/*変更*/
#gmav07 > a{background-image:url(../images/gnav_07.jpg);}
#gmav08 > a{background-image:url(../images/gnav_08.jpg);}
#gmav09 > a{background-image:url(../images/gnav_09.jpg);}
#gmav10 > a{background-image:url(../images/gnav_10.jpg);}
#gmav11 > a{background-image:url(../images/gnav_11.jpg);}
#gmav12 > a{background-image:url(../images/gnav_12.jpg);}

#gmav07 .gnav_sub, #gmav08 .gnav_sub, #gmav10 .gnav_sub, #gmav11 .gnav_sub { width:200px; }
#gmav11 .gnav_sub { left:auto; right:0; }

#gnav > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gnav_li{
	margin-right:0;
	width:163px;
}
#gmav07.gnav_li, #gmav12.gnav_li{width:164px;}




.gnav_li.hov .gnav_sub{
	max-height:1000px;
	padding:0 0 10px 0;
	transition: max-height 0.5s linear;
	-webkit-transition: max-height 0.5s linear;
}
.gnav_sub li{
	border-top:#fff 1px solid;
	display:inline-block;
	width:240px;
	height:40px;
}
.gnav_sub li a{
	padding:12px 15px 8px;
	color:#fff;
	line-height:1.4;
	text-indent:0;
	text-decoration:none;
	display:block;
}
.gnav_sub li a:hover{color:#cb050f; background-color: #F8DAD2;}

/*ページトップ*/
#pagetop{
	display:block;
	position:fixed;
	bottom:30px;
	right:0;
	z-index:100;
}


/*コンテンツ枠組み
------------------------------------------------------------------------------------------------------------------*/
/*全体*/
#wrapper {}

#container:after{content:"";display:block;clear:both;}

/*メインコンテンツ*/
#main{
	width:750px;
	float:left;
}

/*サイドエリア*/
#sub{
	width:200px;
	float:right;
	border:#d6d6d6 1px solid;
	background-color:#f0f0f0;
	padding:10px 0 0 0;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    border-radius: 10px 10px 0 0;  
}


/*ローカルナビ（サブメニュー）*/
.subnav_title{
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:1px;
	background:url(../images/bg_subnav_title.png) bottom center no-repeat;
	padding-bottom:5px;
}
#sub ul{}
#sub ul li{
	background: url(../images/bg_subnav.png) left center no-repeat;
	border-bottom:#fff 1px solid;
	width:198px;
	height:45px;
	display:table;
}
#sub ul a{
	padding:3px 5px 0 15px;
	font-size:60%;
	color:#4f4946;
	display:block;
	width:198px;
	height:45px;
	display:table-cell;
	vertical-align: middle;
	line-height:1.5;
}
#sub ul a:hover{text-decoration:none;}

#sub ul li.sub_on, #sub ul li a:hover{
	background:url(../images/bg_subnav_on.jpg) left center no-repeat;
	border-bottom:#f0f0f0 1px solid;
}
#sub ul li.sub_on a{color:#b60613;}


/*スマホ用メニュー*/
#smt_menu{display: none;}


/*パンくずナビ*/
#breadcrumb {
	background:url(../images/bg_breadcrumb.jpg);
}
#breadcrumb ul{
	width:980px;
	margin:0 auto;
	font-size:80%;
	padding:5px 0;
}
#breadcrumb ul li{
	margin-right:10px;
	display:inline-block;
}
#breadcrumb ul li a{
	background:url(../images/icon_list_03.png) right 4px no-repeat;
	padding-right:20px;
	color:#777;
}
#breadcrumb a:hover{}

/*フッター
------------------------------------------------------------------------------------------------------------------*/
#footer {
	background-color:#f0f0f0;
	padding:30px 0;
}
#footer:after {content:"";display:block;clear:both;}
#footer ul a{color:#333;}
#footer ul.main_list{
	font-size:85%;
	float:left;
	width:225px;
	border-right: 1px dotted #bbb;
	padding-left:15px;
	height:510px;
}
#footer ul.main_list:first-child{ border-left: 1px dotted #bbb;}

#footer ul.main_list li a{font-weight:bold;}
#footer ul.main_list li{
	background:url(../images/icon_list_02.png) left 6px no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}
#footer ul.sub_list li{
	background:none;
	background:url(../images/icon_list_03.png) left 1px no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	line-height:1;
}
#footer ul.sub_list li:first-child{margin-top:10px;}
#footer ul.sub_list li a{
	font-weight:normal;
	font-size:50%;
}
#ftr_info{
	float:right;
	text-align:center;
}
#ftr_info ul{
	float:none;
	text-align:left;
	width:95px;
	margin:50px auto;
}
#ftr_info ul.sub_list li a{font-size:60%;}

#ftr_info #ftr_sns_link {
	position: fixed;
	z-index: 9999;
	width: 50px;
	margin: 0;
	padding: 0;
	right: 3px;
	top: 200px;
}

#ftr_info #ftr_sns_link li:not(:last-child) {
	margin-bottom: 10px;
}

#ftr_info #ftr_sns_link img {
	display: block;
	width: 100%;
	height: auto;
}


/*フッターコンタクト
------------------------------------------------------------------------------------------------------------------*/
#ftr_contact{
	background: url(../images/bg_ftr_contact.jpg) repeat;
	padding:15px 0;
}
#ftr_contact:after {content:"";display:block;clear:both;}
#ftr_contact .inner > p{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	border-bottom:#cacaca 1px solid;
	margin-bottom:15px;
}
#ftr_contact .inner > a{
	float:left;
	margin-top:10px;
}
#ftr_contact ul{
	float:right;
}
#ftr_contact ul li{
	float:left;
	margin-right:15px;
}
#ftr_contact ul > img{
	float:left;
	margin:10px 15px 0 0;
}
#ftr_contact ul li:last-child{margin-right:0;}



/*コピーライト
------------------------------------------------------------------------------------------------------------------*/

#copyright {
	background-color:#2f3437;
	color:#fff;
	text-align:center;
	padding:5px 0;
}


/*==================================================================================================================
トップページに関する設定
==================================================================================================================*/

/*スライダー
------------------------------------------------------------------------------------------------------------------*/
ul#slider{
	text-align:center;
	width:100%;
	height:450px;
	overflow: hidden;
}
#slider_move{
	display:none;
	width:980px;
	margin:0 auto;
	position:relative;
}
#slider_back{
	position:absolute;
	top:-250px;
	left:0;
}
#slider_next{
	position:absolute;
	top:-250px;
	right:0;
}
.bx-pager { margin:3px auto; display:table; }
.bx-pager-item { display:inline-block; margin:0 8px; }
.bx-pager-item a { font-size:0; text-decoration:none; }
.bx-pager-item a:hover{ text-decoration:none;}
.bx-pager-item a:after { font-size:16px; content:"●"; color:#ccc; }
.bx-pager-item a.active:after { font-size:16px; content:"●"; color:#00569B; }
.bx-pager-item a:focus { outline:none; }

ul#slider { text-align:center; width:100%; height: 50vw; overflow: hidden;}
ul#slider li { height: auto;}
ul#slider img { width: 100%; height: auto;}


/*バナー3列
------------------------------------------------------------------------------------------------------------------*/
ul.bnr_area01 li{
	float:left;
	margin:0 25px 25px 0;
	width:310px;
}
ul.bnr_area01 li:nth-child(3n){margin-right:0;}
.bnr2 img{ float:left; max-width: 150px;}
.bnr2 a:last-child img{ float:right;}


/*バナー4列
------------------------------------------------------------------------------------------------------------------*/
ul.bnr_area02{margin-bottom:5px;}
ul.bnr_area02 li{
	float:left;
	margin:0 20px 20px 0;
	width:230px;
}
ul.bnr_area02 li:nth-child(4n){margin-right:0;}


.bnr_area01:after, .bnr_area02:after{content:"";display:block;clear:both;}


/*バナー5列
------------------------------------------------------------------------------------------------------------------*/
.bnr_sp { display: none;}

ul.bnr_area03{margin-bottom:5px;}
ul.bnr_area03 li{
	float:left;
	margin:0 20px 20px 0;
	width:180px;
}
ul.bnr_area03 li:nth-child(5n){margin-right:0;}

ul.bnr_area03:after{content:"";display:block;clear:both;}

ul.bnr_area03 li img{
	width:180px;
	height: auto;
}



/*snsアイコン
------------------------------------------------------------------------------------------------------------------*/

.top_sns { display: none;}


/*ニュース
------------------------------------------------------------------------------------------------------------------*/
#news_area{margin-bottom:25px;}
#news_area:after{content:"";display:block;clear:both;}
#news{
	width:480px;
	border:#c9c9c9 1px solid;
	float:left;
}
#club{
	width:480px;
	border:#c9c9c9 1px solid;
	float:right;
}
#news_area h1{
	background:url(../../images/bg_news_title.jpg) bottom repeat-x;
	text-align:center;
	margin:2px;
	padding:15px 0 15px;
}
#news_area h1 img{margin-bottom:0;}
#news_area ul{ padding:10px 25px 10px; font-size:100%; line-height:1.5; }
#news_area li{ border-bottom: 1px dotted #bbb; padding-bottom:8px; margin-bottom:10px; }

#news_area dl { font-size:100%; display:flex; }
#news_area dt { width:150px; display:block; font-size:100%; height:5em; overflow-y:hidden; text-align:center; }
#news_area dt img{ max-width:100%; height:auto; }
#news_area dd { width:calc(100% - 155px); margin-left:3px; display:block; font-size:100%; white-space:normal; }
#news dd { text-indent:70px; }
#news_area li.topics dd { background:url(../../images/icon_topics.jpg) no-repeat left top; }
#news_area li.news dd { background:url(../../images/icon_news.jpg) no-repeat left top; }
#news_area li.event dd { background:url(../../images/icon_event.jpg) no-repeat left top; }
.infoli dd .type2{ display: inline-block; border: solid 2px currentColor; border-radius: 1em; text-indent: 0; padding-inline: .5em; margin-left: .5em; line-height: 1.1;}
.infoli.st_c01 dd .type2 { color: #f55959;}
.infoli.st_c02 dd .type2 { color: #ffa50f;}
.infoli.st_c03 dd .type2 { color: #e8c400;}
.infoli.st_c04 dd .type2 { color: #9acd32;}
.infoli.st_c05 dd .type2 { color: #1ac23e;}
.infoli.st_c06 dd .type2 { color: #16c2c2;}
.infoli.st_c07 dd .type2 { color: #61b4d6;}
.infoli.st_c08 dd .type2 { color: #669bea;}
.infoli.st_c09 dd .type2 { color: #675eef;}
.infoli.st_c10 dd .type2 { color: #b739db;}




.news_link{ width:190px; margin:0 auto 25px; background-color:#afafaf; text-align:center; }
.news_link a{ color:#fff; display: block; width:190px; height:28px; }
.news_link a:hover{text-decoration:none;}
.news_text { font-size:1.4em; }
.news_text::after { content:""; display:block; clear:both; }
.news_text .i_l { float:left; margin-right:5px; }
.news_text .i_r { float:right; margin-left:5px; }
.news_text .i_c { text-align:center; }
.news_text img { max-width:100%; height:auto; }

/*メッセージ
------------------------------------------------------------------------------------------------------------------*/
#message{
	border:#a8a8a8 1px solid;
	background:url(../../images/index_img_01.jpg) right top no-repeat;
	padding:25px 390px 5px 25px;
	margin-bottom:25px;
}


/*サテライトキャンパス
------------------------------------------------------------------------------------------------------------------*/
ul#campus{
	border:#a8a8a8 1px solid;
	padding:2px;
	background:url(../../images/bg_campus.jpg);
	margin-bottom:25px;
}
ul#campus:after{content:"";display:block;clear:both;}
ul#campus > h1{
	float:left;
	margin:45px 20px 0;
}
ul#campus li{
	float:left;
	margin:20px 18px 20px 0;
	width:260px;
}
	

ul#campus2{
	border:#a8a8a8 1px solid;
	padding:2px;
	width: 480px;
	background:url(../../images/bg_campus.jpg);
	margin-bottom:25px;
	float:left;
}
ul#campus2:after{content:"";display:block;clear:both;}
ul#campus2 > h1{
	text-align: center;
	font-size: 1.6em;
	margin-top:10px;
}
ul#campus2 > h1 img{margin-bottom: 10px;}
ul#campus2 li{
	float:left;
	margin:0 15px 20px 20px;
}
ul#campus2 li:last-child{margin-left:0;}

#bus{
	float: right;
	width: 480px;
}




/*==================================================================================================================
サブページに関する設定
==================================================================================================================*/

/*==================================================================================================================
サブページ共通
==================================================================================================================*/
/*文字
------------------------------------------------------------------------------------------------------------------*/
h1 img{margin-bottom:30px;}
h1{clear:both;}
h1.sh1{
	background: url(../images/bg_h1.jpg) left bottom no-repeat;
	font-size:2.2em;
	font-weight:bold;
	color:#b60613;
	margin-bottom:20px;
	padding:2px 15px 8px;
	line-height:1.4;
}
h1.sh1 a{
	font-weight:bold;
	color:#b60613;
}
h2{
	background:url(../images/bg_h3.jpg) left bottom no-repeat;
	font-size:1.9em;
	padding:0 3px 10px;
	margin:30px 0 20px;
	font-weight:bold;
	line-height:1.4;
	clear:both;
}
h3{
	font-size:1.7em;
	color:#0069A3;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
	clear:both;
}
h4{
	font-size:1.6em;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
	clear:both;
}

.bg01{
	background-color:#0069A3;
	color:#fff;
	padding:5px 15px 4px;
	margin-bottom:15px;
}
.bg02{
	background-color:#A1ADB8;
	color:#fff;
	padding:2px 15px;
}
.bg_h1{
	color:#4f4946;
	font-size:85%;
	padding:0 5px;
	margin-left: 10px;
	vertical-align: baseline;
	font-weight: bold;
}	

/*ボックス
------------------------------------------------------------------------------------------------------------------*/
.photo_area{
	margin-top:20px;
	clear:both;
}
.photo_area2{
	margin-top:10px;
	clear:both;
}

.photo_area:after, .photo_area2:after{content:"";display:block;clear:both;}

.photo_2 img{
	margin:0 30px 30px 0;
	float:left;
}
.photo_2 img:nth-child(even){margin-right:0;}

.photo_3 > img{
	margin:0 15px 15px 0;
	float:left;
}
.photo_3 > img:nth-child(3n){margin-right:0;}
.photo_3 .photo_set{
	width:240px;
	margin-right:15px;
}
.photo_3 .photo_set:nth-child(3n){margin-right:0;}

.photo_4 > img{
	margin-right:10px;
	float:left;
}
.photo_4 > img:last-child{margin-right:0;}
.photo_4 .photo_set{
	width:180px;
	margin-right:10px;
}
.photo_4 .photo_set:nth-child(4n){margin-right:0;}

.photo_5{}
.photo_5 .photo_set{
	width:145px;
	margin-right:6px;
}
.photo_5 .photo_set:nth-child(5n){margin-right:0;}
.photo_set{float:left;}
.photo_set p{
	font-size:1.1em;
	line-height:1.4;
	margin-top:5px;
}

.photo_set2{margin-bottom:20px;}
.photo_set2:after{content:"";display:block;clear:both;}
.photo_set2 img{
	float:left;
	margin-right:20px;
}

.photo_set3:after{content:"";display:block;clear:both;}

.box_right{
	width:480px;
	float:right;
}
.box_left{
	width:240px;
	float:left;
}

/*==================================================================================================================
サブページ個別
==================================================================================================================*/

/*タイケン学園グループについて
------------------------------------------------------------------------------------------------------------------*/
.kakomi_group{
	background-color:#D3D3D3;
	padding:8px;
	margin:0 0 40px;
}
.kakomi_group p{
	border:1px solid #beb1aa;
	background-color:#fff;
	padding:20px 20px 15px;
	margin-bottom:0;
	font-size:2.8em;
	font-weight:bold;
	color: #111;
	line-height:1.5em;
}

.kakomi{
	background-color:#D3D3D3;
	padding:8px;
	margin:30px 0 20px;
}
.kakomi p{
	border:1px solid #beb1aa;
	background-color:#fff;
	padding:20px 20px 15px;
	margin-bottom:0;
	font-size:2em;
	font-weight:bold;
	color: #111;
}


/*魅力
------------------------------------------------------------------------------------------------------------------*/
#bnr_appeal{ margin-bottom:30px;}
#bnr_appeal:after{content:"";display:block;clear:both;}
#bnr_appeal a{
	width:180px;
	float:left;
	margin-right:10px;
}
#bnr_appeal a:last-child{margin-right:0;}
table.gakuhi th, table.gakuhi td{ text-align:center;}
#life{
	background:#d4fbf0;
	padding:8px;
	margin-top:70px;
	position:relative;
}
#life_inner{
	background-color:#fff;
	border:#13b5b1 1px solid;
	padding:10px;
}
#life_inner:after{content:"";display:block;clear:both;}
#life_inner img{
	margin-right:8px;
	float:left;
}
#life_inner img:last-child{margin-right:0;}
#life h3{
	color:#13b5b1;
	text-align:center;
}
#life_title{
	position:absolute;
	top:-22px;
	left:1px;
}
.border{border-bottom: 1px solid;}
.p_0{padding:8px 0;}
/*選べる2スタイル＆3キャンパス
------------------------------------------------------------------------------------------------------------------*/
.style_set01, .style_set02{margin-bottom:20px;}
.style_set_inner:after{content:"";display:block;clear:both;}
.style_set01 .style_title, .style_set02 .style_title{
	padding:12px 15px 0;
	margin:0;
	width:270px;
	font-size:2em;
	line-height:1.2;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    border-radius: 10px 10px 0 0;  
}
.style_set_bg{padding:8px;}
.style_set_inner{padding:10px 25px;}
.style_set01 .style_title, .style_set01 .style_set_bg{background-color:#b6e4e1;}
.style_set02 .style_title, .style_set02 .style_set_bg{background-color:#feeacc;}
.style_set01 .style_set_inner{
	background-color:#fff;
	border:#13b5b1 1px solid;
}
.style_set02 .style_set_inner{
	background-color:#fff;
	border:#f39700 1px solid;
}
.style_set01 h3, .style_set02 h3{
	font-size:2.5em;
	font-weight:bold;
	margin-bottom:10px;
}
.style_set01 h3{color:#13b5b1;}
.style_set02 h3{color:#f39700;}
.style_left{
	float:left;
	width:200px;
}
.style_right{
	float:right;
	width:455px;
}
.style_right .img_right{margin-top:0;}
.schedule{
	font-size:85%;
	padding:10px 10px 5px;
	border:#d6d6d6 1px solid;
	background-color:#FFFAF0;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.schedule:after{content:"";display:block;clear:both;}
.schedule_title{
	line-height:1.4;
	border-bottom:#d6d6d6 3px double;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
}
.style_set01 .schedule{
	float:left;
	width:160px;
}
.style_set01 .schedule dl{margin:0 10px;}	
.style_set01 .schedule dl dt{
	float:left;
	width:35px;
	text-align:right;
}
.style_set01 .schedule dl dd{
	float:right;
	width:70px;
}
.style_set02 .schedule{ margin-bottom:20px;}
	
.style_set02 .schedule dl dt{
	float:left;
	width:50px;
	font-weight:bold;
}
.style_set02 .schedule dl dd{
	float:right;
	width:370px;
}
ul.club_list{
	font-size:100%;
	background-color:#e5f7ff;
	padding:10px 10px 10px 25px;
	margin-bottom:20px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
ul.club_list li{
	width:140px;
	display: inline-block;
}


/*学長
------------------------------------------------------------------------------------------------------------------*/
ul#list_post{
	font-size:80%;
	background-color:#f0f0f0;
	padding:10px;
	margin-top:20px;
}


/*サテライトキャンパス
------------------------------------------------------------------------------------------------------------------*/
.kakomi_01, .kakomi_02, .kakomi_03{
	padding:15px 15px 0;
	width:240px;
	float:left;
	min-height:300px;
}
.kakomi_01{border:#facd89 3px double;margin-right:15px;}
.kakomi_02{border:#a5e2ce 3px double;margin-right:15px;}
.kakomi_03{border:#f0c8d1 3px double;}
.kakomi_01 h3, .kakomi_02 h3, .kakomi_03 h3{
	font-size:1.6em;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
	padding-top:3px;
	line-height:1.5;
	color:#4f4946;
}
.kakomi_01 h3{background-color:#f9deb6;}
.kakomi_02 h3{background-color:#b6eddb;}
.kakomi_03 h3{background-color:#f8d9e0;}

/* 20171106追記 */

.satellite_t_img img {
	width: 32%;
	height: auto;
	padding: 0;
	margin: 0 2% 15px 0;
	display: block;
	float:left;
}
.satellite_t_img img:last-child { margin-right: 0;}


/*学園グループスポーツ実績
------------------------------------------------------------------------------------------------------------------*/
dl.jisseki{margin:10px 0 30px;}
dl.jisseki:after{content:"";display:block;clear:both;}
dl.jisseki dt{
	width:130px;
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}
dl.jisseki dd{
	width:600px;
	float:right;
	margin-bottom:5px;
}



/*国際交流
------------------------------------------------------------------------------------------------------------------*/
td.p1{padding:1px;}



/*運動部＆研究部の紹介
------------------------------------------------------------------------------------------------------------------*/
.box_right h4{
	font-size:1.5em;
	font-weight:bold;
	border-bottom: 1px dotted #bbb;
	margin-bottom:5px;
	clear:both;
}
.box_right .img_left{
	width:100px;
	margin-right:10px;
}
.message_box{
	clear:both;
	background-color:#e5f7ff;
	padding:5px 20px 1px;
	margin-bottom:20px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.message_box img{float:none;}

ul#list_link{
	margin:0 0 20px 10px;
	font-size:100%;
}
ul#list_link li{
	display:inline-block;
	width:180px;
	background:url(../images/icon_list_06.png) left 8px no-repeat;
	padding-left:10px;
}
dl.club_sch{
	font-size:1.2em;
	background-color:#f0f0f0;
	padding:10px 10px 0;
	margin-bottom:30px;
}
dl.club_sch:after{content:"";display:block;clear:both;}
dl.club_sch dt{
	float:left;
	width:50px;
	text-align:right;
	line-height:1.5;
	margin-bottom:10px;
}
dl.club_sch dd{
	float:right;
	width:160px;
	line-height:1.5;
	margin-bottom:10px;
}
.txt_box{
	width:360px;
	float:right;
}
dl.club_sch p{
	font-size:100%;
	line-height:1.5;
	padding-bottom:10px;
}


/*寄贈図書
------------------------------------------------------------------------------------------------------------------*/
.book_set_l{
	width:365;
	float:left;
	margin-bottom:20px;
	}
.book_set_r{
	width:365;
	float:right;
	margin-bottom:20px;
	}
.book_set_l .txt_box, .book_set_r .txt_box{width:200px;}
.book_set_l .img_left, .book_set_r .img_left{margin-right:10px;}
.book_set_l h3, .book_set_r h3{
	font-size:1.5em;
	line-height:1.5;
	padding-top:5px;
	margin-bottom:10px;
	}
.book_set_l p, .book_set_r p{line-height:1.5;}

/*レスリング部紹介
------------------------------------------------------------------------------------------------------------------*/
.pr_set{
	background-color:#e5f7ff;
	padding:20px;
	margin-bottom:30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.pr_set dl:after{content:"";display:block;clear:both;}
.pr_set dl dt{
	float: left;
	width: 80px;
	background-color: #0069A3;
	color: #fff;
	text-align: center;
	line-height: 1.8;
	font-size: 90%;
	margin: 0 15px 15px 0;
	padding-top: 2px;
}
.pr_set dl dd{
	float: left;
}



/*スポーツプロモーション学部　概要
------------------------------------------------------------------------------------------------------------------*/
#course_waku{margin:10px 0 30px;}
#course_waku:after{content:"";display:block;clear:both;}
/* 3列 */ 
.course_set{
	font-size:97%;
	background-color:#FFFAF0;
	width:240px;
	margin-right:15px;
	float:left;
	border:1px solid #AFAAAB;
	min-height:290px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox */  
}
#course_waku .course_set:last-child{ margin-right:0;}
.course_set p:last-child{
	padding:10px 10px 0;
	margin-bottom:0;
}
/* 2列 */ 
.course_set_l, .course_set_r{
	font-size:97%;
	background-color:#FFFAF0;
	width:48%;
	border:1px solid #AFAAAB;
	min-height:250px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox */  
}
.course_set_l{float:left;}
.course_set_r{float: right;}
.course_set_l p:last-child, .course_set_r p:last-child{
	padding:15px 20px 0;
	margin-bottom:0;
}


.course_title{
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	font-size:1.6em;
	line-height:1.4;
	min-height:50px;
	margin-bottom:0;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;  
}
.c01{ border-color:#f8b551;}
.c01 .course_title{background-color:#f8b551;}
.c02{ border-color:#32c8b5;}
.c02 .course_title{background-color:#32c8b5; padding:15px 10px 0;}
.c03{ border-color:#36b3ec;}
.c03 .course_title{background-color:#36b3ec; padding:15px 10px 0;}


/*履修モデル
------------------------------------------------------------------------------------------------------------------*/
dl.mokuhyo{
	margin:10px auto 30px;
	width:700px;
}
dl.mokuhyo:after{content:"";display:block;clear:both;}
dl.mokuhyo dt{
	width:60px;
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}
dl.mokuhyo dd{
	width:630px;
	float:right;
	margin-bottom:5px;
}


/*教員紹介
------------------------------------------------------------------------------------------------------------------*/
.teach .box_right{
	width:600px;
	font-size:120%;
}
.teach .box_right h4{
	line-height:1.6;
	margin-bottom:10px;
}
.teach{
	border-bottom: 1px solid #bbb;
	margin-bottom:20px;
}
.teach .img_left{margin-bottom:25px;}


/*教育サポート体制
------------------------------------------------------------------------------------------------------------------*/
ul.support_list{
	font-size:100%;
	background-color:#e5f7ff;
	padding:10px 10px 10px 40px;
	margin-bottom:30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
ul.support_list li{
	list-style:circle;
	font-weight:bold;
}


/*キャリアサポート体制
------------------------------------------------------------------------------------------------------------------*/
ul.career_list{
	font-size:100%;
	margin-bottom:30px;
}
ul.career_list:after{content:"";display:block;clear:both;}
ul.career_list li{
	width:230px;
	list-style:circle;
	font-weight:bold;
	float:left;
	margin-left:20px;
}


/*資格の取得
------------------------------------------------------------------------------------------------------------------*/
.img_border{border:#d6d6d6 1px solid;}
.voice_set h2, .voice_set02 h2{
	background:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:5px;
}
.voice_set, .voice_set02{
	margin:0 0 20px;
	position:relative;
}
.voice_set h3{
	font-size:2.5em;
	color:#f39700;
	margin:10px 0 20px 160px;
}
.voice_set .style_set_inner{
	background-color:#fff;
	border:#f39700 1px solid;
}
.voice_set02 .style_set_inner{
	background-color:#fff;
	border:#fb5e63 1px solid;
}
.voice_set .txt_box, .voice_set02 .txt_box{
	width:400px;
}
.voice_set h4{
	clear:both;
	font-size:1.7em;
	font-weight:bold;
	margin:50px 0 10px;
	border-bottom:#c8c6c6 3px double;
}
.voice_set{background-color:#feeacc;}
.voice_set02{background-color:#fdd8da;}
	

/*企業からのエール
------------------------------------------------------------------------------------------------------------------*/
dl.company:after{content:"";display:block;clear:both;}
dl.company{
	padding:15px 15px 10px;
	border:#d6d6d6 1px solid;
	background-color:#f0f0f0;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
dl.company dt{
	float:left;
	width:75px;
}
dl.company dd{
	float:right;
	width:360px;
}
.box_company{
	width:470px;
	float:right;
}
	


/*入試情報
------------------------------------------------------------------------------------------------------------------*/
ul.download{
	font-size:100%;
	margin-bottom:30px;
}
ul.download li{
	background: url(../../admission/images/icon_pdf.jpg) left center no-repeat;
	padding-left:25px;
	margin-bottom:10px;
}
table.ad{ font-size:1.2em;}
table.ad th,table.ad td{vertical-align: middle;}
table.ad th{text-align:center;}
.bg_pdf{
	background: url(../../admission/images/icon_pdf.jpg) left center no-repeat;
	padding-left:25px;
}



#wp_list{
	background-color:#e5f7ff;
	padding:20px;
	margin-bottom:20px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#wp_list:after{content:"";display:block;clear:both;}
#wp_list ul{
	font-size:100%;
	width:300px;
	float:right;
}
#wp_list ul li{
	list-style:disc;
}
#wp_list .img_left{width:350px;}
#wp_list .img_left img{margin-bottom:15px;}



/*体験授業
------------------------------------------------------------------------------------------------------------------*/
.kakomi_taiken{
	background-color:#D3D3D3;
	padding:8px;
	margin:30px auto 20px;
	width:90%;
	clear:both;
}
.kakomi_taiken_inner{
	border:1px solid #beb1aa;
	background-color:#fff;
	padding:20px 20px 15px;
	margin-bottom:0;
}
.kakomi_taiken_inner p{
	font-weight:bold;
}




/*関連リンク
------------------------------------------------------------------------------------------------------------------*/
dl#dl_link{
	width:90%;
	margin:0 auto;
}
dl#dl_link:after{content:"";display:block;clear:both;}
dl#dl_link dt{
	float:left;
	margin:0 15px 5px 0;
	padding:5px 0 5px 15px;
	background:url(../images/icon_list_07.png) left 13px no-repeat;
}
dl#dl_link dd{
	float:left;
	padding:5px 0;
}
dl#dl_link dd img{
	margin:-7px 0 0 20px;
}


/*アクセス
------------------------------------------------------------------------------------------------------------------*/
.cam_left{
	width:370px;
	float:left;
}
.cam_right{
	width:350px;
	float:right;
}
.cam_left img, .cam_right img{margin-bottom:15px;}
.box_add{
	border:#d6d6d6 3px double;
	padding:15px 20px;
}


/*サイトマップ
------------------------------------------------------------------------------------------------------------------*/
ul.sitemap{
	font-size:100%;
}
ul.sitemap > li{
	background:#b60613;
	color:#fff;
	width:350px;
	padding:3px 10px;
	margin-bottom:10px;
}
ul.sitemap > li a{color:#fff;}
	
ul.sitemap_sub{
	margin-left:15px;
	font-size:100%;
	margin-bottom:10px;
}
ul.sitemap_sub li{
	background:url(../../about/images/icon_arrow.gif) left 7px no-repeat;
	padding-left:15px;
}




/*新着情報
------------------------------------------------------------------------------------------------------------------*/
#topics_selector{
	font-size:1.4em;
	text-align:center;
}
#topics_selector label{ margin-right:30px;}
#topics_selector label:last-child{margin-right:0;}
#topics_list{ font-size:100%; margin-top:20px; }
#topics_list li{ margin-bottom:10px; border-bottom: 1px dotted #bbb; padding-bottom:10px; }


#topics_list dl { font-size:100%; display:flex; }
#topics_list dt { width:150px; display:block; font-size:100%; height:5em; overflow-y:hidden; text-align:center; }
#topics_list dt img{ max-width:100%; height:auto; }
#topics_list dd { width:calc(100% - 155px); margin-left:3px; display:block; font-size:100%; text-indent:70px; line-height:1.5;  }
#topics_list li.topics dd { background:url(../../images/icon_topics.jpg) no-repeat left top; }
#topics_list li.news dd { background:url(../../images/icon_news.jpg) no-repeat left top; }
#topics_list li.event dd { background:url(../../images/icon_event.jpg) no-repeat left top; }
#topics_list li.club dd { background:url(../../images/icon_club.jpg) no-repeat left top; }
#topics_list dd a{ margin-left:10px; }

#news_nav { margin:30px 0; font-size:1.4em; text-align:center; }
.news_detail { font-size:1.4em; }
.news_detail img{margin:20px 0;}
.news_detail img.i_l{ float:left; margin:20px 20px 20px 0;}
.news_detail img.i_r{ float:right; margin:20px 0 20px 20px;}
.news_detail img.i_c{ display:block; margin:20px auto;}
.news_detail:after {content:"";display:block;clear:both;}


/*フォーム
------------------------------------------------------------------------------------------------------------------*/
#sform input, #sform option { padding:5px; }
#sform th, #sform td { vertical-align:middle; }
#sform .needMark::before { content:"*"; color:#f00; margin-left:5px; }
#sform .emes { font-size:1.4em; margin-bottom:10px; }
#sform .emes li { color:red; font-size:75%; line-height:1.3; }
#sform .formIp, #sform .formVp { margin-right:3px; }
#sform .formOv, #sform .formIe, #sform .formVe { margin-left:3px; }
#sform .formNe { font-size:90%; line-height:1.3; }
#sform .txs { width:6em; }
#sform .txt { width:16em; }
#sform .txl { width:90%; }
#sform .nms { width:3em; }
#sform .num { width:6em; }
#sform textarea { width:90%; height:5em; }
#sform .form_navi input { margin-right:30px; }
#sform .form_navi input:last-child { margin-right:0; }

/*大学チャンネル
------------------------------------------------------------------------------------------------------------------*/
.kakomi_yt {
    padding: 8px 15px;
    margin-bottom: 30px;
}


.catch{position: relative;}
.catch_img{
	position: absolute;
	left: -6px;
	top: -6px;
}

/*アカデミー
------------------------------------------------------------------------------------------------------------------*/
.academy_box{
	text-align: center;
	clear:both;
	background-color:#e5f7ff;
	padding:20px 30px;
	margin-bottom:20px;
  	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.academy_box:after{content: "";display: block;clear: both;}
.academy_box ul{ margin-left: 20px;}
.academy_box ul li{font-size:105%; font-weight: bold;}
.academy_box ul li span{font-size: 100%;}
.academy_box div{width: 47%;}
.academy_box div:first-child{float: left;}
.academy_box div:last-child{float: right;}
.academy_box div p{
	margin-bottom: 0;
	font-size:1.5em;
	font-weight: bold;
	color:#0069A3;
}


/*ポリシー
------------------------------------------------------------------------------------------------------------------*/
.policy a{
	font-size:1.4em;
}



/*2017.11.24追記【研究活動における不正行為対応窓口】
------------------------------------------------------------------------------------------------------------------*/
.injustice dl dt{
    width: 85px;
    display: inline-block;
}
.injustice dl dt:after{
	content:"：";
}
.injustice dl dd{
	display: inline-block;
    width: calc(100% - 90px);
}
.txt_ind{
	text-indent: -1em;
    padding-left: 1em;
}



/*大学機関別認証評価
------------------------------------------------------------------------------------------------------------------*/
.img_small{width:22.5%;}
.img_small img{width:100%;}





/*練習会*/
.bnr_bb{
	margin-bottom:30px;
}
.bnr_bb .smt{
	display:none;
}
.bnr_taiken{
	margin-bottom:30px;
}
.bnr_taiken .smt{
	display:none;
}
ul.photo_2col{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
ul.photo_2col li{
	width:48.5%;
	display:inline-block;
	margin:0 0 20px;
}
ul.photo_2col li img{
	width:100%;
	max-width:375px;
	height:auto;
}




/*寄贈図書　文庫
------------------------------------------------------------------------------------------------------------------*/
.library_box{
	margin-bottom: 50px;
}
.library_box li, .library_box li .txt_area > dd dl{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.library_box li{

}
.library_box li h2{
	font-size: inherit;
	width:100%;
}
.library_box li .img_area{
	width: 200px;
}
.library_box li .img_area img{
	width:100%;
}
.library_box li .txt_area{
	width: calc(100% - 200px - 30px);
	font-size: 14px;
}
.library_box li  .txt_area > dt{

}
.library_box li .txt_area > dd{

}
.library_box li .txt_area > dd dl{
	font-size: 14px;
    max-width: 200px;
    border-top: 1px #ccc dotted;
}
.library_box li .txt_area > dd dt, .library_box li .txt_area > dd dd{
	width:50%;
	border-bottom: 1px #ccc dotted;
}
.library_box li .txt_area > dd dt{
}
.library_box li .txt_area > dd dd{
	text-align: right;
}
.dib{
	display: inline-block;
}
.library .kakomi{
	margin-left: 20px;
    border: 3px #ccc double;
    background: no-repeat;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 110%;
    display: inline-block;
    vertical-align: baseline;
}

@media (max-width:999px) {
	.library_box{padding: 0 2%;}
}



/*20181213追記
------------------------------------------------------------------------------------------------------------------*/
.box_left .ttl{
	margin-bottom: 0;
	text-align: center;
}
.box_right .bold{
    font-size: 1.6em;
    font-weight: bold;
    color: #b60613;
    border: 1px #b60613 solid;
    padding:0.25em 0.5em;
    /*height: 35px;*/
    line-height:1.4;
}




/*20190509追記
------------------------------------------------------------------------------------------------------------------*/
.map_wrap{
	position: relative;
}

.map_wrap li a:hover{
	opacity: 0.8;
}

.map_wrap li{
	position: absolute;
}

.map_wrap .no01{
	top: 43%;
	right: 2%;
}

.map_wrap .no02{
	top: 10%;
	left: 21%;
}
.map_wrap .no03{
	top: 36%;
	left: 14%;
}

.map_wrap .no04{
	top: 45%;
	right: 25%;
}
.map_wrap .no05_1{
	top: 41%;
	left: 36%;
}
.map_wrap .no05_2{
	top: 20%;
	right: 24%;
}
.map_wrap .no05_3{
	top: 33%;
	right: 25%;
}
.map_wrap .no06{
	top: 57%;
	right: 17%;
}
.map_wrap .no07{
	top: 88%;
	right: 1%;
}
.map_wrap .no08{
	top: 75%;
	right: 21%;
}
.map_wrap .no09{
	top: 73%;
	left: 30.8%;
}
.map_wrap .no10{
	top: 87%;
	left: 36%;
}
.map_wrap .no11{
	top: 16%;
	right: 37%;
}
.map_wrap .no12{
	top: 51%;
	left: 22%;
}
.map_wrap .no13{
	top: 64%;
	left: 10%;
}

/*20190531追記（トップページFacebook）
------------------------------------------------------------------------------------------------------------------*/
.message190529 { width: 480px; padding: 190px 0 0!important;/* background-size: cover!important; background-position: top -70px center!important;*/ float: left; clear: both;}
.message190529 p { margin-bottom: 0; padding: 25px; background: #fff;}
.fb-page { width: 480px; float: right; margin-bottom: 20px;}
.fb-container { width: auto;}
.fb_smt { display: none;}


/*20190710追記*/
ul.oc_club_img {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

ul.oc_club_img li {
	width: 32%;
	margin: 0.5%;
}

ul.oc_club_img li img {
	width: 100%;
	height: auto;
}


/*20190722追記*/
.taiken_img{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom:10px;
}
.taiken_img li{
	width:49%;
	margin-bottom:15px;
}
/*
.taiken_img li:nth-last-of-type(-n+3){
	width:32%;
}
*/
.taiken_img li img{
	max-width:100%;
}




/*20190924追記*/
.kakomi_taiken_inner.normal li{
    font-weight: bold;
}
.kakomi_taiken_inner.normal p{
    font-weight: normal;
    font-size: 100%;
}

@media (max-width: 499px) {
	.kakomi_taiken{width: 95%;padding: 5px;}
	.kakomi_taiken_inner{padding: 15px 15px 10px 10px;}
}



.bnr{
    margin: 30px auto;
}


/*20200916追記*/
.mapBox{
	width: 100%;
    max-width: 350px;
    border: 1px #ccc solid;
    padding: 2px;
}


/*20201025 刊行書*/

/* -----アコーディオン----- */
/*ボックス全体*/
.accbox {
    max-width: 100%;/*最大幅*/
    margin-bottom: 50px;
}

/*ラベル*/
.accbox label {
    display: block;
    /*margin: 1.5px 0;*/
    cursor :pointer;
    transition: all 0.5s;
    position: relative;
    padding-bottom:30px;
}

/*アイコンを表示*/
.accbox label:before {
    content: "続きを読む \0025be";
	position: absolute;
    right: 0;
    bottom:0;
    font-size: 1em;
    height: 18px;
    margin: auto;
    line-height:18px;
    background: #565656;
    color: #fff;
    padding: 5px 10px;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding:0;
    opacity: 1;
}

.accbox .accshow p {
    font-size: 14px;
    padding-top: 5px;
    margin-bottom: 0;
    text-align: justify;
	text-justify: inter-ideograph;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content:"閉じる \0025b4";
}



/* -----アコーディオン　ここまで----- */


.publication .library_box{
    margin: 40px auto;
}
.publication .library_box li h2{
    margin-top: 0;
}
.publication .library_box li h2 span{
	font-size: 1.6rem;
    display: block;
    margin-top: 10px;
}
.publication .library_box li .summary{
    font-size: 75%;
    margin-bottom: 10px;
}
.publication .library_box li dt{
    background: #f0f0f0;
    padding-left: 10px;
    margin-bottom: 10px;
}
.publication .kakomi{
	border: 1px #ccc solid;
    padding: 15px;
    max-width: 300px;
    margin-left: 15px;
    background: none;
}
.publication .library_box li .img_area{
	order: 1;
}
.publication .library_box li .txt_area{
	order: 2;
}
.publication .library_box li .txt_area > dd dl{
	border-top: none;
    display: inherit;
    max-width: inherit;
}
.publication .library_box li .txt_area > dd dt {
    width: 100%;
    border: none;
    background: no-repeat;
    padding: 0;
    font-weight: bold;
}
.nomList{
    padding-left: 0.5em;
}
.nomList li{
	display: inherit;
    width: 100%;
    margin: 0 0 10px;
    line-height: 1.5;
    font-size: 14px;
    padding-left: 1.5em;
    text-indent: -1.3em;
}
.publication .library_box li .txt_area > dd .detail{
    margin-top: 10px;
}
.publication .library_box li .txt_area > dd .detai dt{

}
.publication .library_box li .txt_area > dd .detail dd{
    text-align: left;
    border: none;
    width: 100%;
}

@media (max-width:799px) {
	.publication .library_box li .img_area{width: 25%;}
	.publication .library_box li .txt_area{width:calc(100% - 25% - 3%);}
	.publication .library_box li h2 span{font-size: 1.4rem;margin-top: 5px;}
}


@media (max-width:499px) {
	.publication .library_box li .img_area, .publication .library_box li .txt_area{width:100%;}
	.publication .library_box li .img_area{max-width: 180px;margin: 0 auto 20px;order: 2;}
	.publication .library_box li .txt_area{order: 1;}
	.publication .library_box li h2{margin-bottom: 10px;}
	.publication .library_box li h2 span{font-size: 1.2rem;}
	.publication .library_box li .accbox{margin-bottom: 20px;}
	.publication .library_box > li{margin-bottom: 20px;}
}


.smt_bnr09, .smt_bnr10{display:none;}





/*投稿
------------------------------------------------------------------------------------------------------------------*/
.post_navi{
	text-align: center;
	font-size: 14px;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
}
.post_navi a{
	display: inline-block;
    margin: 0 1em;
}





/* 寄贈図書　文庫 */

.library_box li h2.flex { display: flex; flex-wrap: wrap; align-items: center; margin-top: clamp( 30px, 4vw, 50px );}
.library_box li h2.flex .lib_name { font: inherit; margin-right: 0.5em;}
.library_box li h2.flex .prof_link { margin: 0 0 0 auto;}
.library_box li h2.flex .prof_link a { display: block; position: relative; font-size: 12px; line-height: 1; padding: 0.3em 1.3em 0.3em 0.5em; border-radius: 3px; text-decoration: none; transition: 0.3s;}
.library_box li h2.flex .prof_link a::after { content: "\025b6"; font-size: 10px; position: absolute; right: 0.3em; top: calc( 50% - 0.5em );}
.library_box li h2.flex .prof_link a:link, .library_box li h2.flex .prof_link a:visited { color: #fff; background: #224a86;}
.library_box li h2.flex .prof_link a:hover, .library_box li h2.flex .prof_link a:active { color: #fff; background: #4577c1;}
.donor_img { margin-bottom: 10px;}
.library_box .count { font-size: 14px; width: 100%; max-width: 200px;}
.library_box .count dd { border-top: 1px #ccc dotted; display: flex; flex-wrap: wrap; justify-content: space-between;}
.donation_list { width: 100%;}
.donation_list li { font-size: 14px; display: flex; flex-wrap: wrap; margin-top: 5px; border-top: 1px #ccc dotted; padding-top: 5px; padding-left: 1.3em; position: relative;}
.donation_list li::before { content: "\025a0"; color: #99aece; position: absolute; left: 0; top: 5px;}
.donation_list li .book_data { margin-left: auto;}